:root{
    --mcolor: #5bb14e;
    --hcolor: #fc9643;
    --scolor: #175f09;
    --bili:1;
    --wzbl:1;
}
.inner {
    width: calc( var(--bili) * 1600px );
    margin: 0 auto;
}
@media screen and (max-width: 1650px) {
    :root{
        --bili:0.9;
        --wzbl:0.95;
    }
}
@media screen and (max-width: 1450px) {
    :root{
        --bili:0.8;
        --wzbl:0.85;
    }
}
@media screen and (max-width: 1250px) {
    :root{
        --bili:0.7;
        --wzbl:0.75;
    }
}




/*头部*/
.header{
    position: relative;
    background-color: var(--mcolor);
}
.header .infx{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.header .dcml{
    display: flex;
    align-items: center;
}
.header .dcmr{

}

.head-menu{
    position: relative;
    margin: 0 calc( var(--bili) * 170px ) 0 0;
}
.head-menu .CAul{
    display: flex;
}
.head-menu .CAli{
    margin: 0 calc( var(--bili) * 50px ) 0 0;
    position: relative;
}
.head-menu .CAli .CAa{
    font-size: calc( var(--wzbl) * 18px );
    line-height: calc( var(--bili) * 100px );
    color: #ffffff;
    display: block;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
}
.head-menu .CAli .CAa:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 16px );
    height: calc( var(--bili) * 16px );
    border: 1px solid var(--scolor);
    left: calc( var(--bili) * -10px );
    top: calc( var(--bili) * -20px );
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s;
}
.head-menu .CAli:hover .CAa{
    color: var(--scolor);
}
.head-menu .CAli.on .CAa{
    color: var(--scolor);
}
.head-menu .CAli:hover .CAa:after{
    transform: scale(1);
    top: 32%;
}
.head-menu .CAli.on .CAa:after{
    transform: scale(1);
    top: 32%;
}


.head-language{
    position: absolute;
    right: 0;
    width: calc( var(--bili) * 190px );
    height: calc( var(--bili) * 115px );
    background-color: var(--hcolor);
    z-index: 2;
    text-align: center;
}
.head-language .Aals{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.head-language .dca{
    background: url(../images/head-language.png)no-repeat center;
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    background-size: 100% 100%;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.head-language .dcb{
    font-size: calc( var(--wzbl) * 18px );
    color: #ffffff;
}



.drop-down-menu{
    display: none;
    position: absolute;
    left: -10%;
    top: 100%;
    width: 120%;
    overflow: hidden;
    background-color: #ffffff;
    text-align: left;
    border-radius: 0 0 10px 10px;
    padding: 12px 0;
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    z-index: 999;
}
.drop-down-menu ul .CBli{
    /*padding: 0 5px;*/
}
.drop-down-menu ul .CBa{
    display: block;
    width: 100%;
    line-height: 2.5;
    font-weight: 400;
    font-size: calc( var(--wzbl) * 16px );
    color: #262626;
    text-align: center;
    transition: all 0.5s;
    /*padding: 0 0 0 20%;*/
}
.drop-down-menu ul .CBli:hover .CBa{
    color: var(--mcolor);
    /*padding: 0 0 0 5px;*/
}




/*头部*/


/*banner左侧*/
.banner-lx{
    background-color: var(--mcolor);
    width: 5%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.banner-lx .blxs{
    width: 100%;
}

.banner-lx .blxx{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 120px;
    justify-content: space-between;
}

.banner-lx .blx-box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 calc( var(--bili) * 10px );
}
.banner-lx .blx-box .dca{
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    cursor: pointer;
}
.banner-lx .blx-box .dca.blx1{
    background: url(../images/blx1.png)no-repeat center;
    background-size: 100% 100%;
}
.banner-lx .blx-box .dca.blx2{
    background: url(../images/blx2.png)no-repeat center;
    background-size: 100% 100%;
}
.banner-lx .blx-box .dca.blx3{
    background: url(../images/blx3.png)no-repeat center;
    background-size: 100% 100%;
}
.banner-lx .blx-box .dcb{
    background-color: rgb(0 0 0 / 20%);
    position: absolute;
    left: 79%;
    height: calc( var(--bili) * 50px );
    line-height: calc( var(--bili) * 50px );
    width:calc( var(--bili) * 180px );
    font-size: calc( var(--wzbl) * 18px );;
    z-index: 8;
    border-radius: 30px;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    transform: scale(0);
    transition: all 0.3s;
}
.banner-lx .blx-box .dca:hover .dcb{
    transform: scale(1);
}



/*banner左侧*/

/*banner*/
.wi-banner{
    position: relative;
}
.swiper-container-banner{
    height: calc( var(--bili) * 795px );
    width: 95%;
    margin: 0 0 0 5%;
}
.swiper-pagination.swiper-page-banner{
    bottom: calc( var(--bili) * 50px )!important;
}
.swiper-page-banner .swiper-pagination-bullet{
    background: #fff;
    width: 10px;
    height: 10px;
}

#wnbanner .banner .swiper-pagination > span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
#wnbanner .banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    margin: 0 15px;
    opacity: 0.5;
    color: transparent;
}
#wnbanner .banner .swiper-pagination-bullet-active {
    opacity: 1;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.4);
    background-color: transparent;
    color: #ffffff;
}

#wnbanner .wrapper_con {
    width: 21px;
    height: 42px;
    position: absolute;
    top: -2px;
    overflow: hidden;
    display: none;
}
#wnbanner .banner .swiper-pagination-bullet-active .wrapper_con {
    display: block;
}

#wnbanner .left {
    left: -2px;
}
#wnbanner .right {
    right: -2px;
}
#wnbanner .circleProgress {
    width: 42px;
    height: 42px;
    border: 2px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-135deg);
}
#wnbanner .leftcircle {
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    left: 0;
}
#wnbanner .rightcircle {
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    right: 0;
}
#wnbanner .banner .swiper-pagination-bullet-active .rightcircle {
    -webkit-animation: circleProgressLoad_right 6s linear infinite;
    animation: circleProgressLoad_right 6s linear infinite;
}

#wnbanner .banner .swiper-pagination-bullet-active .leftcircle {
    -webkit-animation: circleProgressLoad_left 6s linear infinite;
    animation: circleProgressLoad_left 6s linear infinite;
}
.swiper-index{
    line-height: 38px;
}
@keyframes circleProgressLoad_right {
    0% {
        transform: rotate(45deg);
    }

    50%, 100% {
        transform: rotate(225deg);
    }
}

@keyframes circleProgressLoad_left {
    0%, 50% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}

/*banner-arrow*/
.wi-banner .swiper-button-next, .wi-banner .swiper-button-prev{
    background-repeat: no-repeat;
    background-position: center;
    background: url(../images/honor_arrow.png) no-repeat right;
    background-size: 100% 100%;
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin-top: auto;
}
.wi-banner .swiper-button-next:after, .wi-banner .swiper-button-prev:after{
    display: none;
}
.wi-banner .swiper-button-prev {
}
.wi-banner .swiper-button-next {
    transform: rotate(180deg);
}
/*banner-arrow*/








.detail-banner{
    display: block;
    /*min-height: 200px;*/
    /*background-color: #ccc;*/
    /*width: 100%;*/
    /*height: calc( var(--bili) * 320px );*/
    /*overflow: hidden;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*background-size: 100% 100%!important;*/
}
/*banner*/



/*footer*/
.footer{
    background-color: var(--mcolor);
    border-top: 4px solid var(--hcolor);
    padding: calc( var(--bili) * 30px ) 0 calc( var(--bili) * 30px ) 0;
}

.footer .infx{
    display: flex;
    justify-content: space-between;
}
.footer .foot-box{
    position: relative;
}
.footer .foot-box .foot-logo{
    width: calc( var(--bili) * 455px );
    height: calc( var(--bili) * 262px );
}
.footer .foot-box .foot-title{
    font-size: calc( var(--wzbl) * 22px );
    font-weight: bold;
    color: var(--scolor);
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    padding: calc( var(--bili) * 20px ) 0 0 0;
}
.footer .foot-box .foot-lst{
}
.footer .foot-box .foot-link{
    font-size: calc( var(--wzbl) * 18px );
    color: #ffffff;
    line-height: calc( var(--bili) * 40px );
    height: calc( var(--bili) * 40px );
}

.copyright{
    background-color: var(--mcolor);
    padding: 0 0 calc( var(--bili) * 40px ) 0;
}
.copyright .intro{
    border-top: 1px solid #dddddd;
    text-align: center;
    padding: calc( var(--bili) * 40px ) 0 0 0;
    color: #ffffff;
    font-size: calc( var(--wzbl) * 16px );
}

.to-top{
    background: url(../images/to-top.png)no-repeat center;
    width: 75px;
    height: 75px;
    position: fixed;
    bottom: 5%;
    right: 5%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    z-index: 10001;
    display: none;
}

/*footer*/





/*首页*/

.public-title{
    font-size: calc( var(--wzbl) * 24px );
    position: relative;
    display: inline-block;
}
.public-title:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 80px );
    height: 1px;
    top: 50%;
    left: 120%;
}
.public-title.coly{
    color: var(--scolor);
}
.public-title.coly:after{
    background-color: var(--scolor);
}
.public-title.cole{
    color: #333333;
}
.public-title.cole:after{
    background-color: #333333;
}

/*关于我们*/
.wi-about{
    background: url(../images/iab-bg.jpg)no-repeat center;
    padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 80px );
    max-height: calc( var(--bili) * 780px );
}
.wi-about .infx{
    display: flex;
    justify-content: space-between;
}
.wi-about .iabl{

}
.wi-about .iabr{

}

.wi-about .iabl .dcb{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 50px );
    color: #FFFFFF;
    line-height: 1.2;
    margin: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 80px );
}
.wi-about .iabl .dcc{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 16px );
    color: #ffffff;
    background-color: var(--hcolor);
    border: 3px solid #6cb960;
    width: calc( var(--bili) * 190px );
    height: calc( var(--bili) * 66px );
    line-height: calc( var(--bili) * 60px );
    text-align: center;
    border-radius: 40px;
    cursor: pointer;
}
.wiann{
    position: relative;
}
.wiann:hover{
    animation: anim-moema-1 0.5s forwards;
}
@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.wi-about .iabr .iabr-as{
    width: calc( var(--bili) * 900px );
    padding: 0 0 0 calc( var(--bili) * 1px );
}
.wi-about .iabr .iabr-as .iars-ls{
    margin: 0 0 calc( var(--bili) * 40px );
}
.wi-about .iabr .iabr-as .iars-ls .Aals{
    display: flex;
    align-items: center;
}
.wi-about .iabr .iabr-as .iars-ls .wca{
    width: calc( var(--bili) * 52px );
    height: calc( var(--bili) * 40px );
    overflow: hidden;
}
.wi-about .iabr .iabr-as .iars-ls .wcb{
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    border-bottom: 1px solid #333333;
    line-height: calc( var(--bili) * 40px );
    margin: 0 calc( var(--bili) * 10px );
}
.wi-about .iabr .iabr-as .iars-ls .wcc{
    width: 18px;
    height: 14px;
    overflow: hidden;
}
.wi-about .iabr .iabr-as .iars-ls:hover .wcc{
    animation: bounce-inSS 1.5s infinite; /* 启动动画特效 */
}
@keyframes bounce-inSS {
    0% { -webkit-transform: translate3d(0, 0px,0);
        -webkit-animation-timing-function: ease-out; }
    50% { -webkit-transform: translate3d(8px, 0px,0);
        -webkit-animation-timing-function: ease-in; }
    100% { -webkit-transform: translate3d(0, 0px,0); }
}

.wi-about .iabr .iabr-as .iars-in{
    font-size: calc( var(--wzbl) * 18px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 130px );
    line-height:1.8;
}
.wi-about .iabr .iabr-ax{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: calc( var(--bili) * 900px );
}
.wi-about .iabr .iabr-ax .iarx-box{
    width: 40%;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    padding: 0 0 0 calc( var(--bili) * 64px );
    transition: all 0.3s;
    overflow: hidden;
    background-size: calc( var(--bili) * 50px ) calc( var(--bili) * 50px ) !important;
}
.wi-about .iabr .iabr-ax .iarx-box:nth-of-type(1){
    background: url(../images/iab1.png)no-repeat 0 42%;
}
.wi-about .iabr .iabr-ax .iarx-box:nth-of-type(2){
    background: url(../images/iab2.png)no-repeat 0 42%;
}
.wi-about .iabr .iabr-ax .iarx-box:nth-of-type(3){
    background: url(../images/iab3.png)no-repeat 0 42%;
}
.wi-about .iabr .iabr-ax .iarx-box:nth-of-type(4){
    background: url(../images/iab4.png)no-repeat 0 42%;
}
.wi-about .iabr .iabr-ax .iarx-box:nth-of-type(1):hover{
    background: url(../images/iab1s.png)no-repeat 0 42%;
}
.wi-about .iabr .iabr-ax .iarx-box:nth-of-type(2):hover{
    background: url(../images/iab2s.png)no-repeat 0 42%;
}
.wi-about .iabr .iabr-ax .iarx-box:nth-of-type(3):hover{
    background: url(../images/iab3s.png)no-repeat 0 42%;
}
.wi-about .iabr .iabr-ax .iarx-box:nth-of-type(4):hover{
    background: url(../images/iab4s.png)no-repeat 0 42%;
}
.wi-about .iabr .iabr-ax .iarx-box .xca{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 64px );
    color: #333333;
    position: relative;
    transition: all 0.3s;
}
.wi-about .iabr .iabr-ax .iarx-box .xca:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 28px );
    height: calc( var(--bili) * 28px );
    border: 2px solid var(--hcolor);
    left: calc( var(--bili) * -10px );
    top: calc( var(--bili) * -35px );
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s;
}
.wi-about .iabr .iabr-ax .iarx-box .xcb{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 16px );
    color: #333333;
    transition: all 0.3s;
}
.wi-about .iabr .iabr-ax .iarx-box .xcc{
    font-size: calc( var(--wzbl) * 16px );
    color: #666666;
}
.wi-about .iabr .iabr-ax .iarx-box:hover .xca,.wi-about .iabr .iabr-ax .iarx-box:hover .xcb{
    color: var(--hcolor);
}
.wi-about .iabr .iabr-ax .iarx-box:hover .xca:after{
    transform: scale(1);
    top: calc( var(--bili) * 5px );
}

/*关于我们*/


/*产品*/
.wi-product{
    padding: calc( var(--bili) * 120px ) 0 calc( var(--bili) * 100px ) 0;
    background: linear-gradient(
            to bottom,
            #fff 0%,
            #fff calc( var(--bili) * 180px ),
            #eeeeee calc( var(--bili) * 180px ),
            #eeeeee calc( var(--bili) * 540px ),
            #ffffff calc( var(--bili) * 540px ),
            #ffffff 100%
    );
}
.wiod-tab{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: calc( var(--bili) * 90px ) 0 calc( var(--bili) * 40px ) 0;
}
.wiod-tab .wiod-tab-box{
    width: 19%;
    margin: 0 1.25% 1.5% 0;
}
.wiod-tab .wiod-tab-box:nth-child(5n){
    margin: 0 0 1.5% 0;
}
.wiod-tab .wiod-tab-box .Aals{
    height: calc( var(--bili) * 55px );
    line-height: calc( var(--bili) * 53px );
    border: 1px solid var(--mcolor);
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    text-align: center;
    padding: 0 calc( var(--bili) * 10px );
    border-radius: 30px;
}
.wiod-tab .wiod-tab-box:hover .Aals{
    background-color: var(--hcolor);
    border: 1px solid var(--hcolor);
}


.wiod-lst{
    width: 93.125%;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.wiod-box{
    /*width: 24.1615%;*/
    max-width: 360px;
    position: relative;
    cursor: pointer;
}
.wiod-box .dca{
    width: 100%;
    height: calc( var(--bili) * 357.5px );
    overflow: hidden;
    position: relative;
}
.wiod-box .dca:after{
    position: absolute;
    content: '';
    left: .5vw;
    top: .5vw;
    width: 6vw;
    height: 3.5vw;
     /*background: url('../images/wmark_1.png') no-repeat;*/
    background-size: contain;
    z-index: 1;
}
.product-list .wiod-box .dca:after{
    /*background: url('../images/wmark_2.png') no-repeat;*/
    background-size: contain;
}
.wiod-box .dcb{
    color: #666666;
    font-size: calc( var(--wzbl) * 22px );
    font-weight: bold;
    background: rgb(255 255 255 / 70%);
    position: absolute;
    bottom: calc( var(--bili) * 135px );
    height: calc( var(--bili) * 44px );
    line-height: calc( var(--bili) * 44px );
    width: 90%;
    left: 5%;
    border-radius: 30px;
    padding: 0 calc( var(--bili) * 20px );
    text-align: center;
    z-index: 2;
}
.wiod-box .dcmc{
    height: calc( var(--bili) * 120px );
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 calc( var(--bili) * 100px ) 0 calc( var(--bili) * 30px );
    background-color: #eeeeee;
    position: relative;
    transition: all 0.3s;
}
.wiod-box .dcmc:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 54px );
    height: calc( var(--bili) * 54px );
    background: url(../images/arrowbhy.png)no-repeat 90% center;
    background-size: 100% 100%;
    right: calc( var(--bili) * 25px );
    transition: all 0.8s;
}
.wiod-box .dcmc .dcd{
    color: #666666;
    font-size: calc( var(--wzbl) * 16px );
    line-height: calc( var(--bili) * 28px );
    transition: all 0.3s;
}
.wiod-box:hover .dcmc{
    background-color: var(--mcolor);
}
.wiod-box:hover .dcmc:after{
    transform:rotate(360deg);
}
.wiod-box:hover .dcmc .dcd{
    color: #ffffff;
}

.wi-product .swiper-button-next, .wi-product .swiper-button-prev{
    top: 5%;
    background-repeat: no-repeat;
    background-position: center;
    background: url(../images/honor_arrow.png) no-repeat right;
    background-size: 100% 100%;
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
}
.wi-product .swiper-button-next:after, .wi-product .swiper-button-prev:after{
    display: none;
}
.wi-product .swiper-button-prev {
    left: -5%;
}
.wi-product .swiper-button-next {
    right: -5%;
    transform: rotate(180deg);
}



/*产品*/


/*案例*/
.wi-case{
    padding: 0 0 calc( var(--bili) * 90px );
}
.wi-case .infx{
    display: flex;
    justify-content: space-between;
}
.wi-case .wicsml{
    width: 49%;
}
.wi-case .wicsmr{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wi-case .wics-box{
    width: 100%;
    position: relative;
}
.wi-case .wics-box .dca{
    width: 100%;
    height: calc( var(--bili) * 703px );
    overflow: hidden;
}
.wi-case .wics-box .damb{
    position: absolute;
    width: 90%;
    top: calc( var(--bili) * 80px );
    left: calc( var(--bili) * 40px );
}
.wi-case .wics-box .dcc{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 36px );
    color: #FFFFFF;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    width: 90%;
}
.wi-case .wics-box .dcd{
    font-size: calc( var(--wzbl) * 22px );
    color: #ffffff;
    width: 90%;
}
.wi-case .wics-box .dc-more{
    margin: calc( var(--bili) * 40px ) 0 0 0;
    background: rgb(255 255 255 / 40%);
    color: #fefefe;
    font-size: calc( var(--wzbl) * 16px );
    width: calc( var(--bili) * 150px );
    height: calc( var(--bili) * 50px );
    line-height: calc( var(--bili) * 50px );
    text-align: center;
    border-radius: 30px;
}

.wi-case .wicsmr .wics-box{
    width: 48.75%;
    margin: 0 0 calc( var(--bili) * 14px ) 0;
}
.wi-case .wicsmr .wics-box .dca{
    height: calc( var(--bili) * 347px );
}
.wi-case .wicsmr .wics-box:last-child{
    width: 100%;
}
.wi-case .wicsmr .wics-box:last-child  .dca{
    height: calc( var(--bili) * 341px );
}
/*案例*/

/*why*/
.wi-why{
    background: url(../images/wi-why.jpg)no-repeat center;
    height: 460px;
    background-size: 100% 100%;
}
.wi-why .infx{
    display: flex;
    height: 100%;
}
.wi-why .wiwhyl{
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wi-why .wiwhyr{
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wi-why .wiwhyl .dca{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 66px );
    color: #FFFFFF;
    line-height: 1.2;
    margin: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 30px );
}
.wi-why .wiwhyr .dcb{
    font-size: calc( var(--wzbl) * 22px );
    color: #fffefe;
    height: calc( var(--bili) * 60px );
    line-height: calc( var(--bili) * 60px );
    position: relative;
}
.wi-why .wiwhyr .dcb:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 24px );
    height: calc( var(--bili) * 24px );
    border: 2px solid transparent;
    background: rgb(255 255 255 / 30%);
    left: calc( var(--bili) * -15px );
    top: calc( var(--bili) * 2px );
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.3s;
}
.wi-why .wiwhyr .dcb:first-child:after{
    border: 2px solid var(--hcolor);
    background: transparent;
}

/*why*/

/*logo*/
.wi-logo{
    padding: calc( var(--bili) * 40px ) 0;
}
.wi-logo .infx{
    display: flex;
}
.wi-logo-box{
    width: 190px;
    /*margin: 0 5% 0 0;*/
}
.wi-logo-box .dca{
    width: 100%;
    overflow: hidden;
}
/*logo*/


/*æ–°é—»*/
.wi-news{
    background-color: #eeeeee;
    padding: calc( var(--bili) * 80px ) 0 calc( var(--bili) * 40px );
}
.wi-news .infx{
    display: flex;
    justify-content: space-between;
}
.wi-news .winsl{
    width: 40%;
}
.wi-news .winsr{
    width: 53.5%;
}
.wi-news .winsl .dca{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 66px );
    color: #333333;
    line-height: 1.2;
    margin: calc( var(--bili) * 60px ) 0 calc( var(--bili) * 120px );
}
.wi-news .winsl .dc-tab{
    display: flex;
}
.wi-news .winsl .dc-tab .dcb{
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    margin: 0 calc( var(--bili) * 20px ) 0 0;
    padding: 0 calc( var(--bili) * 20px ) 0 0;
    position: relative;
    transition: all 0.3s;
}
.wi-news .winsl .dc-tab .dcb:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 60%;
    right: 0;
    top: 20%;
    background-color: #b5b5b5;
}
.wi-news .winsl .dc-tab .dcb:last-child:after{
    display: none;
}
.wi-news .winsl .dc-tab .dcb:hover{
    color:  var(--mcolor);
}


.wins-box{
    width: 100%;
    border-bottom: 1px solid #333333;
    padding: 0 0 calc( var(--bili) * 40px ) 0;
    margin: 0 0 calc( var(--bili) * 40px ) 0;
}
.wins-box:last-child{
    border-bottom: 0;
}
.wins-box .Aals{
    display: flex;
    justify-content: space-between;
}
.wins-box .dcml{
    width: 42%;
}
.wins-box .dcmr{
    width: 48%;
}
.wins-box .nca{
    font-size: calc( var(--wzbl) * 30px );
    color: #333333;
    font-weight: bold;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    transition: all 0.3s;
}
.wins-box .ncb{
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    position: relative;
    line-height: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    display: inline-block;
    transition: all 0.3s;
}
.wins-box .ncb:after{
    content: '';
    position: absolute;
    width: 18px;
    height: 14px;
    background: url(../images/arrowls.png)no-repeat center;
    background-size: 18px 14px;
    top: 8px;
    right: calc( var(--bili) * -30px );
    transition: all 0.3s;
}
.wins-box .ncc{
    font-size: calc( var(--wzbl) * 22px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.wins-box .ncd{
    font-size: calc( var(--wzbl) * 16px );
    color: #666666;
}
.wins-box:hover .nca{
    color: var(--hcolor);
}
.wins-box:hover .ncb{
    color: var(--hcolor);
}
.wins-box:hover .ncb:after{
    animation: bounce-inSS 1.5s infinite;
    background: url(../images/arrowhs.png)no-repeat center;
}

/*æ–°é—»*/

/*首页*/




/*关于我们*/
.ab-intro{
    background: url(../images/abin_bg.png)no-repeat top left;
    background-size: 44.5%;
    margin: calc( var(--bili) * 100px ) 0 0 0;
}
.ab-intro .infx{
    display: flex;
    justify-content: space-between;
}
.ab-intro .abil{

}
.ab-intro .abir{
    width: 53%;
}
.ab-intro .abil .dca{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 66px );
    color: #FFFFFF;
    line-height: 1.2;
    margin: calc( var(--bili) * 120px ) 0 calc( var(--bili) * 40px );
}
.ab-intro .abil-ls{
    margin: 0 0 calc( var(--bili) * 40px );
}
.ab-intro .abil-ls .Aals{
    display: flex;
    align-items: center;
}
.ab-intro .abil-ls .wca{
    width: calc( var(--bili) * 52px );
    height: calc( var(--bili) * 40px );
    overflow: hidden;
}
.ab-intro .abil-ls .wcb{
    font-size: calc( var(--wzbl) * 22px );
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    line-height: calc( var(--bili) * 40px );
    margin: 0 calc( var(--bili) * 10px );
}
.ab-intro .abil-ls .wcc{
    width: 18px;
    height: 14px;
    overflow: hidden;
}
.ab-intro .abil-ls:hover .wcc{
    animation: bounce-inSS 1.5s infinite;
}
.ab-intro .abir-dca{
    font-size: calc( var(--wzbl) * 16px );
    color: #333333;
    padding: calc( var(--bili) * 20px ) 0 calc( var(--bili) * 30px ) 0;
    line-height: 1.8;
}
.ab-intro .abir-dcb{
    font-size: calc( var(--wzbl) * 24px );
    color: var(--scolor);
    position: relative;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.ab-intro .abir-dcb:after{
    content: '';
    position: absolute;
    width: 70%;
    height: 1px;
    top: 50%;
    left: 30%;
    background-color: var(--scolor);
}
.ab-intro .abir-tab{
    display: flex;
}
.ab-intro .abir-tab .abir-tab-item{
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    line-height: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    padding: 0 calc( var(--bili) * 20px );
    cursor: pointer;
}
.ab-intro .abir-tab .abir-tab-item.on{
    color: var(--mcolor);
    background-color: #e5e5e5;
}
.ab-intro .abir-lst{
    justify-content: flex-start;
    flex-wrap: wrap;
    display: none;
}
.ab-intro .abir-lst.on{
    display: flex;
}
.ab-intro .abir-lst .abir-lst-item{
    width: 50%;
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    background: url(../images/ab_dh.png)no-repeat 0 0;
    background-size: calc( var(--bili) * 54px ) calc( var(--bili) * 54px );
    line-height: calc( var(--bili) * 30px );
    min-height: calc( var(--bili) * 54px );
    margin: calc( var(--bili) * 30px ) 0 0 0;
    padding: calc( var(--bili) * 10px ) calc( var(--bili) * 10px ) 0 calc( var(--bili) * 70px );
    transition: all 0.5s;
}
.ab-intro .abir-lst .abir-lst-item:hover{
    /*padding: 0 0 0 calc( var(--bili) * 75px );*/
}


.ab-honor{
    padding:calc( var(--bili) * 120px ) 0 calc( var(--bili) * 100px );
}

.ab-honor-lst{
    padding: 0 calc( var(--bili) * 67px );
    margin: calc( var(--bili) * 50px ) 0 0 0;
    position: relative;
}
.ab-honor-lst .swiper-container{
    padding: 10px 0 0 0;
}
.ab-honor-lst .ab-honor-box{
    position: relative;
    cursor: pointer;
    transition: all 0.5s;
    width: calc( var(--bili) * 337px );
}
.ab-honor-lst .ab-honor-box:hover{
    transform:translateY(-10px);
}
.ab-honor .swiper-button-next, .ab-honor .swiper-button-prev{
    top: 46%;
    background-repeat: no-repeat;
    background-position: center;
    background: url(../images/honor_arrow.png) no-repeat right;
    background-size: 100% 100%;
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
}
.ab-honor .swiper-button-next:after, .ab-honor .swiper-button-prev:after{
    display: none;
}
.ab-honor .swiper-button-prev {
    left: calc( var(--bili) * -15px );
}
.ab-honor .swiper-button-next {
    right: calc( var(--bili) * -15px );
    transform: rotate(180deg);
}





.ab-history{
    height: calc( var(--bili) * 690px );
    background: url(../images/ablc_bgs.png)no-repeat center;
    position: relative;
    background-size: cover;
}
.ab-history .public-title{
    margin: 80px 0 0 0;
    color: #ffffff;
}
.ab-history .public-title:after{
    background-color: #ffffff;
}

.ab-history-lst{
    display: flex;

}
.ab-history-box{
    width: 20%;
}
.ab-history-box .dca{
    font-size: calc( var(--wzbl) * 32px );
    color: #FFFFFF;
}
.ab-history-box .dcb{
    font-size: calc( var(--wzbl) * 16px );
    color: #FFFFFF;
    line-height: 1.8;
}
.ab-history-box:nth-of-type(1){
    padding: calc( var(--bili) * 260px ) 0 0 0;
}
.ab-history-box:nth-of-type(2){
    padding: calc( var(--bili) * 390px ) 0 0 0;
}
.ab-history-box:nth-of-type(3){
    padding: calc( var(--bili) * 140px ) 0 0 0;
}
.ab-history-box:nth-of-type(4){
    padding: calc( var(--bili) * 280px ) 0 0 35px;
}
.ab-history-box:nth-of-type(5){
    padding: 0 0 0 30px;
}

@media screen and (max-width: 1450px) {
    .ab-history-box:nth-of-type(2) {
        padding: calc( var(--bili) * 365px ) 0 0 0;
    }
}





.ab-care{
    padding: calc( var(--bili) * 80px ) 0;
}
.ab-care .ab-care-lst{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: calc( var(--bili) * 75px ) 0 0 0;
}
.ab-care .ab-care-box{
    width: 21%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ab-care .ab-care-box:nth-child(4n){
    margin: 0;
}
.ab-care .ab-care-box .dca{
    width: calc( var(--bili) * 65px );
    height: calc( var(--bili) * 65px );
    overflow: hidden;
    transition: all 0.5s;
}
.ab-care .ab-care-box .dcb{
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    font-weight: bold;
    margin: calc( var(--bili) * 25px ) 0;
}
.ab-care .ab-care-box .dcc{
    font-size: calc( var(--wzbl) * 18px );
    color: #333333;
    line-height: 2;
}
.ab-care .ab-care-box:hover .dca{
    transform:rotate(360deg);
}

.ab-speech{
    background-color: #eeeeee;
    padding: calc( var(--bili) * 100px ) 0;
}
.ab-speech .infx{
    display: flex;
    justify-content: space-between;
}
.ab-speech .absl{

}
.ab-speech .absr{
    width: 54%;
}
.ab-speech .absl-dca{
    font-weight: bold;
    line-height: 1.2;
    margin: calc( var(--bili) * 60px ) 0 0;
    font-size: calc( var(--wzbl) * 66px );
    color: #333333;
    width: 70%;
}
.ab-speech .absr-dca{
    width: calc( var(--bili) * 80px );
    height: calc( var(--bili) * 65px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.ab-speech .absr-dcb{
    font-size: calc( var(--wzbl) * 22px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.ab-speech .absr-dcc{
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 calc( var(--bili) * 50px );
}
.ab-speech .absr-dcc:after{
    content: '';
    position: absolute;
    width: calc( var(--bili) * 40px );
    height: 1px;
    top: 50%;
    left: 0;
    background-color: #333333;
}
.ab-speech .absr-dcd{

    font-size: calc( var(--wzbl) * 18px );
    color: #333333;
    padding: calc( var(--bili) * 10px ) 0 0 calc( var(--bili) * 50px );
}
.ab-speech:hover .absr-dca{
    animation: bounce-inSS 1.5s infinite; /* 启动动画特效 */
}
/*关于我们*/

/*合作伙伴*/
.si-logo{

}
.si-logo .infx{

}
.si-logo .si-logo-lst{
    display: flex;
    margin: calc( var(--bili) * 40px ) 0;
    flex-wrap: wrap;
}
.si-logo .si-logo-box{
    width: 15%;
    margin: 0 2% 0 0;
    transition: all 0.5s;
}
.si-logo .si-logo-box:nth-child(6n){
    margin: 0 0 0 0;
}
.si-logo .si-logo-box .dca{
    overflow: hidden;
    height: calc( var(--bili) * 120px );
}
.si-logo .si-logo-box:hover{
    transform:translateY(-10px);
}

.si-case{
    background-color: #eeeeee;
    padding: calc( var(--bili) * 50px ) 0;
}
.si-case .si-case-lst{
    margin: calc( var(--bili) * 40px ) 0 0 0;
}
.case-lst{
    display: flex;
    flex-wrap: wrap;
}
.case-box{
    width: 31.875%;
    margin: 0 2.15% 3% 0;
}
.case-box:nth-child(3n){
    margin: 0 0 3% 0;
}
.case-box .dca{
    width: 100%;
    height: calc( var(--bili) * 307px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.case-box .dcb{
    font-size: calc( var(--wzbl) * 22px );
    color: #333333;
    font-weight: bold;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.case-box .dcc{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    line-height: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 90px );
}

.si-site{
    padding: calc( var(--bili) * 50px ) 0;
}
.si-site .si-site-list{
    margin: calc( var(--bili) * 40px ) 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.si-site .si-site-box{
    width: 23.75%;
    position: relative;
    margin: 0 1.65% 1.65% 0;
    height: calc( var(--bili) * 475px );
}
.si-site .si-site-box:nth-child(4n){
    margin: 0 0 1.65% 0;
}
.si-site .si-site-box .dca{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.si-site .si-site-box:nth-child(2n){
    height: calc( var(--bili) * 262px );
}
.si-site .si-site-box:nth-child(2n+3){
    height: calc( var(--bili) * 262px );
}

.si-site .si-site-box:nth-child(2n+4){
    height: calc( var(--bili) * 475px );
    margin-top: calc( var(--bili) * -213px );
}
.si-site .si-site-box:nth-of-type(3){
    height: calc( var(--bili) * 475px );
    margin-top: 0;
}
.si-site .si-site-box:nth-of-type(4){
    height: calc( var(--bili) * 262px );
    margin-top: 0;
}
.si-site .si-site-box .dcmb{
    /*display: none;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgb(0 0 0 / 30%);
    color: #ffffff;
    padding: 10%;
    opacity: 0;
    transition: all 0.5s;
}
.si-site .si-site-box .dcmb .dcb{
    font-size: calc( var(--wzbl) * 22px );
    font-weight: bold;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.si-site .si-site-box .dcmb .dcc{
    font-size: calc( var(--wzbl) * 22px );
    font-weight: bold;
}
.si-site .si-site-box:hover .dcmb{
    opacity: 1;
}
.si-site .si-site-box:hover .dca img{
    transform: scale(1.1);
}

/*合作伙伴*/


/*服务*/
.sv-services{
    padding: 0 0 calc( var(--bili) * 100px ) 0;
}
.sv-services .sv-services-tit{
    font-size: calc( var(--wzbl) * 36px );
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin: calc( var(--bili) * 70px ) 0 calc( var(--bili) * 60px ) 0;
    position: relative;
    padding: 0 0 calc( var(--bili) * 17px ) 0;
    text-transform: uppercase
}
.sv-services .sv-services-tit:after{
    content: '';
    position: absolute;
    width: 10%;
    left: 45%;
    height: 3px;
    bottom: 0;
    background-color: var(--hcolor);
}
.sv-services .sv-services-lst{
    display: flex;
    position: relative;
    flex-wrap: wrap;
}
.sv-services .sv-services-box{
    width: 16.6%;
    height:calc( var(--bili) * 275px );
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}
.sv-services .sv-services-box .dca{
    width: calc( var(--bili) * 126px );
    height: calc( var(--bili) * 192px );
    margin: calc( var(--bili) * 40px ) 0 0 0;
    transition: all 1s;
}
.sv-services .sv-services-box .dcb{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 24px );
    color: #333333;
    line-height: calc( var(--bili) * 40px );
    height: calc( var(--bili) * 40px );
    text-align: center;
    position: absolute;
    top: 0;
}
.sv-services .sv-services-box:nth-child(2n) .dca{
    margin: calc( var(--bili) * 40px ) 0 0 0;
}
.sv-services .sv-services-box:nth-child(2n) .dcb{
    top: auto;
    bottom: 0;
}
.sv-services .sv-services-lst:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #c9c9c9;
    top: calc( var(--bili) * 133px );
    left: 0;
    border-radius: 3px;
}
.sv-services .sv-services-box:hover .dca{
    transform:rotate(360deg);
}


.sv-phone{
    background: url(../images/sv-phone.jpg)no-repeat center top;
    height: calc( var(--bili) * 312px );
    padding: calc( var(--bili) * 70px ) 0;
    background-size: 100%;
}
.sv-phone .infx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sv-phone .svpl{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 66px );
    color: #FFFFFF;
    line-height: 1.2;
}
.sv-phone .svpr{
    border-left: 1px solid #fff;
    padding: 0 0 0 calc( var(--bili) * 30px );
}
.sv-phone .svpr .dca{
    width: calc( var(--bili) * 50px );
    height: calc( var(--bili) * 50px );
    background: url(../images/blxs1.png)no-repeat center;
    background-color: rgb(252 150 67 / 40%);
    border-radius: 50%;

}
.sv-phone .svpr .dcb{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 66px );
    color: #FFFFFF;
    line-height: 1.2;
}

.sv-download{
    padding: calc( var(--bili) * 80px ) 0;
}

.sv-download .sv-download-lst{
    display: flex;
    flex-wrap: wrap;
    margin: calc( var(--bili) * 40px ) 0 0 0;
}
.sv-download .sv-download-box{
    background-color: #eeeeee;
    width: 23.5%;
    margin: 0 2% 2% 0;
}
.sv-download .sv-download-box:nth-child(4n){
    margin: 0 0 2% 0;
}
.sv-download .sv-download-box .Aals{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 6%;
}
.sv-download .sv-download-box .dcml{
    background: url(../images/download_w1.png)no-repeat center;
    width: calc( var(--bili) * 86px );
    height: calc( var(--bili) * 86px );
    background-size: 100% 100%;
}
.sv-download .sv-download-box .dcmr{
    width: 60%;
    border-left: 1px solid #ccc;
    padding: 0 0 0 8%;
}
.sv-download .sv-download-box .dcmr .dca{
    font-size: calc( var(--wzbl) * 18px );
    color: #333333;
    font-weight: bold;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.sv-download .sv-download-box .dcmr .dcb{
    font-size: calc( var(--wzbl) * 14px );
    color: var(--hcolor);
    background: url(../images/download_icon.png)no-repeat center left;
    background-size: calc( var(--bili) * 16px ) calc( var(--bili) * 16px );
    padding: 0 0 0 calc( var(--bili) * 22px );
}
.sv-download .sv-download-box:hover .dcml{
    background: url(../images/download_w1s.png)no-repeat center;
    background-size: 100% 100%;
}


.st-tech{
    position: relative;
    padding: 0 0 calc( var(--bili) * 100px ) 0;
}

.st-tech .sv-st-tech{
    font-size: calc( var(--wzbl) * 36px );
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin: calc( var(--bili) * 70px ) 0 calc( var(--bili) * 60px ) 0;
    position: relative;
    padding: 0 0 calc( var(--bili) * 17px ) 0;
    text-transform: uppercase
}
.st-tech .sv-st-tech:after{
    content: '';
    position: absolute;
    width: 10%;
    left: 45%;
    height: 3px;
    bottom: 0;
    background-color: var(--hcolor);
}
.st-tech .st-tech-lst{
    display: flex;
    justify-content: space-between;
    height: calc( var(--bili) * 460px );
}
.st-tech .st-tech-lst .dcml{
    width: 19%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.st-tech .st-tech-lst .dcmz{
    width: 51%;
    height: 100%;
}
.st-tech .st-tech-lst .dcmr{
    width: 27.5%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.st-tech .st-tech-lst .dcml .mlma{
    background-color: #eeeeee;
    height: calc( var(--bili) * 218px );
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 8%;
}

.st-tech .st-tech-lst .dcml .mlma .dcla{
    width: calc( var(--bili) * 42px );
    height:calc( var(--bili) * 42px );
}
.st-tech .st-tech-lst .dcml .mlma .dclb{
    font-size: calc( var(--wzbl) * 60px );
    font-weight: bold;
    color: #333333;
    margin: calc( var(--bili) * 6px ) 0 0;
}
.st-tech .st-tech-lst .dcml .mlma .dclb .wzbx{
    font-size: calc( var(--wzbl) * 16px );
}
.st-tech .st-tech-lst .dcml .mlma .dclc{
    font-size: calc( var(--wzbl) * 16px );
    color: #666666;
}
.st-tech .st-tech-lst .dcml .mlma:nth-child(2n){
    background-color: var(--mcolor);
}
.st-tech .st-tech-lst .dcml .mlma:nth-child(2n) div{
    color: #ffffff;
}

.st-tech .st-tech-lst .dcmz .dcza{
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.st-tech .st-tech-lst .dcmr .dcra{
    font-size: calc( var(--wzbl) * 30px );
    color: #333333;
    font-weight: bold;
}
.st-tech .st-tech-lst .dcmr .dcrb{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    line-height: 1.8;
}
.st-tech .st-tech-lst .dcmr .dcrmc{
    position: relative;
}
.st-tech .st-tech-lst .dcmr .dcrmc .Aals{
    display: block;
}
.st-tech .st-tech-lst .dcmr .dcrmc .dcrca{
    width: 100%;
    overflow: hidden;
    height: calc( var(--bili) * 218px );
}
.st-tech .st-tech-lst .dcmr .dcrmc .dcrcb{
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 8%;
    left: 5%;
}
.st-tech .st-tech-lst .dcmr .dcrmc .dcrcc{
    position: absolute;
    width: calc( var(--bili) * 82px );
    height: calc( var(--bili) * 82px );
    left: 42%;
    top: 35%;
    transition: all 2s;
}
.st-tech .st-tech-lst .dcmr .dcrmc:hover .dcrca img{
    transform: scale(1.1);
}
.st-tech .st-tech-lst .dcmr .dcrmc:hover .dcrcc{
    transform:rotate(360deg);
}


.st-work{
    padding: calc( var(--bili) * 50px ) 0;
    background-color: #eeeeee;
}
.st-work .st-work-lst{
    margin: calc( var(--bili) * 50px ) 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
.st-work .st-work-box{
    width: 31.875%;
    margin: 0 2.15% 2.15% 0;
    position: relative;
    overflow: hidden;
}
.st-work .st-work-box:nth-child(3n){
    margin: 0 0 2.15% 0;
}
.st-work .st-work-box .dca{
    width: 100%;
    height:calc( var(--bili) * 306px );
    overflow: hidden;
}
.st-work .st-work-box .dcmb{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 40%);
    padding: 6% 10% 6% 6%;
    opacity: 0;
    transition: all 0.5s;
}
.st-work .st-work-box .dcmb .dcc{
    font-size: calc( var(--wzbl) * 22px );
    color: #ffffff;
    font-weight: bold;
    margin: 0 0 5% 0;
}
.st-work .st-work-box .dcmb .dcd{
    font-size: calc( var(--wzbl) * 18px );
    color: #ffffff;
    line-height: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 90px );
}
.st-work .st-work-box .dcmb .dce{
    width: calc( var(--bili) * 100px );
    position: absolute;
    right: calc( var(--bili) * -105px );
    bottom: calc( var(--bili) * -105px );
    transition: all 1s;
    transform: scale(0);
}
.st-work .st-work-box:hover .dcmb{
    opacity: 1;
}
.st-work .st-work-box:hover .dcmb .dce{
    right: -5px;
    bottom: -5px;
    transform: scale(1);
}


.st-quality{
    padding: calc( var(--bili) * 80px ) 0;
}
.st-quality .st-quality-lst{
    margin: calc( var(--bili) * 40px ) 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.st-quality .st-quality-box{
    margin: calc( var(--bili) * 40px ) 0 0 0;
    width: 15.8125%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.st-quality .st-quality-box .dca{
    width: calc( var(--bili) * 71px );
    height: calc( var(--bili) * 71px );
    overflow: hidden;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    transition: all 1s;
}
.st-quality .st-quality-box .dcb{
    background: url(../images/quality_line.png)no-repeat center;
    width: 100%;
    height: calc( var(--bili) 19px );
    background-size: 100% 100%;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    transition: all 1s;
}
.st-quality .st-quality-box .dcc{
    font-size: calc( var(--wzbl) * 18px );
    font-weight: bold;
    color: #3c4244;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.st-quality .st-quality-box .dcd{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    line-height:calc( var(--bili) * 25px );
    height: calc( var(--bili) * 50px );
}
.st-quality .st-quality-box:hover .dca{
    transform:rotate(360deg);
}
.st-quality .st-quality-box:hover .dcb{
    transform:rotateY(180deg);
}

/*服务*/

/*联系我们*/
.hc-content{
    background-color: #eeeeee;
    padding: 0 0 calc( var(--bili) * 150px ) 0;
}
.hc-content .infx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hc-content .clxl{
    width: 55.5%;
}
.hc-content .clxz{
    width: calc( var(--bili) * 180px );
    height:calc( var(--bili) * 180px);
    line-height: calc( var(--bili) * 180px);
    border-radius: 50%;
    background-color: var(--mcolor);
    font-size: calc( var(--wzbl) * 50px );
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.hc-content .clxr{
    width: 25%;
}

.hc-content .clxl .lx-ca{
    font-size: calc( var(--wzbl) * 66px );
    font-weight: bold;
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.hc-content .clxl .lx-cb{
    font-size: calc( var(--wzbl) * 22px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 50px ) 0;
}
.hc-content .clxl .lx-cc{
    width: 100%;
}
.hc-content .lx-form{
    width: 100%;
}
.hc-content .lx-form .lxbox{
    width: 100%;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.hc-content .lx-form .lxbox .srk{
    width: 100%;
    height: calc( var(--bili) * 90px );
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 5px;
    padding: 0 5%;
    font-size: calc( var(--wzbl) * 22px );
}
.hc-content .lx-form .lxbox .srks{
    width: 100%;
    height: calc( var(--bili) * 200px );
    padding: 3% 5%;
    font-size: calc( var(--wzbl) * 22px );
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 5px;
    resize:none;
}
.hc-content .lx-form .lxbox .lxann{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 16px );
    color: #ffffff;
    background-color: var(--hcolor);
    border: 3px solid #e5e5e5;
    width: calc( var(--bili) * 190px );
    height: calc( var(--bili) * 66px );
    line-height:calc( var(--bili) * 60px );
    text-align: center;
    border-radius: 40px;
    cursor: pointer;
}

.hc-content .clxr .lxr{
    height: calc( var(--bili) * 220px );
    background-color: #ffffff;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10%;
    text-align: center;
}
.hc-content .clxr .lxr .lxr-ca{
    width: calc( var(--bili) * 66px );
    height: calc( var(--bili) * 66px );
    border-radius: 50%;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    background-size: 100% 100% !important;
    transition: all 0.3s;
}
.hc-content .clxr .lxr:nth-of-type(1) .lxr-ca{
    background: #eeeeee url(../images/lxwm1.png)no-repeat center;
}
.hc-content .clxr .lxr:nth-of-type(2) .lxr-ca{
    background: #eeeeee url(../images/lxwm2.png)no-repeat center;
}
.hc-content .clxr .lxr:nth-of-type(3) .lxr-ca{
    background: #eeeeee url(../images/lxwm3.png)no-repeat center;
}
.hc-content .clxr .lxr:nth-of-type(4) .lxr-ca{
    background: #eeeeee url(../images/lxwm4.png)no-repeat center;
}
.hc-content .clxr .lxr:nth-of-type(1):hover .lxr-ca{
    background: #eeeeee url(../images/lxwm1s.png)no-repeat center;
}
.hc-content .clxr .lxr:nth-of-type(2):hover .lxr-ca{
    background: #eeeeee url(../images/lxwm2s.png)no-repeat center;
}
.hc-content .clxr .lxr:nth-of-type(3):hover .lxr-ca{
    background: #eeeeee url(../images/lxwm3s.png)no-repeat center;
}
.hc-content .clxr .lxr:nth-of-type(4):hover .lxr-ca{
    background: #eeeeee url(../images/lxwm4s.png)no-repeat center;
}

.hc-content .clxr .lxr .lxr-cb{
    font-size: calc( var(--wzbl) * 22px );
    color: #666666;
}

/*联系我们*/

/*新闻列表*/
.lst-content{
    padding: calc( var(--bili) * 100px ) 0;
}
.lst-content.hsys{
    background-color: #eeeeee;
}
.lst-content .infx{
    display: flex;
    justify-content: space-between;
}

.Cal-all{
    width: 22%;
}
.Cal-all .Cal-box{
    width: 100%;
    margin: 0 0 calc( var(--bili) * 25px ) 0;
}
.Cal-all .Cal-tit{
    width: 100%;
    background-color: #dcdcdc;
    padding: 7.5%;
    display: flex;
    align-items: center;
}
.Cal-all .Cal-tit .Cti{
    width: calc( var(--bili) * 20px );
    height: calc( var(--bili) * 20px );
    overflow: hidden;
}
.Cal-all .Cal-tit .Ctc{
    font-size: calc( var(--wzbl) * 22px );
    color: #000000;
    font-weight: bold;
    width: 80%;
    margin: 0 0 0 5%;
}
.Cal-all .Cal-tit .Ctc.on{
    color: var(--scolor);
}


.Cal-all .Cal-lst{
    width: 100%;
    background-color: #ffffff;
    padding: 8%;
}
.Cal-all .Cal-lst .csli{
    position: relative;
}
.Cal-all .Cal-lst .csli .Aals:after{
    content: '';
    position: absolute;
    bottom: calc( var(--bili) * 20px );
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #959595;
    left: 0;
}
.Cal-all .Cal-lst .csli .Aals{
    padding: 0 0 0 calc( var(--bili) * 20px );
    width: auto;
    font-size: calc( var(--wzbl) * 18px );
    color: #333333;
    height: calc( var(--bili) * 48px );
    line-height: calc( var(--bili) * 48px );
    position: relative;
    display: inline-block;
}
.Cal-all .Cal-lst .Aals:hover:after{
    background-color: var(--hcolor);
}
.Cal-all .Cal-lst .csli .Aals:hover{
    color: var(--hcolor);
}
.Cal-all .Cal-lst .csli.on .Aals:after{
    background-color: var(--hcolor);
}
.Cal-all .Cal-lst .csli.on .Aals{
    color: var(--hcolor);
}


.Cal-all .Cal-lst .csbli{
    height: 0;
    overflow: hidden;
    position: relative;
    margin: calc( var(--bili) * -10px ) 0 0 0;
}
.Cal-all .Cal-lst .csbli .Bals{
    padding: 0 0 0 calc( var(--bili) * 20px );
    width: 100%;
    font-size: calc( var(--wzbl) * 16px );
    color: #333333;
    height: calc( var(--bili) * 40px );
    line-height: calc( var(--bili) * 40px );
    position: relative;
}
.Cal-all .Cal-lst .csbli .Bals:hover{
    color: var(--hcolor);
}
.Cal-all .Cal-lst .csbli .Bals.on{
    color: var(--hcolor);
}

.Cal-all .Cal-lst .csli.open .csbli{
    height: auto;
}















.Cal-all .Cal-lx{
    width: 100%;
    background-color: #ffffff;
    padding: 8%;
}
.Cal-all .Cal-lx .lxitem{
    font-size: calc( var(--wzbl) * 18px );
    color: #333333;
    line-height: calc( var(--bili) * 48px );
    padding: 0 0 0 calc( var(--bili) * 30px );
    background-size: calc( var(--bili) * 20px ) calc( var(--bili) * 20px )!important;
}
.Cal-all .Cal-lx .lxitem .lxon{
    color: var(--scolor);
    font-weight: bold;
}
.Cal-all .Cal-lx .lxitem.lx1{
    background: url(../images/lxitem1.png)no-repeat 0 calc( var(--bili) * 14px );
}
.Cal-all .Cal-lx .lxitem.lx2{
    background: url(../images/lxitem2.png)no-repeat 0 calc( var(--bili) * 14px );
}
.Cal-all .Cal-lx .lxitem.lx3{
    background: url(../images/lxitem3.png)no-repeat 0 calc( var(--bili) * 14px );
}
.Cal-all .Cal-lx .lxitem.lx4{
    background: url(../images/lxitem4.png)no-repeat 0 calc( var(--bili) * 14px );
}

.Cbr-all{
    width: 76.625%;
}
.Call-list{
    width: 100%;
    background-color: #ffffff;
    padding: 3.5% 3.5%;
}
.news-box{
    position: relative;
    margin: 0 0 calc( var(--bili) * 60px ) 0;
}
.news-box:last-child{
    margin: 0;
}
.news-box .Aals{
    display: flex;
    justify-content: space-between;
}
.news-box .dcml{
    width: 40.75%;
}
.news-box .dcml .dca{
    width: 100%;
    height: calc( var(--bili) * 300px );
    overflow: hidden;
}

.news-box .dcmr{
    width: 56.5%;
    border-bottom: 1px solid #dcdcdc;
}
.news-box .dcmr .dcb{
    font-size: calc( var(--wzbl) * 30px );
    color: #333333;
    font-weight: bold;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
}
.news-box .dcmr .dccm{
    display: flex;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.news-box .dcmr .dcd{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    background: url(../images/lst_lab.png)no-repeat center left;
    background-size: calc( var(--bili) * 24px ) calc( var(--bili) * 24px );
    line-height: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    padding: 0 0 0 calc( var(--bili) * 32px );
    margin: 0 calc( var(--bili) * 30px ) 0 0;
}
.news-box .dcmr .dce{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    background: url(../images/lst_time.png)no-repeat center left;
    background-size: calc( var(--bili) * 24px ) calc( var(--bili) * 24px );
    line-height: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    padding: 0 0 0 calc( var(--bili) * 30px );
}
.news-box .dcmr .dcf{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 15px ) 0;
    line-height: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 60px );
}
.news-box .dcmr .dcg{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 16px );
    color: #ffffff;
    background-color: var(--hcolor);
    border: 3px solid #eaeaea;
    width: calc( var(--bili) * 190px );
    height: calc( var(--bili) * 54px );
    line-height: calc( var(--bili) * 48px );
    text-align: center;
    border-radius: 40px;
    cursor: pointer;
}
/*新闻列表*/

/*新闻详情*/
.Call-detail{
    width: 100%;
    background-color: #ffffff;
    padding: 3.5% 3.5%;
}
.detail-title{
    font-size: calc( var(--wzbl) * 30px );
    font-weight: bold;
    color: #333333;
    margin: 0 0 calc( var(--bili) * 25px ) 0;
}
.detail-info{
    display: flex;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 0 calc( var(--bili) * 30px ) 0;
}
.detail-info .wih-laeb{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    background: url(../images/lst_lab.png)no-repeat center left;
    background-size: calc( var(--bili) * 24px ) calc( var(--bili) * 24px );
    line-height: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    padding: 0 0 0 calc( var(--bili) * 32px );
    margin: 0 calc( var(--bili) * 30px ) 0 0;
}
.detail-info .wih-time{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    background: url(../images/lst_time.png)no-repeat center left;
    background-size: calc( var(--bili) * 24px ) calc( var(--bili) * 24px );
    line-height: calc( var(--bili) * 30px );
    height: calc( var(--bili) * 30px );
    padding: 0 0 0 calc( var(--bili) * 30px );
}
.detail-content{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    line-height: 2;
}
.detail-content *{
    max-width: 100%;
}
/*新闻详情*/

/*产品*/
.product-search{
    border-top: 2px solid var(--mcolor);
    padding: calc( var(--bili) * 50px ) 15% calc( var(--bili) * 30px );
    background-color: #ffffff;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.product-search .search-all{
    position: relative;
}
.product-search-form{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 calc( var(--bili) * 25px ) 0;
    position: relative;
}
.product-search-form .srk{
    border: 1px solid #dcdcdc;
    height: calc( var(--bili) * 58px );
    width: 100%;
    border-radius: 40px;
    padding: 0 5%;
    font-size: calc( var(--wzbl) * 18px );
    color: #333333;
    box-shadow: none;
}
.product-search-form .ann{
    position: absolute;
    right: 0;
    border: 1px solid var(--hcolor);
    height: calc( var(--bili) * 58px );
    font-weight: bold;
    font-size: calc( var(--wzbl) * 18px );
    color: #ffffff;
    background-color: var(--hcolor);
    width: 15%;
    border-radius: 40px;
    cursor: pointer;
}
.product-search .search-hot{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.product-search .search-hot .sh-box{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 18px );
    color: #333333;
    margin: 0 calc( var(--bili) * 15px ) calc( var(--bili) * 10px );
}





.product-list{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 3% 0;
}
.product-list .wiod-box{
    width: 24.1615%;
    margin: 0 1.118% 1.118% 0;
}
.product-list .wiod-box:nth-child(4n){
    margin: 0 0 1.118% 0;
}
.product-list .wiod-box .dca{
    height: calc( var(--bili) * 296px );
}
.product-list .wiod-box .dcmc{
    background-color: #ffffff;
    height: calc( var(--bili) * 100px );
}
.product-list .wiod-box .dcb{
    bottom: calc( var(--bili) * 110px );
    height: calc( var(--bili) * 36px );
    line-height: calc( var(--bili) * 36px );
    font-size: calc( var(--wzbl) * 18px );
}
.product-list .wiod-box .dcmc .dcd{
    font-size: calc( var(--wzbl) * 14px );
    line-height: calc( var(--bili) * 25px );
}
.product-list .wiod-box .dcmc:after{
    width: calc( var(--bili) * 45px );
    height: calc( var(--bili) * 45px );
    background: url(../images/arrowbhy.png)no-repeat center;
    background-size: 100% 100%;
    right: calc( var(--bili) * 20px );
}
.product-list .wiod-box:hover .dcmc{
    background-color: var(--mcolor);
}
/*产品*/

/*产品详情*/

.product-intro{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.product-intro .product-img{
    width: calc( var(--bili) * 390px );
}
.product-img .big-img{
    width: 100%;
    height: calc( var(--bili) * 390px );
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    position: relative;
}

.product-img .sml-img{
    position: relative;
}
.product-img .sml-img .sml-box{
    height: calc( var(--bili) * 88px );
    cursor: pointer;
    position: relative;
}

.product-img .big-img:after,
.product-img .sml-img .sml-box:after
{
    position: absolute;
    content: '';
    left: .5vw;
    top: .5vw;
    width: 6vw;
    height: 3.5vw;
   /* background: url('../images/wmark_1.png') no-repeat;*/
    background-size: contain;
    z-index: 1;
}
.product-img .sml-img .sml-box:after{
    left: 0.1vw;
    top: 0.1vw;
    width: 1.5vw;
    height: 1vw;
}

@media screen and (max-width: 1200px){
    .product-img .sml-img .sml-box:after{
        width: 28.5vw;
        height: 15vw;
    }
    .wiod-box .dca:after{
        width: 22vw;
        height: 12vw;
    }
}

.product-img .sml-img .sml-box.on{
    border: 1px solid var(--mcolor);
}
.product-int{
    width: calc( var(--bili) * 670px );
}
.product-int .dca{
    font-size: calc( var(--wzbl) * 14px );
    color: #666666;
    margin: 0 0 calc( var(--bili) * 10px ) 0;
}
.product-int .dcb{
    font-weight: bold;
    font-size: calc( var(--wzbl) * 24px );
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.product-int .dcmc{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ededed;
    align-items: center;
    padding: calc( var(--bili) * 25px ) 0;
}
.product-int .dcmc .dcd{
    font-size: calc( var(--wzbl) * 24px );
    color: var(--hcolor);
    font-weight: bold;
    margin: 0 calc( var(--bili) * 10px ) 0 0;
}
.product-int .dcmc .dce{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
}
.product-int .dcmf{
    border-top: 1px solid #ededed;
    display: flex;
    padding: calc( var(--bili) * 25px ) 0;
}
.product-int .dcmf .dcg{
    font-size: calc( var(--wzbl) * 14px );
    color: #333333;
    width: 18%;
    line-height: calc( var(--bili) * 30px );
}
.product-int .dcmf .dcmh{
    width: 82%;
}
.product-int .dcmf .dcmh .dci{
    font-size: calc( var(--wzbl) * 14px );
    color: #666666;
    line-height: calc( var(--bili) * 30px );
    position: relative;
    padding: 0 0 0 calc( var(--bili) * 20px );
}
.product-int .dcmf .dcmh .dci:after{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #d2d2d2;
    left: 0;
    top: 12px;
}

.product-mb{
    margin: calc( var(--bili) * 30px ) 0 0 0;
}
.product-content{
    position: relative;
}
.product-content .product-tab{

}


.product-tab .product-tab-lst{
    display: flex;
    border-bottom: 1px solid #ededed;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
.product-tab .product-tab-lst .product-tab-box{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    margin: 0 calc( var(--bili) * 30px ) 0 0;
    padding: 0 0 calc( var(--bili) * 30px ) 0;
    position: relative;
}
.product-tab .product-tab-lst .product-tab-box.on:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--hcolor);
    left: 0;
    bottom: -1px;
}
.product-tab .product-tab-lst .product-tab-box.on{
    color: var(--hcolor);
}
.product-content .product-tab.fixed{
    position: fixed;
    top: 0;
    background: #ffffff;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: 999;
}
.product-content .product-tab.fixed .product-tab-lst{
    margin: 0;
}
.product-content .product-tab.fixed .product-tab-box{
    padding: calc( var(--bili) * 30px ) 0;
}

.product-cot .pc-title{
    font-size: calc( var(--wzbl) * 24px );
    font-weight: bold;
    color: #333333;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
    position: relative;
}
.product-cot .pc-title span{
    z-index: 2;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 calc( var(--bili) * 20px ) 0 0;
}
.product-cot .pc-title:after{
    content: '';
    position: absolute;
    width: 100%;
    right: 0;
    height: 1px;
    background-color: #ededed;
    top: 50%;
    z-index: 1;
}
.product-cot .pc-title.bbsh:after{
    display: none;
}
.product-cot .pc-content{
    margin: 0 0 calc( var(--bili) * 30px ) 0;
    padding: 0 0 calc( var(--bili) * 30px ) 0;
    line-height: 2;
    color: #333333;
}
.product-cot .pc-intro{
    /*padding: 0 17%;*/
}
.product-cot .pc-Detailes{
    font-size: calc( var(--wzbl) * 16px );
    padding:  0 0 3%;
    margin-bottom: 3%;
    border-bottom: 1px dashed #ededed;
}
.product-cot table{
    border-collapse: collapse;
}
.product-cot .pc-Detailes dl{
    max-width: 100%;
}
.product-cot .pc-Detailes.dcw11 dl{
    width: 50%!important;
}
.product-cot .pc-Detailes dt{
    width: 30%!important;
}
@media screen and (max-width: 1400px){
    .product-cot .pc-intro{
        /*padding: 0 9%;*/
    }
}
@media screen and (max-width: 1200px){
    .product-cot .pc-intro{
        padding: 0;
    }
}
.product-cot .pc-content *{
    line-height: 2;
    color: #333333;
}
.product-cot .pc-content img{
    max-width: 100%;
}
.product-cot .pc-content.bbxh{
    border-bottom: 1px dashed #ededed;
}

/*强制样式*/
.content-noys{
    line-height: 2!important;
    color: #333333!important;
    max-width: 100% !important;
}
.content-noys *{
    line-height: 2!important;
    color: #333333!important;
    max-width: 100% !important;
}
/*强制样式*/

.cp-service-lst{
    display: flex;
    justify-content: space-between;
}
.cp-service{
    width: 24%;
    background-color: var(--mcolor);
    padding: 2% 2%;
    transition: all 0.3s;
}
.cp-service .dca{
    width: calc( var(--bili) * 46px );
    height: calc( var(--bili) * 46px );
}
.cp-service .dcb{
    font-size: calc( var(--wzbl) * 22px );
    color: #ffffff;
    font-weight: bold;
    margin: 8% 0 5%;
}
.cp-service .dcc{
    font-size: calc( var(--wzbl) * 16px );
    color: #ffffff;
    line-height: 1.8;
}
.cp-service:hover{
    background-color: var(--hcolor);
}

.faq-lst{

}
.faq-lst .faq-box{
    padding: 0 0 0 calc( var(--bili) * 50px );
    background: url(../images/faq2.png)no-repeat 10px 7px;
    background-size: 18px 18px;
    transition: all 0.5s;
    cursor: pointer;
}
.faq-lst .faq-box .dca{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    line-height: 1.8;
    margin: 0 0 calc( var(--bili) * 20px ) 0;
}
.faq-lst .faq-box .dcb{
    font-size: calc( var(--wzbl) * 18px );
    color: #666666;
    line-height: 1.8;
    transition: all 0.5s;
    height: 0;
    opacity: 0;
}
.faq-lst .faq-box.on{
    background: url(../images/faq1.png)no-repeat 10px 7px;
}
.faq-lst .faq-box.on .dcb{
    opacity: 1;
    height: auto;
    margin: 0 0 calc( var(--bili) * 30px ) 0;
}
/*产品详情*/


.wap-show{
    display: none;
}
.wap-none{
    display:block;
}

@media screen and (max-width: 1200px) {
    :root{
        --bili:0.7;
        --wzbl:0.7;
    }
    .wap-none{
        display: none;
    }
    .wap-show{
        display: block;
    }
    .wi-banner{
        padding: 15vw 0 0 0;
    }
    .inner {
        padding: 0 4%;
        width: 100%;
    }
    .header{
        display: none;
    }
    .wap-head-lst{
        display: block;
    }
    .bottom-fix{
        display: block;
    }

    .banner-lx{
        display: none;
    }
    .swiper-container-banner{
        width: 100%;
        margin: 0;
        height: auto;
    }

    .public-title{
        width: 100%;
        font-weight: bold;
    }
    .public-title:after{
        right: 0;
        left: auto;
        height: 2px;
        width: 15%;
    }
    /*首页*/
    .wi-about{
        padding: 5% 0 0;
        background: #ffffff;
        border-bottom: 10px solid #f5f5f5;
        max-height: none;
    }
    .wi-about .infx{
        display: block;
    }
    .wi-about .iabl .dcb{
        color: #333333;
        margin: 5% 0;
        font-size: 4vw;
        display: flex;
    }
    .wi-about .iabl .dcc{
        display: none;
    }
    .wi-about .iabr .iabr-as{
        width: 100%;
        padding: 0;
    }
    .wi-about .iabr .iabr-as .iars-ls{
        margin: 0 0 3% 0;
    }
    .wi-about .iabr .iabr-as .iars-in{
        line-height: 2;
        margin: 0 0 5% 0;
    }
    .wi-about .iabr .iabr-ax .iarx-box .xca{
        font-size: 4.5vw;
    }
    .wi-about .iabr .iabr-ax{
        width: 100%;
    }
    .wi-about .iabr .iabr-ax .iarx-box{
        background-size: calc( var(--bili) * 40px ) calc( var(--bili) * 40px ) !important;
    }
    .wi-product{
        background: #ffffff;
        padding: 5% 0;
    }
    .wiod-tab{
        display: none;
    }
    .wiod-lst{
        margin: 5% 0 0 0;
        width: 100%;
    }
    .wi-product .swiper-button-next, .wi-product .swiper-button-prev{
        display: none;
    }
    .wiod-box .dca{
        height: auto;
    }
    .wiod-box .dcmc{
        height: 120px;
        padding: 10px 30px;
    }
    .wiod-box .dcmc .dcd{
        font-size: 16px;
        line-height: 30px;
    }
    .wiod-box .dcb{
        bottom: 140px;
    }
    .wi-case{
        padding: 0 0 5% 0;
    }
    .wi-case .infx{
        display: block;
    }
    .wi-case .wicsml{
        width: 100%;
        margin: 0 0 3% 0;
    }
    .wi-case .wics-box .dca{
        height: auto;
    }
    .wi-case .wicsmr .wics-box .dca{
        height: auto;
    }
    .wi-case .wicsmr {
        width: 100%;
    }
    .wi-case .wics-box .damb{
        width: 90%;
        top: 15%;
        left: 5%;
    }
    .wi-case .wics-box .dcc{
        width: 100%;
        font-size: 16px;
    }

    .wi-case .wics-box .dc-more{
        height: 30px;
        line-height: 30px;
    }
    .wi-case .wicsmr .wics-box:last-child{
        display: none;
    }
    .wi-case .wicsmr .wics-box:last-child .dca{
        height: auto;
    }


    .wi-why{
        background-size: cover;
        height: auto;
        padding: 5% 0;
    }
    .wi-why .infx{
        display: block;
    }
    .wi-why .wiwhyl{
        width: 100%;
    }
    .wi-why .wiwhyr{
        width: 100%;
    }
    .wi-why .wiwhyl .dca{
        font-size: 24px;
        display: flex;
        margin: 3% 0;
    }
    .wi-why .wiwhyr .dcb{
        padding: 0 0 0 15px;
    }
    .wi-why .wiwhyr .dcb:after{
        left: 0;
    }


    .wi-logo{
        padding: 3% 0;
    }
    .wi-logo-box{
        width: auto;
    }
    .wi-news{
        padding: 5% 0;
    }
    .wi-news .infx{
        display: block;
    }
    .wi-news .winsl{
        width: 100%;
    }
    .wi-news .winsl .dca{
        display: none;
        font-size: 16px;
        /*display: flex;*/
        margin: 3% 0;
    }
    .wi-news .winsl .dc-tab{
        margin: 5% 0 5% 0;
        align-items: center;
        display: none;
    }
    .wi-news .winsl .dc-tab .dcb{
        text-align: center;
    }
    .wi-news .winsr{
        width: 100%;
        margin: 5% 0 0 0;
    }
    .wins-box .Aals{
        display: block;
    }
    .wins-box .dcml,.wins-box .dcmr{
        width: 100%;
        margin: 0 0 3% 0;
    }
    .wins-box .nca{
        font-size: 16px;
        margin: 0 0 3% 0;
    }
    .wins-box .ncb:after{
        top: 4px;
        right: calc( var(--bili) * -40px );
        background-size: 14px 10px!important;
    }
    .wins-box .ncc{
        margin: 0 0 3% 0;
        font-size: 14px;
        line-height: 2;
    }
    .wins-box .ncd{
        display: none;
    }
    .wins-box{
        margin: 0 0 5% 0;
        padding: 0 0 5% 0;
    }
    .wins-box:last-child{
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .footer{
        display: none;
    }
    .footer .foot-box .foot-logo{
        display: none;
    }
    .copyright{
        border-top: 4px solid var(--hcolor);
        margin: 0 0 13.5vw 0;
    }
    .copyright .intro{
        border-top: 0;
        font-size: 14px;
        padding: 5% 0;
    }
    .to-top{
        display: none !important;
    }
    /*首页*/

    /*关于我们*/
    .position-list{
        padding: 3% 0;
    }
    .position-box .position-item{
        line-height: 2;
        height: auto;
        font-size: 16px;

    }
    .position-box .position-item:last-child{
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        word-break: break-all;
    }

    .ab-intro{
        margin: 0;
        padding: 0 0 5% 0;
        background: #ffffff;
        border-bottom: 10px solid #f5f5f5;
    }
    .ab-intro .infx{
        display: block;
    }
    .ab-intro .abil .dca{
        margin: 5% 0;
        color: #333;
        display: flex;
        font-size: 16px;
    }
    .ab-intro .abir{
        width: 100%;
    }
    .ab-intro .abil-ls{
        margin: 0 0 3% 0;
    }
    .ab-intro .abil-ls .wcb{
        color: var(--mcolor);
    }
    .ab-intro .abil-ls .wcc{
        width: 14px;
        height: 10px;
    }
    .ab-intro .abir-dca{
        padding: 1% 0 5% 0;
    }
    .ab-intro .abir-dcb:after{
        width: 15%;
        left: auto;
        right: 0;
        height: 2px;
    }
    .ab-intro .abir-tab .abir-tab-item{
        width: 33.3%;
        text-align: center;

    }


    .ab-intro .abir-lst .abir-lst-item{
        background: url(../images/ab_dh.png)no-repeat 0 5px;
        background-size: 25px 25px;
        padding: 0 10px 0 35px;
        height: auto;
        display: block;
    }

    .ab-honor{
        padding: 5% 0;
    }
    .ab-honor-lst{
        padding: 0 0;
        margin: 5% 0 0 0;
    }
    .ab-honor-lst .ab-honor-box{
        width: auto;
        margin: 0;
    }
    .ab-honor-lst .ab-honor-box:hover{
        transform:translateY(0);
    }
    .ab-honor .swiper-button-next, .ab-honor .swiper-button-prev{
        display: none;
    }

    .ab-history{
        height: auto;
        padding: 5% 0;
        background: url(../images/ablc_bg.jpg)no-repeat center;
    }
    .ab-history .public-title{
        margin: 0;
    }

    .ab-history-lst{
        display: block;
    }

    .ab-history-box{
        width: 100%;
        padding: 0!important;
        margin: 5% 0 0 0;
    }

    .ab-history-box .dca{
        margin: 0 0 2%;
    }

    .ab-care{
        padding: 5% 0 0;
    }
    .ab-care .ab-care-lst{
        margin: 5% 0 0 0;
    }
    .ab-care .ab-care-box{
        width: 50%;
        margin: 0 0 5% 0;
        padding: 0 2%;
    }
    .ab-care .ab-care-box .dcb{
        margin: 5% 0 3%;
    }

    .ab-speech{
        padding: 5% 0;
    }
    .ab-speech .infx{
        display: block;
    }
    .ab-speech .absl-dca{
        margin: 5% 0 0 0;
        font-size: 22px;
        width: 100%;
    }
    .ab-speech .absr-dca{
        display: none;
    }
    .ab-speech .absr{
        width: 100%;
    }
    .ab-speech .absr-dcb{
        width: 100%;
        margin: 5% 0;
        font-size: 14px;
    }
    .ab-speech .absr-dcc{
        text-align: right;
    }
    .ab-speech .absr-dcd{
        text-align: right;
    }


    /*关于我们*/
    .detail-banner{
        margin: 15vw 0 0 0;
        min-height: auto;
    }

    /*联系我们*/
    .hc-content{
        background-color: #FFFFFF;
    }
    .hc-content .infx{
        display: block;
    }
    .hc-content .clxl{
        width: 100%;
        padding: 0 0 0 0;
    }
    .hc-content .clxl .lx-ca {
        font-size: 22px;
        margin: 0 0 3% 0;
    }
    .hc-content .clxl .lx-cb{
        margin: 0 0 5% 0;
    }
    .hc-content .lx-form .lxbox .srk{
        height: 50px;
    }

    .hc-content .lx-form .lxbox .lxann{
        width: 100%;
    }
    .hc-content .clxz{
        margin: 0 auto;
        display: none;
    }
    .hc-content .clxr{
        width: 100%;
    }
    .hc-content .clxr .lxr{
        height: auto;
        padding: 8% 5%;
    }
    .hc-content{
        padding: 5% 0;
    }

    /*联系我们*/


    /*案例*/

    .si-case{
        padding: 5% 0;
        background-color: #ffffff;
    }
    .si-case .si-case-lst{
        margin: 0;
        display: block;
    }
    .case-box{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .case-box .dca{
        height: auto;
    }





    /*案例*/

    /*æ–°é—»*/
    .lst-content.hsys{
        background-color: #ffffff;
    }
    .lst-content{
        padding: 5% 0;
    }
    .lst-content .infx{
        display: block;
    }
    .Cal-all{
        display: none;
    }
    .Cbr-all{
        width: 100%;
    }
    .Call-list{
        padding: 0;
    }
    .news-box .Aals{
        display: block;
    }
    .news-box .dcml{
        width: 100%;
    }
    .news-box .dcml .dca{
        height: auto;
    }
    .news-box .dcmr{
        width: 100%;
        border-bottom: 1px solid #eeeeee;
    }
    .news-box .dcmr .dcb{
        font-size: 16px;
        margin: 3% 0;
        -webkit-line-clamp: 1;
    }

    .news-box .dcmr .dcg{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .news-box{
        margin: 0 0 5% 0;
    }
    .Call-detail{
        padding: 0;
    }
    .detail-title{
        margin: 0 0 3% 0;
    }
    .detail-info{
        margin: 0 0 3% 0;
        padding: 0 0 3% 0;
    }
    /*æ–°é—»*/

    /*technology*/
    .st-tech{
        padding: 5% 0;
    }
    .st-tech .sv-st-tech{
        font-size: 20px;
        margin: 0 0 5% 0;
    }
    .st-tech .st-tech-lst{
        display: block;
        height: auto;
    }
    .st-tech .st-tech-lst .dcml{
        width: 100%;
    }
    .st-tech .st-tech-lst .dcmz{
        width: 100%;
    }
    .st-tech .st-tech-lst .dcmr{
        width: 100%;
    }
    .st-tech .st-tech-lst .dcmz .dcza{
        width: 100%;
        margin: 5% 0;
    }
    .st-tech .st-tech-lst .dcmr .dcrb{
        margin: 0 0 3% 0;
    }
    .st-work{
        padding: 5% 0;
    }
    .st-work .st-work-lst{
        margin: 5% 0 0 0;
    }
    .st-work .st-work-box{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .st-work .st-work-box .dca{
        height: auto;
    }
    .st-work .st-work-box .dcmb{
        opacity: 1;
    }
    .st-work .st-work-box .dcmb .dce{
        right: -5px;
        bottom: -5px;
        transform: scale(1);
        opacity: 0.8;
    }

    .st-quality{
        padding: 5% 0;
    }

    .st-quality .st-quality-lst{
        margin: 0 0 0 0;
    }
    .st-quality .st-quality-box{
        margin: 5% 0 0 0;
        width: 48%;
    }
    .st-quality .st-quality-box .dcd{
        height: auto;
        line-height: 2;
        display: block;
    }

    /*technology*/

    /*service*/
    .sv-services{
        padding: 5% 0;
    }
    .sv-services .sv-services-tit{
        font-size: 20px;
        margin: 0 0 5% 0;
    }


    .sv-services .sv-services-box{
        width: 48%;
        height: auto;
        margin: 0 0 5% 0;
    }
    .sv-services .sv-services-lst:after{
        display: none;
    }

    .sv-services .sv-services-box .dca{
        width: 35%;
        height: auto;
        margin: 0;
    }
    .sv-services .sv-services-box .dcb{
        font-size: 16px;
        margin: 0 0 5% 0;
    }
    .sv-services .sv-services-box .dcb{
        position: relative!important;
    }
    .sv-services .sv-services-box:nth-child(2n-1) .dca{
        transform:rotate(180deg);
    }
    .sv-services .sv-services-box:nth-child(2n) .dca{
        margin: 0;
    }

    .sv-phone{
        height: auto;
        background-size: cover!important;
        padding: 10% 0;
    }

    .sv-phone .svpl{
        font-size: 16px;
        line-height: 2;
        width: 40%;
    }
    .sv-phone .svpr{
        width: 60%;
        line-height: 2;
        padding: 0 0 0 10%;
    }

    .sv-phone .svpr .dcb{
        font-size: 16px;
        margin: 5% 0 0 0;
    }
    .sv-download{
        padding: 5% 0;
    }
    .sv-download .sv-download-lst{
        margin: 5% 0 0 0;
    }
    .sv-download .sv-download-box{
        width: 100%;
        margin: 0 0 3% 0;
    }
    .sv-download .sv-download-box .dcml{
        width: 50px;
        height: 50px;
    }
    .sv-download .sv-download-box .dcmr{
        width: calc( 100% - var(--bili) * 110px);
        padding: 0 0 0 5%;
    }


    /*service*/

    /*cooperation*/
    .si-logo{
        padding: 5% 0 0;
        border-bottom: 10px solid #f5f5f5;
    }
    .si-logo .si-logo-lst{
        justify-content: space-between;
        margin: 0;
    }
    .si-logo .si-logo-box{
        width: 48%;
        border: 1px solid #eee;
        margin: 0 0 4% 0;
    }
    .si-logo .si-logo-box .dca{
        height: 27vw;
    }
    .wap-si-case{
        border-bottom: 10px solid #f5f5f5;
    }
    .wap-si-case .public-title{
        margin: 0 0 5%;
    }
    .wap-si-case .case-box:nth-child(n+4){
        display: none;
    }
    .si-site{
        padding: 5% 0 0 0;
    }
    .si-site .si-site-list{
        margin: 5% 0 0 0;
    }
    .si-site .si-site-box{
        width: 100%;
        height: auto!important;
        margin: 0 0 5% 0!important;
    }
    .si-site .si-site-box .dcmb{
        opacity: 1;
    }
    /*cooperation*/

    /*产品*/
    .product-search{
        border-top: 0;
        padding: 0 0;
    }
    .product-search .search-hot{
        display: none;
    }
    .product-search-form .ann{
        width: auto;
        padding: 0 20px;
    }

    .product-list .wiod-box{
        width: 100%;
        margin: 0 0 5% 0;
    }
    .product-list .wiod-box .dca{
        height: auto;
    }
    .product-list .wiod-box .dcmc{
        height: 110px;
        padding: 10px 15% 10px 5%;
        background-color: #eee;
    }
    .product-list .wiod-box .dcmc .dcd{
        font-size: 16px;
        line-height: 28px;
    }
    .product-list .wiod-box .dcb{
        bottom: 130px;
        height: 35px;
        line-height: 35px;
    }

    .product-intro{
        display: block;
    }
    .product-intro .product-img{
        width: 100%;
    }
    .product-img .big-img{
        display: none;
    }
    .product-img .sml-img .sml-box{
        height: auto;
    }
    .product-img .sml-img .sml-box.on{
        border: 0;
    }
    .product-int{
        width: 100%;
    }
    .product-int .dca{
        display: none;
    }
    .product-int .dcb{
        margin: 5% 0 3% 0;
    }
    .product-int .dcmc{
        padding: 3% 0;
    }
    .product-int .dcmf{
        padding: 3% 0;
        display: block;
    }

    .product-int .dcmf .dcg{
        font-size: 16px;
        margin: 0 0 3% 0;
    }
    .product-int .dcmf .dcmh .dci{
        font-size: 14px;
        line-height: 2.2;
    }
    .product-tab .product-tab-lst{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .product-tab .product-tab-lst .product-tab-box{
        font-weight: bold;
        font-size: 14px;
    }
    .product-content .product-tab.fixed .product-tab-box{
        padding: 0;
        margin: 0;
        width: 25%;
        text-align: center;
        height: 15vw;
        line-height: 15vw;
        font-weight: bold;
        font-size: 14px;
    }

    .wap-none-s{
        display: none!important;
    }
    .cp-service-lst{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cp-service{
        width: 100%;
        margin: 0 0 5% 0;
        padding: 5%;
    }
    .cp-service .dcb{
        margin: 2% 0;
    }
    .faq-lst .faq-box .dca{
        line-height: 2;
        font-size: 16px;
    }

    /*产品*/
    #wnbanner .wrapper_con{
        display: none;
    }
    .swiper-index{
        display: none;
    }
    #wnbanner .banner .swiper-pagination-bullet-active{
        width: 12px;
        height: 12px;
        background-color: #ccc;
        margin: 0 15px;
        color: transparent;
    }
    #wnbanner .banner .swiper-pagination-bullet{
        margin: 0 8px;
    }
    #wnbanner .rightcircle{
        display: none;
    }
    #wnbanner .leftcircle{
        display: none;
    }
    .swiper-pagination.swiper-page-banner{
        bottom: 5%!important;
    }


    .page-list{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }
    .page-list a{
        display: none;
    }
    .page-list a:first-child{
        display: block;
    }
    .page-list a:last-child{
        display: block;
        /*border-left: 0;*/
        margin: 0 0 0 -1px;
    }
    .page-list a{
        width:51%;
        margin: 0;
        line-height: 40px;
        height: 40px;
        text-align: center;
        border-radius: 0;
    }
    .page-list a.currPage{
        background: #ffffff;
        color: #555555;
        border: 1px solid #e3e3e3;
        display: block;
        margin: 0 0 0 -1px;
    }


    .wap-Catype{

    }
    .wap-Catype ul{
        overflow-x: scroll;
        display: flex;
        align-items: center;
        margin: 0 0 5% 0;
    }

    .wap-Catype ul .csli{
        white-space: nowrap;
        padding: 0 2% 10px;
        width: 100%;
        position: relative;
        font-size: 16px;
        text-align: center;
    }
    .wap-Catype ul li.on:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: var(--mcolor);
        left: 0;
        bottom: 0;
    }





}





/*手机端三级分类*/
.location_service{
    margin: 0 0 5% 0;
}

.location_service .lswhy{
    padding: 0 2% 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(--mcolor);
}
.location_service .lswhy .lswy_name{
    width: 67%;
    color: var(--mcolor);
    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;
}
.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(--mcolor);
    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(--mcolor);
}

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

.location_service .CCli.selected .CCa{
    color: var(--mcolor);
}
/*手机端三级分类*/