@media screen and (max-width: 1024px) {
    body, html {
        min-width: 320px;
        width: 100%;
        overflow-x: hidden;

    }
    .wn-content *{
        /*transition: none!important;*/
    }
    .wap-none{
        display: none;
    }
    .wap-block{
        display: block;
    }

    .wi-banner{
        margin: 0;
        padding: 15vw 0 0 0;
    }
    .inner {
        padding: 0 4%;
        width: 100%;
    }
    .wap-header{
        display: block;
    }
    .header{
        display: none;
    }
    .wap-head-lst{
        display: block;
    }
    .BnoFx{
        margin: 0;
    }

    .swiper-page-banner .swiper-pagination-bullet{
        margin: 0 5px!important;
    }
    #wnbanner .banner .swiper-pagination-bullet-active{
        width: 12px;
        height: 12px;
    }
    #wnbanner .banner .swiper-pagination-bullet-active .wrapper_con{
        display: none;
    }
    .swiper-index{
        display: none;
    }
    .swiper-pagination.swiper-page-banner{
        bottom: 15px!important;
    }
    .wn-banner .swiper-pagination .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }

    .swiper-container-banner{
        padding-top: 15vw;
        height: 50vw;
    }
    .wn-banner .swiper-button-next,.wn-banner .swiper-button-prev{
        display: none;
    }
    .page-lst{
        padding: 0;
    }
    #page{
        padding: 5% 0 5%;
    }
    #page *{
        font-size: 3.5vw;
    }
    #page *:first-child{
        display: none;
    }
    #page *:last-child{
        display: none;
    }
    #page *{
        font-size: 3.8vw;
    }
    #page a,#page p{
        border: 1px solid #f5f5f5;
        margin: 0 0 0 -1px;
        padding: 0 4vw;
        height: 8.5vw;
        line-height: 8.4vw;
        display: inline-block;
    }
    #page .pageEllipsis{
        display: none;
    }
    #page [title~="尾页"]{
        display: none;
    }


    .wn-container .BMap_pop *{
        font-size: 3.5vw!important;
    }


    .message-lst{
        width: 100%;
    }

    .message-lst .message-blc{
        flex-wrap: wrap;
        margin: 0;
    }
    .message-lst .w30{
        width: 100%;
        margin: 0 0 5%;
    }
    .message-lst .w100{
        margin: 0 0 5%;
    }

    .message-lst .message-blc:last-child{
        margin: 10% 0;
    }

    .message-lst .message-blc .mbs .srk{
        height: 12vw;
    }

    .message-lst .message-blc .ann{
        width: 100%;
        height: 12vw;
        line-height: 12vw;
        font-size: 4vw;
    }

    .wi-banner{
        position: relative;
    }
    .wn-banner{
        height: 60vw;
    }
    .wi-PT{
        margin: 0;
    }

    .wi-news{
        padding: 5% 0;
    }
    .wi-news .infx{
        display: block;
    }
    .wi-news .dcl{
        width: 100%;
    }
    .wi-news .dcr{
        width: 100%;
    }

    .wiRn-item .dcie{
        height: auto;
    }
    .wi-title{
        margin: 4% 0;
    }
    .wiRn-item .dcon{
        font-size: 3.5vw;
    }
    .wi-title .tiel{
        font-size: 4.5vw;
    }
    .wi-title .tier{
        font-size: 3.8vw;
    }
    .wiSn-item .dca{
        font-size: 3.8vw;
        line-height: 10vw;
    }
    .wiSn-item .dcb{
        font-size: 3.8vw;
        line-height: 10vw;
    }


    .wi-about{
        padding: 5% 0;
        background: #ffffff;
    }

    .wi-about .infx{
        display: block;
    }
    .wi-about .dcl{
        width: 100%;
    }
    .wi-about .wiab-item{
        width: 25%;
    }
    .wi-about .wiab-item .Acls{
        width: 100%;
        height: 23vw;
    }
    .wi-about .dcr{
        width: 100%;
        margin: 5% 0 0 0;
    }
    .wi-about .ab-video{
        height: auto;
    }
    .wi-about .dca{
        font-size: 5vw;
    }
    .wi-about .dcb{
        font-size: 3.5vw;
        line-height: 2;
    }
    .wi-about .wiab-item .wiab-wz{
        font-size: 3.5vw;
    }

    .footer{
        border-top: 0;
        padding: 5% 0;
        background: #ffffff;
    }
    .footer:before{
        display: none;
    }
    .footer .fcl{
        display: none;
    }

    .footer .fcr{
        width: 100%;
    }
    .foot-ewm .fe-tie{
        text-align: left;
        font-size: 4vw;
    }
    .foot-ewm .fe-tie .wzbd{
        font-size: 5vw;
    }
    .foot-ewm .fe-lst{

    }
    .foot-ewm .fe-lst .ewm-box{
        width: 30%;
        margin: 0 10% 0 0;
    }
    .foot-ewm .fe-lst .ewm-box .ewm-ie{
        width: 100%;
        height: auto;
    }
    .foot-ewm .fe-lst .ewm-box .ewm-mc{
        font-size: 3.5vw;
    }
    .footer .copyright{
        height: auto;
        line-height: 2;
        font-size: 3vw;
        text-align: center;
    }



    .detail-banner{
        padding: 15vw 0 0 0;
        height: 50vw!important;
        background-size: cover!important;
    }
    .detail-banner.BinFx{
        position: relative;
    }
    .wap-detail-banner{
        margin: 15vw 0 0 0;
        height: auto;
    }
    .wap-detail-banner .wdbimg{
        width: 200%;
        margin: 0 0 0 -50%;
    }


    .ConBinFx{
        margin: 0;
    }
    .wn-SubNav .infx{
        display: block;
    }
    .wn-inNav{
        flex-wrap: wrap;
    }
    .wn-SubNav .infx{
        padding: 0;
    }
    .in-item{
        min-width: 25%;
        font-size: 3.8vw;
    }
    .in-item .mCa{
        padding: 0;
        height: 12vw;
        line-height: 12vw;
    }


    .wn-location{
        display: none;
    }

    .wn-content{
        padding: 5% 0;
    }
    .idea-con{
        flex-wrap: wrap;
        padding: 0;
    }
    .idea-item{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .idea-item .dcie{
        height: auto;
    }
    .idea-item .dcon{
        height: auto;
        padding: 8% 5%;
    }
    .idea-item .dcon .dca{
        font-size: 4.5vw;
    }
    .idea-item .dcon .dcb{
        font-size: 3.8vw;
    }
    .idea-item .dcon .dcb *{
        font-size: 3.8vw;
    }

    .ab-con{
        display: block;
    }

    .ab-con .abcl{
        width: 100%;
        font-size: 4vw;
        line-height: 2;
        margin: 0 0 5% 0;
    }

    .ab-con .abcr{
        width: 100%;
        height: auto;
    }

    .honor-con{
        display: block;
        height: auto;
    }
    .honor-con .lsl{
        width: 100%;
    }
    .history-item .dca{
        font-size: 5vw;
        margin: 0 0 4% 0;
    }
    .history-item .hi-lst .hi-box{
        margin: 0 0 5% 0;
    }
    .history-item .hi-lst .hi-box .hica{
        font-size: 4vw;
        margin: 0 0 3% 0;
    }
    .history-item .hi-lst .hi-box .hicb{
        font-size: 3.5vw;
    }

    .honor-con .lsr{
        width: 100%;
        padding: 6% 4% 4%;
    }
    .honor-con .lsr.wap-none{
        display: none;
    }
    .honor-con .lsr.wap-block{
        display: block;
    }
    .history-con .dcc{
        font-size: 5vw;
    }
    .history-con .dcc:before{
        border-top: 4px solid #FF4343;
    }
    .history-nav .hn-item{
        font-size: 4vw;
        margin: 5% 5% 0 0;
    }

    .events-title{
        padding: 5% 0;
        height: auto;
        margin: 5% 0 0 0;
    }

    .events-title .dca{
        font-size: 4.5vw;
        padding: 0 1%;
    }
    .events-title .dcb{
        font-size: 4vw;
        padding: 0 1%;
    }

    .events-box{
        width: 100%;
        padding: 4% 4% 0;
        min-height: auto;
    }

    .events-list .events-mask{
        display: none;
    }

    .events-box .dca{
        font-size: 4.5vw;
    }

    .events-box .dcb{
        font-size: 4vw;
        margin: 12% 0 0 0;
    }
    .events-box .dca:before{
        bottom: -30px;
    }

    .events-box .dca:after{
        bottom: -30px;
    }

    .branch-con{
        display: block;
        width: 100%;
        height: auto;
    }
    .branch-lst{
        width: 100%;
    }
    .branch-item .dca{
        font-size: 4vw;
        margin: 0 0 2% 0;
        background-size: 4vw;
        padding: 0 0 0 6vw;
    }
    .branch-item .dcb{
        font-size: 3.8vw;
        padding: 0 0 0 6vw;
    }
    .branch-map{
        width: 100%;
        height: 80vw;
    }










    .recruit-cot .rc-title{
        font-size: 4.5vw;
    }
    .recruit-cot .rc-lst{
        flex-wrap: wrap;
    }
    .recruit-cot .ypxz-box{
        width: 100%;
        height: auto;
        margin: 0 0 5%;
        padding: 5%;
    }


    .recruit-cot .ypxz-box .dcb{
        font-size: 4vw;
        padding-top: 5%;
        padding-bottom: 3%;
    }
    .recruit-cot .ypxz-box .dcc{
        font-size: 3.8vw;
    }




    .recruit-box .recruit-title .recruit-mk:nth-child(3){
        display: none;
    }
    .recruit-box .recruit-title .recruit-mk:nth-child(4){
        display: none;
    }
    .recruit-box .recruit-title .recruit-mk:nth-child(6){
        display: none;
    }
    .recruit-box .recruit-title .recruit-mk{
        width: 33%;
        font-size: 4vw;
    }


    .recruit-item .recruit-name .recruit-mk:nth-child(3){
        display: none;
    }
    .recruit-item .recruit-name .recruit-mk:nth-child(4){
        display: none;
    }
    .recruit-item .recruit-name .recruit-mk:nth-child(6){
        display: none;
    }
    .recruit-item .recruit-name .recruit-mk{
        width: 33%;
        font-size: 3.5vw;
        line-height: 2;
        padding: 2% 0;
    }


    .recruit-item.on .recruit-whnr{
        padding: 5%;
        flex-wrap: wrap;

    }
    .recruit-item .recruit-whnr .zwbox{
        width: 100%;
        margin: 0 0 5%;
    }
    .recruit-item .recruit-whnr .zwbox{
        width: 100%;
    }
    .recruit-item .recruit-whnr .zwbox .dca{
        font-size: 4vw;
        margin: 0 0 3%;
    }

    .recruit-item .recruit-whnr .zwbox .dcb{
        font-size: 3.5vw;
    }
    .recruit-item .recruit-whnr .zwbox .dcb *{
        font-size: 3.5vw;
    }


    .rsA-lst{
        margin: 0 0 5% 0;
        padding: 0;
    }
    .rsA-lst .swiper-pagination{
        left: auto;
        right: 5%;
        bottom: 5%;
    }
    .rsA-item{
        height: auto;
    }
    .rsA-item .Acls{
        display: block;
    }
    .rsA-item .rscsl{
        width: 100%;
        padding: 4%;
    }
    .rsA-item .rsca{
        font-size: 4.5vw;
        margin: 0 0 3% 0;
    }
    .rsA-item .rscb{
        font-size: 3.5vw;
        line-height: 2;
    }
    .rsA-item .rscc{
        margin: 4% 0 0 0;
        font-size: 3.5vw;
        height: 10vw;
        line-height: 10vw;
        width: 40%;
    }
    .rsA-item .rscsr{
        width: 100%;
        height: auto;
    }

    .rsB-all{
        padding: 0;
    }
    .rsB-item{
        width: 100%;
        height: auto;
    }
    .rsB-item .rscie{
        height: auto;
    }
    .rsB-item .rscnm{
        height: 12vw;
        line-height: 12vw;
        font-size: 3.8vw;
    }


    .news-item{
        margin: 0 0 5%;
        padding: 0;
    }
    .news-item .Acls{
        display: block;
    }
    .news-item .decl{
        display: none;
    }

    .news-item .decc{
        width: 44%;
        height: 30vw;
        border: 0;
        padding: 0;
        margin: 0;
    }
    .news-item .decr{
        width: 100%;
        border: 0;
        padding: 0;
    }
    .news-item:last-child .decr{
        padding: 0;
    }
    .news-item .derl{
        width: 55%;
    }
    .news-item .derr{
        width: 40%;
        height: 25vw;
    }








    .news-item .dcc{
        font-size: 4.4vw;
        -webkit-line-clamp: 2;
        font-weight: bold;
        margin: 0 0 6%;
    }
    .news-item .dcd{
        display: none;
    }
    .news-item .dce{
        font-weight: 400;
        font-size: 3.8vw;
        color: #8E8E8E;
    }
    .news-item:hover{
        background-color: #f5f5f5;
    }

    .cadBg .detail-content{
        padding: 4%;
    }
    .detail-content .title{
        font-size: 4.5vw;
        line-height: 1.6;
        margin: 0 0 3% 0;
    }
    .detail-content .info{
        font-size: 3.5vw;
        margin: 0 0 5% 0;
    }
    .detail-content .content{
        font-size: 3.8vw;
    }

    .Around{
        flex-wrap: wrap;
        margin: 5% 0 0 0;
        padding: 5% 0 0 0;
    }

    .Around .Aroundul{
        width: 100%;
        text-align: left!important;
        margin: 0 0 5% 0;
        font-size: 3.8vw;
    }






    .wn-content.no-Pd{
        padding: 5% 0;
    }
    .product-intro{
        margin: 15vw 0 0 0;
        display: block;
        padding: 4%;
    }
    .product-intro .dcl{
        width: 100%;
        height: auto;
    }
    .product-intro .dcr{
        width: 100%;
        margin: 5% 0 0 0;
    }
    .product-intro .dca{
        font-size: 4.5vw;
        margin: 0 0 3% 0;
    }
    .product-intro .dcb{
        font-size: 3.8vw;
        line-height: 2;
    }
    .product-intro .dcb:last-child{
        margin: 0;
    }
    .del-nav{
        padding: 0 4%;
        flex-wrap: wrap;
    }
    .del-nav .dns{
        font-size: 4vw;
        line-height: 12vw;
        height: 12vw;
        margin: 0 5% 0 0;
    }
    .del-lst{
        padding: 4%;
    }

    .page-lst.download-page{
        padding: 0 0 0;
    }

    .download-con{
        padding: 0;
    }
    .download-xl{
        width: 100%;
        margin: 0;
    }
    .download-lst{
        padding: 0;
    }

    .download-item .Acls{
        display: block;
        padding: 4%;
    }
    .download-item .dl-name{
        height: 12vw;
        line-height: 12vw;
        font-size: 4vw;
        width: 100%;
    }
    .download-item .dl-time{
        height: 8vw;
        line-height: 8vw;
        font-size: 3.8vw;
        background-size: 5vw;
    }
    .download-xl .layui-form-select .layui-input{
        font-size: 3.8vw;
        height: 9vw;
    }
    .download-xl .layui-form-select dl{
        top: 9vw;
    }
    .download-xl .layui-form-select dl dd{
        font-size: 3.8vw;
        line-height: 2;
    }






    .marketing-con{
        width: 100%;
        padding: 0;
    }

    .marketing-con .about-box .dcm-img{
        width: 100%;
        height: auto;
    }
    .marketing-con .about-box .dcm-cal{
        width: 100%;
        position: relative;
        left: 0;
        padding: 5%;
        display: block;
    }
    .marketing-con .about-box .dcm-cal .dca{
        font-size: 4.5vw;
        margin: 0 0 3%;
        padding: 0 0 3%;
    }

    .marketing-con .about-box .dcm-cal .dca:after{
        left: 1px;
    }

    .marketing-con .about-box .dcm-cal .dcb{
        font-size: 3.5vw;
        height: auto;
        line-height: 2;
        margin: 0 0 3%;
    }

    .marketing-con .about-box:nth-child(2n) .dcm-img{
        margin: 0;
    }
    .marketing-con .about-box:nth-child(2n) .dcm-cal{
        padding: 5% 0;
    }
    .marketing-con .about-box .dcm-cal .dcc{
        width: auto;
        display: inline-block;
        height: 10vw;
        line-height: 10vw;
        padding: 0 8%;
        font-size: 3.8vw;
    }


    .guide-bg{
        background-size: cover;
    }
    .guide-con{
        display: block;
        padding: 0;
    }
    .guide-con .dcl{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .guide-con .dca{
        font-size: 4.5vw;
    }
    .guide-con .dcb{
        font-size: 3.8vw;
    }
    .guide-con .dcr{
        width: 100%;
        height: auto;
    }
    .guide-con .guide-box .dcin{
        font-size: 4vw;
        left: 5%;
        bottom: 5%;
    }





    .wi-product{
        padding: 5% 0;
    }
    .public-title{
        padding: 0 0 4% 0;
    }
    .public-title .dcn{
        font-size: 4.5vw;
        margin: 0 0 2% 0;
    }
    .public-title .den{
        font-size: 3.5vw;
    }
    .wnal-tab ul{
        flex-wrap: wrap;
    }
    .wnal-tab ul li{
        width: 50%;
        font-size: 3.5vw;
        margin: 0;
    }
    .wnal-tab ul li a{
        padding: 4vw 0;
    }
    .wnal-lst{
        margin: 5% 0 0;
    }
    .wnal-item{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .wnal-item .dca{
        height: auto;
    }
    .wnal-item .dcb{
        font-size: 3.5vw;
        height: 10vw;
        line-height: 10vw;
    }


    .wn-about{
        height: auto;
        padding: 8% 0;
        background-size: cover!important;
    }
    .wn-about .dcml{
        width: 100%;
    }
    .wn-about .dcml .abdcc{
        font-size: 5vw;
        margin: 0 0 5% 0;
    }
    .wn-about .dcml .abdcd{
        font-size: 3.8vw;
        line-height: 2;
    }
    .wn-about .dcml .abdce{
        margin: 5% 0 0 0;
        font-size: 3.8vw;
        height: 12vw;
        line-height: 12vw;
    }

    .wn-news{
        padding: 5% 0 0;
    }
    .wnxw-lst{
        display: block;
    }
    .wnxw-lst .wnxwl{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .news-sx .dca{
        height: auto;
    }
    .news-sx .dcma{
        height: auto;
        padding: 4%;
    }
    .news-sx .dcb{
        font-size: 4vw;
    }
    .news-sx .dcc{
        font-size: 3.2vw;
        margin: 1% 0;
        line-height: 1.6;
    }
    .news-sx .dcd{
        font-size: 3.2vw;
    }
    .wnxw-lst .wnxwr{
        width: 100%;
    }
    .news-lr{
        margin: 0 0 5% 0;
    }
    .news-lr .dca{
        width: 45%;
        height: 25vw;
    }
    .news-lr .dcma{
        width: 50%;
    }
    .news-lr .dcb{
        font-size: 4vw;
        margin: 0 0 4% 0;
    }
    .news-lr .dcc{
        font-size: 3.2vw;
        margin: 0 0 4% 0;
    }
    .news-lr .dcd{
        font-size: 3.2vw;
    }

    .wn-link{
        padding: 5% 0;
    }
    .wnlink-lst .link-title{
        font-size: 3.8vw;
        margin: 0 0 2% 0;
    }
    .wnlink-lst .link-ca{
        font-size: 3.2vw;
        margin: 0 2% 2% 0;
    }

    .footer-list{
        display: block;
        padding: 0;
        margin: 0;
    }
    .footer-list .fll{
        display: none;
    }
    .footer-lx .dcb{
        font-size: 4vw;
    }
    .footer-lx .dcc{
        font-size: 3.8vw;
    }
    .footer-list .flr .footer-ewm{
        margin: 3% 3% 0 0;
    }
    .copyright{
        padding: 5% 0;
        background: #fff;
    }
    .copyright .infx{
        display: block;
        text-align: center;
        line-height: 2;
    }



    .honor-eh.on{
        display: block;
    }
    .honor-box{
        width: 100%;
        margin: 0;
    }
    .honor-box:hover{
        transform:translateY(0);
    }
    .honor-box .dca{
        height: auto;
    }
    .honor-box .dcb{
        height: 10vw;
        line-height: 10vw;
        font-size: 3.8vw;
        padding: 0;
        margin: 2% 0 2% 0;
    }
    .small-content-wh{
        display: none;
    }
    .mask-layer-container .img-pre,.mask-layer-container .img-next{
        top: 90% !important;
    }

    /*案例*/
    .case-item{
        width: 100%;
        margin: 0 0 5%;
    }

    .case-item .dcma{
        transition: all 0.5s!important;
    }
    .case-item .dca{
        overflow: hidden;
        height: 80vw;
    }
    .case-item .dcb{
        font-size: 4vw;
    }

    /*案例*/

    .lxwm-list{
        display: block;
        padding: 5%;
    }
    .lxwm-list .lxr{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .lxwm-list .lxr .dca{
        font-size: 5vw;
        padding: 0 0 5% 0;
        line-height: 1.5;
    }
    .lxwm-list .wn-container{
        width: 100%;
        height: 100vw;
    }
    .lxwm-list .lxr .dcb{
        font-size: 3.8vw;
    }



    .product-all .dcml{
        display: none;
    }
    .product-all .dcmr{
        width: 100%;
    }

    .product-item{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .product-item .dca{
        height: auto;
        min-height: 50vw;
    }

    .product-item .dcmc{
        padding: 5%;
    }
    .product-item .dcmc .dcmd{
        font-size: 4.5vw;
        margin: 0 0 4% 0;
    }
    .product-item .dcmc .dcme{
        font-size: 3.8vw;
        line-height: 2;
        margin: 0 0 4% 0;
    }
    .product-intro{
        margin: 0;
    }
    .product-intro .dcml{
        width: 100%;
    }
    .product-intro .dcmr{
        width: 100%;
    }
    .product-intro .dcmr .dcb{
        font-size: 5vw;
        padding: 0;
    }
    .product-intro .dcmr .dcc{
        font-size: 3.5vw;
        margin: 0 0 5% 0;
    }
    .product-intro .dcmr .dcd{
        width: 50%;
        height: 12vw;
        line-height: 12vw;
        font-size: 4vw;
        background-size: 5vw!important;
        padding: 0 0 0 8vw;
    }
    .product-detail{
        padding: 4%;
    }
    .product-detail .nr-tit{
        font-size: 5vw;
        margin: 0 0 5% 0;
    }
    .product-detail .nr-cot{
        font-size: 3.5vw;
    }





    .location_service{

    }

    .location_service .lswhy{
        padding: 0 5% 0 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }
    .location_service .lswhy .lswy_return_a{
        width: 15%;
        display: block;
    }
    .location_service .lswhy .lswy_return{
        width: 100%;
        padding: 4.5vw 0;
        background: url(../images/icons/lswy_return.png) no-repeat 50%;
        background-size: 50%;
        background-color: var(--colorZT);
    }
    .location_service .lswhy .lswy_name{
        width: 67%;
        color: var(--colorZT);
        height: 13vw;
        line-height: 13vw;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
        font-size: 4vw;
    }
    .location_service .lswhy .lswy_menu{
        width: 8%;
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .location_service .lswhy .lswy_menu .litem{
        width: 100%;
        height: 2px;
        background-color: var(--colorZT);
        display: block;
        margin: 1vw auto;
        transition: all 0.3s;
    }
    .location_service .lswhy .lswy_menu.is-active .litem:nth-of-type(1){
        transform: rotate(45deg);
        position: absolute;
    }
    .location_service .lswhy .lswy_menu.is-active .litem:nth-of-type(2){
        display: none;
    }
    .location_service .lswhy .lswy_menu.is-active .litem:nth-of-type(3){
        transform: rotate(-45deg);
        position: absolute;
    }
    .location_service .lswhe{
        /*display: none;*/
        height: 0;
        transition: all 0.3s;
        overflow: auto;
        max-height: 98vw;
    }
    .location_service .lswhe.dis{
        /*display: block;*/
        height: auto;

        /*opacity: 1;*/
    }

    .location_service .CAul{
        width: 100%;
    }

    .location_service .CAli{
        position: relative;
        border-bottom: 1px solid #f5f5f5;
        padding: 0 0 0 4%;
    }
    .location_service .lswhe ul li .CAa{
        width: 80%;
        display: block;
        height: 12vw;
        line-height: 12vw;
        color: #333333;
        font-size: 4vw;
    }

    .location_service .CBul{
        width: 100%;
        position: relative;
        height: 0;
        overflow: hidden;
    }
    .location_service .CBul .CBli{
        padding: 0 0 0 4%;
        position: relative;
    }
    .location_service .CBul .CBli:after{

    }
    .location_service .CBul .CBli .CBa{
        width: 80%;
        display: block;
        height: 10vw;
        line-height: 10vw;
        color: #333333;
        font-size: 3.8vw;
    }
    .location_service .CBul.dis{
        height: auto;
    }


    .location_service .CCul{
        width: 100%;
        position: relative;
        height: 0;
        overflow: hidden;
    }
    .location_service .CCul .CCli{
        background-size: 3vw;
        padding: 0 0 0 4%;
    }
    .location_service .CCul .CCli .CCa{
        width: 100%;
        display: block;
        height: 10vw;
        line-height: 10vw;
        color: #333333;
        font-size: 3.5vw;
        padding: 0 8% 0 0;
    }
    .location_service .CCul.dis{
        height: auto;
    }


    .location_service .CAxl{
        position: absolute;
        top: 0;
        right: 0;
        width: 12vw;
        height: 12vw;
        background: url(../images/icons/next_blank.png)no-repeat center;
        background-size: 4vw;
        opacity: 0.7;
    }
    .location_service .CBxl{
        position: absolute;
        top: 0;
        right: 0;
        width: 12vw;
        height: 10vw;
        background: url(../images/icons/next_blank.png)no-repeat center;
        background-size: 4vw;
        opacity: 0.7;
    }

    .location_service .CAli.is-active .CAxl{
        /*transform: rotate(90deg);*/
    }
    .location_service .CBli.is-active .CBxl{
        transform: rotate(90deg);
    }

    .location_service .lswhe ul .CAli.selected .CAa{
        color: var(--colorZT);
    }

    .location_service .CBli.selected .CBa{
        color: var(--colorZT);
    }

    .location_service .CCli.selected .CCa{
        color: var(--colorZT);
    }


}