:root{

    --mcolor: #007bba;

    --hcolor: #fc9643;

    --scolor: #007bba;

    --bili:1;

    --wzbl:1;

}

@font-face {

  font-family: "syuan";

  src: url("../public/font/SourceHanSansCN-Medium.otf") format("truetype"),

  font-stretch: "normal";

}

.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;

    }

}



.InUpon{

    visibility: visible!important;

    animation-name: fadeInUp!important;

    transition: all 0.3s;

}





/*头部*/

.header{

    position: fixed;

    background-color: transparent;

    z-index: 100009;

    width: 100%;

    top: 0;

    padding: 0 3%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    transition: all 0.3s;

}



.header.fixed{

    background: rgba(0, 0, 0, .6);

}

.header .head-logo{

    width: calc( var(--bili) * 150px );

}

.header .head-logo img{

    height: auto;

}

.logo-show{

    display: block!important;

}

.logo-hide{

    display: none!important;

}

.header .dcml{

    display: flex;

    align-items: center;

}

.header .dcmr{



}



.head-menu{

    /*position: relative;*/

    margin: 0 calc( var(--bili) * 0px ) 0 0;

}

.head-menu .CAul{

    display: flex;

}

.head-menu .CAli{

    margin: 0 calc( var(--bili) * 105px ) 0 0;

    /*position: relative;*/

}

.head-menu .CAli .CAa{

    font-size: calc( var(--wzbl) * 18px );

    line-height: calc( var(--bili) * 76px );

    color: #ffffff;

    display: block;

    cursor: pointer;

    /*position: relative;*/

    transition: all 0.3s;

}

.header.onblack .CAa{

    color: #333333;

}

.head-menu .CAli:hover .CAa{

    color: var(--scolor);

}

.head-menu .CAli.on .CAa{

    color: var(--scolor);

}

.head-menu .CAli.on .CAa:after{

    transform: scale(1);

    top: 32%;

}



.head-language{

    position: relative;

}

.head-language .Aals{

    color: #FFFFFF;

    font-size: calc( var(--wzbl) * 14px );

    border: 1px solid #ffffff;

    width: calc( var(--bili) * 62px );

    height: calc( var(--bili) * 32px );

    line-height: calc( var(--bili) * 30px );

    text-align: center;

    display: block;

}

.header.onblack .head-language .Aals{

    color: #333333;

    border: 1px solid #333333;

}





.drop-down-menu{

    display: none;

    position: absolute;

    left: -10%;

    top: 100%;

    width: 120%;

    overflow: hidden;

    background-color: #eeeeee;

    text-align: left;

    padding: 80px 0;

    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);

    z-index: 999;

}

.drop-down-menu .infx{

    display: flex;

    justify-content: center;

}

.drop-down-menu .menu-dcl{

    margin: 0 80px 0 0;

}

.drop-down-menu .menu-dcr{

    display: flex;

}

.drop-down-menu #mu-ico{

    width: 30px;

    height: 30px;

    overflow: hidden;

    position: relative;

}

.drop-down-menu .mu_icon1{

    background: url(../images/mu_icon1.png) no-repeat right;

    background-size: 100% 100%;

}

.drop-down-menu .mu_icon2{

    background: url(../images/mu_icon2.png) no-repeat right;

    background-size: 100% 100%;

}

.drop-down-menu .mu_icon3{

    background: url(../images/mu_icon3.png) no-repeat right;

    background-size: 100% 100%;

}

.drop-down-menu .mu_icon4{

    background: url(../images/mu_icon4.png) no-repeat right;

    background-size: 100% 100%;

}

.drop-down-menu .mu_icon5{

    background: url(../images/mu_icon5.png) no-repeat right;

    background-size: 100% 100%;

}

.drop-down-menu .mu-tei{

    font-size: calc( var(--wzbl) * 24px );

    font-weight: bold;

    color: #333333;

    position: relative;

    margin: calc( var(--bili) * 12px ) 0 0 0;

    padding: calc( var(--bili) * 12px ) 0 0 0;

}

.drop-down-menu .mu-tei:after{

    content: '';

    width: calc( var(--bili) * 50px );

    height: 3px;

    left: 0;

    top: 0;

    background-color: var(--mcolor);

    position: absolute;

}

.drop-down-menu .mu-ls{

    width: calc( var(--bili) * 170px );

    margin: 0 0 0 calc( var(--bili) * 85px );

    position: relative;

}

.drop-down-menu .mu-ls:after{

    content: '';

    position: absolute;

    width: 1px;

    height: calc( var(--bili) * 65px );

    background-color: #dedede;

    right: 0;

    top: calc( var(--bili) * 30px );

}

.drop-down-menu .mu-ls:last-child:after{

    display: none;

}

.drop-down-menu .mu-ls .mu-anm-all{

    display: flex;

    align-items: center;

    margin: 0 0 calc( var(--bili) * 25px ) 0;

}

.drop-down-menu .mu-ls .nu-anm-icon{

    width: calc( var(--bili) * 20px );

    height: calc( var(--bili) * 20px );

    overflow: hidden;

    margin: 0 calc( var(--bili) * 5px ) 0 0;

}

.drop-down-menu .mu-ls .mu-anm{

    font-size: calc( var(--wzbl) * 18px );

    color: #333333;

    font-weight: bold;

}

.drop-down-menu .mu-ls .mu-ul{



}

.drop-down-menu .mu-ls .mu-ul .mu-li{

    position: relative;

    margin: 0 0 calc( var(--bili) * 10px ) 0;

}

.drop-down-menu .mu-ls .mu-ul .mu-li:after{

    content: '';

    position: absolute;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background-color: #959595;

    left: 10px;

    top: 42%;

}

.drop-down-menu .mu-ls .mu-ul .mu-li .mu-a{

    font-size: calc( var(--wzbl) * 16px );

    color: #959595;

    padding: 0 0 0 calc( var(--bili) * 25px );

}

.drop-down-menu .mu-ls .mu-ul .mu-li .mu-a:hover{

    color: var(--mcolor);

}







/*头部*/





/*banner*/

.wi-banner{

    position: relative;

}

.swiper-container-banner{

    height: 100vh;

    width: 100%;

}

.swiper-pagination.swiper-page-banner{

    bottom: calc( var(--bili) * 50px )!important;

}

.swiper-page-banner .swiper-pagination-bullet{

    background: #fff;

    width: 10px;

    height: 10px;

}



/*banner-arrow*/

.wi-swpage{

    position: absolute;

    bottom: 10%;

    right: 3%;

    display: flex;

}

.wi-swpage .swiper-button-next, .wi-swpage .swiper-button-prev{

    width: calc( var(--bili) * 33px );

    height: calc( var(--bili) * 33px );

    position: relative;

    left: auto;

    top: auto;

    right: auto;

    bottom: auto;

    margin: 0 10px;

}

.wi-swpage .swiper-button-next:after, .wi-swpage .swiper-button-prev:after{

    display: none;

}

.wi-swpage .swiper-button-prev {

    background: url(../images/wi_prev.png) no-repeat right;

    background-size: 100% 100%;

}

.wi-swpage .swiper-button-next {

    background: url(../images/wi_next.png) no-repeat right;

    background-size: 100% 100%;

}

/*banner-arrow*/







.detail-banner{

    display: block;

    position: relative;

    /*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;*/

}

.detail-banner .db-con{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    text-align: center;

}

.detail-banner .db-con .db-tie{

    font-size: calc( var(--wzbl) * 48px );

    letter-spacing: 5px;

    font-weight: bold;

    color: #FFFFFF;

}

.detail-banner .db-con .db-int{

    font-size: calc( var(--wzbl) * 24px );

    color: #FFFFFF;

    margin: calc( var(--bili) * 30px ) 0 0 0;

    letter-spacing: 5px;

}

.detail-banner .db-con.ab-db-con{

    text-align: left;

}



/*banner*/







/*footer*/

.footer{

    background: url(../images/footer.jpg)no-repeat center;

    background-size: 100% 100%;

    height: calc( var(--bili) * 727px );

    padding: calc( var(--bili) * 85px ) 0;

}

.footer .infx{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.footer .foot-mcl{

    width: 40%;

}

.footer .foot-mcr{

    width: 55%;

}

.foot-mst{

    font-size: calc( var(--wzbl) * 24px );

    color: #FFFFFF;

    background: url(../images/wics_arrow.png) no-repeat right;

    background-size: calc( var(--bili) * 21px ) calc( var(--bili) * 21px );

    margin: 0 0 calc( var(--bili) * 100px );

    display: inline-block;

    padding: 0 calc( var(--bili) * 40px ) 0 0;

}

.foot-lxs{



}

.foot-lxs .dca{

    font-size: calc( var(--wzbl) * 30px );

    color: #ffffff;

    line-height: 2;

}

.foot-lxs .dcb{

    font-size: calc( var(--wzbl) * 16px );

    color: #FFFFFF;

    line-height: 3;

}

.foot-crs{

    margin: calc( var(--bili) * 80px ) 0 0 0;

    font-size: calc( var(--wzbl) * 14px );

    color: #FFFFFF;

    line-height: 2;

    position: relative;

    padding: calc( var(--bili) * 10px ) 0 0;

}

.foot-crs:after{

    content: '';

    position: absolute;

    width: calc( var(--bili) * 18px );

    height: 2px;

    background-color: #FFFFFF;

    left: 0;

    top: 0;

}





.foot-db{

    width: 100%;

    height: calc( var(--bili) * 540px );

    background: rgba(0,123,186,.6);

    display: flex;

    justify-content: space-between;

    padding: 0 calc( var(--bili) * 70px ) 0 calc( var(--bili) * 100px );

}

.foot-db .foot-form{

    width: 76.5%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.foot-db .foot-form .foot-fmdc{

    margin: 0 0 calc( var(--bili) * 35px ) 0;

}

.foot-db .foot-form .srk{

    border-bottom: 1px solid #ffffff;

    background: transparent;

    padding: 0 calc( var(--bili) * 20px );

    color: #ffffff;

    font-size: calc( var(--wzbl) * 16px );

    letter-spacing: 1px;

    width: 100%;

    height: calc( var(--bili) * 50px );

}

.foot-db .foot-form .skrs{

    width: 100%;

    height: calc( var(--bili) * 170px );

    border: 1px solid #ffffff;

    background: transparent;

    padding: calc( var(--bili) * 20px );

    color: #ffffff;

    font-size: calc( var(--wzbl) * 16px );

    letter-spacing: 1px;

    resize:none;

}

.foot-db .foot-form input::-webkit-input-placeholder {

    color: #ffffff;

    font-size: calc( var(--wzbl) * 16px );

    letter-spacing: 1px;

}

.foot-db .foot-form textarea::-webkit-input-placeholder {

    color: #ffffff;

    font-size: calc( var(--wzbl) * 16px );

    letter-spacing: 1px;

}

.foot-db .foot-form .ann{

    width: calc( var(--bili) * 190px );

    height: calc( var(--bili) * 50px );

    color: var(--mcolor);

    background-color: #ffffff;

    font-size: calc( var(--wzbl) * 16px );

}

.foot-db .foot-cus{

    writing-mode: vertical-rl;

    font-size: calc( var(--wzbl) * 60px );

    color: #ffffff;

    display: flex;

    justify-content: center;

    letter-spacing: 25px;

    font-weight: bold;

}





.to-top{

    background: url(../images/to-top.png)no-repeat center;

    width: calc( var(--bili) * 75px );

    height: calc( var(--bili) * 75px );

    position: fixed;

    bottom: 5%;

    right: 5%;

    border-radius: 50%;

    overflow: hidden;

    cursor: pointer;

    z-index: 10001;

    display: none;

}



/*footer*/











/*首页*/



.swiper {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.screen-swiper .swiper-pagination{

    right: 2%;

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet{

    background: #fff;

    opacity: 1;

    width: calc( var(--bili) * 25px );

    height: 2px;

    border-radius: 0;

    margin: calc( var(--bili) * 18px ) 0;

    transition: all 0.5s;

    position: relative;

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet-active{

    width: calc( var(--bili) * 50px );

    margin: calc( var(--bili) * 18px ) 0 calc( var(--bili) * 18px ) calc( var(--bili) * -25px );

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet:after{

    display: none;

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet-active:after{

    display: block;

    position: absolute;

    right: calc( var(--bili) * 65px );

    font-size: calc( var(--wzbl) * 16px );

    color: #ffffff;

    width: calc( var(--bili) * 80px );

    text-align: right;

    top: calc( var(--bili) * -14px );

    height: calc( var(--bili) * 30px );

    line-height: calc( var(--bili) * 30px );

    opacity: 0;

    transition: all 0.5s;

}



@media screen and (max-width: 1400px) {

    .screen-swiper .swiper-pagination .swiper-pagination-bullet-active:after{

        right: calc( var(--bili) * 60px );

    }

    .screen-swiper .swiper-pagination .swiper-pagination-bullet-active{

        width: calc( var(--bili) * 44.35px );

        margin: calc( var(--bili) * 18px ) 0 calc( var(--bili) * 18px ) calc( var(--bili) * -18px );

    }

    .screen-swiper .swiper-pagination{

        right: 1%;

    }

    .wi-foot .wift-mcl{

        width: 42%!important;

    }

}



.screen-swiper .swiper-pagination .swiper-pagination-bullet-active:after{

    opacity: 1;

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(1):after{

    content: '首页';

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(2):after{

    content: '产品中心';

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(3):after{

    content: '应用场景';

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(4):after{

    content: '关于我们';

}

.screen-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(5):after{

    content: '留言板块';

}



.screen-swiper .swiper-pagination.onblack .swiper-pagination-bullet{

    background: #333333;

}

.screen-swiper .swiper-pagination.onblack .swiper-pagination-bullet:after{

    color: #333333;

}





.screen-swiper .wi-tips{

    background: url(../images/wi_tips.png)no-repeat center;

    width: 4%;

    height: calc( var(--bili) * 166px );

    background-size: calc( var(--bili) * 31px ) calc( var(--bili) * 166px );

    position: absolute;

    left: 48%;

    bottom: 0;

    z-index: 2;

    animation: bounce-inSS 1.5s infinite; /* 启动动画特效 */

}

.screen-swiper .wi-tips.wi-tips-s{

    background: url(../images/wi_tipss.png)no-repeat center;

    background-size: calc( var(--bili) * 31px ) calc( var(--bili) * 166px );

}

.screen-swiper .wi-tips.hs-con{

    filter: invert(0.6);

}

@keyframes bounce-inSS {

    0% { -webkit-transform: translate3d(0, 0px,0);

        -webkit-animation-timing-function: ease-out; }

    50% { -webkit-transform: translate3d(0, 8px,0);

        -webkit-animation-timing-function: ease-in; }

    100% { -webkit-transform: translate3d(0, 0px,0); }

}





.wi-lxlst{

    position: absolute;

    left: 2%;

    top: 48%;

    transform: translate3d(0px, -50%, 0);

    z-index: 2;

}

.wi-lxlst .blx-box{



}

.wi-lxlst .blx-box .dca{

    width: calc( var(--bili) * 50px );

    height: calc( var(--bili) * 50px );

    cursor: pointer;

}

.wi-lxlst.onblack{

    /*filter: invert(0.6);*/

    /*filter: grayscale(100%);*/

}

.wi-lxlst.onblack .blx-box .dca.blx1{

    background: url(../images/blx1_h.png)no-repeat center;

}

.wi-lxlst .blx-box .dca.blx1{

    background: url(../images/blx1.png)no-repeat center;

    background-size: calc( var(--bili) * 20px ) calc( var(--bili) * 20px );

}

.wi-lxlst.onblack .blx-box .dca.blx2{

background: url(../images/blx2_h.png)no-repeat center;

}

.wi-lxlst .blx-box .dca.blx2{

    background: url(../images/blx2.png)no-repeat center;

    background-size: calc( var(--bili) * 20px ) calc( var(--bili) * 20px );

}

.wi-lxlst.onblack .blx-box .dca.blx3{

background: url(../images/blx3_h.png)no-repeat center;

}

.wi-lxlst .blx-box .dca.blx3{

    background: url(../images/blx3.png)no-repeat center;

    background-size: calc( var(--bili) * 20px ) calc( var(--bili) * 20px );

}

.wi-lxlst.onblack .blx-box .dca.blx4{

background: url(../images/blx4_h.png)no-repeat center;

}

.wi-lxlst .blx-box .dca.blx4{

    background: url(../images/blx4.png)no-repeat center;

    background-size: calc( var(--bili) * 20px ) calc( var(--bili) * 20px );

}

.wi-lxlst .blx-box .dcb{

    background-color: rgb(0 0 0 / 30%);

    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) * 16px );;

    z-index: 8;

    border-radius: 30px;

    padding: 0 10px;

    text-align: center;

    color: #fff;

    transform: scale(0);

    transition: all 0.3s;



}

.wi-lxlst .blx-box .dca:hover .dcb{

    transform: scale(1);

}

.wi-lxlst .blx-box .dcc{

    background-color: rgb(0 0 0 / 20%);

    position: absolute;

    left: 100%;

    height: calc( var(--bili) * 120px );

    width:calc( var(--bili) * 120px );

    z-index: 8;

    text-align: center;

    color: #fff;

    transform: scale(0);

    transition: all 0.3s;

}

.wi-lxlst .blx-box .dca:hover .dcc{

    transform: scale(1);

}





.wi-banner .banner_con{

    position: absolute;

    width: 44%;

    top: 48%;

    /*bottom: 0;*/

    transform: translate3d(-50%, -50%, 0);

    left: 50%;

    border: 1px solid #ffffff;

    padding: 5% 0;

    text-align: center;

    z-index: 3;

    

}

.wi-banner .banner_con .bca{

    font-size: calc( var(--wzbl) * 44px );

    color: var(--mcolor);

    font-weight: bold;

    margin: 0 0 calc( var(--bili) * 15px );

    /*font-family: Arial;*/

}

.wi-banner .banner_con .bcb{

    font-size: calc( var(--wzbl) * 46px );

    color: #ffffff;

    font-weight: bold;

    margin: 0 0 calc( var(--bili) * 15px );

    /*font-family: "syuan";*/

}

.wi-banner .banner_con .bcc{

    font-size: calc( var(--wzbl) * 24px );

    color: #ffffff;

    font-weight: bold;

    margin: 0 0 calc( var(--bili) * 15px );

    /*font-family: Arial;*/

}

.wi-banner .banner_con .bcd{

    font-size: calc( var(--wzbl) * 20px );

    color: #ffffff;

    /*font-family: "syuan";*/

}

.wi-banner .banner_con .bce{

    background-color: var(--mcolor);

    color: #ffffff;

    font-size: calc( var(--wzbl) * 16px );

    width: 26%;

    height: calc( var(--bili) * 50px );

    line-height: calc( var(--bili) * 50px );

    text-align: center;

    position: absolute;

    bottom: calc( var(--bili) * -25px );

    left: 37%;

}









.screen-warp{

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

}



.screen1{



}



/*2*/

.screen2{

    background: url(../images/screen2.jpg) no-repeat right;

    background-size: 100% 100%;

}

.wi-product{

    width: 76%;

    position: absolute;

    left: 9%;

    top: 45%;

    transform: translate3d(0, -50%, 0);

}

.wi-product .wiod-title{

    font-size: calc( var(--wzbl) * 46px );

    color: #FFFFFF;

    font-weight: bold;

    margin: 0 0 calc( var(--bili) * 45px );

}

.wi-product .wiod-tab{

    display: flex;

    border-bottom: 1px solid #FFFFFF;

    width: 40%;

    margin: 0 0 calc( var(--bili) * 20px );

}

.wi-product .wiod-tab .tab-box{

    font-size: calc( var(--wzbl) * 18px );

    color: #FFFFFF;

    line-height: calc( var(--bili) * 50px );

    height: calc( var(--bili) * 50px );

    cursor: pointer;

    margin: 0 calc( var(--bili) * 35px ) 0 0;

    position: relative;

}

.wi-product .wiod-tab .tab-box:after{

    content: '';

    position: absolute;

    width: 0;

    height: 1px;

    background-color: var(--mcolor);

    left: 0;

    bottom: -1px;

    transition: all 0.5s;

}

.wi-product .wiod-tab .tab-box.on:after{

    width: 100%;

}

.wi-product .wiod-ted{

    width: 42%;

    font-size: calc( var(--wzbl) * 16px );

    color: #FFFFFF;

    margin: 0 0 calc( var(--bili) * 50px );

    display: none;

    height: calc( var(--bili) * 60px );

    line-height: calc( var(--bili) * 30px );

}

.wi-product .wiod-ted.on{

    display: block;

}

.wi-product .wiod-tab .wiod-lst{



}

.wiod-all{



}

.wiod-lst{

    display: none;

}

.wiod-lst.on{

    display: block;

}

.wiod-lst .wiod-box{



}

.wiod-lst .wiod-box .woda{

    background-color: #FFFFFF;

    height: calc(var(--bili) * 189px);

}

.wiod-lst .wiod-box .wodb{

    font-size: calc( var(--wzbl) * 18px );

    color: #FFFFFF;

    margin: calc( var(--bili) * 15px ) 0 calc( var(--bili) * 15px );

}

.wiod-lst .wiod-box .wodc{

    font-size: calc( var(--wzbl) * 18px );

    color: #FFFFFF;

    margin: 0 0 calc( var(--bili) * 30px );

    height: calc( var(--bili) * 30px );

    line-height: calc( var(--bili) * 30px );

    display: flex;

    align-items: center;

}

.wiod-lst .wiod-box .wodc .dw_icon{

    width: calc( var(--bili) * 26px );

    height: calc( var(--bili) * 26px );

    display: inline-block;

    background: url(../images/wi_download.png) no-repeat 3px center;

    border: 1px solid #ffffff;

    background-size: calc( var(--bili) * 18px ) calc( var(--bili) * 18px );

    margin: 0 calc( var(--bili) * 10px ) 0 0;

}

.wiod-lst .wiod-box .wodd{

    width: calc( var(--bili) * 195px );

    height: calc( var(--bili) * 50px );

    line-height: calc( var(--bili) * 50px );

    border: 1px solid #FFFFFF;

    font-size: calc( var(--wzbl) * 16px );

    color: #FFFFFF;

    background: url(../images/wi_arrow.png) no-repeat 80% center;

    padding: 0 calc( var(--bili) * 40px );

}

.wiod-lst .wiod-box:hover .wodc .dw_icon{

    background-color: var(--mcolor) ;

    border: 1px solid  var(--mcolor);

}

.wiod-lst .wiod-box:hover .wodd{

    background-color: var(--mcolor);

    border: 1px solid  var(--mcolor);

}





.swpro-state-lst{



}

.swpro-state{

    display: none;

}

.swpro-state.on{

    display: flex;

}







/*2*/





/*3*/

.wi-case{

    height: calc( var(--bili) * 670px );

    width: calc( var(--bili) * 1420px );

    display: flex;

    position: absolute;

    left: 48%;

    top: 48%;

    transform: translate3d(-50%, -50%, 0);

}

.wi-case .wics-box{

    display: block;

    z-index: 1;

    background: rgba(0, 0, 0, 0.5);

    width: calc( var(--bili) * 130px );

    height: 100%;

    transition: all 0.5s;

    border-left: 2px solid #c7c8c8;

    position: relative;



}

.wi-case .wics-box:first-child{

    border-left: 0;

}

.wi-case .wics-box.on{

    width: calc(100% );

    border: none;

    background: none;

}





.wi-case .wics-box .wics-onck{

    cursor: pointer;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    letter-spacing: 1px;

}

.wi-case .wics-box .wics-onck .wics-smtie{

    width: 100%;

    font-size: calc( var(--wzbl) * 16px );

    color: #FFFFFF;

    text-align: center;

    margin: 0 0 calc( var(--bili) * 50px );

    padding: 0 5%;

    line-height: 2;

}

.wi-case .wics-box .wics-onck .wics-arrow{

    background: url(../images/wics_arrow.png) no-repeat  center;

    width: calc( var(--bili) * 21px );

    height: calc( var(--bili) * 21px );

    background-size: 100% 100%;

}

.wi-case .wics-box.on .wics-onck{

    display: none;

}



.wi-case .wics-box .wics-open{

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 0 10%;

    opacity: 0;

    transition: all 0.5s;

    position: absolute;



}

.wi-case .wics-box .wics-open .wodca{

    font-size: calc( var(--wzbl) * 36px );

    color: #ffffff;

    margin: 0 0 calc( var(--bili) * 10px );

}

.wi-case .wics-box .wics-open .wodcb{

    font-size: calc( var(--wzbl) * 16px );

    color: #ffffff;

    margin: 0 0 calc( var(--bili) * 50px );

}

.wi-case .wics-box .wics-open .wodcc{

    width: calc( var(--bili) * 195px );

    height: calc( var(--bili) * 50px );

    line-height: calc( var(--bili) * 50px );

    border: 1px solid var(--mcolor);

    font-size: calc( var(--wzbl) * 16px );

    color: #FFFFFF;

    background: var(--mcolor) url(../images/wi_arrow.png) no-repeat 80% center;

    padding: 0 calc( var(--bili) * 40px );

}

.wi-case .wics-box.on .wics-open{

    opacity: 0;

    margin-left: calc( var(--bili) * -45px );

    animation: .3s ease .4s normal forwards 1 easyinleft;

}

@keyframes easyinleft{

    100%{opacity:1;margin-left:0;}

}

@keyframes easyin{

    0%{opacity:0}

    25%{opacity:0}

    50%{opacity:0.5}

    75%{opacity:0.75}

    100%{opacity:1}

}



.wics-background{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}





/*3*/



/*4*/

.screen4{

    background: url(../images/screen4.jpg) no-repeat center;

    background-size: cover;

}

.wi-about{

    width: calc( var(--bili) * 1280px );

    display: flex;

    position: absolute;

    left: 50%;

    top: 48%;

    transform: translate3d(-50%, -50%, 0);

    justify-content: center;

    flex-direction: column;

    align-items: center;

}

.wi-about .wiab-title{

    font-size: calc( var(--wzbl) * 46px );

    color: #ffffff;

    margin: 0 0 calc( var(--bili) * 40px );

}

.wi-about .wiab-tab{

    display: flex;

    justify-content: center;

    border-bottom: 1px solid #FFFFFF;

    width: 50%;

    margin: 0 0 calc( var(--bili) * 50px );

}

.wi-about .wiab-tab .tab-box{

    font-size: calc( var(--wzbl) * 18px );

    color: #FFFFFF;

    line-height: calc( var(--bili) * 50px );

    height: calc( var(--bili) * 50px );

    cursor: pointer;

    margin: 0 calc( var(--bili) * 35px ) 0 0;

    position: relative;

}

.wi-about .wiab-tab .tab-box:after{

    content: '';

    position: absolute;

    width: 0;

    height: 1px;

    background-color: var(--mcolor);

    left: 0;

    bottom: -1px;

    transition: all 0.5s;

}

.wi-about .wiab-tab .tab-box.on:after{

    width: 100%;

}

.wi-about .wiab-all{

    width: 100%;

    position: relative;

}

.wi-about .wiab-all .wiab-lst{

    display: none;

}

.wi-about .wiab-all .wiab-lst.on{

    display: block;

}

.wi-about .wiab-all .wiab-con{





    padding: 0 10%;

    height: calc( var(--bili) * 390px );

}

.wi-about .wiab-all .wiab-int{

    font-size: calc( var(--wzbl) * 16px );

    color: #ffffff;

    line-height: 2.5;

    margin: 0 0 calc( var(--bili) * 70px );

}

.wi-about .wiab-all .wiab-more-box{

    text-align: center;

}

.wi-about .wiab-all .wiab-more{

    width: calc( var(--bili) * 195px );

    height: calc( var(--bili) * 50px );

    line-height: calc( var(--bili) * 50px );

    border: 1px solid var(--mcolor);

    font-size: calc( var(--wzbl) * 16px );

    color: #FFFFFF;

    background: var(--mcolor) url(../images/wi_arrow.png) no-repeat 80% center;

    padding: 0 calc( var(--bili) * 40px );

    display: inline-block;

    text-align: left;

}



.wi-picture{

    display: flex;

    flex-wrap: wrap;

    height: calc( var(--bili) * 390px );

}

.wi-picture .wiab-picture{

    width: 24.25%;

    height: calc( var(--bili) * 184px );

    overflow: hidden;

    margin: 0 1% 1% 0;

}

.wi-picture .wiab-picture:nth-child(4n){

    margin: 0 0 1% 0;

}



/*4*/









/*5*/





.screen5{

    background: url(../images/screen5.jpg) no-repeat center;

    background-size: cover;

}

.wi-foot{

    width: calc( var(--bili) * 1450px );

    display: flex;

    position: absolute;

    left: 48%;

    top: 48%;

    transform: translate3d(-50%, -50%, 0);

    justify-content: space-between;

    align-items: center;

}

.wi-foot .wift-mcl{

    width: 40%;

}

.wi-foot .wift-mcr{

    width: 55%;

}



/*5*/



















/*首页*/









/*关于我们*/

.ab-intro{

    margin: calc( var(--bili) * 20px ) 0 0 0;

}

.ab-intro .infx{

    display: flex;

    justify-content: space-between;

}

.ab-intro .abil{

    width: 46.25%;

    margin: 0 0 0 3%;

    position: relative;

}

.ab-intro .abir{

    width: 45%;

    padding: calc( var(--bili) * 70px ) 0 0;

}



.ab-intro .abil .abil-dca{

    width: 100%;

    height: calc( var(--bili) * 708px );

}

.ab-intro .abil .abil-dcb{

    font-size: calc( var(--wzbl) * 48px );

    width: calc( var(--bili) * 525px );

    height: calc( var(--bili) * 180px );

    line-height: calc( var(--bili) * 180px );

    color: #FFFFFF;

    text-align: center;

    position: absolute;

    left: 0;

    top: calc( var(--bili) * 528px );

    background: var(--mcolor) url(../images/ab_vdo.png) no-repeat 18% center;

    background-size: calc( var(--bili) * 75px ) calc( var(--bili) * 56px );

    padding: 0 0 0 90px;

}

.ab-intro .abil:after{

    content: '';

    position: absolute;

    background: url(../images/abt_ca.png) no-repeat right;

    background-size: 100% 100%;

    width: calc( var(--bili) * 84px );

    height:calc( var(--bili) * 270px );

    left: calc( var(--bili) * 68px );

    top: calc( var(--bili) * -270px );

}

.ab-intro .abil:before{

    content: '';

    position: absolute;

    background: url(../images/abt_cb.png) no-repeat right;

    background-size: 100% 100%;

    width: calc( var(--bili) * 84px );

    height:calc( var(--bili) * 186px );

    left: calc( var(--bili) * 68px );

    top: calc( var(--bili) * 725px );

}





.hi-title{

    position: relative;

}



.hi-title .den{

    font-size: calc( var(--wzbl) * 18px );

    color: #a9a9a9;

    margin: 0 0 calc( var(--bili) * 25px ) 0;

    padding: 0 0 0 calc( var(--bili) * 35px );

    line-height: calc( var(--bili) * 30px );

    display: inline-block;

    position: relative;

}

.hi-title .den:after{

    content: '';

    position: absolute;

    width: calc( var(--bili) * 24px );

    height: calc( var(--bili) * 6px );

    background-color: var(--mcolor);

    left: 0;

    top: calc( var(--bili) * 12px );

}

.hi-title .dcn{

    font-weight: bold;

    font-size: calc( var(--wzbl) * 36px );

    color: #333333;

    margin: 0 0 calc( var(--bili) * 30px ) 0;

}

.hi-title .dcns{

    font-size: calc( var(--wzbl) * 36px );

    color: #333333;

    margin: 0 0 calc( var(--bili) * 30px ) 0;

}

.hi-title .din{

    font-size: calc( var(--wzbl) * 14px );

    color: #555555;

    letter-spacing: 1px;

}

.hi-title.tac{

    text-align: center;

}









.ab-intro .abir .abir-dca{

    font-size: calc( var(--wzbl) * 18px );

    color: #555555;

    line-height: 2.5;

}

.ab-intro .abir .abir-dca *{

    font-size: calc( var(--wzbl) * 18px );

    color: #555555;

    line-height: 1.8;

    vertical-align: super;

}







.ab-wkus{

    margin: calc( var(--bili) * 203px ) 0 0 0;

    background-color: #f1f1f1;

    padding: 0 0 calc( var(--bili) * 250px ) 0;

}

.ab-wkus .infx{

    display: flex;

    justify-content: space-between;

}

.ab-wkus .wuml{

    width: 46%;

}

.ab-wkus .wumr{

    width: 46%;

    position: relative;

    cursor: pointer;

}

.ab-wkus .wuml .wuml-dca{

    padding:calc( var(--bili) * 110px ) 0 0;

    font-size: calc( var(--wzbl) * 18px );

    color: #555555;

    line-height: 2;

}

.ab-wkus .wuml .wuml-dca *{

    font-size: calc( var(--wzbl) * 18px );

    color: #555555;

    line-height: 2;

}

.ab-wkus .wumr .wumr-dca{

    width: 100%;

    height: calc( var(--bili) * 566px );

    position: absolute;

    right: 0;

    top: calc( var(--bili) * -155px );

}

/*.ab-wkus .wumr .wumr-dca:after{

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    background: url("../images/bf.png") no-repeat center 50%;

    background-size: calc(var(--bili) * 60px);

}*/









.ab-culture{

    background-color: #f1f1f1;

    padding: 0 0 calc( var(--bili) * 50px );

}

.ab-culture .ab-cldca{

    display: flex;

    justify-content: space-between;

    padding: calc( var(--bili) * 50px ) 0 0 0;

}

.ab-culture .ab-cldca .dca{

    width: 31.25%;

    height: calc( var(--bili) * 350px );

    overflow: hidden;

}

.ab-culture .ab-cldcb{

    display: none;

    font-size: calc( var(--wzbl) * 16px );

    padding: calc( var(--bili) * 50px );

    color: #555555;

    line-height: 2;

}





.ab-evaluate{



    padding:calc( var(--bili) * 70px ) 0 calc( var(--bili) * 100px );

}



.ab-evaluate-lst{



}

.ab-evaluate-lst .dca{

    margin: 3% 0;

}

.ab-culture .dcmb{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 3.5% 0 0;

}

.ab-culture .dcmb .dcmc{

    width: 33%;

    text-align: center;

    margin: 0 0 2% 0;

}

.ab-culture .dcmb .dcmc .dcd{

    font-size: calc( var(--wzbl) * 18px );

    color: #333333;

    margin: 0 0 15px 0;

}

.ab-culture .dcmb .dcmc .dce{

    font-size: calc( var(--wzbl) * 14px );

    color: #555555;

}











.ab-honor{

    padding:calc( var(--bili) * 110px ) 0 calc( var(--bili) * 100px );

    background: url(../images/ab-honor.jpg) no-repeat top;

    background-size: 100% calc( var(--bili) * 723px );

}





.honor-title{



}

.honor-title .dca{

    font-size: calc( var(--wzbl) * 30px );

    color: #ffffff;

    position: relative;

    margin: 0 0 calc( var(--bili) * 25px );

    padding: 0 0 calc( var(--bili) * 35px );

}

.honor-title .dca:after{

    content: '';

    position: absolute;

    width: calc( var(--bili) * 150px );

    height: calc( var(--bili) * 5px );

    background-color: var(--mcolor);

    left: 0;

    bottom: 0;

}

.honor-title .dcb{

    font-size: calc( var(--wzbl) * 72px );

    color: #ffffff;

    margin: 0 0 calc( var(--bili) * 30px );

}

.honor-title .dcc{

    font-size: calc( var(--wzbl) * 48px );

    color: #ffffff;

    margin: 0 0 calc( var(--bili) * 30px );

}



.honor-title .dcd{

    font-size: calc( var(--wzbl) * 24px );

    color: #ffffff;

    margin: 0 0 calc( var(--bili) * 90px );

}









.ab-honor-lst{

    padding: 0 calc( var(--bili) * 25px );

    position: relative;

}



.ab-honor-lst .ab-honor-box{

    position: relative;

    cursor: pointer;

    transition: all 0.5s;

    /*width: calc( var(--bili) * 495px );*/

}

.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-company{

    padding: 0 0 calc( var(--bili) * 160px );

}



.ab-company-box{

    position: relative;

}

.ab-company-box .dca{

    width: 100%;

    overflow: hidden;

}

.ab-company-box .dcmb{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    background: rgba(0, 0, 0,.4);

    opacity: 0;

    transition: all 0.5s;

    cursor: pointer;

}

.ab-company-box .dcmb .dcc{

    font-size: calc( var(--wzbl) * 24px );

    color: #ffffff;

    margin: 0 0 calc( var(--bili) * 20px ) 0;

}

.ab-company-box .dcmb .dcd{

    font-size: calc( var(--wzbl) * 24px );

    color: #ffffff;

    border: 1px solid #ffffff;

    border-radius: 50%;

    display: inline-block;

    width: calc( var(--bili) * 40px );

    height: calc( var(--bili) * 40px );

    line-height: calc( var(--bili) * 38px );

    text-align: center;

}

.ab-company-box:hover .dcmb{

    opacity: 1;

}



/*关于我们*/



/*技术支持*/



.sc-bozn{

    padding: 0 0 calc( var(--bili) * 70px ) 0;

}

.sc-bozn .infx{

    display: flex;

    justify-content: space-between;

}

.hi-title.hxlz .den:after{

    background-color: #1b1b1b;

}

.hi-title.hxlz .dcn{

    font-size: calc( var(--wzbl) * 48px );

    color: var(--mcolor);

}

.sc-bozn .dcml{

    width: 41%;

    position: relative;

}

.sc-bozn .dcmr{

    width: 47.5%;

    padding: calc( var(--bili) * 50px ) 0 0 0;

}

.sc-bozn .dcml .dca{

    position: absolute;

    top: 40%;

    left: 50%;

    font-size: calc( var(--wzbl) * 24px );

    color: #ffffff;

    background-color: #1b1b1b;

    width: 70%;

    text-align: center;

    padding: calc( var(--bili) * 22px ) 0;

    font-weight: bold;

}

.sc-bozn .dcmr .dca{

    font-size: calc( var(--wzbl) * 30px );

    color: #333333;

    font-weight: bold;

    margin: 0 0 calc( var(--bili) * 50px ) 0;

}

.sc-bozn .dcmr .dcb{

    font-size: calc( var(--wzbl) * 24px );

    color: #555555;

    line-height: 2;

}















.sc-leda{

    background-color: #f5f5f5;

    padding: calc( var(--bili) * 50px ) 0 calc( var(--bili) * 80px ) 0;

}

.sc-leda-tab{

    display: flex;

    margin: 0 0 calc( var(--bili) * 40px );

}

.sc-leda-tab .leda-li{

    width: 33.335%;

    height: calc( var(--bili) * 120px );

    line-height: calc( var(--bili) * 120px );

    background-color: #ffffff;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.sc-ledb .sc-leda-tab .leda-li{

    width: 50%;

}



.sc-leda-tab .leda-li .dca{

    background-size: 100% 100% !important;

    width: calc( var(--bili) * 48px );

    height: calc( var(--bili) * 48px );

    margin: 0 calc( var(--bili) * 20px ) 0 0;

}

.sc-leda-tab .leda-li .dcb{

    font-size: calc( var(--wzbl) * 24px );

    color: #666666;

}

.sc-ledb .sc-leda-tab .leda-li:nth-of-type(1) .dca{

    background: url(../images/zlic4.png) no-repeat right;

}

.sc-ledb .sc-leda-tab .leda-li:nth-of-type(2) .dca{

    background: url(../images/zlic5.png) no-repeat right;

}

.sc-ledb .sc-leda-tab .leda-li:nth-of-type(1).on .dca{

    background: url(../images/zlic4s.png) no-repeat right;

}

.sc-ledb .sc-leda-tab .leda-li:nth-of-type(2).on .dca{

    background: url(../images/zlic5s.png) no-repeat right;

}





.sc-leda-tab .leda-li:nth-of-type(1) .dca{

    background: url(../images/zlic1.png) no-repeat right;

}

.sc-leda-tab .leda-li:nth-of-type(2) .dca{

    background: url(../images/zlic2.png) no-repeat right;

}

.sc-leda-tab .leda-li:nth-of-type(3) .dca{

    background: url(../images/zlic3.png) no-repeat right;

}

.sc-leda-tab .leda-li:nth-of-type(4) .dca{

    background: url(../images/zlic4.png) no-repeat right;

}

.sc-leda-tab .leda-li:nth-of-type(1).on .dca{

    background: url(../images/zlic1s.png) no-repeat right;

}

.sc-leda-tab .leda-li:nth-of-type(2).on .dca{

    background: url(../images/zlic2s.png) no-repeat right;

}

.sc-leda-tab .leda-li:nth-of-type(3).on .dca{

    background: url(../images/zlic3s.png) no-repeat right;

}

.sc-leda-tab .leda-li:nth-of-type(4).on .dca{

    background: url(../images/zlic4s.png) no-repeat right;

}

.sc-leda-tab .leda-li.on{

    background-color: var(--mcolor) !important;

}

.sc-leda-tab .leda-li.on .dcb{

    color: #ffffff;

}





.sc-leda-lst{

    display: none;

}

.sc-leda-lst.on{

    display: block;

}

.sc-leda-lst .leda-box{

    display: flex;

    justify-content: space-between;

}

.sc-leda-lst .leda-box .dcml{

    width: 49%;

    padding: 0 0 0 1%;

}

.sc-leda-lst .leda-box .dcmr{

    width: 48%;

}

.sc-leda-lst .leda-box .dcml .dca{

    font-size: calc( var(--wzbl) * 30px );

    color: #333333;

    margin: 0 0 calc( var(--bili) * 40px ) 0;

    font-weight: bold;

    display: inline-block;

    position: relative;

    min-width: calc( var(--bili) * 240px );

    height: calc( var(--bili) * 160px );

    padding: calc( var(--bili) * 110px ) calc( var(--bili) * 110px ) 0 0;

    overflow: hidden;

}

.sc-leda-lst .leda-box .dcml .dca.sz1{

    background: url(../images/technology01.png) no-repeat right top;

    background-size: calc( var(--bili) * 240px ) calc( var(--bili) * 160px );

}

.sc-leda-lst .leda-box .dcml .dca.sz2{

    background: url(../images/technology02.png) no-repeat right top;

    background-size: calc( var(--bili) * 240px ) calc( var(--bili) * 160px );

}

.sc-leda-lst .leda-box .dcml .dca.sz3{

    background: url(../images/technology03.png) no-repeat right top;

    background-size: calc( var(--bili) * 240px ) calc( var(--bili) * 160px );

}

.sc-leda-lst .leda-box .dcml .dca.sz4{

    background: url(../images/technology04.png) no-repeat right top;

    background-size: calc( var(--bili) * 240px ) calc( var(--bili) * 160px );

}

.sc-leda-lst .leda-box .dcml .dcb{

    font-size: calc( var(--wzbl) * 18px );

    color: #555555;

    line-height: 2;

}































.sc-ledb{

    background: url(../images/ab-evaluate-bg.png) no-repeat left top;

    background-size: calc( var(--bili) * 286px ) calc( var(--bili) * 652px );

    padding: calc( var(--bili) * 50px ) 0 calc( var(--bili) * 80px ) 0;

}

.sc-ledb-lst{

    text-align: center;

}

.sc-ledb-lst .dca{

    width: 44%;

    margin: 0 auto;

}

.sc-ledb-lst .dcb{

    font-size: calc( var(--wzbl) * 30px );

    color: #333333;

    margin: calc( var(--bili) * 30px ) 0;

}

.sc-ledb-lst .dcc{

    font-size: calc( var(--wzbl) * 18px );

    color: #555555;

    padding: 0 5%;

    line-height: 2;

}







.sc-kkxc{

    padding: 0 0 calc( var(--bili) * 150px ) 0;

}

.sc-kkxc-lst{

    padding: calc( var(--bili) * 15px ) 0 0 0;

}



/*技术支持*/











/*联系我们*/

.hc-content{

    background-color: #ffffff;

    padding: 0 0 calc( var(--bili) * 150px ) 0;

}

.hc-content .infx{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.hc-content .lxmy{

    width: 33.4375%;

    background-color: #f8f8f8;

}

.hc-content .lxme{

    width: 27.8125%;

}

.hc-content .lxmy .lx-tie{

    height: calc( var(--bili) * 50px );

    font-size: calc( var(--wzbl) * 24px );

    color: var(--mcolor);

    position: relative;

    margin: calc( var(--bili) * 40px ) calc( var(--bili) * 40px ) calc( var(--bili) * 25px );

    padding: 0 0 calc( var(--bili) * 15px );

}

.hc-content .lxmy .lx-tie:after{

    content: '';

    position: absolute;

    width: calc( var(--bili) * 60px );

    height: 1px;

    background-color: #e5e5e5;

    left: 0;

    bottom: 0;

}

.hc-content .lxmy .lx-zst{

    width: 100%;

    height: calc( var(--bili) * 165px );

}

.hc-content .lxmy .lx-lst{

    height: calc( var(--bili) * 440px );

    margin: 0 calc( var(--bili) * 40px );

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.hc-content .lxmy .lx-lst .lx-box{

    display: flex;

    margin: 0 0 calc( var(--bili) * 40px );

}

.hc-content .lxmy .lx-lst .lx-box .lba{

    width: calc( var(--bili) * 74px );

    height: calc( var(--bili) * 74px );

    border-radius: 50%;

    overflow: hidden;

    background-size: calc( var(--bili) * 74px ) calc( var(--bili) * 74px ) !important;

}



.hc-content .lxmy .lx-lst .lx-box .lbb{

    margin: 0 0 0 calc( var(--bili) * 20px );

}

.hc-content .lxmy .lx-lst .lx-box .lbb .lbc{

    font-size: calc( var(--wzbl) * 18px );

    color: #aaaaaa;

    line-height: 2;

}

.hc-content .lxmy .lx-lst .lx-box .lbb .lbd{

    font-size: calc( var(--wzbl) * 20px );

    color: #555555;

    line-height: 2;

}

.hc-content .lxmy .lx-lst .lx-box:nth-of-type(1) .lba{

    background: #e5e5e5 url(../images/lxic1.png)no-repeat center;

}

.hc-content .lxmy .lx-lst .lx-box:nth-of-type(2) .lba{

    background: #e5e5e5 url(../images/lxic2.png)no-repeat center;

}

.hc-content .lxmy .lx-lst .lx-box:nth-of-type(3) .lba{

    background: #e5e5e5 url(../images/lxic3.png)no-repeat center;

}

.hc-content .lxmy .lx-lst .lx-box:nth-of-type(1):hover .lba{

    background: var(--mcolor) url(../images/lxic1s.png)no-repeat center;

}

.hc-content .lxmy .lx-lst .lx-box:nth-of-type(2):hover .lba{

    background: var(--mcolor) url(../images/lxic2s.png)no-repeat center;

}

.hc-content .lxmy .lx-lst .lx-box:nth-of-type(3):hover .lba{

    background: var(--mcolor) url(../images/lxic3s.png)no-repeat center;

}

.hc-content .lxmy .lx-lst .lx-box:hover .lbd{

    color: var(--mcolor);

}

.hc-content .lxmy .lx-fom{

    margin: 0 calc( var(--bili) * 40px );

    height: calc( var(--bili) * 440px );

}

.hc-content .lxmy .lx-fom .lfc{

    margin: 0 0 calc( var(--bili) * 10px ) 0;

}

.hc-content .lxmy .lx-fom .srk{

    width: 100%;

    height: calc( var(--bili) * 60px );

    background: transparent;

    border-bottom: 1px solid #e5e5e5;

    border-radius: 0;

}

.hc-content .lxmy .lx-fom .srks{

    margin: calc( var(--bili) * 10px ) 0 calc( var(--bili) * 20px );

    width: 100%;

    height: calc( var(--bili) * 100px );

    background: transparent;

    border-bottom: 1px solid #e5e5e5;

    resize:none;

}

.hc-content .lxmy .lx-fom .lfcs{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.hc-content .lxmy .lx-fom .lfcsl{

    display: flex;

    width: 62%;

}



.hc-content .lxmy .lx-fom .lfcsr{



}

.hc-content .lxmy .lx-fom .lfcsl .srk-sm{

    width: 70%;

    height: calc( var(--bili) * 45px );

    background: transparent;

    border-bottom: 1px solid #e5e5e5;

}

.hc-content .lxmy .lx-fom .lfcsl .sz-token{

    height: calc( var(--bili) * 45px );

    line-height: calc( var(--bili) * 45px );

}

.hc-content .lxmy .lx-fom .lfcsr{

    width: 35%;

}

.hc-content .lxmy .lx-fom .ann{

    width: 100%;

    height: calc( var(--bili) * 45px );

    background-color: var(--mcolor);

    border-radius: 15px;

    color: #FFFFFF;

    font-size: calc( var(--wzbl) * 16px );

}

.hc-content input::-webkit-input-placeholder {

    color: #111111;

    font-size: calc( var(--wzbl) * 18px );

    letter-spacing: 1px;

}

.hc-content textarea::-webkit-input-placeholder {

    color: #111111;

    font-size: calc( var(--wzbl) * 18px );

    letter-spacing: 1px;

}





.hc-content .lxme .map-container{

    width: 100%;

    height: calc( var(--bili) * 340px );

    margin: 0 0 calc( var(--bili) * 40px );

}

.hc-content .lxme .lx-met{

    position: relative;

}

.hc-content .lxme .lx-met .dca{

    width: 100%;

    height: calc( var(--bili) * 340px );

}

.hc-content .lxme .lx-met .dcmb{

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    padding: 40% 0 0 10%;

}

.hc-content .lxme .lx-met .dcc{

    font-size: calc( var(--wzbl) * 18px );

    color: #ffffff;

    position: relative;

    margin: 0 0 calc( var(--bili) * 20px );

    padding: calc( var(--bili) * 30px ) 0 0;

}

.hc-content .lxme .lx-met .dcc:after{

    content: '';

    position: absolute;

    width: calc( var(--bili) * 40px );

    height: 1px;

    background-color: #ffffff;

    top: 0;

    left: 0;

}

.hc-content .lxme .lx-met .dcd{

    font-size: calc( var(--wzbl) * 18px );

    color: #ffffff;

}





/*联系我们*/



/*新闻列表*/

.lst-content{

    /*padding: calc( var(--bili) * 100px ) 0;*/

}

.lst-content.hsys{

    background-color: #eeeeee;

}





/*最新动态*/

.latest-title{

    font-size: calc( var(--wzbl) * 30px );

    color: #333333;

    font-weight: bold;

    padding: calc( var(--bili) * 20px ) 0 calc( var(--bili) * 40px );

}

.latest-lst{

    display: flex;

    justify-content: space-between;

    margin: 0 0 calc( var(--bili) * 60px ) 0;

}

.latest-lst .dcml{

    width: 65.625%;

}

.latest-lst .dcmr{

    width: 32.1875%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.latest-box{

    position: relative;

}

.latest-box .dca{

    width: 100%;

    height: calc( var(--bili) * 578px );

    overflow: hidden;

}

.latest-box .dcb{

    font-size: calc( var(--wzbl) * 24px );

    color: #555555;

    line-height: calc( var(--bili) * 80px );

    height: calc( var(--bili) * 80px );

    padding: 0 10% 0 5%;

    background-color: #e5e5e5;

    position: relative;

}

.latest-box .dcb:after{

    content: '';

    position: absolute;

    background: url(../images/icons/next_blank.png)no-repeat center;

    width: calc( var(--bili) * 30px );

    height: calc( var(--bili) * 30px );

    background-size: 100% 100%;

    top: calc( var(--bili) * 25px );

    right: 3%;

    opacity: 0.5;

}

.latest-box:hover .dcb{

    background-color: var(--mcolor);

    color: #ffffff;

}

.latest-box:hover .dcb:after{

    background: url(../images/icons/next_white.png)no-repeat center;

    background-size: 100% 100%;

    opacity: 1;

}



.latest-boxs{

    position: relative;

}

.latest-boxs .dca{

    width: 100%;

    height: calc( var(--bili) * 260px );

    overflow: hidden;

}

.latest-boxs .dcb{

    font-size: calc( var(--wzbl) * 18px );

    color: #555555;

    line-height: calc( var(--bili) * 52px );

    height: calc( var(--bili) * 52px );

    padding: 0 10% 0 5%;

    background-color: #e5e5e5;

    position: relative;

}

.latest-boxs .dcb:after{

    content: '';

    position: absolute;

    background: url(../images/icons/next_blank.png)no-repeat center;

    width: calc( var(--bili) * 22px );

    height: calc( var(--bili) * 22px );

    background-size: 100% 100%;

    top: calc( var(--bili) * 15px );

    right: 3%;

    opacity: 0.5;

}

.latest-boxs:hover .dcb{

    background-color: var(--mcolor);

    color: #ffffff;

}

.latest-boxs:hover .dcb:after{

    background: url(../images/icons/next_white.png)no-repeat center;

    background-size: 100% 100%;

    opacity: 1;

}



/*最新动态*/



.Cals-nav{

    background-color: #e5e5e5;

    position: relative;

    margin: 0 0 calc( var(--bili) * 50px ) 0;

}

.Cals-nav .infx{

    display: flex;

    flex-wrap: wrap;

}

.Cals-nav .Cabox{

    width: 20%;

}

.Cals-nav .Cabox .Aals{

    font-size: calc( var(--wzbl) * 24px );

    color: #555555;

    width: 100%;

    display: block;

    height: calc( var(--bili) * 100px );

    line-height: calc( var(--bili) * 100px );

    text-align: center;

    position: relative;

    z-index: 2;

}

.Cals-nav .Cabox.on .Aals{

    background-color: var(--mcolor);

    color: #ffffff;

}

.Cals-nav .Cabox:first-child.on:after{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 12%;

    height: 100%;

    background-color: var(--mcolor);

}







.news-infx{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.Cbl-all{

    width: 63%;

    margin: 0 0 5%;

}

.Cbr-all{

    width: 32.5%;

    background-color: #f1f1f1;

    margin: 0 0 5%;

}



.news-box{

    position: relative;

    margin: 0 0 calc( var(--bili) * 40px ) 0;

}

.news-box .Aals{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.news-box .dcml{

    width: 34.75%;

}

.news-box .dcmr{

    width: 61%;

}

.news-box .dcml .dca{

    width: 100%;

    height: calc( var(--bili) * 216px );

    overflow: hidden;

}

.news-box .dcmr .dcb{

    font-size: calc( var(--wzbl) * 24px );

    color: #333333;

    font-weight: bold;

}

.news-box .dcmr .dcc{

    font-size: calc( var(--wzbl) * 14px );

    color: #6b6e6e;

    margin: calc( var(--bili) * 25px ) 0 calc( var(--bili) * 45px );

    line-height: 2;

}

.news-box .dcmr .dcd{

    font-weight: bold;

    font-size: calc( var(--wzbl) * 14px );

    color: #6b6e6e;

}

.news-box:hover .dcb{

    color: var(--mcolor);

}

.news-box:hover .dcd{

    color: var(--mcolor);

}

/*新闻热门*/

.hot-title{

    font-size: calc( var(--wzbl) * 30px );

    color: #282c2b;

    font-weight: bold;

    margin: calc( var(--bili) * 35px ) calc( var(--bili) * 40px ) calc( var(--bili) * 25px );

}

.hot-nslst{



}

.hot-nsbox{

    padding: 0 calc( var(--bili) * 20px ) calc( var(--bili) * 30px );

    margin: 0 0 calc( var(--bili) * 30px );

    border-bottom: 1px dashed #dcdcdc;

}

.hot-nsbox:last-child{

    border-bottom: 0;

}

.hot-nsbox .dca{

    width: 100%;

    overflow: hidden;

    margin: 0 0 calc( var(--bili) * 20px );

}

.hot-nsbox .dcb{

    font-size: calc( var(--wzbl) * 18px );

    color: #6b6e6e;

    margin: 0 0 calc( var(--bili) * 15px );

    font-weight: bold;

}

.hot-nsbox .dcc{

    font-size: calc( var(--wzbl) * 14px );

    color: #6b6e6e;

    margin: 0 0 calc( var(--bili) * 15px );

    line-height: 2;

}

.hot-nsbox .dcd{

    font-weight: bold;

    font-size: calc( var(--wzbl) * 14px );

    color: #6b6e6e;

}

.hot-nsbox:hover .dcb{

    color: var(--mcolor);

}

/*新闻热门*/













/*新闻列表*/



/*新闻详情*/

.Call-detail{

    width: 100%;

    background-color: #ffffff;

    padding: 2% 0;

}

.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{

    background-color: rgb(0 123 186 / 50%);

    height: calc( var(--bili) * 345px );

    margin: calc( var(--bili) * -345px ) 0 0 0;

    z-index: 5;

    position: relative;

}

.product-search .infx{

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100%;

}

.product-search .dca{

    color: #ffffff;

    font-size: calc( var(--wzbl) * 30px );

    font-weight: bold;

    margin: 0 0 calc( var(--bili) * 30px );

}

.product-search .dcb{

    color: #ffffff;

    font-size: calc( var(--wzbl) * 18px );

    margin: 0 0 calc( var(--bili) * 50px );

}

.product-search .dcss-lst{

    position: relative;

}

.product-search .dcss-lst .dcss-form{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.product-search .dcss-lst .dcml{

    width: 48%;

    height: calc( var(--bili) * 65px );

}

.product-search .dcss-lst .dcml .layui-input{

    height: calc( var(--bili) * 65px );

    padding: 0 5%;

}

.product-search .dcss-lst .dcml .layui-form-select dl{

    top: calc( var(--bili) * 67px );

}

.product-search .dcss-lst .dcmr{

    width: 48%;

    position: relative;

}

.product-search .dcss-lst .wisearch-cur{

    height: calc( var(--bili) * 65px );

    line-height: calc( var(--bili) * 65px );

    width: 100%;

    padding: 0 5%;

    background: #fff url(../images/arrow_lss.png) no-repeat 95% center;

    background-size: calc( var(--bili) * 25px ) calc( var(--bili) * 25px );

    cursor: pointer;

    color: #555555;

    font-size: calc( var(--wzbl) * 18px );

}

.product-search .dcss-lst .wisearch-xlk{



}

.product-search .dcss-lst .srk{

    height: calc( var(--bili) * 65px );

    width: 100%;

    padding: 0 5%;

    color: #555555;

    font-size: calc( var(--wzbl) * 16px );

}

.product-search .dcss-lst .srk::placeholder{

    /*color: #555555;*/

    font-size: calc( var(--wzbl) * 16px );

}

.product-search .dcss-lst .ann{

    position: absolute;

    width: calc( var(--bili) * 65px );

    height: calc( var(--bili) * 65px );

    background: #fff url(../images/position-search.png) no-repeat center;

    background-size: calc( var(--bili) * 25px ) calc( var(--bili) * 25px );

    cursor: pointer;

}



/*产品搜索*/



.product-Cals{

    display: flex;

    flex-wrap: wrap;

    margin: 0 0 calc( var(--bili) * 50px ) 0;

}

.product-Cals .dca{

    margin: 0 calc( var(--bili) * 50px ) 0 0;

}

.product-Cals .dca .Aals{

    display: block;

    font-size: calc( var(--wzbl) * 24px );

    color: #333333;

    font-weight: bold;

    background-color: #eeeeee;

    height: calc( var(--bili) * 56px );

    line-height: calc( var(--bili) * 56px );

    padding: 0 calc( var(--bili) * 45px );

}

.product-Cals .dca.on .Aals{

    color: #ffffff;

    background-color: var(--mcolor);

}

.Lst-all{

    position: relative;

}



.product-list{

    display: flex;

    flex-wrap: wrap;

}

.product-box{

    width: 31.25%;

    background-color: #eeeeee;

    margin: 0 3.1% 3% 0;

    padding: 0 0 3% 0;

    position: relative;

}

.product-box:after{

    content: '';

    position: absolute;

    width: 100%;

    height: 5px;

    background-color: #a0a0a0;

    left: 0;

    bottom: 0;

    transition: all 0.3s;

}

.product-box:before{

    content: '';

    position: absolute;

    width: 0;

    height: 5px;

    background-color: var(--mcolor);

    left: 0;

    bottom: 0;

    transition: all 0.5s;

    z-index: 2;

}

.product-box:hover:before{

    width: 100%;

}

.product-box:after{



}

.product-box:nth-child(3n){

    margin: 0 0 3% 0;

}

.product-box .dca{

    font-size: calc( var(--wzbl) * 24px );

    color: #555555;

    height: calc( var(--bili) * 75px );

    line-height: calc( var(--bili) * 75px );

    border-bottom: 1px solid #bfbfbf;

    text-align: center;

    padding: 0 11%;

}

.product-box .dcb{

    width: 38%;

    height: calc( var(--bili) * 190px );

    margin: 5% auto;

}

.product-box .dcc{

    font-size: calc( var(--wzbl) * 14px );

    color: #555555;

    width: 80%;

    margin: 0 auto calc( var(--bili) * 30px );

    line-height: calc( var(--bili) * 25px );

    height: calc( var(--bili) * 100px );

}

.product-box .dcmd{

    width: 80%;

    margin: 0 auto;

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.product-box .dce{

    font-size: calc( var(--wzbl) * 14px );

    color: #aaaaaa;

    background: url(../images/download_icon.png) no-repeat left;

    background-size: calc( var(--bili) * 22px ) calc( var(--bili) * 21px );

    height: calc( var(--bili) * 35px );

    line-height: calc( var(--bili) * 35px );

    padding: 0 0 0 calc( var(--bili) * 30px );

    margin: 0 calc( var(--bili) * 30px ) 0 0;

}

.product-box .dcf{

    font-size: calc( var(--wzbl) * 14px );

    color: #FFFFFF;

    background-color: #b5b5b5;

    width: calc( var(--bili) * 105px );

    height: calc( var(--bili) * 35px );

    line-height: calc( var(--bili) * 35px );

    border-radius: 30px;

    text-align: center;

}

.product-box:hover .dcf{

    background-color: var(--mcolor);

}



.product-box .hot-state:after{

    content: '';

    position: absolute;

    background: url(../images/hot-state.png) no-repeat center;

    background-size: 100% 100%;

    width: calc( var(--bili) * 75px );

    height: calc( var(--bili) * 75px );

    left: 0;

    top: 0;

}

.product-box .new-state:after{

    content: '';

    position: absolute;

    background: url(../images/new-state.png) no-repeat center;

    background-size: 100% 100%;

    width: calc( var(--bili) * 75px );

    height: calc( var(--bili) * 75px );

    left: 0;

    top: 0;

}



/*产品*/



/*产品详情*/

.idwosxa{

    padding:  calc( var(--bili) * 45px ) 0 calc( var(--bili) * 110px );

    background-color: #f5f5f5;

}

.idwosxb{

    padding: calc( var(--bili) * 90px ) 0;

    background-color: #02132d;

}

.idwosxc{

    padding: calc( var(--bili) * 110px ) 0 calc( var(--bili) * 110px );

    background-color: #f5f5f5;

}

.idwosxd{

    position: relative;

    /*padding: calc( var(--bili) * 75px ) 0;*/

    /*background: url(../images/baozhabeijing.jpg)no-repeat center;*/

}

.idwosxd .inner{

    position: absolute;

    left: 0;

    right: 0;

    top: 12%;

}

.idwosxe{

    padding: calc( var(--bili) * 1px ) 0 calc( var(--bili) * 110px );

    background-color: #f5f5f5;

}

.product-con{

    display: flex;

    justify-content: space-between;

}

.product-con .pcl{

    width: 49%;

}

.product-con .pcr{

    width: 49%;

    display: flex;

    align-items: center;

}

.product-con .od-int{



}

.product-con .od-int .dca{

    font-size: calc( var(--wzbl) * 30px );

    color: #333333;

    font-weight: bold;

    margin: 0 0 calc( var(--bili) * 30px );

}

.product-con .od-int .dcb{

    font-size: calc( var(--wzbl) * 18px );

    color: #333333;

    line-height: 2;

    margin: 0 0 calc( var(--bili) * 40px );

}

.product-con .od-int .dcc{

    font-size: calc( var(--wzbl) * 24px );

    color: #ffffff;

    display: inline-block;

    background-color: var(--mcolor);

    width: calc( var(--bili) * 205px );

    height: calc( var(--bili) * 56px );

    line-height: calc( var(--bili) * 56px );

    text-align: center;

    border-radius: 30px;

    cursor: pointer;

}





.od-tsl{

    color: #ffffff;

}

.od-tsl.ots-hs{

    color: #333333;

    padding: 0 0 0 10%;

}

.od-tsl.ots-tc{

    color: #333333;

    text-align: center;

}



.od-tsl .ots-en{

    font-size: calc( var(--wzbl) * 18px );

    color: #a9a9a9;

    position: relative;

    padding: 0 0 0 calc( var(--bili) * 30px );

    display: inline-block;

}

.od-tsl .ots-en:after{

    content: '';

    position: absolute;

    width: calc( var(--bili) * 20px );

    height: calc( var(--bili) * 5px );

    left: 0;

    top: 30%;

    background-color: var(--mcolor);

}

.od-tsl .ots-cn{

    font-size: calc( var(--wzbl) * 36px );

    margin: calc( var(--bili) * 25px ) 0 calc( var(--bili) * 55px );

    font-weight: bold;

    letter-spacing: 4px;

}

.od-tsl .ots-ls{

    font-size: calc( var(--wzbl) * 24px );

    line-height: 1.8;

    letter-spacing: 1px;

}

.od-tsl .ots-table{



}





.mini-led{

    position: relative;

}

.mini-led .mi-tie{

    font-size: calc( var(--wzbl) * 50px );

    color: #333333;

    text-align: center;

    margin: 0 0 calc( var(--bili) * 40px ) 0;

    letter-spacing: 2px;

}









.product-con .od-tpa-infx{

    display: flex;

    justify-content: center;

}

.product-con .od-tpa{

    width: calc( var(--bili) * 450px );

}

.product-con .od-tpb-infx{

    display: flex;

    justify-content: flex-end;

    margin: calc( var(--bili) * -180px ) 0 0 0;

}

.product-con .od-tpb{

    width: calc( var(--bili) * 718px );

}

.product-con .od-tpc-infx{

    display: flex;

    justify-content: flex-start;

    margin: 0 0 0 calc( var(--bili) * 30px );

}

.product-con .od-tpc{

    width: calc( var(--bili) * 699px );

}







/*产品详情*/



/*案例列表-s*/



.case_CAsw{

    position: relative;

}

.case_CAsw .al-banner{

    width: 100%;

}

.case_CAsw .al-bncon{

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

.al-bncon .infx{

    display: flex;

    height: 100%;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    position: relative;

}

.al-bncon .albc-tie{

    font-size: calc( var(--wzbl) * 20px );

    font-weight: bold;

    color: #ffffff;

    margin: calc( var(--bili) * 10px ) 0 0 0;

    text-align: center;

}

.al-bncon .albc-int{

    font-size: calc( var(--wzbl) * 14px );

    color: #ffffff;

    width: 60%;

    text-align: center;

    line-height: 2;

    margin: 0 0 calc( var(--bili) * 50px ) 0;

    display: none;

}

.al-bncon .albc-calst{

    width: calc( var(--bili) * 1100px );

    background: rgba(0,0,0,.5);

    padding: calc( var(--bili) * 35px );

    border-radius: 10px;

}



.al-bncon .albc-cabox{

    height: calc( var(--bili) * 186px );

    border-radius: 5px;

    overflow: hidden;

}

.al-bncon .albc-cabox img{

    height: 100%;

    min-width: 100%;

    margin: 0 0 0 -20%;

}

.al-bncon .albc-calst .swiper-slide.on .albc-cabox{

    box-shadow: 3px 7px 7px rgb(255 255 255 / 50%);

}

.al-bncon .albc-calst .swiper-slide.on .albc-cabox img{

    filter: brightness(1.5);

}





.case_CAsw .swiper-button-next, .case_CAsw .swiper-button-prev{

    top: 46%;

    background-size: 100% 100%;

    width: calc( var(--bili) * 50px );

    height: calc( var(--bili) * 50px );

    background-color: #ffffff;

    border-radius: 50%;

    opacity: 0.5;

}

.case_CAsw .swiper-button-next:after, .case_CAsw .swiper-button-prev:after{

    /*display: none;*/

    color: #333333;

    font-size: calc( var(--wzbl) * 18px );

}

.case_CAsw .swiper-button-prev {

    left: 0;

}

.case_CAsw .swiper-button-next {

    right: 0;

}



.case-lst-con{

    padding: 0 0 4%;

}

.case-box{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.case-box .case-top{

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 0 0 3.125% 0;

}

.case-box .dcml{

    width: 47.8125%;



}

.case-box .dcmr{

    width: 47.8125%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.case-box .dcmls{

    display: flex;

    flex-wrap: wrap;

    width: 100%;

}

.case-box .dcmls .dcc{

    margin: 0 3.125% 3.125% 0;

    overflow: hidden;

    width: 31.25%;

}

.case-box .dcmls .dcc:nth-child(3n){

    margin: 0 0 3.125% 0;

}

.case-box .dca{

    width: 100%;

    height: calc( var(--bili) * 880px );

    overflow: hidden;

}

.case-box .dcb{

    width: 100%;

    height: calc( var(--bili) * 411px );

    overflow: hidden;

}











.cs-tsl{

    color: #333333;

    padding: 0 10%;

    height: calc( var(--bili) * 411px );

    background: #ffffff;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.cs-tsl.ots-tc{

    color: #333333;

    text-align: center;

}



.cs-tsl .ots-en{

    font-size: calc( var(--wzbl) * 18px );

    color: #a9a9a9;

    position: relative;

    padding: 0 0 0 calc( var(--bili) * 30px );

    display: inline-block;

}

.cs-tsl .ots-en:after{

    content: '';

    position: absolute;

    width: calc( var(--bili) * 20px );

    height: calc( var(--bili) * 5px );

    left: 0;

    top: 30%;

    background-color: var(--mcolor);

}

.cs-tsl .ots-cn{

    font-size: calc( var(--wzbl) * 36px );

    margin: calc( var(--bili) * 25px ) 0 calc( var(--bili) * 40px );

    font-weight: bold;

    letter-spacing: 4px;

}

.cs-tsl .ots-ca{

    font-size: calc( var(--wzbl) * 14px );

    line-height: 1.8;

    letter-spacing: 1px;

    color: #666666;

}







/*案例列表-e*/



/*招聘*/



.sc-welfare{

    padding: calc( var(--bili) * 50px ) 0 calc( var(--bili) * 100px );

}





.rc-lst{

    display: flex;

    justify-content: space-between;

    height: calc( var(--bili) * 500px );

}

.rc-lst .ll-dcmal{

    width: 50%;

    background-color: #e8effb;

    padding: calc( var(--bili) * 80px ) calc( var(--bili) * 50px );

}

.rc-lst .ll-dcmal .dca{

    line-height: normal;

    font-size: calc( var(--wzbl) * 28px );

    font-weight: 400;

    margin-top: calc( var(--bili) * 10px );

    color: #303030;

    margin-bottom: calc( var(--bili) * 10px );

}

.rc-lst .ll-dcmal .dcb{

    line-height: normal;

    color: #939292;

    font-size: calc( var(--wzbl) * 18px );

    font-weight: 400;

    margin-bottom: calc( var(--bili) * 30px );

}

.rc-lst .ll-dcmal .dcc{

    font-size: calc( var(--wzbl) * 18px );

    color: #303030;

    line-height: 2.5;

}

.rc-lst .ll-dcmar{

    width: 50%;

    overflow: hidden;

}













.sc-recruit{

    padding: calc( var(--bili) * 30px ) 0 calc( var(--bili) * 50px );

}

.recruit-box{

    overflow: hidden;

}

.recruit-box .recruit-title{

    font-weight: 700;

    font-size: calc( var(--wzbl) * 18px );

    color: #333333;

    display: flex;

    background-color: #f2f2f2;

}

.recruit-box .recruit-title .recruit-mk{

    width: 20%;

    text-align: center;

    line-height:  calc( var(--bili) * 60px );

}

.recruit-item{

    margin: calc( var(--bili) * 15px ) 0 0;

    overflow: hidden;

}

.recruit-item .recruit-name{

    /*font-weight: 700;*/

    font-size: calc( var(--wzbl) * 16px );

    display: flex;

    cursor: pointer;

    background-color: #ffffff;

    color: #333333;

    border: 1px solid #dddddd;

}

.recruit-item .recruit-name .recruit-mk{

    width: 20%;

    text-align: center;

    line-height:  calc( var(--bili) * 60px );



}

.recruit-item .recruit-whnr{

    border: 1px solid #dddddd;

    padding: 0 calc( var(--bili) * 40px );

    display: flex;

    justify-content: space-between;

    height: 0;

    transition: all 0.3s;

    opacity: 0;

}

.recruit-item .recruit-whnr .zwbox{

    width: 100%;

}

.recruit-item .recruit-whnr .zwbox .dca{

    font-weight: 700;

    font-size: calc( var(--wzbl) * 18px );

    color: #404040;

    margin: 0 0 calc( var(--bili) * 10px );

}

.recruit-item .recruit-whnr .zwbox .dcb{

    font-weight: 400;

    font-size: calc( var(--wzbl) * 16px );

    color: #666666;

    line-height: calc( var(--bili) * 36px );

}

.recruit-item.on .recruit-whnr{

    padding: calc( var(--bili) * 40px );

    height: 100%;

    opacity: 1;

    background-color: #f8f8f8;

}

.recruit-item.on .recruit-name{

    color: #ffffff;

    background-color: var(--mcolor);

    border: 1px solid var(--mcolor);

}

.recruit-item:hover .recruit-name{

    color: #ffffff;

    background-color: var(--mcolor);

    border: 1px solid var(--mcolor);

}

/*招聘*/





/* s产品表格 */

.spro_table table {

    border-collapse:collapse; 

}

.spro_table table tr {

    border-top: 1px dashed #999999;

}

.spro_table table tr:nth-child(1) {

    border: none;

}

.spro_table table tr:nth-child(2) {

    border: none;

}

.spro_table table td {

    border-left: 1px dashed #999999;

    display: table-cell;

    vertical-align: middle;

    padding: 1% 1vw;

}

.spro_table table tr td:nth-child(1) {

    border-left: none;

}

.spro_table table tr:nth-child(3) td:nth-child(1),

.spro_table table tr:nth-child(n+5) td:nth-child(1) {

    border-left: 1px dashed #999999!important;

}

.spro_table table tr:nth-child(5) td:nth-child(1) {

    /*border-left: 1px dashed #999999!important;*/

}



@media screen and (max-width: 1250px) {

    .od-tsl .ots-table{

        width: auto;

        overflow: auto;

    }

    .spro_table table td {

        padding: 0;

    }

}