:root{
    --d-bg:#050a14;
    --d-panel:#07111f;
    --d-card:#0b1829;
    --d-card-2:#0f2238;
    --d-logo:#344252;
    --d-logo-light:#8fa4b7;
    --d-text:rgba(235,244,255,.9);
    --d-muted:rgba(235,244,255,.62);
    --d-line:rgba(235,244,255,.1);
}

body,
.page-wrap{
    background:#f3f7fb!important;
    color:#102033!important;
}

.pc-header,
.pc-header.fx{
    background:rgba(5,10,20,.96)!important;
    background-color:rgba(5,10,20,.96)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.3)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
}

.pc-header .nav{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin-right:26px!important;
}

.pc-header .nav li{
    float:none!important;
    margin-right:0!important;
    position:relative!important;
}

.pc-header .nav li>a,
.pc-header.fx .nav li>a{
    height:100px!important;
    line-height:100px!important;
    padding:0 15px!important;
    color:rgba(235,244,255,.88)!important;
    font-size:26px!important;
    font-weight:900!important;
    letter-spacing:1.8px!important;
    position:relative!important;
}

.pc-header .nav li>a:before,
.pc-header .nav li.current>a:before,
.pc-header .nav li:hover>a:before{
    display:none!important;
}

.pc-header .nav li.current>a,
.pc-header .nav li:hover>a,
.pc-header.fx .nav li.current>a,
.pc-header.fx .nav li:hover>a{
    color:var(--d-logo-light)!important;
}

.pc-header .nav li.current>a:after,
.pc-header .nav li:hover>a:after{
    content:""!important;
    position:absolute!important;
    left:22px!important;
    right:22px!important;
    bottom:28px!important;
    height:2px!important;
    background:var(--d-logo)!important;
    border-radius:2px!important;
}

.pc-header .nav li div{
    display:none!important;
    position:absolute!important;
    top:92px!important;
    left:0!important;
    width:196px!important;
    margin-left:0!important;
    padding:8px!important;
    background:var(--d-panel)!important;
    border:1px solid rgba(52,66,82,.55)!important;
    border-radius:10px!important;
    box-shadow:0 20px 46px rgba(0,0,0,.34)!important;
}

.pc-header .nav li:hover div{
    display:block!important;
}

.pc-header .nav li div:before{
    content:""!important;
    position:absolute!important;
    top:-6px!important;
    left:24px!important;
    width:12px!important;
    height:12px!important;
    background:var(--d-panel)!important;
    border-left:1px solid rgba(52,66,82,.55)!important;
    border-top:1px solid rgba(52,66,82,.55)!important;
    transform:rotate(45deg)!important;
}

.pc-header .nav li div a{
    height:auto!important;
    line-height:28px!important;
    padding:11px 14px!important;
    border-bottom:0!important;
    border-radius:6px!important;
    color:rgba(235,244,255,.78)!important;
    font-size:20px!important;
    font-weight:800!important;
    text-align:left!important;
}

.pc-header .nav li div a:hover{
    background:#121d2a!important;
    color:#d7e0e8!important;
}

.pc-header .tel,
.pc-header.fx .tel{
    display:block!important;
    width:242px!important;
    height:48px!important;
    line-height:1!important;
    margin-top:29px!important;
    padding:0 0 0 52px!important;
    border:0!important;
    border-radius:0!important;
    background:url(/Public/home/images/d-theme/mtel.jpg) left top/auto no-repeat!important;
    color:rgba(235,244,255,.88)!important;
    font-size:22px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    text-align:left!important;
    box-sizing:border-box!important;
}

.pc-header .tel:before,
.pc-header.fx .tel:before{
    content:"装修报价咨询热线："!important;
    display:block!important;
    margin:0 0 6px!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:300!important;
    line-height:16px!important;
}

.home-plan,
.home-case,
.home-quality,
.home-comment,
.tszh-node-box,
.pc-footer,
.cankao-process{
    background:#07111f!important;
    background-color:#07111f!important;
    color:var(--d-text)!important;
}

.home-quality,
.home-comment{
    background-image:none!important;
}

.home-quality{
    background-image:linear-gradient(135deg,rgba(7,17,31,.98),rgba(52,66,82,.78))!important;
}

.home-about{
    background:linear-gradient(180deg,#fff 0%,#f3f7fb 100%)!important;
    color:#102033!important;
}

.home-designer,
.home-ques,
.home-service,
.home-news{
    background:#fff!important;
    color:#102033!important;
}

.home-case .home-tit b,
.home-quality .home-tit b,
.home-comment .home-tit b,
.home-plan .tit,
.home-plan .des,
.tszh-node-box .node-title{
    color:#fff!important;
}

.home-tit b i,
.home-plan .tit p em,
.home-case .home-tit b i,
.home-comment .add span,
.home-comment .item .text .tit span{
    color:var(--d-logo-light)!important;
}

.home-about .about-block-head,
.home-about .about-culture,
.home-news .content a{
    background:#07111f!important;
    color:#fff!important;
}

.home-about .about-core-card,
.home-about .about-guarantee-card,
.home-about .culture-tags,
.home-service li a,
.home-ques li a,
.case-item,
.news-item{
    background:#fff!important;
    border-color:#dce8f4!important;
    color:#333!important;
}

.filter{
    background:#333333!important;
}

.filter .item{
    background:transparent!important;
    border-color:transparent!important;
    color:#bbbbbb!important;
}

.filter .box{
    background:transparent!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
    border-color:rgba(255,255,255,.1)!important;
    color:#bbbbbb!important;
}

.filter .item span{
    color:#fff!important;
}

.filter .item a,
.filter .box .text,
.filter-selected{
    color:#bbbbbb!important;
}

.filter .item a.active{
    background:#344252!important;
    color:#fff!important;
}

.filter .item a:hover{
    color:#fff!important;
}

.home-service li:last-child p{
    background:transparent!important;
    color:#fff!important;
    padding:0!important;
    border-radius:0!important;
    display:none!important;
}

.home-ques{
    position:relative!important;
    padding:86px 0 92px!important;
    background:linear-gradient(180deg,#eef5fb 0%,#ffffff 100%)!important;
    overflow:hidden!important;
}

.home-ques:before{
    content:""!important;
    position:absolute!important;
    left:10%!important;
    right:10%!important;
    top:0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(23,145,218,.36),transparent)!important;
}

.home-ques:after{
    content:""!important;
    position:absolute!important;
    right:-160px!important;
    top:-210px!important;
    width:430px!important;
    height:430px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(23,145,218,.16),transparent 66%)!important;
    pointer-events:none!important;
}

.home-ques .w1400{
    position:relative!important;
    z-index:1!important;
}

.home-ques .content{
    position:relative!important;
    padding:54px 58px 58px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid #dce8f4!important;
    border-radius:24px!important;
    box-shadow:0 22px 58px rgba(20,45,70,.1)!important;
    overflow:hidden!important;
}

.home-ques .content:before{
    content:"装修顾问答疑"!important;
    position:absolute!important;
    right:48px!important;
    top:34px!important;
    color:rgba(23,145,218,.08)!important;
    font-size:62px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:4px!important;
    pointer-events:none!important;
}

.home-ques .tit{
    position:relative!important;
    min-height:82px!important;
    padding-right:210px!important;
}

.home-ques .tit span{
    display:block!important;
    color:#102033!important;
    font-size:34px!important;
    line-height:1.32!important;
    font-weight:900!important;
    letter-spacing:1px!important;
}

.home-ques .tit p{
    margin-top:10px!important;
    color:#1791da!important;
    font-size:17px!important;
    line-height:1.6!important;
    font-weight:700!important;
}

.home-ques .tit a{
    position:absolute!important;
    right:0!important;
    top:8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:168px!important;
    height:48px!important;
    line-height:48px!important;
    padding:0 26px!important;
    border-radius:999px!important;
    background:#07111f!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:1px!important;
    box-shadow:0 12px 26px rgba(7,17,31,.18)!important;
}

.home-ques .tit a:after{
    content:"→"!important;
    margin-left:8px!important;
    color:#42c8ff!important;
}

.home-ques .tit a:hover{
    transform:translateY(-2px)!important;
    background:#1791da!important;
    box-shadow:0 16px 32px rgba(23,145,218,.24)!important;
}

.home-ques ul{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    margin-top:38px!important;
}

.home-ques li{
    float:none!important;
    width:auto!important;
    margin:0!important;
    min-width:0!important;
}

.home-ques li a{
    position:relative!important;
    display:block!important;
    min-height:198px!important;
    padding:28px 24px 24px!important;
    background:#f7fbff!important;
    border:1px solid #dce8f4!important;
    border-radius:18px!important;
    color:#102033!important;
    box-shadow:0 12px 30px rgba(20,45,70,.06)!important;
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease!important;
}

.home-ques li a:before{
    content:"0" counter(question-card)!important;
    position:absolute!important;
    right:20px!important;
    top:20px!important;
    color:rgba(143,164,183,.34)!important;
    font-size:22px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
}

.home-ques ul{
    counter-reset:question-card!important;
}

.home-ques li{
    counter-increment:question-card!important;
}

.home-ques li a span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:58px!important;
    height:58px!important;
    margin:0 0 24px!important;
    border-radius:18px!important;
    background:url(/Public/home/images/d-theme/question.svg) center/34px 34px no-repeat!important;
    background-color:#eaf4fb!important;
    box-shadow:inset 0 0 0 1px rgba(23,145,218,.12)!important;
}

.home-ques li a p{
    margin:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    color:#102033!important;
    font-size:17px!important;
    line-height:1.55!important;
    font-weight:800!important;
}

.home-ques li a p:after{
    content:"查看答案"!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:112px!important;
    height:38px!important;
    line-height:38px!important;
    margin-top:30px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    background:#42c8ff!important;
    color:#07111f!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
}

.home-ques li a:hover p:after{
    background:#1791da!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(23,145,218,.22)!important;
}

.home-ques li a:hover{
    transform:translateY(-6px)!important;
    background:#fff!important;
    border-color:rgba(23,145,218,.34)!important;
    box-shadow:0 22px 48px rgba(23,145,218,.16)!important;
}

.home-ques li a:hover span{
    background:url(/Public/home/images/d-theme/question.svg) center/34px 34px no-repeat!important;
    background-color:#dff1fc!important;
    box-shadow:0 0 0 8px rgba(23,145,218,.08)!important;
}

.home-service{
    position:relative!important;
    padding:86px 0 96px!important;
    background:#07111f!important;
    background-color:#07111f!important;
    overflow:hidden!important;
}

.home-service:after{
    content:""!important;
    position:absolute!important;
    left:8%!important;
    right:8%!important;
    top:0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(66,200,255,.36),transparent)!important;
    pointer-events:none!important;
}

.home-service:before{
    content:""!important;
    position:absolute!important;
    left:-160px!important;
    bottom:-210px!important;
    width:430px!important;
    height:430px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(23,145,218,.2),transparent 66%)!important;
    pointer-events:none!important;
}

.home-service .w1400{
    position:relative!important;
    z-index:1!important;
}

.home-service .theme{
    position:relative!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:28px!important;
    padding:0 0 28px!important;
    border-bottom:1px solid rgba(235,244,255,.1)!important;
}

.home-service .theme:after{
    content:"SERVICE PROCESS"!important;
    position:absolute!important;
    right:0!important;
    bottom:28px!important;
    color:rgba(235,244,255,.06)!important;
    font-size:54px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:4px!important;
    pointer-events:none!important;
}

.home-service .theme span{
    float:none!important;
    position:relative!important;
    z-index:1!important;
    display:block!important;
    height:auto!important;
    max-width:760px!important;
    padding-left:58px!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.32!important;
    font-weight:900!important;
    letter-spacing:1px!important;
    background:none!important;
}

.home-service .theme span:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:2px!important;
    width:44px!important;
    height:44px!important;
    border-radius:16px!important;
    background:url(/Public/home/images/d-theme/service.svg) center/28px 28px no-repeat!important;
    background-color:#0b1829!important;
    box-shadow:inset 0 0 0 1px rgba(66,200,255,.18),0 0 0 8px rgba(23,145,218,.06)!important;
}

.home-service ul{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    margin-top:34px!important;
}

.home-service li,
.home-service li:last-child{
    float:none!important;
    width:auto!important;
    margin:0!important;
    min-width:0!important;
}

.home-service li a{
    position:relative!important;
    display:block!important;
    height:auto!important;
    min-height:236px!important;
    padding:34px 28px 30px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;
    border:1px solid rgba(235,244,255,.1)!important;
    border-radius:20px!important;
    color:rgba(235,244,255,.9)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.14)!important;
    overflow:hidden!important;
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}

.home-service li a:before{
    content:"STEP 0" counter(service-step)!important;
    display:inline-flex!important;
    align-items:center!important;
    height:26px!important;
    padding:0 10px!important;
    margin-bottom:28px!important;
    border-radius:999px!important;
    background:rgba(66,200,255,.1)!important;
    color:#42c8ff!important;
    font-size:12px!important;
    line-height:26px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
}

.home-service ul{
    counter-reset:service-step!important;
}

.home-service li{
    counter-increment:service-step!important;
}

.home-service li .tit{
    position:relative!important;
    padding-top:18px!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.28!important;
    font-weight:900!important;
}

.home-service li .tit:before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:30px!important;
    height:4px!important;
    border-radius:4px!important;
    background:#42c8ff!important;
}

.home-service li .des{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    margin-top:18px!important;
    color:rgba(235,244,255,.66)!important;
    font-size:15px!important;
    line-height:1.78!important;
}

.home-service li a:hover{
    transform:translateY(-6px)!important;
    border-color:rgba(66,200,255,.34)!important;
    box-shadow:0 24px 56px rgba(23,145,218,.18)!important;
}

.home-service li:last-child a{
    min-height:236px!important;
    display:block!important;
    background:linear-gradient(180deg,rgba(66,200,255,.12),rgba(255,255,255,.04))!important;
    border-color:rgba(66,200,255,.24)!important;
    color:#fff!important;
}

.home-service li:last-child a:before{
    content:"NEXT"!important;
    display:inline-flex!important;
    align-items:center!important;
    height:26px!important;
    padding:0 10px!important;
    margin-bottom:28px!important;
    border-radius:999px!important;
    background:rgba(5,10,20,.72)!important;
    color:#42c8ff!important;
    font-size:12px!important;
    line-height:26px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
}

.home-service li:last-child p{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.36!important;
    font-weight:900!important;
}

.home-service li:last-child span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:166px!important;
    height:42px!important;
    line-height:42px!important;
    margin:22px 0 0!important;
    padding:0 22px!important;
    border-radius:999px!important;
    background:#42c8ff!important;
    color:#07111f!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
}

.home-service li:last-child p{
    background:transparent!important;
    color:#fff!important;
    padding:0!important;
    border-radius:0!important;
}

.home-comment .item,
.home-comment .box{
    background:#0b1829!important;
    color:var(--d-text)!important;
}

.home-comment .item .des,
.home-comment .item .text p,
.home-comment .item .text .star em{
    color:var(--d-muted)!important;
}

.home-plan .row .in{
    background:#fff!important;
}

.home-plan{
    padding:42px 0 46px!important;
    border-top:1px solid rgba(235,244,255,.08)!important;
    border-bottom:1px solid rgba(235,244,255,.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.home-plan .tit>span{
    color:#fff!important;
    font-size:34px!important;
    font-weight:900!important;
    letter-spacing:1.6px!important;
}

.home-plan .tit p i{
    color:rgba(235,244,255,.74)!important;
}

.home-plan .des{
    color:rgba(235,244,255,.66)!important;
    font-size:16px!important;
    letter-spacing:.8px!important;
}

.home-plan .row{
    margin-top:22px!important;
}

.home-plan .row .in{
    height:54px!important;
    border:1px solid rgba(235,244,255,.12)!important;
    border-right:0!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(0,0,0,.08)!important;
    overflow:visible!important;
}

.home-plan .row .in .dropdown.open{
    z-index:20!important;
}

.home-plan .row .in>img{
    display:none!important;
}

.home-plan .row .in:before{
    content:""!important;
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    width:32px!important;
    height:32px!important;
    margin-top:-16px!important;
    background:center/32px 32px no-repeat!important;
    z-index:3!important;
    opacity:.88!important;
}

.home-plan .row .in:nth-child(1):before{
    background-image:url(/Public/home/images/d-theme/user.svg)!important;
}

.home-plan .row .in:nth-child(2):before{
    background-image:url(/Public/home/images/d-theme/phone.svg)!important;
}

.home-plan .row .in:nth-child(3):before{
    background-image:url(/Public/home/images/d-theme/area.svg)!important;
}

.home-plan .row .in:nth-child(4):before{
    background-image:url(/Public/home/images/d-theme/style.svg)!important;
}

.home-plan .row .in:nth-child(5):before{
    background-image:url(/Public/home/images/d-theme/location.svg)!important;
}

.home-plan .row .in input,
.home-plan .row .in select,
.home-plan .row .in .dropdown,
.home-plan .row .in .selected{
    height:52px!important;
    line-height:52px!important;
    color:#102033!important;
    font-size:14px!important;
    background:transparent!important;
    padding-left:58px!important;
}

.home-plan .row .in input::placeholder{
    color:#7c8a9a!important;
}

.home-plan .row .button input{
    height:54px!important;
    line-height:54px!important;
    background:#344252!important;
    color:#fff!important;
    letter-spacing:2px!important;
    box-shadow:0 18px 38px rgba(0,0,0,.16)!important;
    transition:all .2s ease!important;
}

.home-plan .row .button input:hover{
    background:#4b5b6e!important;
}

.plan,
.plan .bg{
    background:#f3f7fb!important;
    color:#102033!important;
}

.plan .bg{
    box-shadow:0 24px 70px rgba(7,17,31,.12)!important;
}

.plan-banner .con span,
.plan-process,
.plan-tit,
.plan-praise .item .des span,
.plan-praise .item .des i,
.plan-connect .text i{
    color:#344252!important;
}

.plan-banner .con span,
.plan-case .item div i,
.plan-style .item div i,
.plan-connect a{
    background:#344252!important;
    color:#fff!important;
}

.plan-banner .con p,
.plan-process ul,
.plan-border{
    border-color:#344252!important;
}

.plan-case .text,
.plan-praise .text,
.plan-style .text,
.plan-connect .text{
    color:#102033!important;
}

.plan-praise .item{
    border:1px solid #dce8f4!important;
    box-shadow:0 14px 34px rgba(7,17,31,.08)!important;
}

.home-about{
    padding:76px 0 88px!important;
}

.home-about .theme{
    padding-bottom:30px!important;
}

.home-about .theme:after{
    width:84px!important;
    height:3px!important;
    margin-left:-42px!important;
    background:#344252!important;
}

.home-about .theme span{
    color:#102033!important;
    font-size:42px!important;
    font-weight:900!important;
    letter-spacing:2px!important;
}

.home-about .theme p{
    color:#e9f1f8!important;
    font-size:82px!important;
    letter-spacing:6px!important;
}

.home-about .about-culture{
    padding:52px 64px 46px!important;
    background:linear-gradient(135deg,#07111f 0%,#0b1b2e 62%,#344252 100%)!important;
    border:1px solid rgba(235,244,255,.12)!important;
    box-shadow:0 28px 70px rgba(7,17,31,.18)!important;
}

.home-about .culture-logo{
    background:#4c6376!important;
    border:1px solid rgba(255,255,255,.76)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
}

.home-about .culture-title{
    color:#fff!important;
    font-size:48px!important;
    font-weight:900!important;
}

.home-about .culture-title:after{
    background:#8fa4b7!important;
}

.home-about .culture-subtitle{
    color:rgba(235,244,255,.78)!important;
}

.home-about .culture-tags{
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(255,255,255,.13)!important;
    color:#fff!important;
    box-shadow:none!important;
}

.home-about .culture-tags em{
    color:rgba(235,244,255,.86)!important;
    border-left-color:rgba(255,255,255,.13)!important;
}

.home-about .about-section-block{
    background:#fff!important;
    border:1px solid #dce8f4!important;
    box-shadow:0 18px 54px rgba(7,17,31,.08)!important;
}

.home-about .about-block-head{
    background:#07111f!important;
    color:#fff!important;
}

.home-about .about-block-head .tit{
    color:#fff!important;
    font-weight:900!important;
}

.home-about .about-block-head .des{
    color:rgba(235,244,255,.7)!important;
}

.home-about .about-core-card,
.home-about .about-guarantee-card{
    border-color:#dce8f4!important;
    color:#102033!important;
    transition:all .22s ease!important;
}

.home-about .about-core-card .card-icon,
.home-about .about-guarantee-card .card-icon,
.home-about .about-core-card .core-index,
.home-about .about-guarantee-card .num{
    color:#344252!important;
}

.home-about .about-core-card .tit,
.home-about .about-guarantee-card .tit{
    color:#102033!important;
    font-weight:900!important;
}

.home-about .about-core-card .des,
.home-about .about-guarantee-card .des,
.home-about .about-core-card .des p{
    color:#66758a!important;
}

.home-about .about-core-card .des p:nth-child(2){
    color:#344252!important;
}

.home-about .about-core-card:hover,
.home-about .about-guarantee-card:hover{
    background:#f7fbff!important;
    border-color:#b8c8d8!important;
    box-shadow:0 18px 44px rgba(7,17,31,.1)!important;
}

.home-designer{
    padding:76px 0 80px!important;
}

.home-designer .home-tit b{
    color:#102033!important;
    font-size:42px!important;
    font-weight:900!important;
    letter-spacing:2px!important;
}

.home-designer .home-tit p span{
    color:#66758a!important;
}

.home-designer-top{
    margin-top:42px!important;
}

.home-designer-top .dropdown,
.home-designer-top select{
    height:52px!important;
    background:#344252!important;
    border:1px solid #344252!important;
    box-shadow:0 14px 30px rgba(7,17,31,.12)!important;
}

.home-designer-top .dropdown .designer-list,
.home-designer-top .dropdown .selected{
    height:52px!important;
    line-height:52px!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:800!important;
    letter-spacing:1px!important;
}

.home-designer-top .dropdown .carat{
    border-top-color:#fff!important;
}

.home-designer-top .swiper-button-prev,
.home-designer-top .swiper-button-next{
    width:66px!important;
    height:52px!important;
    border:1px solid #344252!important;
    box-shadow:0 14px 30px rgba(7,17,31,.12)!important;
}

.home-designer-top .swiper-button-prev:hover,
.home-designer-top .swiper-button-next:hover{
    background-color:#4b5b6e!important;
}

.home-big-designer{
    margin-top:38px!important;
}

.home-big-designer .item,
.home-big-designer .box{
    overflow:hidden!important;
    border:1px solid rgba(16,32,51,.08)!important;
    background:#0b1829!important;
    box-shadow:0 20px 52px rgba(7,17,31,.12)!important;
}

.home-big-designer .img,
.home-big-designer .item .img{
    width:100%!important;
    height:390px!important;
    background:#eef5fb!important;
    overflow:hidden!important;
}

.home-big-designer .img img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:saturate(.95) contrast(1.02)!important;
}

.home-big-designer .text{
    background:linear-gradient(180deg,rgba(7,17,31,.18),rgba(7,17,31,.86))!important;
    color:#fff!important;
}

.home-big-designer .item .text .tit,
.home-big-designer .text .tit b{
    color:#fff!important;
    font-weight:900!important;
}

.home-big-designer .item .text .tit i,
.home-big-designer .item .text p,
.home-big-designer .text .des{
    color:rgba(235,244,255,.72)!important;
}

.home-big-designer .text .tit:after{
    background:#8fa4b7!important;
}

.home-big-designer .item .text .appoint-button,
.home-big-designer .text .appoint-button{
    background:#344252!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    font-weight:800!important;
}

.home-big-designer .item .text .appoint-button:hover,
.home-big-designer .text .appoint-button:hover{
    background:#4b5b6e!important;
}

.home-small-designer{
    margin-top:54px!important;
}

.home-small-designer .swiper-slide:after{
    background:rgba(7,17,31,.58)!important;
}

.home-small-designer .swiper-slide:hover:after{
    background:rgba(7,17,31,.16)!important;
    display:block!important;
}

.desinger,
.desinger-detail{
    background:#f3f7fb!important;
    color:#102033!important;
}

.desinger-item{
    background:#fff!important;
    border-color:#dce8f4!important;
    color:#102033!important;
    box-shadow:0 16px 44px rgba(7,17,31,.08)!important;
}

.desinger-item .text .tit,
.desinger-detail .tit h2{
    color:#102033!important;
    font-weight:900!important;
}

.desinger-item .text .tit:after,
.desinger-detail .tit h2:before{
    background:#344252!important;
}

.desinger-item .text .tit i,
.desinger-item .text .des,
.desinger-detail .right,
.desinger-detail .des p{
    color:#66758a!important;
}

.desinger-item .text .appoint-button,
.desinger-detail .appoint-button{
    background:#344252!important;
    border-color:#344252!important;
    color:#fff!important;
}

.desinger-item:hover{
    background:#07111f!important;
    border-color:#344252!important;
    color:#fff!important;
}

.desinger-item:hover .text .tit,
.desinger-item:hover .text .tit i,
.desinger-item:hover .text .des{
    color:#fff!important;
}

.desinger-item:hover .text .appoint-button{
    border-color:#fff!important;
}

.desinge-view,
.about-box,
.about-services,
.honor.qualification-section,
.about-config-section,
.contact,
.join,
.order{
    background:#f3f7fb!important;
    color:#102033!important;
}

.desinge-view .theme-tit,
.about-tit span,
.about-config-section .theme-tit,
.contact .theme-tit,
.join .theme-tit,
.order .theme-tit{
    color:#102033!important;
    font-size:34px!important;
    font-weight:900!important;
    letter-spacing:2px!important;
}

.about-tit p,
.about-config-section .theme-des,
.order .theme-des{
    color:#66758a!important;
}

.about-services .about-tit span{
    color:#fff!important;
}

.about-services .about-tit p{
    color:rgba(255,255,255,.16)!important;
}

.qualification-section .about-tit p{
    color:rgba(102,117,138,.28)!important;
}

.about-services .about-tit:after{
    background:rgba(255,255,255,.3)!important;
}

.about-service-bg{
    color:rgba(255,255,255,.04)!important;
}

.desinge-view .box,
.about-box .w1200,
.about-service-card,
.qualification-card,
.after-sale-card,
.contact li,
.join-list,
.order .content{
    background:#fff!important;
    border:1px solid #dce8f4!important;
    box-shadow:0 18px 54px rgba(7,17,31,.08)!important;
}

.about-box{
    padding:70px 0!important;
}

.about-box .w1200{
    padding:44px!important;
}

.about-box .text h1,
.about-service-card strong,
.qualification-card strong,
.after-sale-card strong,
.culture-theme,
.contact li .text .tit,
.join-list .tit span{
    color:#102033!important;
    font-weight:900!important;
}

.about-box .text p,
.about-service-card p,
.qualification-card p,
.after-sale-card p,
.culture-intro,
.culture li p,
.contact li .des,
.join-list .con,
.join-list .tip{
    color:#66758a!important;
}

.about-service-icon,
.after-sale-icon,
.qualification-preview{
    background:#f3f7fb!important;
    border:1px solid #dce8f4!important;
}

.about-service-card .about-service-icon,
.after-sale-card .after-sale-icon{
    background:#1791da!important;
    border-color:#1791da!important;
    box-shadow:0 12px 28px rgba(23,145,218,.24)!important;
}

.about-service-card .about-service-icon img,
.after-sale-card .after-sale-icon img{
    max-width:46px!important;
    max-height:46px!important;
}

.qualification-grid{
    display:grid!important;
    grid-template-columns:minmax(300px,38%) repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
        "main item1 item3"
        "main item4 item5"!important;
    gap:24px!important;
    margin:46px 0 0!important;
    align-items:stretch!important;
}

.qualification-grid:after{
    display:none!important;
}

.qualification-card{
    float:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:16px 14px 18px!important;
    border-radius:18px!important;
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}

.qualification-card:nth-child(1){
    grid-area:item1!important;
}

.qualification-card:nth-child(2){
    grid-area:main!important;
    padding:18px 18px 22px!important;
}

.qualification-card:nth-child(3){
    grid-area:item3!important;
}

.qualification-card:nth-child(4){
    grid-area:item4!important;
}

.qualification-card:nth-child(5){
    grid-area:item5!important;
}

.qualification-card:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(23,145,218,.28)!important;
    box-shadow:0 22px 58px rgba(7,17,31,.12)!important;
}

.qualification-preview{
    height:218px!important;
    border-radius:14px!important;
    overflow:hidden!important;
}

.qualification-card:nth-child(2) .qualification-preview{
    height:510px!important;
}

.qualification-preview img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    background:#fff!important;
}

.qualification-card strong{
    margin-top:15px!important;
    font-size:17px!important;
    line-height:1.45!important;
    letter-spacing:0!important;
}

.qualification-card:nth-child(2) strong{
    font-size:20px!important;
}

.qualification-card p:empty{
    display:none!important;
}

@media(max-width:1180px){
    .qualification-grid{
        grid-template-columns:minmax(280px,36%) repeat(2,minmax(0,1fr))!important;
        gap:18px!important;
    }

    .qualification-preview{
        height:190px!important;
    }

    .qualification-card:nth-child(2) .qualification-preview{
        height:452px!important;
    }
}

@media(max-width:999px){
    .qualification-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-template-areas:
            "main main"
            "item1 item3"
            "item4 item5"!important;
        gap:.24rem!important;
        margin:.62rem 0 0!important;
    }

    .qualification-card{
        width:auto!important;
        padding:.22rem .18rem .26rem!important;
        border-radius:.18rem!important;
    }

    .qualification-preview{
        height:4.1rem!important;
        border-radius:.14rem!important;
    }

    .qualification-card:nth-child(2) .qualification-preview{
        height:8.2rem!important;
    }

    .qualification-card strong{
        margin-top:.22rem!important;
        font-size:.3rem!important;
        line-height:.42rem!important;
    }
}

@media(max-width:520px){
    .qualification-grid{
        gap:.22rem!important;
    }

    .qualification-preview{
        height:3.3rem!important;
    }

    .qualification-card:nth-child(2) .qualification-preview{
        height:6.8rem!important;
    }
}

@media(max-width:360px){
    .qualification-grid{
        grid-template-columns:1fr!important;
        grid-template-areas:
            "main"
            "item1"
            "item3"
            "item4"
            "item5"!important;
    }

    .qualification-preview{
        height:4.8rem!important;
    }

    .qualification-card:nth-child(2) .qualification-preview{
        height:8.8rem!important;
    }
}

.about-point{
    background:#07111f!important;
    color:#fff!important;
}

.about-point li span,
.culture li span{
    color:#8fa4b7!important;
}

.about-point li p{
    color:rgba(235,244,255,.72)!important;
}

.culture{
    background:#07111f!important;
    color:#fff!important;
}

.culture ul:after{
    content:"";
    display:block;
    clear:both;
}

.culture .about-tit span,
.culture-theme{
    color:#fff!important;
}

.culture .about-tit p,
.culture-intro,
.culture li p{
    color:rgba(235,244,255,.66)!important;
}

.culture .about-tit p{
    color:rgba(235,244,255,.16)!important;
}

.culture li{
    background:#0b1829!important;
    border:1px solid rgba(235,244,255,.1)!important;
}

.desinge-view .box{
    overflow:hidden!important;
}

.desinge-view .box .text{
    background:#fff!important;
    color:#102033!important;
}

.desinge-view .box .text span{
    color:#102033!important;
    font-weight:800!important;
}

.desinge-view .box:hover{
    background:#07111f!important;
}

.desinge-view .box:hover .text,
.desinge-view .box:hover .text span{
    color:#fff!important;
    background:#07111f!important;
}

.order{
    padding:66px 0 92px!important;
}

.order .content{
    margin-top:42px!important;
    padding:56px 0!important;
}

.order .content .left{
    border-right:1px solid #dce8f4!important;
}

.order .content .row input,
.order .content .textarea{
    background:#fff!important;
    border:1px solid #cfddea!important;
    color:#102033!important;
}

.order .content .textarea textarea{
    color:#102033!important;
}

.order .content .bt input{
    background:#344252!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    letter-spacing:2px!important;
}

.order .content .bt input:hover,
.order .content .right .link a:hover{
    background:#4b5b6e!important;
    border-color:#4b5b6e!important;
    color:#fff!important;
}

.order .content .right{
    color:#66758a!important;
}

.order .content .right h2{
    color:#102033!important;
    font-weight:900!important;
}

.order .content .right .link a{
    background:#f7fbff!important;
    border-color:#dce8f4!important;
    color:#344252!important;
    font-weight:800!important;
}

.order input::-webkit-input-placeholder,
.order textarea::-webkit-input-placeholder{
    color:#7c8a9a!important;
}

.order input:-moz-placeholder,
.order textarea:-moz-placeholder,
.order input::-moz-placeholder,
.order textarea::-moz-placeholder,
.order input:-ms-input-placeholder,
.order textarea:-ms-input-placeholder{
    color:#7c8a9a!important;
}

.home-ques li a span{
    background:url(/Public/home/images/d-theme/question.svg) center/48px 48px no-repeat!important;
    background-color:transparent!important;
    border:0!important;
}

.home-ques li a span:before{
    display:none!important;
}

.home-ques li a:hover span{
    background:url(/Public/home/images/d-theme/question.svg) center/48px 48px no-repeat!important;
    box-shadow:0 0 18px rgba(143,164,183,.22)!important;
}

.home-service .theme span{
    background:none!important;
    padding-left:54px!important;
    position:relative!important;
}

.home-service .theme span:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:5px!important;
    width:40px!important;
    height:40px!important;
    background:url(/Public/home/images/d-theme/service.svg) center/40px 40px no-repeat!important;
}

.home-service .theme span:after{
    display:none!important;
}

.home-news .left .more,
.home-news li .more i{
    background:none!important;
    position:relative!important;
}

.home-news .left .more:after,
.home-news li .more i:after{
    content:"→"!important;
    margin-left:8px!important;
    color:#8fa4b7!important;
}

.home-news li .more .more-list{
    padding-left:12px!important;
}

.home-comment .item .head{
    background:url(/Public/home/images/d-theme/quote.svg) right 24px/78px 62px no-repeat!important;
}

.pc-footer .box .mail,
.pc-footer .footer-qrcodes,
.pc-footer .footer-qrcode{
    display:none!important;
}

.home-plan .row .button input,
.home-case .tab span.active,
.home-case .item .text span,
.home-designer-top .dropdown,
.home-designer-top select,
.home-designer-top .swiper-button-prev,
.home-designer-top .swiper-button-next,
.home-big-designer .item .text .appoint-button,
.desinger-item .text .appoint-button,
.home-quality .tab span.active,
.home-quality .tab a.active,
.home-ques .tit a,
.home-news li .more .more-list,
.home-comment .box .tab span.active,
.home-comment .box .more,
.appoint-pop .button input,
.back-top,
.fixed-sub li a{
    background:#344252!important;
}

.ny-sub{
    background:#07111f!important;
    border-bottom:1px solid rgba(52,66,82,.55)!important;
    box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}

.ny-sub .w1200{
    display:block!important;
}

.ny-sub .bread{
    float:left!important;
    order:initial!important;
    line-height:80px!important;
    background:none!important;
    padding-left:0!important;
    color:rgba(235,244,255,.58)!important;
    font-size:17px!important;
    font-weight:700!important;
}

.ny-sub .bread:before{
    content:"当前位置";
    display:inline-block;
    margin-right:12px;
    padding:0 12px;
    height:28px;
    line-height:28px;
    background:#e7edf2!important;
    color:#344252!important;
    border-radius:4px;
    font-size:12px;
}

.ny-sub .bread a{
    color:rgba(235,244,255,.72)!important;
}

.ny-sub .sub{
    float:right!important;
    order:initial!important;
    max-width:none!important;
    display:flex!important;
    gap:10px!important;
    background:transparent!important;
    border-left:0!important;
}

.ny-sub .sub a{
    float:none!important;
    width:auto!important;
    min-width:118px!important;
    height:48px!important;
    line-height:46px!important;
    margin:16px 0!important;
    padding:0 22px!important;
    border:1px solid rgba(52,66,82,.55)!important;
    border-radius:4px!important;
    background:#0b1829!important;
    color:rgba(235,244,255,.78)!important;
    font-size:21px!important;
    font-weight:900!important;
    letter-spacing:1.8px!important;
    box-shadow:none!important;
}

.ny-sub .sub a.active,
.ny-sub .sub a:hover,
.submenu a.active,
.submenu a:hover{
    background:#344252!important;
    border-color:#344252!important;
    color:#fff!important;
}

.submenu{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    margin:0 0 26px!important;
}

.submenu a{
    float:none!important;
    width:auto!important;
    min-width:120px!important;
    height:42px!important;
    line-height:40px!important;
    margin:0!important;
    padding:0 20px!important;
    border:1px solid rgba(52,66,82,.55)!important;
    border-radius:4px!important;
    background:#07111f!important;
    color:rgba(235,244,255,.78)!important;
    text-align:center!important;
    font-size:20px!important;
    font-weight:800!important;
    letter-spacing:1.4px!important;
    box-shadow:none!important;
}

.cankao-process{
    padding:64px 0 74px!important;
    position:relative!important;
    overflow:hidden!important;
}

.cankao-process:before{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(143,164,183,.46),transparent);
}

.cankao-process .w1400{
    position:relative;
    z-index:2;
}

.cankao-process .process-head{
    text-align:center;
    margin-bottom:42px;
}

.cankao-process .process-head span{
    display:block;
    color:var(--d-logo-light);
    font-size:13px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}

.cankao-process .process-head h2{
    margin:12px 0 10px;
    color:#fff;
    font-size:36px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:2px;
}

.cankao-process .process-head p{
    margin:0;
    color:var(--d-muted);
    font-size:15px;
}

.cankao-process .process-list{
    position:relative;
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:14px;
}

.cankao-process .process-item{
    position:relative;
    z-index:1;
    min-height:150px;
    padding:0 8px 22px;
    text-align:center;
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    box-shadow:0 18px 42px rgba(0,0,0,.14);
    transition:all .25s ease;
}

.cankao-process .process-icon{
    width:72px;
    height:72px;
    margin:-1px auto 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#07111f;
    border-radius:50%;
    box-shadow:0 0 0 8px rgba(52,66,82,.2);
}

.cankao-process .process-icon img{
    width:48px!important;
    height:48px!important;
    object-fit:contain;
}

.cankao-process .process-num{
    color:var(--d-logo-light);
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
}

.cankao-process .process-name{
    margin-top:8px;
    color:#fff;
    font-size:17px;
    font-weight:700;
}

@media(max-width:1280px){
    .cankao-process .process-list{grid-template-columns:repeat(4,1fr);row-gap:28px;}
}

@media(max-width:768px){
    .cankao-process{padding:42px 0;}
    .cankao-process .process-head h2{font-size:28px;}
    .cankao-process .process-list{grid-template-columns:repeat(2,1fr);}
}

.pc-footer{
    padding-top:70px!important;
    background:#07111f!important;
    color:rgba(255,255,255,.68)!important;
}

.pc-footer .w1400{
    max-width:1540px!important;
}

.pc-footer .foot{
    display:flex!important;
    align-items:flex-start!important;
    gap:56px!important;
    padding-bottom:40px!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
}

.pc-footer .foot>.flogo{
    float:none!important;
    flex:0 0 240px!important;
    display:flex!important;
    align-items:flex-start!important;
}

.pc-footer .flogo img{
    width:210px!important;
    height:auto!important;
    max-height:76px!important;
    object-fit:contain!important;
}

.pc-footer ul{
    float:none!important;
    flex:1 1 auto!important;
    margin-left:0!important;
    display:flex!important;
    justify-content:space-between!important;
    gap:24px!important;
}

.pc-footer ul li{
    float:none!important;
    margin-right:0!important;
    min-width:108px!important;
}

.pc-footer ul li span a{
    margin-bottom:16px!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:700!important;
}

.pc-footer ul li a{
    color:rgba(255,255,255,.64)!important;
    font-size:14px!important;
    line-height:30px!important;
}

.pc-footer ul li a:hover{
    color:var(--d-logo-light)!important;
}

.pc-footer .box{
    float:none!important;
    flex:0 0 340px!important;
    padding-top:0!important;
}

.pc-footer .box .tit{
    max-width:240px!important;
    border-bottom-color:rgba(255,255,255,.16)!important;
    color:#fff!important;
}

.pc-footer .box .tit span:before{
    background:#344252!important;
}

.pc-footer .box p{
    position:relative!important;
    color:rgba(255,255,255,.68)!important;
    line-height:26px!important;
    min-height:26px!important;
    margin-top:16px!important;
    padding-left:34px!important;
    background:none!important;
}

.pc-footer .box p:before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:24px;
    height:24px;
    background:center/24px 24px no-repeat;
}

.pc-footer .box p:after{
    display:none!important;
}

.pc-footer .box p.tel:before{
    background-image:url(/Public/home/images/d-theme/contact-phone.svg);
}

.pc-footer .box p.add:before{
    background-image:url(/Public/home/images/d-theme/contact-location.svg);
}

.pc-footer .box p.time:before,
.pc-footer .box p.mail:before{
    background-image:url(/Public/home/images/d-theme/contact-time.svg);
}

.pc-footer .box .mail,
.pc-footer .footer-qrcodes,
.pc-footer .footer-qrcode{
    display:none!important;
}

.pc-footer .copyright{
    margin-top:0!important;
    padding:22px 0 32px!important;
    border-top:0!important;
    color:rgba(255,255,255,.42)!important;
}

.pc-footer .copyright a,
.pc-footer .copyright span{
    color:rgba(255,255,255,.5)!important;
}

.pc-footer .copyright a:hover{
    color:rgba(255,255,255,.78)!important;
}

.pc-footer .friend-link .link-title,
.pc-footer .friend-link .link-content a{
    color:rgba(255,255,255,.5)!important;
}

/* Match the final computed colors of the local home-style reference page. */
:root{
    --d-bg:#050a14;
    --d-panel:#07111f;
    --d-card:#0b1829;
    --d-card-2:#0f2238;
    --d-logo:#344252;
    --d-logo-light:#8fa4b7;
}

.pc-header,
.pc-header.fx{
    background:rgba(5,10,20,.96)!important;
    background-color:rgba(5,10,20,.96)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.3)!important;
}

.pc-header .nav li.current>a,
.pc-header .nav li:hover>a,
.pc-header.fx .nav li.current>a,
.pc-header.fx .nav li:hover>a{
    color:#8fa4b7!important;
}

.pc-header .nav li.current>a:after,
.pc-header .nav li:hover>a:after{
    background:#344252!important;
}

.pc-header .tel,
.pc-header.fx .tel{
    color:rgba(235,244,255,.88)!important;
}

.pc-header .nav li div{
    background:#07111f!important;
    border-color:rgba(52,66,82,.55)!important;
}

.pc-header .nav li div:before{
    background:#07111f!important;
    border-left-color:rgba(52,66,82,.55)!important;
    border-top-color:rgba(52,66,82,.55)!important;
}

.pc-header .nav li div a:hover{
    background:#121d2a!important;
    color:#d7e0e8!important;
}

.home-plan,
.home-case,
.pc-footer,
.cankao-process{
    background:#07162d!important;
    background-color:#07162d!important;
}

.home-quality{
    background-color:#07162d!important;
    background-image:linear-gradient(135deg,rgba(7,22,45,.94),rgba(15,76,129,.78))!important;
}

.home-plan .tit p em,
.home-case .home-tit b i,
.cankao-process .process-head span,
.cankao-process .process-num,
.pc-footer ul li a:hover,
.home-news .left .more:after,
.home-news li .more i:after{
    color:#42c8ff!important;
}

.home-about .about-core-card .core-index,
.home-about .about-guarantee-card .num,
.home-about .about-core-card .card-icon,
.home-about .about-guarantee-card .card-icon,
.home-service li .tit,
.home-comment .item .text .tit span,
.home-comment .add span,
.home-news li a:hover p{
    color:#1791da!important;
}

.home-plan .row .button input,
.home-case .tab span.active,
.home-case .item .text span,
.home-designer-top .dropdown,
.home-designer-top select,
.home-designer-top .swiper-button-prev,
.home-designer-top .swiper-button-next,
.home-big-designer .item .text .appoint-button,
.home-quality .tab span.active,
.home-quality .tab a.active,
.home-ques .tit a,
.home-service li .tit:before,
.home-service li:last-child span,
.home-news li .more .more-list,
.home-comment .box .tab span.active,
.home-comment .box .more,
.appoint-pop .button input,
.back-top,
.fixed-sub li a,
.pc-footer .box .tit span:before{
    background:#1791da!important;
    background-color:#1791da!important;
}

.home-news .content a{
    background:#344252!important;
    background-color:#344252!important;
}

.home-plan .row .button input:hover{
    background:#0f6fb0!important;
    background-color:#0f6fb0!important;
}

.home-about .about-culture,
.home-about .about-block-head{
    background:#07111f!important;
    color:#fff!important;
}

.home-service li:last-child p{
    background:rgba(255,255,255,.6)!important;
    color:#0077b4!important;
}

.cankao-process:before{
    background:linear-gradient(90deg,transparent,rgba(66,200,255,.36),transparent)!important;
}

.cankao-process:after{
    background:radial-gradient(circle,rgba(23,145,218,.2),transparent 66%)!important;
}

.cankao-process .process-list:before{
    background:linear-gradient(90deg,rgba(23,145,218,.1),rgba(66,200,255,.72),rgba(23,145,218,.1))!important;
}

.cankao-process .process-icon{
    background:#07162d!important;
    box-shadow:0 0 0 8px rgba(23,145,218,.08)!important;
}

.cankao-process .process-item:hover{
    border-color:rgba(66,200,255,.34)!important;
    box-shadow:0 24px 56px rgba(23,145,218,.18)!important;
}

@media(max-width:999px){
    body,
    .page-wrap{
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    .w1400,
    .w1200{
        max-width:100%!important;
        padding-left:15px!important;
        padding-right:15px!important;
    }

    .banner{
        margin:0 auto!important;
        overflow:hidden!important;
    }

    .banner img{
        width:100%!important;
        min-height:4.8rem!important;
        object-fit:cover!important;
    }

    .home-comment{
        display:none!important;
    }

    .home-plan,
    .home-about,
    .home-case,
    .home-designer,
    .home-quality,
    .home-service,
    .home-comment,
    .home-ques,
    .home-news,
    .cankao-process{
        padding-top:.72rem!important;
        padding-bottom:.72rem!important;
    }

    .home-plan .tit>span,
    .home-plan .tit p{
        float:none!important;
        display:block!important;
        height:auto!important;
        line-height:1.45!important;
        text-align:left!important;
    }

    .home-plan .tit>span{
        font-size:.5rem!important;
    }

    .home-plan .tit p{
        margin-top:.16rem!important;
        font-size:.34rem!important;
    }

    .home-plan .des{
        font-size:.3rem!important;
        line-height:.52rem!important;
    }

    .home-plan .row{
        padding-right:0!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:.2rem!important;
    }

    .home-plan .row .in,
    .home-plan .row .button{
        float:none!important;
        width:100%!important;
        margin:0!important;
        position:relative!important;
        top:auto!important;
        right:auto!important;
    }

    .home-plan .row .button input{
        width:100%!important;
    }

    .home-tit b,
    .theme-tit{
        font-size:.52rem!important;
        line-height:.68rem!important;
    }

    .home-tit p span:before,
    .home-tit p span:after{
        display:none!important;
    }

    .home-case .tab{
        margin-top:.42rem!important;
        display:flex!important;
        gap:.16rem!important;
        overflow-x:auto!important;
        padding-bottom:.08rem!important;
        text-align:left!important;
    }

    .home-case .tab span,
    .home-case .tab a{
        flex:0 0 auto!important;
        margin:0!important;
        padding:0 .28rem!important;
        font-size:.3rem!important;
    }

    .home-case .tab span:after{
        display:none!important;
    }

    .home-case li,
    .home-case li:nth-child(n){
        float:none!important;
        width:100%!important;
        margin:.22rem 0 0!important;
    }

    .home-about .theme span{
        position:relative!important;
        display:block!important;
        padding-top:0!important;
        font-size:.52rem!important;
        line-height:.68rem!important;
    }

    .home-about .theme p{
        margin-top:.08rem!important;
        font-size:.5rem!important;
        line-height:.58rem!important;
    }

    .home-about .about-culture{
        min-height:0!important;
        padding:.56rem .36rem!important;
        text-align:left!important;
    }

    .home-about .culture-logo{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        width:1.7rem!important;
        height:1.7rem!important;
        margin:0 0 .32rem!important;
    }

    .home-about .culture-logo img{
        transform:translateY(-6px)!important;
    }

    .home-about .culture-main{
        min-width:0!important;
        display:block!important;
        text-align:left!important;
    }

    .home-about .culture-title{
        font-size:.58rem!important;
        line-height:.76rem!important;
        letter-spacing:1px!important;
    }

    .home-about .culture-title:after{
        left:0!important;
        margin-left:0!important;
    }

    .home-about .culture-subtitle{
        font-size:.34rem!important;
        line-height:.5rem!important;
    }

    .home-about .culture-tags,
    .home-about .about-core-grid,
    .home-about .about-guarantee-grid,
    .home-about .about-section-block{
        display:grid!important;
        grid-template-columns:1fr!important;
    }

    .home-about .culture-tags em,
    .home-about .about-core-card,
    .home-about .about-guarantee-card{
        border-left:1px solid #dce8f4!important;
        border-top:0!important;
    }

    .home-about .about-block-head,
    .home-about .about-core-card,
    .home-about .about-guarantee-card{
        min-height:0!important;
        padding:.42rem .34rem!important;
    }

    .home-service .theme{
        display:block!important;
        padding-bottom:.28rem!important;
        border-bottom:1px solid #dce8f4!important;
    }

    .home-service .theme:after{
        right:0!important;
        bottom:.24rem!important;
        font-size:.54rem!important;
        letter-spacing:1px!important;
    }

    .home-service .theme span{
        float:none!important;
        display:block!important;
        height:auto!important;
        min-height:.8rem!important;
        max-width:none!important;
        padding-left:.72rem!important;
        font-size:.46rem!important;
        line-height:.62rem!important;
        color:#fff!important;
    }

    .home-service .theme span:before{
        top:.08rem!important;
        width:.5rem!important;
        height:.5rem!important;
        background-size:.5rem .5rem!important;
    }

    .home-service ul{
        margin-top:.36rem!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:.22rem!important;
    }

    .home-service li,
    .home-service li:nth-child(n),
    .home-service li:last-child{
        float:none!important;
        width:auto!important;
        margin:0!important;
        min-width:0!important;
    }

    .home-service li a{
        height:auto!important;
        min-height:3.25rem!important;
        padding:.42rem .28rem!important;
        border-radius:.18rem!important;
        background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;
        border-color:rgba(235,244,255,.1)!important;
        color:rgba(235,244,255,.9)!important;
        box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
    }

    .home-service li a:before{
        height:.42rem!important;
        line-height:.42rem!important;
        margin-bottom:.36rem!important;
        padding:0 .16rem!important;
        font-size:.18rem!important;
    }

    .home-service li .tit{
        padding-top:.2rem!important;
        font-size:.36rem!important;
        line-height:.46rem!important;
        color:#fff!important;
    }

    .home-service li .des{
        margin-top:.22rem!important;
        height:auto!important;
        min-height:0!important;
        overflow:visible!important;
        font-size:.26rem!important;
        line-height:.42rem!important;
        color:rgba(235,244,255,.66)!important;
    }

    .home-service li:last-child{
        grid-column:1 / -1!important;
    }

    .home-service li:last-child a{
        min-height:2.4rem!important;
        display:block!important;
        background:linear-gradient(180deg,rgba(66,200,255,.12),rgba(255,255,255,.04))!important;
        border-color:rgba(66,200,255,.24)!important;
        overflow:hidden!important;
    }

    .home-service li:last-child a:before{
        content:"NEXT"!important;
        display:inline-flex!important;
        height:.42rem!important;
        line-height:.42rem!important;
        margin-bottom:.28rem!important;
        padding:0 .16rem!important;
        border-radius:999px!important;
        background:rgba(5,10,20,.72)!important;
        color:#42c8ff!important;
        font-size:.18rem!important;
        font-weight:900!important;
        letter-spacing:1px!important;
    }

    .home-service li:last-child p{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        width:100%!important;
        height:auto!important;
        margin:0!important;
        padding:.34rem .32rem!important;
        font-size:.38rem!important;
        line-height:.54rem!important;
        border-radius:.14rem!important;
        background:transparent!important;
        color:#fff!important;
    }

    .home-service li:last-child span{
        width:auto!important;
        height:.58rem!important;
        line-height:.58rem!important;
        margin:.22rem 0 0!important;
        padding:0 .28rem!important;
        display:inline-block!important;
        font-size:.24rem!important;
        border-radius:.3rem!important;
        background:#42c8ff!important;
        color:#07111f!important;
    }

    .home-service li:last-child p{
        background:transparent!important;
        color:#fff!important;
        padding:.34rem .32rem 0!important;
        border-radius:0!important;
        display:none!important;
    }

    .home-service li:last-child p span,
    .home-service li:last-child span{
        display:inline-block!important;
    }

    .home-ques{
        padding:.78rem 0 .86rem!important;
    }

    .home-ques .content{
        padding:.48rem .34rem .4rem!important;
        border-radius:.26rem!important;
    }

    .home-ques .content:before{
        right:.32rem!important;
        top:.32rem!important;
        font-size:.72rem!important;
        letter-spacing:1px!important;
    }

    .home-ques .tit{
        min-height:0!important;
        padding-right:0!important;
    }

    .home-ques .tit span{
        font-size:.48rem!important;
        line-height:.64rem!important;
    }

    .home-ques .tit p{
        margin-top:.12rem!important;
        font-size:.3rem!important;
        line-height:.46rem!important;
    }

    .home-ques .tit a{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        min-width:0!important;
        height:.72rem!important;
        line-height:.72rem!important;
        margin-top:.28rem!important;
        padding:0 .34rem!important;
        font-size:.26rem!important;
    }

    .home-ques ul{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:.22rem!important;
        margin-top:.36rem!important;
    }

    .home-ques li a{
        min-height:3.15rem!important;
        padding:.34rem .26rem .3rem!important;
        border-radius:.2rem!important;
    }

    .home-ques li a:before{
        right:.22rem!important;
        top:.2rem!important;
        font-size:.3rem!important;
    }

    .home-ques li a span{
        width:.74rem!important;
        height:.74rem!important;
        margin:0 0 .26rem!important;
        border-radius:.18rem!important;
        background-size:.42rem .42rem!important;
    }

    .home-ques li a p{
        height:auto!important;
        min-height:0!important;
        overflow:visible!important;
        font-size:.28rem!important;
        line-height:.42rem!important;
    }

    .home-ques li a p:after{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:1.42rem!important;
        height:.54rem!important;
        line-height:.54rem!important;
        margin-top:.22rem!important;
        padding:0 .24rem!important;
        border-radius:999px!important;
        background:#42c8ff!important;
        color:#07111f!important;
        font-size:.22rem!important;
        font-weight:900!important;
    }

    .case-list li,
    .case-list li:nth-child(n),
    .news-list li,
    .relevant-case li,
    .relevant-case li:nth-child(n){
        float:none!important;
        width:100%!important;
        margin-right:0!important;
        clear:none!important;
    }

    .news-item .img,
    .news-item .text{
        float:none!important;
        width:100%!important;
    }

    .news-item .text{
        padding:.32rem!important;
    }

    .news-detail .title,
    .case-detail .title{
        font-size:.54rem!important;
        line-height:.72rem!important;
        word-break:break-word!important;
    }

    .case-detail .content,
    .case-detail .top,
    .case-detail .text{
        padding-right:0!important;
    }

    .case-detail .erweima,
    .case-detail .desinger-box,
    .case-detail .desinger-2-box{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        width:100%!important;
        margin-top:.36rem!important;
        padding-left:0!important;
        border-left:0!important;
    }

    .case-detail .des span,
    .case-detail .des em{
        float:none!important;
        display:inline-block!important;
        margin-bottom:.1rem!important;
    }

    .case-detail-imgbox .w1400,
    .case-detail-imgbox .swiper-slide .img,
    .case-detail-imgbox .swiper-slide .img div{
        width:100%!important;
    }

    .ny-sub .sub{
        display:flex!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        white-space:nowrap!important;
    }

    .ny-sub .sub a,
    .ny-sub .sub5 a{
        flex:0 0 auto!important;
        width:auto!important;
        min-width:1.7rem!important;
        padding:0 .22rem!important;
    }

    .filter-mobile .tab{
        display:grid!important;
        grid-template-columns:repeat(2,1fr)!important;
    }

    .filter-mobile .tab div{
        width:auto!important;
    }

    .filter .box .text,
    .filter .box .search-box{
        float:none!important;
        width:100%!important;
        max-width:100%!important;
    }
}

@media(max-width:640px){
    body{
        padding-bottom:1.7rem!important;
    }

    .mb-header .mb-tel span{
        font-size:.36rem!important;
        font-weight:800!important;
    }

    .mb-header .mb-logo img{
        max-width:3.1rem!important;
    }

    .technology-grid,
    .water-stage-boxes,
    .process-boxes,
    .process-media-grid{
        grid-template-columns:1fr!important;
    }

    .material-unlimited ul{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        grid-auto-rows:auto!important;
        gap:.16rem!important;
    }

    .material-unlimited .content{
        padding:.28rem .2rem!important;
    }

    .material-unlimited-card{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        min-height:1.9rem!important;
        padding:.18rem .1rem .16rem!important;
    }

    .material-unlimited-icon{
        width:.42rem!important;
        height:.42rem!important;
        box-shadow:0 .08rem .16rem rgba(0,119,180,.18)!important;
    }

    .material-unlimited-icon:before{
        width:.16rem!important;
        height:.16rem!important;
        border-width:1px!important;
        border-radius:.04rem!important;
    }

    .material-unlimited-icon:after{
        width:.08rem!important;
        height:.08rem!important;
        border-width:1px!important;
    }

    .material-unlimited-no{
        margin-top:.1rem!important;
        font-size:.2rem!important;
    }

    .material-unlimited-title{
        margin-top:.08rem!important;
        font-size:.22rem!important;
        line-height:.3rem!important;
        word-break:break-word!important;
    }

    .home-about .culture-tags em{
        min-height:.9rem!important;
    }
}

@media(max-width:360px){
    .material-unlimited ul{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

.home-service li:last-child p{
    display:block!important;
    background:transparent!important;
    color:#fff!important;
    padding:0!important;
    border-radius:0!important;
}

.home-service li:last-child p span,
.home-service li:last-child span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:166px!important;
    height:42px!important;
    line-height:42px!important;
    margin:22px 0 0!important;
    padding:0 22px!important;
    border-radius:999px!important;
    background:#42c8ff!important;
    color:#07111f!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
}

@media(max-width:999px){
    .home-service li:last-child p{
        display:block!important;
        background:transparent!important;
        color:#fff!important;
        padding:.34rem .32rem 0!important;
        border-radius:0!important;
    }

    .home-service li:last-child p span,
    .home-service li:last-child span{
        display:inline-block!important;
        width:auto!important;
        height:.58rem!important;
        line-height:.58rem!important;
        margin:.22rem 0 0!important;
        padding:0 .28rem!important;
        border-radius:.3rem!important;
        background:#42c8ff!important;
        color:#07111f!important;
        font-size:.24rem!important;
        font-weight:900!important;
    }
}

/* Designer controls: square, lighter, and aligned with the portrait carousel. */
.home-designer-top{
    max-width:1260px!important;
    margin-top:44px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
}

.home-designer-top:before,
.home-designer-top:after{
    content:none!important;
    display:none!important;
}

.home-designer-top .dropdown,
.home-designer-top select{
    float:none!important;
    width:208px!important;
    height:54px!important;
    margin:0!important;
    background:#ffffff!important;
    border:1px solid #d7e1ea!important;
    border-radius:2px!important;
    box-shadow:0 12px 28px rgba(7,17,31,.08)!important;
    transition:all .25s ease!important;
}

.home-designer-top .dropdown:hover,
.home-designer-top select:hover{
    border-color:#1791da!important;
    box-shadow:0 16px 34px rgba(23,145,218,.16)!important;
}

.home-designer-top .dropdown .designer-list,
.home-designer-top .dropdown .selected{
    height:54px!important;
    line-height:54px!important;
    color:#102033!important;
    font-size:17px!important;
    font-weight:800!important;
    letter-spacing:.5px!important;
}

.home-designer-top .dropdown .selected{
    padding-left:24px!important;
}

.home-designer-top .dropdown .designer-list{
    position:relative!important;
    padding:0 42px 0 22px!important;
    text-align:left!important;
    color:#ffffff!important;
    background:#102033!important;
}

.home-designer-top .dropdown .designer-list:after{
    content:""!important;
    position:absolute!important;
    right:22px!important;
    top:50%!important;
    width:22px!important;
    height:1px!important;
    background:#42c8ff!important;
    transform:translateY(-50%)!important;
    transition:right .25s ease,width .25s ease!important;
}

.home-designer-top .dropdown .designer-list:before{
    content:""!important;
    position:absolute!important;
    right:22px!important;
    top:50%!important;
    width:7px!important;
    height:7px!important;
    border-top:1px solid #42c8ff!important;
    border-right:1px solid #42c8ff!important;
    transform:translateY(-50%) rotate(45deg)!important;
    transition:right .25s ease!important;
}

.home-designer-top .dropdown:hover .designer-list{
    background:#07111f!important;
}

.home-designer-top .dropdown:hover .designer-list:after{
    right:18px!important;
    width:26px!important;
}

.home-designer-top .dropdown:hover .designer-list:before{
    right:18px!important;
}

.home-designer-top .dropdown .carat{
    right:20px!important;
    border-top-color:#102033!important;
}

.home-designer-top .dropdown.open .carat{
    border-bottom-color:#102033!important;
}

.home-designer-top .swiper-button-prev,
.home-designer-top .swiper-button-next{
    float:none!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:54px!important;
    height:54px!important;
    margin:0!important;
    background:#ffffff!important;
    background-image:none!important;
    border:1px solid #d7e1ea!important;
    border-radius:2px!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:0 12px 28px rgba(7,17,31,.08)!important;
    transition:all .25s ease!important;
}

.home-designer-top .swiper-button-prev{
    order:3!important;
    margin-left:auto!important;
}

.home-designer-top .swiper-button-next{
    order:4!important;
}

.home-designer-top .swiper-button-prev:before,
.home-designer-top .swiper-button-next:before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:12px!important;
    height:12px!important;
    border-top:2px solid #102033!important;
    border-right:2px solid #102033!important;
    transition:border-color .25s ease!important;
}

.home-designer-top .swiper-button-prev:before{
    transform:translate(-35%,-50%) rotate(-135deg)!important;
}

.home-designer-top .swiper-button-next:before{
    transform:translate(-65%,-50%) rotate(45deg)!important;
}

.home-designer-top .swiper-button-prev:hover,
.home-designer-top .swiper-button-next:hover{
    background:#1791da!important;
    background-color:#1791da!important;
    border-color:#1791da!important;
    box-shadow:0 16px 34px rgba(23,145,218,.22)!important;
}

.home-designer-top .swiper-button-prev:hover:before,
.home-designer-top .swiper-button-next:hover:before{
    border-color:#ffffff!important;
}

.home-designer-top .swiper-button-disabled{
    opacity:.45!important;
}

@media(max-width:999px){
    .home-designer-top{
        margin-top:.42rem!important;
        display:grid!important;
        grid-template-columns:1fr 1fr .78rem .78rem!important;
        gap:.16rem!important;
        align-items:stretch!important;
    }

    .home-designer-top .dropdown,
    .home-designer-top select{
        width:100%!important;
        height:.82rem!important;
        min-width:0!important;
    }

    .home-designer-top .dropdown .designer-list,
    .home-designer-top .dropdown .selected{
        height:.82rem!important;
        line-height:.82rem!important;
        font-size:.26rem!important;
    }

    .home-designer-top .dropdown .selected{
        padding-left:.26rem!important;
    }

    .home-designer-top .dropdown .designer-list{
        padding:0 .58rem 0 .24rem!important;
    }

    .home-designer-top .dropdown .designer-list:after{
        right:.24rem!important;
        width:.26rem!important;
    }

    .home-designer-top .dropdown .designer-list:before{
        right:.24rem!important;
        width:.1rem!important;
        height:.1rem!important;
    }

    .home-designer-top .dropdown .carat{
        right:.22rem!important;
    }

    .home-designer-top .swiper-button-prev,
    .home-designer-top .swiper-button-next{
        width:.78rem!important;
        height:.82rem!important;
        margin:0!important;
    }

    .home-designer-top .swiper-button-prev{
        margin-left:0!important;
    }

    .home-big-designer{
        margin-top:.42rem!important;
    }
}

@media(max-width:520px){
    .home-designer-top{
        grid-template-columns:1fr 1fr!important;
    }

    .home-designer-top .dropdown,
    .home-designer-top select{
        grid-column:auto!important;
    }

    .home-designer-top .swiper-button-prev,
    .home-designer-top .swiper-button-next{
        width:100%!important;
    }
}

/* Mobile inner pages: keep sub nav and filters in normal flow so they do not cover content. */
@media(max-width:999px){
    .ny-sub{
        height:auto!important;
        margin-top:1.12rem!important;
        background:#07111f!important;
        border-bottom:1px solid rgba(255,255,255,.1)!important;
        overflow:hidden!important;
    }

    .ny-sub .w1200{
        padding-left:0!important;
        padding-right:0!important;
    }

    .ny-sub .sub{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        z-index:auto!important;
        float:none!important;
        width:100%!important;
        max-width:100%!important;
        display:flex!important;
        align-items:stretch!important;
        gap:.12rem!important;
        padding:.18rem .22rem!important;
        background:#07111f!important;
        border:0!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        white-space:nowrap!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .ny-sub .sub:after{
        content:""!important;
        flex:0 0 .1rem!important;
    }

    .ny-sub .sub a,
    .ny-sub .sub2 a,
    .ny-sub .sub3 a,
    .ny-sub .sub5 a{
        float:none!important;
        flex:0 0 auto!important;
        width:auto!important;
        min-width:1.72rem!important;
        height:.74rem!important;
        line-height:.72rem!important;
        margin:0!important;
        padding:0 .26rem!important;
        border:1px solid rgba(235,244,255,.16)!important;
        border-radius:.12rem!important;
        background:#0b1829!important;
        color:rgba(235,244,255,.78)!important;
        font-size:.28rem!important;
        letter-spacing:0!important;
        text-align:center!important;
    }

    .ny-sub .sub a.active,
    .ny-sub .sub a:hover{
        background:#1791da!important;
        border-color:#1791da!important;
        color:#fff!important;
    }

    #anchor-point{
        top:-1.35rem!important;
    }

    .filter{
        padding-top:.32rem!important;
    }

    .filter-mobile{
        z-index:1!important;
        margin-bottom:.32rem!important;
    }

    .filter-mobile .tab{
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:.12rem!important;
        overflow:hidden!important;
    }

    .filter-mobile .tab div{
        height:.78rem!important;
        line-height:.78rem!important;
        padding:0 .42rem 0 .22rem!important;
        font-size:.28rem!important;
    }

    .filter-mobile .tab div:after{
        top:.36rem!important;
        right:.2rem!important;
    }

    .filter-mobile .con{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        width:100%!important;
        margin-top:.12rem!important;
        padding:.24rem!important;
        background:#0b1829!important;
        border:1px solid rgba(255,255,255,.1)!important;
        border-radius:.12rem!important;
        text-align:left!important;
        box-sizing:border-box!important;
    }

    .filter-mobile .con a{
        float:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        height:.62rem!important;
        line-height:.62rem!important;
        margin:.08rem!important;
        padding:0 .24rem!important;
        font-size:.26rem!important;
        border-radius:.31rem!important;
    }

    .case,
    .news,
    .news-detail,
    .process-content,
    .seiko,
    .construction,
    .technology,
    .quality,
    .material-unlimited,
    .material-auxiliary,
    .material-main,
    .material-delivery{
        padding-top:.56rem!important;
    }

    .submenu{
        gap:.12rem!important;
        margin:.04rem 0 .36rem!important;
        overflow-x:auto!important;
        flex-wrap:nowrap!important;
        white-space:nowrap!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .submenu a{
        flex:0 0 auto!important;
        min-width:1.64rem!important;
        height:.68rem!important;
        line-height:.66rem!important;
        padding:0 .24rem!important;
        font-size:.26rem!important;
    }

    .news-item,
    .case-item{
        border-radius:.14rem!important;
        overflow:hidden!important;
    }

    .news-item .tit,
    .case-item .tit p{
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        word-break:break-word!important;
    }

    .about-box .text p,
    .culture-intro,
    .culture li p,
    .about-service-card p,
    .qualification-card p,
    .after-sale-card p,
    .contact li .des,
    .join-list li .text,
    .join-list .con,
    .join-list .tip{
        font-size:.36rem!important;
        line-height:.6rem!important;
    }

    .contact li .text .tit,
    .join-list li .tit span,
    .join-list li.active .tit span{
        font-size:.36rem!important;
        line-height:.54rem!important;
    }
}

/* Case category controls: square buttons matching the designer toolbar. */
.home-case .tab{
    max-width:1260px!important;
    margin:48px auto 0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    text-align:left!important;
    font-size:0!important;
}

.home-case .tab span,
.home-case .tab a{
    float:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:52px!important;
    line-height:52px!important;
    margin:0!important;
    padding:0 24px!important;
    border:1px solid rgba(235,244,255,.28)!important;
    border-radius:2px!important;
    background:rgba(255,255,255,.06)!important;
    color:rgba(255,255,255,.84)!important;
    font-size:17px!important;
    font-weight:800!important;
    letter-spacing:.5px!important;
    box-shadow:0 12px 28px rgba(0,0,0,.1)!important;
    transition:all .25s ease!important;
}

.home-case .tab span:after{
    display:none!important;
    content:none!important;
}

.home-case .tab span:hover{
    border-color:rgba(66,200,255,.62)!important;
    background:rgba(255,255,255,.1)!important;
    color:#ffffff!important;
    box-shadow:0 16px 34px rgba(23,145,218,.16)!important;
}

.home-case .tab span.active{
    background:#1791da!important;
    background-color:#1791da!important;
    border-color:#1791da!important;
    color:#ffffff!important;
    box-shadow:0 16px 34px rgba(23,145,218,.24)!important;
}

.home-case .tab a{
    position:relative!important;
    margin-left:auto!important;
    padding:0 56px 0 24px!important;
    background:#ffffff!important;
    border-color:#ffffff!important;
    color:#102033!important;
    text-decoration:none!important;
}

.home-case .tab a:after{
    content:""!important;
    position:absolute!important;
    right:24px!important;
    top:50%!important;
    width:22px!important;
    height:1px!important;
    background:#1791da!important;
    transform:translateY(-50%)!important;
    transition:right .25s ease,width .25s ease!important;
}

.home-case .tab a:before{
    content:""!important;
    position:absolute!important;
    right:24px!important;
    top:50%!important;
    width:7px!important;
    height:7px!important;
    border-top:1px solid #1791da!important;
    border-right:1px solid #1791da!important;
    transform:translateY(-50%) rotate(45deg)!important;
    transition:right .25s ease!important;
}

.home-case .tab a:hover{
    background:#f4fbff!important;
    border-color:#42c8ff!important;
    color:#07111f!important;
    box-shadow:0 18px 38px rgba(66,200,255,.18)!important;
}

.home-case .tab a:hover:after{
    right:20px!important;
    width:26px!important;
}

.home-case .tab a:hover:before{
    right:20px!important;
}

@media(max-width:999px){
    .home-case .tab{
        max-width:none!important;
        margin-top:.42rem!important;
        display:flex!important;
        flex-wrap:nowrap!important;
        gap:.16rem!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding-bottom:.1rem!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .home-case .tab span,
    .home-case .tab a{
        flex:0 0 auto!important;
        height:.82rem!important;
        line-height:.82rem!important;
        padding:0 .3rem!important;
        font-size:.26rem!important;
    }

    .home-case .tab a{
        margin-left:0!important;
        padding:0 .68rem 0 .3rem!important;
    }

    .home-case .tab a:after{
        right:.28rem!important;
        width:.26rem!important;
    }

    .home-case .tab a:before{
        right:.28rem!important;
        width:.1rem!important;
        height:.1rem!important;
    }
}

/* Mobile homepage final pass: from the family/about block downward. */
@media(max-width:999px){
    .home-about,
    .home-case,
    .home-designer,
    .home-quality,
    .home-ques,
    .home-service,
    .home-news{
        overflow:hidden!important;
    }

    .home-about .theme,
    .home-case .home-tit,
    .home-designer .home-tit,
    .home-quality .home-tit,
    .home-news .home-tit{
        padding-left:0!important;
        padding-right:0!important;
        text-align:left!important;
    }

    .home-about .theme span,
    .home-case .home-tit b,
    .home-designer .home-tit b,
    .home-quality .home-tit b,
    .home-news .home-tit b{
        display:block!important;
        height:auto!important;
        max-width:100%!important;
        font-size:.5rem!important;
        line-height:.68rem!important;
        letter-spacing:1px!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-about .theme p,
    .home-case .home-tit p,
    .home-designer .home-tit p,
    .home-quality .home-tit p,
    .home-news .home-tit p{
        display:block!important;
        height:auto!important;
        margin-top:.12rem!important;
        font-size:.28rem!important;
        line-height:.44rem!important;
        letter-spacing:0!important;
        text-align:left!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-about .about-hero,
    .home-about .about-section-block,
    .home-case .js-tab-box,
    .home-designer .w1400,
    .home-quality .content,
    .home-ques .content,
    .home-service ul,
    .home-news .content,
    .home-news ul{
        margin-top:.38rem!important;
    }

    .home-about .about-culture{
        display:block!important;
        min-height:0!important;
        padding:.46rem .34rem!important;
        border-radius:.26rem!important;
    }

    .home-about .culture-logo{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:1.48rem!important;
        height:1.48rem!important;
        margin:0 0 .28rem!important;
        overflow:hidden!important;
    }

    .home-about .culture-logo img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        object-fit:contain!important;
        transform:none!important;
    }

    .home-about .culture-title{
        margin:0!important;
        font-size:.48rem!important;
        line-height:.66rem!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-about .culture-subtitle{
        margin-top:.22rem!important;
        font-size:.3rem!important;
        line-height:.5rem!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-about .culture-tags{
        display:flex!important;
        flex-wrap:wrap!important;
        gap:.14rem!important;
        margin-top:.32rem!important;
        padding:0!important;
        background:transparent!important;
        border:0!important;
    }

    .home-about .culture-tags em{
        flex:1 1 calc(50% - .14rem)!important;
        display:flex!important;
        align-items:center!important;
        min-width:2.7rem!important;
        min-height:.72rem!important;
        margin:0!important;
        padding:.14rem .18rem!important;
        border:1px solid rgba(255,255,255,.16)!important;
        border-radius:.14rem!important;
        background:rgba(255,255,255,.08)!important;
        font-size:.24rem!important;
        line-height:.36rem!important;
        white-space:normal!important;
    }

    .home-about .about-section-block{
        display:block!important;
        border-radius:.24rem!important;
        overflow:hidden!important;
    }

    .home-about .about-block-head{
        display:block!important;
        padding:.36rem .32rem!important;
        text-align:left!important;
    }

    .home-about .about-block-head .tit{
        font-size:.4rem!important;
        line-height:.56rem!important;
        white-space:normal!important;
    }

    .home-about .about-block-head .des{
        margin-top:.08rem!important;
        font-size:.25rem!important;
        line-height:.4rem!important;
        white-space:normal!important;
    }

    .home-about .about-core-grid,
    .home-about .about-guarantee-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:0!important;
    }

    .home-about .about-core-card,
    .home-about .about-guarantee-card{
        display:grid!important;
        grid-template-columns:.72rem 1fr!important;
        column-gap:.22rem!important;
        align-items:flex-start!important;
        min-height:0!important;
        padding:.34rem .32rem!important;
        border-left:0!important;
        border-right:0!important;
        border-top:1px solid #dce8f4!important;
    }

    .home-about .about-core-card .card-icon,
    .home-about .about-guarantee-card .card-icon{
        grid-column:1!important;
        grid-row:1 / span 3!important;
        width:.54rem!important;
        height:.54rem!important;
        margin:.02rem 0 0!important;
    }

    .home-about .about-core-card .card-body,
    .home-about .about-guarantee-card .card-body{
        min-width:0!important;
    }

    .home-about .about-core-card .core-index,
    .home-about .about-guarantee-card .num{
        font-size:.24rem!important;
        line-height:.32rem!important;
    }

    .home-about .about-core-card .tit,
    .home-about .about-guarantee-card .tit{
        margin-top:.04rem!important;
        font-size:.34rem!important;
        line-height:.48rem!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-about .about-core-card .des,
    .home-about .about-guarantee-card .des,
    .home-about .about-core-card .des p{
        margin-top:.1rem!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        font-size:.26rem!important;
        line-height:.44rem!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-case .js-tab-con.active ul,
    .home-case .js-tab-con ul{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:.28rem!important;
        padding:0 15px!important;
    }

    .home-case li,
    .home-case li:nth-child(n){
        float:none!important;
        width:100%!important;
        margin:0!important;
    }

    .home-case .item{
        display:block!important;
        height:auto!important;
        border-radius:.22rem!important;
        overflow:hidden!important;
        background:#fff!important;
    }

    .home-case .item .img{
        width:100%!important;
        height:auto!important;
        aspect-ratio:4 / 3!important;
        overflow:hidden!important;
        background:#eef5fb!important;
    }

    .home-case .item .img img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        object-fit:contain!important;
        transform:none!important;
    }

    .home-case .item .text{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:.3rem .3rem .34rem!important;
        background:#fff!important;
        color:#102033!important;
    }

    .home-case .item .text .tit{
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        font-size:.34rem!important;
        line-height:.48rem!important;
        white-space:normal!important;
    }

    .home-case .item .text p,
    .home-case .item .text p i{
        display:block!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        margin-top:.08rem!important;
        font-size:.24rem!important;
        line-height:.4rem!important;
        white-space:normal!important;
    }

    .home-case .item .text span{
        margin-top:.2rem!important;
    }

    .home-designer-top{
        grid-template-columns:1fr 1fr!important;
        gap:.16rem!important;
    }

    .home-designer-top .swiper-button-prev,
    .home-designer-top .swiper-button-next{
        width:100%!important;
    }

    .home-big-designer,
    .home-small-designer{
        width:100%!important;
        overflow:hidden!important;
    }

    .home-big-designer .item,
    .home-big-designer .box{
        display:block!important;
        height:auto!important;
        min-height:0!important;
    }

    .home-big-designer .img,
    .home-big-designer .item .img{
        width:100%!important;
        height:auto!important;
        aspect-ratio:3 / 4!important;
        background:#eef5fb!important;
        overflow:hidden!important;
    }

    .home-big-designer .img img,
    .home-big-designer .item .img img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
    }

    .home-big-designer .text,
    .home-big-designer .item .text{
        position:relative!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:.34rem .3rem!important;
        background:#fff!important;
    }

    .home-big-designer .item .text .tit,
    .home-big-designer .text .tit b{
        height:auto!important;
        font-size:.38rem!important;
        line-height:.52rem!important;
        white-space:normal!important;
    }

    .home-big-designer .item .text p,
    .home-big-designer .text .des{
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        font-size:.26rem!important;
        line-height:.44rem!important;
        white-space:normal!important;
    }

    .home-quality .content{
        display:block!important;
        height:auto!important;
        min-height:0!important;
        padding:.34rem!important;
        border-radius:.24rem!important;
    }

    .home-quality .tab{
        float:none!important;
        display:flex!important;
        width:100%!important;
        gap:.14rem!important;
        overflow-x:auto!important;
        padding-bottom:.1rem!important;
        white-space:nowrap!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .home-quality .tab span,
    .home-quality .tab a{
        flex:0 0 auto!important;
        width:auto!important;
        height:.72rem!important;
        line-height:.72rem!important;
        margin:0!important;
        padding:0 .26rem!important;
        font-size:.25rem!important;
    }

    .home-quality .box-content{
        float:none!important;
        width:100%!important;
        margin-top:.28rem!important;
    }

    .home-quality .box,
    .home-quality .box.active{
        position:relative!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:0!important;
    }

    .home-quality .box .tit{
        height:auto!important;
        font-size:.38rem!important;
        line-height:.54rem!important;
        white-space:normal!important;
    }

    .home-quality .box .des{
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        margin-top:.16rem!important;
        font-size:.27rem!important;
        line-height:.48rem!important;
        white-space:normal!important;
    }

    .home-ques ul,
    .home-service ul,
    .home-news ul{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:.24rem!important;
    }

    .home-ques li,
    .home-service li,
    .home-news li,
    .home-news li:nth-child(n){
        float:none!important;
        width:100%!important;
        margin:0!important;
    }

    .home-ques li a,
    .home-service li a{
        min-height:0!important;
        height:auto!important;
    }

    .home-ques li a p,
    .home-service li .des{
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-service li:last-child{
        grid-column:auto!important;
    }

    .home-service li:last-child p{
        padding:0!important;
        font-size:.34rem!important;
        line-height:.52rem!important;
    }

    .home-news .content a{
        display:flex!important;
        flex-direction:column-reverse!important;
        height:auto!important;
        min-height:0!important;
        border-radius:.24rem!important;
        overflow:hidden!important;
    }

    .home-news .content .left,
    .home-news .content .right{
        float:none!important;
        width:100%!important;
        height:auto!important;
    }

    .home-news .content .right{
        aspect-ratio:4 / 3!important;
        background:#eef5fb!important;
        overflow:hidden!important;
    }

    .home-news .content .right img,
    .home-news li .img img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        object-fit:contain!important;
        transform:none!important;
    }

    .home-news .content .left{
        padding:.34rem .3rem!important;
    }

    .home-news .content .left .tit,
    .home-news .left .tit{
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        font-size:.36rem!important;
        line-height:.52rem!important;
        white-space:normal!important;
    }

    .home-news .content .left .des,
    .home-news .left .des{
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        margin-top:.18rem!important;
        font-size:.26rem!important;
        line-height:.44rem!important;
        white-space:normal!important;
    }

    .home-news li a{
        display:block!important;
        height:auto!important;
        min-height:0!important;
        padding:.3rem!important;
        border-radius:.22rem!important;
        background:#fff!important;
    }

    .home-news li .img{
        width:100%!important;
        height:auto!important;
        aspect-ratio:4 / 3!important;
        margin:.22rem 0 0!important;
        overflow:hidden!important;
        background:#eef5fb!important;
    }

    .home-news li p,
    .home-news li .des{
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-news li p{
        font-size:.32rem!important;
        line-height:.48rem!important;
    }

    .home-news li .des{
        margin-top:.18rem!important;
        font-size:.25rem!important;
        line-height:.42rem!important;
    }
}

@media(max-width:640px){
    .home-about,
    .home-case,
    .home-designer,
    .home-quality,
    .home-ques,
    .home-service,
    .home-news{
        padding-top:.62rem!important;
        padding-bottom:.66rem!important;
    }

    .home-about .theme span,
    .home-case .home-tit b,
    .home-designer .home-tit b,
    .home-quality .home-tit b,
    .home-news .home-tit b{
        font-size:.46rem!important;
        line-height:.62rem!important;
    }

    .home-about .culture-tags em{
        flex-basis:100%!important;
        min-width:0!important;
    }

    .home-about .about-core-card,
    .home-about .about-guarantee-card{
        grid-template-columns:.58rem 1fr!important;
        column-gap:.18rem!important;
        padding:.3rem .26rem!important;
    }

    .home-about .about-core-card .card-icon,
    .home-about .about-guarantee-card .card-icon{
        width:.46rem!important;
        height:.46rem!important;
    }

    .home-case .js-tab-con.active ul,
    .home-case .js-tab-con ul{
        padding:0!important;
    }

    .home-designer-top{
        grid-template-columns:1fr!important;
    }

    .home-designer-top .dropdown,
    .home-designer-top select,
    .home-designer-top .swiper-button-prev,
    .home-designer-top .swiper-button-next{
        grid-column:1!important;
    }

    .home-quality .content,
    .home-ques .content{
        padding:.3rem .24rem!important;
    }

    .home-news .content .right,
    .home-news li .img,
    .home-case .item .img{
        aspect-ratio:1.2 / 1!important;
    }
}

/* TSZH mobile replica: keep current data, follow tszh.net homepage mobile layout rhythm. */
@media(max-width:768px){
    .home-about,
    .home-case,
    .home-designer,
    .home-quality,
    .home-ques,
    .home-service,
    .home-news{
        padding:0.72rem 0!important;
        overflow:hidden!important;
    }

    .home-about .w1400,
    .home-case .w1400,
    .home-designer .w1400,
    .home-quality .w1400,
    .home-ques .w1400,
    .home-service .w1400,
    .home-news .w1400{
        width:100%!important;
        max-width:100%!important;
        padding-left:0.28rem!important;
        padding-right:0.28rem!important;
        box-sizing:border-box!important;
    }

    .home-tit,
    .home-about .theme,
    .home-service .theme{
        position:relative!important;
        padding:0 0 0.24rem!important;
        text-align:center!important;
    }

    .home-about .theme:after,
    .home-service .theme:after{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        right:auto!important;
        bottom:0!important;
        width:0.7rem!important;
        height:0.04rem!important;
        margin-left:-0.35rem!important;
        background:#1791da!important;
        border-radius:0!important;
    }

    .home-about .theme span,
    .home-service .theme span,
    .home-tit b{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:0!important;
        color:#222!important;
        background:none!important;
        font-size:0.42rem!important;
        line-height:0.58rem!important;
        font-weight:900!important;
        letter-spacing:0.02rem!important;
        text-align:center!important;
        white-space:normal!important;
        word-break:break-word!important;
    }

    .home-case .home-tit b,
    .home-quality .home-tit b{
        color:#fff!important;
    }

    .home-about .theme p,
    .home-tit p,
    .home-tit p span{
        display:block!important;
        width:100%!important;
        height:auto!important;
        margin:0.14rem 0 0!important;
        color:#999!important;
        background:none!important;
        font-size:0.24rem!important;
        line-height:0.36rem!important;
        letter-spacing:0.04rem!important;
        text-align:center!important;
        text-transform:uppercase!important;
        white-space:normal!important;
    }

    .home-about .theme p{
        color:#edf1f3!important;
        font-size:0.58rem!important;
        line-height:0.66rem!important;
        font-weight:900!important;
        letter-spacing:0.02rem!important;
    }

    .home-tit p span:before,
    .home-tit p span:after,
    .home-service .theme span:before{
        display:none!important;
        content:none!important;
    }

    .home-about .about-hero{
        display:block!important;
        margin:0.34rem auto 0!important;
    }

    .home-about .about-culture{
        display:block!important;
        width:100%!important;
        min-height:0!important;
        margin:0 auto!important;
        padding:0.42rem 0.3rem 0.48rem!important;
        background:#07111f!important;
        color:#fff!important;
        text-align:center!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:0 0.18rem 0.46rem rgba(0,70,116,.14)!important;
    }

    .home-about .culture-logo{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:1.52rem!important;
        height:1.52rem!important;
        margin:0 auto 0.22rem!important;
        background:#4c6376!important;
        border:1px solid rgba(255,255,255,.65)!important;
        border-radius:50%!important;
        overflow:hidden!important;
    }

    .home-about .culture-logo img{
        width:96%!important;
        height:96%!important;
        object-fit:contain!important;
        transform:none!important;
    }

    .home-about .culture-main{
        display:block!important;
        min-width:0!important;
        text-align:center!important;
    }

    .home-about .culture-title{
        position:relative!important;
        padding-bottom:0.2rem!important;
        color:#fff!important;
        font-size:0.46rem!important;
        line-height:0.58rem!important;
        font-weight:900!important;
        letter-spacing:0.03rem!important;
        text-align:center!important;
    }

    .home-about .culture-title:after{
        content:""!important;
        position:absolute!important;
        left:50%!important;
        bottom:0!important;
        width:0.58rem!important;
        height:0.04rem!important;
        margin-left:-0.29rem!important;
        background:#fff!important;
    }

    .home-about .culture-subtitle{
        margin-top:0.2rem!important;
        color:rgba(255,255,255,.86)!important;
        font-size:0.3rem!important;
        line-height:0.44rem!important;
        text-align:center!important;
    }

    .home-about .culture-tags{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:0!important;
        margin-top:0.34rem!important;
        padding:0!important;
        background:#f4f5f6!important;
        border:1px solid rgba(255,255,255,.45)!important;
        box-shadow:0 0.14rem 0.3rem rgba(0,45,76,.08)!important;
    }

    .home-about .culture-tags em{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:0!important;
        min-height:0.72rem!important;
        margin:0!important;
        padding:0.12rem 0.1rem!important;
        color:#333!important;
        background:transparent!important;
        border:0!important;
        border-left:1px solid #ddd!important;
        border-top:1px solid #ddd!important;
        border-radius:0!important;
        font-size:0.24rem!important;
        line-height:0.34rem!important;
        font-weight:900!important;
        text-align:center!important;
        white-space:normal!important;
    }

    .home-about .culture-tags em:nth-child(1),
    .home-about .culture-tags em:nth-child(2){
        border-top:0!important;
    }

    .home-about .culture-tags em:nth-child(2n+1){
        border-left:0!important;
    }

    .home-about .about-section-block{
        display:grid!important;
        grid-template-columns:1fr!important;
        margin-top:0.3rem!important;
        background:#fff!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:0 0.16rem 0.48rem rgba(0,70,116,.08)!important;
        overflow:hidden!important;
    }

    .home-about .about-block-head{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        min-height:1.55rem!important;
        padding:0.28rem 0.2rem!important;
        background:#07111f!important;
        color:#fff!important;
        text-align:center!important;
    }

    .home-about .about-block-head .tit{
        color:#fff!important;
        font-size:0.36rem!important;
        line-height:0.48rem!important;
        font-weight:900!important;
    }

    .home-about .about-block-head .des{
        margin-top:0.08rem!important;
        color:rgba(255,255,255,.76)!important;
        font-size:0.2rem!important;
        line-height:0.3rem!important;
        letter-spacing:0.02rem!important;
        text-align:center!important;
    }

    .home-about .about-core-grid,
    .home-about .about-guarantee-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:0!important;
    }

    .home-about .about-core-card,
    .home-about .about-guarantee-card{
        display:flex!important;
        align-items:flex-start!important;
        gap:0.18rem!important;
        min-height:0!important;
        padding:0.34rem 0.28rem!important;
        background:#fff!important;
        border:1px solid #d8e1e6!important;
        border-top:0!important;
        border-left:1px solid #d8e1e6!important;
        color:#333!important;
        box-shadow:none!important;
    }

    .home-about .about-core-card .card-icon,
    .home-about .about-guarantee-card .card-icon{
        flex:0 0 auto!important;
        width:0.4rem!important;
        height:0.4rem!important;
        margin-top:0.04rem!important;
        color:#1791da!important;
    }

    .home-about .about-core-card .card-body,
    .home-about .about-guarantee-card .card-body{
        flex:1 1 auto!important;
        min-width:0!important;
    }

    .home-about .about-core-card .core-index,
    .home-about .about-guarantee-card .num{
        color:#1791da!important;
        font-size:0.3rem!important;
        line-height:0.36rem!important;
        font-weight:900!important;
        opacity:.78!important;
    }

    .home-about .about-core-card .tit,
    .home-about .about-guarantee-card .tit{
        margin-top:0.1rem!important;
        color:#222!important;
        font-size:0.32rem!important;
        line-height:0.44rem!important;
        font-weight:900!important;
        white-space:normal!important;
    }

    .home-about .about-core-card .des,
    .home-about .about-core-card .des p,
    .home-about .about-guarantee-card .des{
        height:auto!important;
        max-height:none!important;
        margin-top:0.12rem!important;
        color:#666!important;
        font-size:0.25rem!important;
        line-height:0.42rem!important;
        overflow:visible!important;
        white-space:normal!important;
    }

    .home-case{
        background:#333!important;
    }

    .home-case .tab{
        display:flex!important;
        align-items:center!important;
        gap:0!important;
        width:auto!important;
        margin:0.46rem 0.28rem 0!important;
        padding-bottom:0.08rem!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        white-space:nowrap!important;
        text-align:left!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .home-case .tab span,
    .home-case .tab a{
        flex:0 0 auto!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        height:0.56rem!important;
        line-height:0.56rem!important;
        margin:0 0.12rem 0 0!important;
        padding:0 0.26rem!important;
        color:#fff!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        font-size:0.28rem!important;
        font-weight:400!important;
    }

    .home-case .tab span.active{
        background:#1791da!important;
        color:#fff!important;
    }

    .home-case .tab span:after,
    .home-case .tab a:after,
    .home-case .tab a:before{
        display:none!important;
        content:none!important;
    }

    .home-case .js-tab-box{
        margin:0.32rem 0.28rem 0!important;
    }

    .home-case .js-tab-con{
        display:none!important;
    }

    .home-case .js-tab-con.active{
        display:block!important;
    }

    .home-case .js-tab-con ul{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:0.24rem!important;
        padding:0!important;
    }

    .home-case li,
    .home-case li:nth-child(n){
        float:none!important;
        width:100%!important;
        margin:0!important;
    }

    .home-case .item{
        display:block!important;
        position:relative!important;
        background:#fff!important;
        border-radius:0!important;
        overflow:hidden!important;
    }

    .home-case .item:after{
        display:none!important;
        content:none!important;
    }

    .home-case .item .img{
        width:100%!important;
        height:auto!important;
        background:#222!important;
        overflow:hidden!important;
    }

    .home-case .item .img img{
        display:block!important;
        width:100%!important;
        height:auto!important;
        max-width:100%!important;
        object-fit:contain!important;
        transform:none!important;
    }

    .home-case .item .text{
        display:block!important;
        position:relative!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:0.24rem 0.24rem 0.28rem!important;
        background:#fff!important;
        color:#333!important;
        text-align:left!important;
    }

    .home-case .item .text .tit{
        color:#222!important;
        font-size:0.32rem!important;
        line-height:0.44rem!important;
        font-weight:900!important;
    }

    .home-case .item .text p{
        margin-top:0.12rem!important;
        color:#666!important;
        opacity:1!important;
        font-size:0!important;
    }

    .home-case .item .text p i{
        display:inline-block!important;
        margin:0 0.18rem 0.06rem 0!important;
        color:#666!important;
        font-size:0.23rem!important;
        line-height:0.34rem!important;
        font-style:normal!important;
    }

    .home-case .item .text span{
        display:inline-flex!important;
        width:auto!important;
        height:0.52rem!important;
        line-height:0.52rem!important;
        margin-top:0.14rem!important;
        padding:0 0.28rem!important;
        background:#1791da!important;
        color:#fff!important;
        font-size:0.23rem!important;
    }

    .home-designer-top{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:0.14rem!important;
        margin:0.42rem 0.28rem 0!important;
    }

    .home-designer-top .dropdown,
    .home-designer-top select,
    .home-designer-top .swiper-button-prev,
    .home-designer-top .swiper-button-next{
        float:none!important;
        width:100%!important;
        height:0.72rem!important;
        margin:0!important;
        background:#1791da!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
    }

    .home-designer-top .dropdown .designer-list,
    .home-designer-top .dropdown .selected{
        height:0.72rem!important;
        line-height:0.72rem!important;
        padding:0 0.24rem!important;
        color:#fff!important;
        background:#1791da!important;
        font-size:0.26rem!important;
        text-align:center!important;
    }

    .home-big-designer{
        width:100%!important;
        margin:0.34rem auto 0!important;
        padding:0 0.28rem!important;
        box-sizing:border-box!important;
    }

    .home-big-designer .swiper-wrapper{
        align-items:stretch!important;
    }

    .home-big-designer .swiper-slide{
        display:flex!important;
        height:auto!important;
    }

    .home-big-designer .item,
    .home-big-designer .box{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        background:#fff!important;
        border:1px solid #e2e8ee!important;
        box-shadow:0 0.12rem 0.28rem rgba(7,17,31,.08)!important;
        overflow:hidden!important;
    }

    .home-big-designer .item .img,
    .home-big-designer .box .img{
        width:100%!important;
        height:2.35rem!important;
        background:#eee!important;
        overflow:hidden!important;
    }

    .home-small-designer{
        display:none!important;
    }

    .home-big-designer .item .img img,
    .home-big-designer .box .img img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }

    .home-big-designer .text,
    .home-big-designer .item .text{
        display:flex!important;
        flex:1 1 auto!important;
        flex-direction:column!important;
        justify-content:flex-start!important;
        position:relative!important;
        width:100%!important;
        height:auto!important;
        min-height:1.68rem!important;
        padding:0.16rem 0.12rem 0.18rem!important;
        background:#fff!important;
        color:#333!important;
        text-align:center!important;
    }

    .home-big-designer .item .text .tit,
    .home-big-designer .text .tit b{
        color:#222!important;
        font-size:0.27rem!important;
        line-height:0.36rem!important;
        font-weight:900!important;
        white-space:normal!important;
    }

    .home-big-designer .item .text .tit:after,
    .home-big-designer .text .tit:after{
        display:none!important;
        content:none!important;
    }

    .home-big-designer .item .text .tit i,
    .home-big-designer .item .text p,
    .home-big-designer .text .des{
        display:block!important;
        margin-top:0.06rem!important;
        color:#777!important;
        font-size:0.2rem!important;
        line-height:0.3rem!important;
    }

    .home-big-designer .item .text .appoint-button,
    .home-big-designer .text .appoint-button{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        height:0.42rem!important;
        line-height:0.42rem!important;
        margin:0.12rem auto 0!important;
        padding:0 0.16rem!important;
        background:#1791da!important;
        border:0!important;
        color:#fff!important;
        font-size:0.2rem!important;
    }

    .home-quality{
        background:#333!important;
    }

    .home-quality .content{
        display:block!important;
        margin:0.46rem 0.28rem 0!important;
        padding:0!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
    }

    .home-quality .tab{
        float:none!important;
        display:flex!important;
        width:100%!important;
        gap:0.14rem!important;
        overflow-x:auto!important;
        padding-bottom:0.08rem!important;
        color:#fff!important;
        white-space:nowrap!important;
    }

    .home-quality .tab span,
    .home-quality .tab a{
        flex:0 0 auto!important;
        display:block!important;
        width:auto!important;
        height:0.58rem!important;
        line-height:0.58rem!important;
        margin:0!important;
        padding:0 0.24rem!important;
        background:transparent!important;
        color:#fff!important;
        font-size:0.25rem!important;
    }

    .home-quality .tab span.active,
    .home-quality .tab a.active{
        background:#1791da!important;
    }

    .home-quality .box-content{
        float:none!important;
        width:100%!important;
        margin-top:0.24rem!important;
    }

    .home-quality .box,
    .home-quality .box.active{
        display:none!important;
        position:relative!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:0.3rem!important;
        background:rgba(255,255,255,.08)!important;
        color:#fff!important;
    }

    .home-quality .box.active{
        display:block!important;
    }

    .home-quality .box .tit{
        color:#fff!important;
        font-size:0.34rem!important;
        line-height:0.48rem!important;
        font-weight:900!important;
    }

    .home-quality .box .des{
        height:auto!important;
        max-height:none!important;
        margin-top:0.14rem!important;
        color:rgba(255,255,255,.72)!important;
        font-size:0.25rem!important;
        line-height:0.42rem!important;
        overflow:visible!important;
    }

    .home-ques .content{
        margin:0!important;
        padding:0!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
    }

    .home-ques .content:before{
        display:none!important;
        content:none!important;
    }

    .home-ques .tit{
        position:relative!important;
        min-height:0!important;
        padding:0 1.95rem 0 0!important;
        text-align:left!important;
    }

    .home-ques .tit span{
        color:#222!important;
        font-size:0.4rem!important;
        line-height:0.54rem!important;
        font-weight:900!important;
    }

    .home-ques .tit p{
        margin-top:0.1rem!important;
        color:#999!important;
        font-size:0.24rem!important;
        line-height:0.36rem!important;
        text-align:left!important;
    }

    .home-ques .tit a{
        position:absolute!important;
        top:0.64rem!important;
        right:0!important;
        display:inline-flex!important;
        height:0.56rem!important;
        line-height:0.56rem!important;
        margin-top:0!important;
        padding:0 0.24rem!important;
        background:#1791da!important;
        color:#fff!important;
        border-radius:0!important;
        box-shadow:none!important;
        font-size:0.24rem!important;
    }

    .home-ques ul{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:0.18rem!important;
        margin-top:0.34rem!important;
    }

    .home-ques li a{
        display:block!important;
        height:auto!important;
        min-height:1.82rem!important;
        padding:0.18rem!important;
        background:#fff!important;
        border:1px solid #e2e7eb!important;
        border-radius:0.2rem!important;
        box-shadow:none!important;
    }

    .home-ques li a:before{
        right:0.22rem!important;
        top:0.2rem!important;
        font-size:0.3rem!important;
    }

    .home-ques li a span{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        display:block!important;
        width:0.46rem!important;
        height:0.46rem!important;
        margin:0 0 0.08rem!important;
        margin-left:0!important;
        border-radius:0.14rem!important;
        background:url(/Public/home/images/d-theme/question.svg) center/0.26rem 0.26rem no-repeat!important;
        background-color:#eaf4fb!important;
        box-shadow:inset 0 0 0 1px rgba(23,145,218,.12)!important;
    }

    .home-ques li a p{
        color:#333!important;
        font-size:0.28rem!important;
        line-height:0.42rem!important;
        font-weight:800!important;
        text-align:left!important;
    }

    .home-ques li a p:after{
        content:"查看答案"!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:1.42rem!important;
        height:0.42rem!important;
        line-height:0.42rem!important;
        margin-top:0.1rem!important;
        padding:0 0.24rem!important;
        border-radius:999px!important;
        background:#42c8ff!important;
        color:#07111f!important;
        font-size:0.22rem!important;
        font-weight:900!important;
    }

    .home-service{
        background:#07111f!important;
    }

    .home-service .theme span{
        color:#fff!important;
    }

    .home-service ul{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:0.16rem!important;
        margin-top:0.38rem!important;
    }

    .home-service li,
    .home-service li:nth-child(n),
    .home-service li:last-child{
        float:none!important;
        width:100%!important;
        margin:0!important;
        min-width:0!important;
        box-sizing:border-box!important;
        grid-column:auto!important;
    }

    .home-service li:last-child{
        grid-column:1 / -1!important;
    }

    .home-service li a{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
        height:auto!important;
        padding:0.3rem 0.22rem!important;
        box-sizing:border-box!important;
        background:rgba(255,255,255,.08)!important;
        border:1px solid rgba(255,255,255,.1)!important;
        border-radius:0!important;
        box-shadow:none!important;
        color:#fff!important;
    }

    .home-service li a:before{
        display:none!important;
        content:none!important;
    }

    .home-service li .tit{
        padding:0!important;
        color:#fff!important;
        font-size:0.3rem!important;
        line-height:0.42rem!important;
        font-weight:900!important;
        word-break:break-word!important;
        overflow-wrap:anywhere!important;
    }

    .home-service li .tit:before{
        display:none!important;
        content:none!important;
    }

    .home-service li .des{
        height:auto!important;
        max-height:none!important;
        margin-top:0.12rem!important;
        color:rgba(255,255,255,.68)!important;
        font-size:0.23rem!important;
        line-height:0.38rem!important;
        overflow:visible!important;
        word-break:break-word!important;
        overflow-wrap:anywhere!important;
    }

    .home-service li:last-child p{
        display:flex!important;
        flex-direction:column!important;
        align-items:flex-start!important;
        padding:0!important;
        color:#fff!important;
        font-size:0.32rem!important;
        line-height:0.46rem!important;
        font-weight:900!important;
        word-break:break-word!important;
        overflow-wrap:anywhere!important;
    }

    .home-service li:last-child span,
    .home-service li:last-child p span{
        align-self:flex-end!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:2.2rem!important;
        max-width:100%!important;
        box-sizing:border-box!important;
        height:0.62rem!important;
        line-height:0.62rem!important;
        margin-top:0.22rem!important;
        padding:0 0.34rem!important;
        background:#1791da!important;
        color:#fff!important;
        border-radius:0!important;
        font-size:0.27rem!important;
        font-weight:900!important;
    }

    .home-news .content{
        margin-top:0.42rem!important;
    }

    .home-news .content a{
        display:block!important;
        height:auto!important;
        min-height:0!important;
        background:#fff!important;
        border-radius:0!important;
        overflow:hidden!important;
    }

    .home-news .content .right,
    .home-news .content .left{
        float:none!important;
        width:100%!important;
        height:auto!important;
    }

    .home-news .content .right{
        background:#eee!important;
        overflow:hidden!important;
    }

    .home-news .content .right img,
    .home-news li .img img{
        display:block!important;
        width:100%!important;
        height:auto!important;
        max-width:100%!important;
        object-fit:contain!important;
        transform:none!important;
    }

    .home-news .content .left{
        padding:0.3rem!important;
    }

    .home-news .content .left .tit,
    .home-news .left .tit{
        color:#222!important;
        font-size:0.34rem!important;
        line-height:0.48rem!important;
        font-weight:900!important;
    }

    .home-news .content .left .des,
    .home-news .left .des{
        height:auto!important;
        max-height:none!important;
        margin-top:0.14rem!important;
        color:#666!important;
        font-size:0.25rem!important;
        line-height:0.42rem!important;
        overflow:visible!important;
    }

    .home-news ul{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:0.22rem!important;
        margin-top:0.26rem!important;
    }

    .home-news li,
    .home-news li:nth-child(n){
        float:none!important;
        width:100%!important;
        margin:0!important;
    }

    .home-news li a{
        display:block!important;
        height:auto!important;
        min-height:0!important;
        padding:0.28rem!important;
        background:#fff!important;
        border:1px solid #e5ebf0!important;
        border-radius:0!important;
    }

    .home-news li .date{
        color:#1791da!important;
        font-size:0.22rem!important;
        line-height:0.32rem!important;
    }

    .home-news li p{
        height:auto!important;
        max-height:none!important;
        margin-top:0.08rem!important;
        color:#222!important;
        font-size:0.3rem!important;
        line-height:0.44rem!important;
        font-weight:900!important;
        overflow:visible!important;
        white-space:normal!important;
    }

    .home-news li .img{
        width:100%!important;
        height:auto!important;
        margin-top:0.18rem!important;
        background:#eee!important;
        overflow:hidden!important;
    }

    .home-news li .des{
        height:auto!important;
        max-height:none!important;
        margin-top:0.16rem!important;
        color:#666!important;
        font-size:0.24rem!important;
        line-height:0.4rem!important;
        overflow:visible!important;
    }

    .home-news li .more,
    .home-news li .more .more-list{
        display:none!important;
    }
}

@media(max-width:480px){
    .home-service ul,
    .home-ques ul{
        grid-template-columns:1fr!important;
    }

    .home-about .theme span,
    .home-service .theme span,
    .home-tit b{
        font-size:0.38rem!important;
        line-height:0.54rem!important;
    }

    .home-about .theme p{
        font-size:0.48rem!important;
        line-height:0.58rem!important;
    }
}

/* Mobile designer section: give filters, navigation and portrait cards breathing room. */
@media(max-width:768px){
    .home-designer{
        background:#f4f8fc!important;
    }

    .home-designer .w1400{
        padding-left:0.3rem!important;
        padding-right:0.3rem!important;
    }

    .home-designer-top{
        width:100%!important;
        margin:0.42rem auto 0!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:0.18rem!important;
        align-items:stretch!important;
    }

    .home-designer-top .dropdown,
    .home-designer-top select{
        width:100%!important;
        min-width:0!important;
        height:0.82rem!important;
        margin:0!important;
        border-radius:0.08rem!important;
        box-shadow:0 0.12rem 0.26rem rgba(7,17,31,.08)!important;
    }

    .home-designer-top .dropdown .designer-list,
    .home-designer-top .dropdown .selected{
        height:0.82rem!important;
        line-height:0.82rem!important;
        font-size:0.26rem!important;
        letter-spacing:0!important;
    }

    .home-designer-top .dropdown .selected{
        padding-left:0.26rem!important;
        padding-right:0.54rem!important;
    }

    .home-designer-top .dropdown .designer-list{
        padding:0 0.58rem 0 0.26rem!important;
        text-align:left!important;
    }

    .home-designer-top .swiper-button-prev,
    .home-designer-top .swiper-button-next{
        width:100%!important;
        height:0.72rem!important;
        margin:0!important;
        border-radius:0.08rem!important;
        box-shadow:0 0.1rem 0.22rem rgba(7,17,31,.07)!important;
    }

    .home-designer-top .swiper-button-prev{
        order:3!important;
        margin-left:0!important;
    }

    .home-designer-top .swiper-button-next{
        order:4!important;
    }

    .home-big-designer{
        width:100%!important;
        margin:0.34rem auto 0!important;
        padding:0 0.3rem!important;
        box-sizing:border-box!important;
        overflow:visible!important;
    }

    .home-big-designer .swiper-slide{
        height:auto!important;
    }

    .home-big-designer .item,
    .home-big-designer .box{
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        background:#fff!important;
        border:1px solid #e1eaf2!important;
        border-radius:0.14rem!important;
        box-shadow:0 0.18rem 0.42rem rgba(7,17,31,.1)!important;
        overflow:hidden!important;
    }

    .home-big-designer .item .img,
    .home-big-designer .box .img{
        width:100%!important;
        height:auto!important;
        aspect-ratio:3 / 4!important;
        background:#edf4fa!important;
        overflow:hidden!important;
    }

    .home-big-designer .item .img img,
    .home-big-designer .box .img img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
        object-position:center top!important;
        transform:none!important;
    }

    .home-big-designer .text,
    .home-big-designer .item .text{
        display:block!important;
        position:relative!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding:0.4rem 0.34rem 0.42rem!important;
        background:#fff!important;
        color:#102033!important;
    }

    .home-big-designer .text:after{
        display:none!important;
        content:none!important;
    }

    .home-big-designer .item .text .tit,
    .home-big-designer .text .tit{
        padding-bottom:0.18rem!important;
        color:#102033!important;
        font-size:0.38rem!important;
        line-height:0.5rem!important;
        font-weight:900!important;
        letter-spacing:0.02rem!important;
    }

    .home-big-designer .item .text .tit:after,
    .home-big-designer .text .tit:after{
        width:0.48rem!important;
        height:0.04rem!important;
        background:#1791da!important;
    }

    .home-big-designer .item .text .tit i,
    .home-big-designer .text .tit i{
        display:block!important;
        margin-top:0.06rem!important;
        color:#66758a!important;
        font-size:0.24rem!important;
        line-height:0.34rem!important;
        font-weight:500!important;
        letter-spacing:0!important;
    }

    .home-big-designer .item .text p,
    .home-big-designer .text .des{
        height:auto!important;
        max-height:none!important;
        margin-top:0.22rem!important;
        color:#5f6f82!important;
        font-size:0.26rem!important;
        line-height:0.42rem!important;
        white-space:normal!important;
        overflow:visible!important;
    }

    .home-big-designer .item .text .appoint-button,
    .home-big-designer .text .appoint-button{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:2.1rem!important;
        height:0.68rem!important;
        line-height:0.68rem!important;
        margin-top:0.3rem!important;
        padding:0 0.36rem!important;
        border-radius:0.34rem!important;
        background:#102033!important;
        border:1px solid #102033!important;
        color:#fff!important;
        font-size:0.25rem!important;
        font-weight:800!important;
    }

    .home-small-designer{
        display:none!important;
    }
}

@media(max-width:520px){
    .home-designer .w1400{
        padding-left:0.26rem!important;
        padding-right:0.26rem!important;
    }

    .home-designer-top{
        grid-template-columns:1fr 1fr!important;
        gap:0.16rem!important;
    }

    .home-designer-top .dropdown,
    .home-designer-top select{
        grid-column:1 / -1!important;
    }

    .home-designer-top .swiper-button-prev,
    .home-designer-top .swiper-button-next{
        grid-column:auto!important;
    }

    .home-big-designer{
        padding:0 0.26rem!important;
    }

    .home-big-designer .text,
    .home-big-designer .item .text{
        padding:0.36rem 0.3rem 0.38rem!important;
    }
}

@media(max-width:999px){
    body{
        padding-bottom:0!important;
    }

    .page-wrap{
        padding-bottom:1.85rem!important;
    }

    .ny-sub{
        margin-top:0!important;
    }

    .menu li.current>.menu-slide{
        display:block;
    }

    .menu li.current>span a{
        color:#42c8ff!important;
    }

    .menu-slide a:hover{
        background:#0b1829!important;
        color:rgba(235,244,255,.66)!important;
    }

    .menu-slide a.active,
    .menu-slide a.active:hover{
        background:#1791da!important;
        color:#fff!important;
    }
}

@media(max-width:768px){
    .cankao-process{
        padding:0.72rem 0!important;
        overflow:hidden!important;
    }

    .cankao-process .w1400{
        width:100%!important;
        max-width:100%!important;
        padding-left:0.28rem!important;
        padding-right:0.28rem!important;
        box-sizing:border-box!important;
    }

    .cankao-process .process-head{
        margin-bottom:0.36rem!important;
    }

    .cankao-process .process-head h2{
        font-size:0.42rem!important;
        line-height:0.58rem!important;
    }

    .cankao-process .process-head p{
        font-size:0.24rem!important;
        line-height:0.36rem!important;
    }

    .cankao-process .process-list{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:0.18rem!important;
    }

    .cankao-process .process-item{
        min-width:0!important;
        min-height:150px!important;
        padding:24px 8px 22px!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
        border-radius:20px!important;
    }

    .cankao-process .process-icon{
        width:72px!important;
        height:72px!important;
        margin:0 auto 14px!important;
        box-sizing:border-box!important;
        box-shadow:0 0 0 8px rgba(23,145,218,.08)!important;
    }

    .cankao-process .process-icon img{
        width:48px!important;
        height:48px!important;
        max-width:100%!important;
        max-height:100%!important;
    }

    .cankao-process .process-num{
        font-size:13px!important;
        line-height:1.2!important;
    }

    .cankao-process .process-name{
        margin-top:8px!important;
        font-size:17px!important;
        line-height:1.35!important;
        word-break:break-word!important;
        overflow-wrap:anywhere!important;
    }
}