@charset "utf-8"; 
*{
    z-index: 1;
    position: relative;
    --cb_container: 12.6%;
    --cbvw_container: 12.6vw;
}
.bgfff{background: #fff;}
.fp-watermark{display: none !important;}
.relative{position: relative;}
.hidden{overflow: hidden;}
.mo{display: none !important;}
.pc{display: block !important;}
.container{
    width: 95.8%; 
    margin: 0 auto;
} 
.container2{width: 74.6%;margin: 0 auto;}
@media(max-width: 1920px){
    .container2{width: 74.6%;margin: 0 auto;}
}
@media(max-width: 1680px){
	.container2{width: 78%;}
    *{
        --cb_container: 11%;
        --cbvw_container: 11vw;
    }
}
@media(max-width: 1100px){
	.container{width: 100%;padding: 0 20px;}
	.container2{width: 100%;padding: 0 20px;}
     *{
        --cb_container: 20px;
        --cbvw_container: 20px;
    }
    .mo{display: block !important;}
    .pc{display: none !important;}
}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.bold { font-weight: bold; }
.flex { display: flex; flex-wrap: wrap; }
.img100{line-height: 0;overflow: hidden;}
.img100 img{width: 100%;}
.imgborra{border-radius: 0.6vw;overflow: hidden;}
.fixVideo {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 10000000;
}

.fixVideoA {
    width: 100%;
    height: 100%;
    position: relative;
}

.fixVideoB {
    position: absolute;
    width: 60%;
    max-width: 1000px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.fixVideoB .close {
    position: absolute;
    right: -1px;
    top: -40px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    z-index: 10000;
    background: #000;
    color: #fff;
}

@media(max-width: 1100px){
    .fixVideoB {
        width: 90%;
    }
}

.nobr br{display: none;}



.mo_header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;padding: 10px 0;transition: all 0.4s;}
.mo_header:before{
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    content: "";
    transition: all 250ms;
}
.mo_header.fixed-head:before{
    height: 100%;
}
.mo_header .logo{width: 170px;}
.mo_header .logo a{display: flex;}

.navR{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

/**mobile nav**/
.navBtn { display: none; }
.menu-i {
    height: 2px;
    right: 0;
    position: absolute;
    border-radius: 1px;
    font-style: normal;
    background-color: #111;
    display: block;
    transition: all 0.5s;
    border-radius: 2px;
}
.fixed-head .menu-i { background: #111;}
.fixed-headA .menu-i { background: #111;}
.menu-i-1 {
    width: 28px;
    top: 16px;
}
.menu-i-2 {
    width: 20px;
    top: 26px;
}.menu-i-3 {
    width: 28px;
    top: 36px;
}
.mobile-menu {
    width: 28px;
    height: 55px;
    position: relative;
    display: block;
    background: none;
    border: none;
}
.mobile-menu-on {
    z-index: 1001;
}
.mobile-menu-on .menu-i-1 {
    transform: translateY(10px) rotate(45deg);
    /*background-color: #fff;*/
}
.mobile-menu-on .menu-i-2 {
   /* opacity: 0;*/
   width: 0;
}
.mobile-menu-on .menu-i-3 {
    transform: translateY(-10px) rotate(-45deg);
   /* background-color: #fff;*/
}


.more,a.more{
    display: inline-block;
    color: #fff;
    padding: 16px 26px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 1.2;
    border-radius: 50px;
    transition: all 0.4s;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(40px);
    overflow: hidden;
    position: relative;
}
.more span,a.more span{
    position: relative;
    z-index: 1;
}
.more i,a.more i{
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    transition: all 0.4s;
    margin-left: 40px;
    position: relative;
    z-index: 0;
}
.more i:after,a.more i:after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.4s;
    background: url(../images/more_jt.svg) center center/cover;
    z-index: 1;
    content: "";
}
.more i:before,a.more i:before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 530%;
    height: 430%;
    border-radius: 100px;
    content: "";
    background: #18D18E;
    z-index: 0;
    transition: all 0.4s;
}
.more:hover ,a.more:hover:after{border-color: #18D18E;}
.more:hover i:after,a.more:hover:after{
    transform: translate(-50%,-50%) rotate(45deg);
}

.more:hover i:before,a.more:hover i:before{
   transform: translate(-50%,-50%) scale(9);
}

.more.more2,a.more.more2{
    color: #222;
    border: 1px solid rgba(216, 216, 216, 0.8);
}

.more.more2:hover,a.more.more2:hover{
    color: #fff;
    border: 1px solid #18D18E;
}


.bgf7f7f7{background: #f7f7f7;}
/**mobile nav**/
.nav_box { display: none; }
.nav_box ul li { border-bottom: 1px solid #F7F7F7; }
.nav_box ul li>a { line-height: 60px; padding: 0 20px; font-size: 16px; display: block; color: #3D3D3D; position: relative; }
.nav_box ul li>a::before { position: absolute; content: ""; right: 20px; top: 50%; transform: translateY(-50%); width: 8px; height: 12px; background: url(../images/sbmdwe2.png)no-repeat center center/cover; }
/*.nav_box ul li .sbmd { line-height: 60px; padding: 0 20px; font-size: 16px; display: block; color: #333333; position: relative; }*/
.nav_box ul li .sbmd::before { position: absolute; content: ""; right: 20px; top: 50%; transform: translateY(-50%); width: 8px; height: 12px; background: url(../images/sbmdwe2.png)no-repeat center center/cover; }
.nav_box ul li .sbmd.cur { background: #18D18E; color: #fff; }
.nav_box ul li .sbmd.cur::before { background: url(../images/sbmda.png)no-repeat center center/cover; width: 12px; height: 8px; }
.nav_box ul li .suv { padding: 0 20px; display:none; }
.nav_box ul li .suv .erjilanmu .bt { border-bottom: 1px solid #F7F7F7; padding: 13px 0 13px; }
.nav_box ul li .suv .erjilanmu:last-child .bt { border-bottom: 0; }
.nav_box ul li .suv .erjilanmu .bt span { font-size: 14px; color: #3D3D3D; display: inline-block; width: 82%; line-height: 22px; }
.nav_box ul li .suv .erjilanmu.sbdm .bt a { display: block; position: relative; }
.nav_box ul li .suv .erjilanmu.sbdm .bt a::before {display: none; position: absolute; content: ""; right: 0px; top: 6px; width: 10px; height: 10px; background: url(../images/sbmd.png)no-repeat center center/cover; }
.nav_box ul li .suv .sbdm.cur .bt a::before { background: url(../images/sbmwwwda.png)no-repeat center center/cover;  height: 2px; top: 10px; }
.nav_box ul li .suv .erjilanmu:last-child { border-bottom: 0; }
.nav_box ul li .suv .erjilanmu .sum { display: none; padding: 9px 0 10px; border-bottom: 1px solid #F7F7F7; }
.nav_box ul li .suv .erjilanmu .sum .us a { display: block; font-size: 12px; line-height: 28px; color: #666666; padding-left: 12px; position: relative; }
.nav_box ul li .suv .erjilanmu .sum .us a::before { position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); width: 8px; height: 12px; background: url(../images/sumee.png)no-repeat center center/cover; }

.nav_box ul li .suv .erjilanmu.cur .bt a span { color: #18D18E; }
.nav_box { height: calc(100% - 51px); display: block; background: #fff; width: 100%; top: 51px; position: fixed; left: -100%; z-index: 9999; overflow: hidden; transition: all .5s;  }
.nav_box.cur { left: 0; }
.nav_box ul li { position:relative; }
.nav_box ul li .semsn { width:70%; }
.nav_box ul li .semsn:before { display:none; }
.nav_box ul li.cur>a { background:#18D18E; color:#fff; } 

.mo_header .rr a{color: #fff; }
.mo_header .rr { 
    font-size: 14px; 
    color: #18D18E; 
    line-height: 1; 
    position: relative; 
    padding-left: 24px; 
    padding-right: 16px; 
     position: absolute;
    right: 62px;
    top: 50%;
    transform: translateY(-50%); 
}
.mo_header .rr::before { position: absolute; content: ""; top: 50%; left: 0; transform: translateY(-50%); width: 18px; height: 18px; background: url(../images/header_qq.svg)no-repeat center center/cover; }
.mo_header .rr::after { position: absolute; content: ""; top: 50%; right: 0; transform: translateY(-50%); width: 10px; height: 6px; background: url(../images/header_jt.svg)no-repeat center center/cover; }
.menu-i{display: none;}

.mobile-menu{
    width: 22px;
    height: 22px;
    background: url(../images/mo_nav.svg) center center/cover no-repeat;
    transition: all 0.4s;
}

.mobile-menu.mobile-menu-on{
    background: url(../images/mo_cha.svg) center center/cover no-repeat;
}
.nav_box ul li:nth-child(1){border-top: 1px solid #F7F7F7;}


/*下拉*/
.subsearch {
    width: 380px;
    position: absolute;
    top: 80%;
    right: 0;
   /* padding-top: 20px;*/
    display: none;
  
}

/*导航搜索下拉*/
.subsearch form {
    background: #ffffff;
    border-radius: 3px;
    padding: 0 90px 0 20px;
    position: relative;
    width: 100%;
   border-radius: 50px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}

.subsearch form input.inp {
    width: 100%;
    border: none;
    /*border-left: 2px solid #93969d;*/
    background: none;
    outline: none;
    padding-left: 10px;
    color: #333;
    font-size: 16px;
    height: 46px;
}

.subsearch form input.subxx {
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
     height: 100%;
   /* background: url(../images/ssbg.png) no-repeat center;*/
    font-size: 0;
    width: 90px;
    font-size: 16px;
    color: #fff;
    border-radius: 50px;
    background: #13397a;
}




/**导航**/
.header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transition: all 0.4s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    z-index: 999;
}
.header .logo .m2 {
    display: none;
}
.header.fixed-head {
    background: #fff;
}
.header.fixed-head .logo .m1{
    display: none;
}
.header.fixed-head .logo .m2{
    display: block;
}
/*.header:before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 0;
    height: 100%;
     transition: all 0.8s;
    background: #000;
}
.header.fixed-head:before{
   width: 100%;
}*/
.header .header_box {
     display: flex;
    align-items: center;
}
.header .ul{margin-left: 60px;}
.header .ul li{
    float: left;
    margin-right: 50px;
}
.header .ul li:last-child{margin-right: 0;}

.header .ul li > a{
    padding: 24px 0;
    color: #fff;
    display: block;
    position: relative;
    z-index: 2;
}
.header.fixed-head .ul li > a { color:#3D3D3D; }

.header .ul li > a:before{
    width: 0;
    height: 2px;
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    transition: all 0.4s;
    bottom: 0;
}
.header.fixed-head .ul li > a:before  { background:#3D3D3D; }

.header .ul li.cur > a:before,.header .ul li:hover > a:before{width: 100%;}

.header .sousuo{
    margin-left: auto;
}
.header .sousuo .m2 { display:none; }
.header.fixed-head .sousuo .m2 { display:block; }
.header.fixed-head .sousuo .m1 { display:none; }
.header .sousuo .icon{cursor: pointer;width: 18px;}
.header .yuyan {margin-left: 40px;}
.header .yuyan .bt{
    cursor: pointer;
    position: relative;
    color: #fff;
    padding: 0 12px 0 22px;
}
.header.fixed-head .yuyan .bt { color: #3D3D3D; }

.header .yuyan .bt:before{
    background: url(../images/header_qq.svg) center center/cover;
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header.fixed-head .yuyan .bt:before {
    background: url(../images/header_qqa.svg) center center/cover;
}

.header .yuyan .bt:after{
    background: url(../images/header_jt.svg) center center/cover;
    width: 10px;
    height: 6px;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header.fixed-head .yuyan .bt:after {
    background: url(../images/header_jta.svg) center center/cover;
}

.footer{
    background: url(../images/footer_bg2.jpg) center center/cover;
}
.footer .top{
    padding: 70px 0 110px;
}
.footer .left{
    width: 36%;
}
.footer .left .logo{width: 222px;}
.footer .left .text{
    color: #fff;
    opacity: 0.8;
    line-height: 2;
}
.footer .left .icon_box .icon{
    width: 54px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    border-radius: 100px;
    margin-right: 12px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.06);
    position: relative;
}
.footer .left .icon_box .icon img{width: 26px;}
.footer .left .icon_box .icon:last-child{margin-right: 0;}
.footer .left .icon_box .icon .ewm{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 10px);
    width: 120px;
    padding: 6px;
    background: #fff;
    display: none;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
}
.footer .left .icon_box .icon .ewm img{width: 100%;}
.footer .left .icon_box .icon:hover .ewm{
    display: block;
    animation: zhishi 0.5s linear 1;
    -webkit-animation: zhishi 0.5s linear 1;
}

.footer .right{
    width: 60.6%;
    
}
.footer .right .ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.footer .right .ul li{
    float: left;
    margin-right: 2.5%;
    width: 18%;
}

.footer .right .ul li:last-child{margin-right: 0;width: auto;max-width: 18%;}
.footer .right .ul li .bt a{color: #fff;}
.footer .right .ul li .a_list{
    margin-top: 20px;
}
.footer .right .ul li .a_list a{display: block;color: #fff;opacity: 0.7;margin-bottom: 6px;transition: all 0.4s;line-height: 1.4;}
.footer .right .ul li .a_list a:last-child{margin-bottom: 0;}
.footer .right .ul li .a_list a:hover{
    opacity: 1;
}

.footer .banquan{
    padding: 16px 0;
    display: flex;
    border-top: 1px solid rgba(216, 216, 216, 0.1);
    color: rgba(255, 255, 255, 0.4);
}

.footer .banquan a{color: rgba(255, 255, 255, 0.4);transition: all 0.4s;}
.footer .banquan a:hover{color: rgba(255, 255, 255, 1);}
.footer .banquan .text{
    width: 70%;
}
.footer .banquan .you{
    margin-left: auto;
}


.banner{background: #fff;}
.banner .img .zz{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 6;
}
.banner .text{
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    padding-right: 50px;
    color: #fff;
}
.banner .text .fbt{line-height: 1.1;}
.banner .swiper-pagination{
    position: absolute;
    right: var(--cb_container);
    left: auto;
    top: 35%;
    bottom: auto;
    transform: translateY(-50%);
    width: auto;
    height: auto;
}

.banner .swiper-pagination .swiper-pagination-bullet{
    display: block;
    margin: 0;
    margin-bottom: 20px;
    width: 28px;
    height: 28px;
    background: none;
    opacity: 1;
    position: relative;
    transition: all 0.4s;
     border: 2px solid rgba(0, 0, 0, 0);
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 2px solid #FFFFFF;
}

.banner .swiper-pagination .swiper-pagination-bullet:before{
    border-radius: 100%;
    content: "";
    background: #FFFFFF;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.banner .swiper-pagination .swiper-pagination-bullet:last-child{margin-bottom: 0;}
.banner .xiangxia{
    position: absolute;
    right: var(--cb_container);
    bottom: 40%;
    z-index: 3;
    width: 26px;
    padding-bottom: 40px;
}

.banner .xiangxia img{
    width: 26px;
    height: 80px;
}

.banner .xiangxia i{
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 30px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: 0;
    overflow: hidden;
}

.banner .xiangxia i:before{
    width: 100%;
    height: 40%;
    content: "";
    position: absolute;
    left: 0;
    top: -40%;
    background: #fff;
     animation: xiangxia 2s linear infinite;
    -webkit-animation: xiangxia 2s linear infinite;
}

@-webkit-keyframes xiangxia {
    0% {
        top: -40%;
        
    }
    100% {
        top: 100%;
    }
}

@keyframes xiangxia {
    0% {
        top: -40%;
        
    }
    100% {
        top: 100%;
    }
}

.banner_shuju{
    position: absolute;
    top: 65%;
    left: 0;
    right: 0;
    z-index: 3;
    border-radius: 200px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(40px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 130px;
    align-items: center;
    padding: 20px 0;
}

.banner_shuju .l{
    width: 17.4%;
    text-align: center;
    border-right: 1px solid #D8D8D8;
}
.banner_shuju .l .bt {color: #fff;}
.banner_shuju .l .bt span{
    display: block;
}

.banner_shuju .r{
    max-width: 82.6%;
    display: flex;
    padding: 0 80px;
}

.banner_shuju .r .box{
    margin-right: 50px;
    color: #fff;
}
.banner_shuju .r .box:last-child{margin-right: 0;}
.banner_shuju .r .box .bt{color: #18D18E;}
.banner_shuju .r .box .js{margin-top: 6px;}

@-webkit-keyframes zhishi {
    0%{
        opacity: 0;
        -webkit-transform: translate(-50%,-10px);
        transform: translate(-50%,-10px);
    }

    100% {
         -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        opacity: 1;
    }
}

@keyframes zhishi {
    0%{
        opacity: 0;
        -webkit-transform: translate(-50%,-10px);
        transform: translate(-50%,-10px);
    }

    100% {
         -webkit-transform: translate(-50%,0);
         transform: translate(-50%,0);
        opacity: 1;
    }
}
@media(max-width: 1920px){
    .header .ul{margin-left: 3.1vw;}
    .header .ul li{margin-right: 2.6vw;}
    .header .yuyan {margin-left: 2.1vw;}
    .footer .top{
        padding: 3.6vw 0 5.7vw;
    }
    .footer .left .logo{width: 11.5vw;}

    .banner_shuju .r{padding: 0 4vw;}
    .banner_shuju .r .box{margin-right: 2.5vw;}

}

@media(max-width:1400px) {
    .footer .left {
        width: 22%;
    }
    .footer .right {
        width: 75.6%;
    }
    .banner_shuju .r .box .js{font-size: 12px;}
}

@media(max-width: 1100px){
    .footer_bg{display: none;}
    
    .footer .top{padding: 40px 0 30px;}
    .footer .left .logo{
        width: 150px;
    }
    .footer .left{width: 100%;}
    .footer .left .icon_box .icon .ewm{
        transform: initial;
        left: 0;
    }
    .footer .left .icon_box .icon img{width: 22px;}
    @-webkit-keyframes zhishi {
        0%{
            opacity: 0;
            -webkit-transform: translate(0,-10px);
            transform: translate(-50%,-10px);
        }

        100% {
             -webkit-transform: translate(0,0);
            transform: translate(0,0);
            opacity: 1;
        }
        .banner_shuju .r .box .js{font-size: 12px;}
    }

    @keyframes zhishi {
        0%{
            opacity: 0;
            -webkit-transform: translate(0,-10px);
            transform: translate(0,-10px);
        }

        100% {
             -webkit-transform: translate(0,0);
             transform: translate(0,0);
            opacity: 1;
        }
    }
    .footer .right{display: none;}
    .footer .banquan{flex-wrap: wrap;}
    .footer .banquan .text{
        width: 100%;
    }
    .footer .banquan .you{margin-top: 10px;}
    .footer .left .icon_box .icon{
        width: 44px;
        height: 34px;
    }

    .banner .xiangxia{
        bottom: 50px;
    }
    .banner_shuju{
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        margin-top: 30px;
        height: auto;
    }
    .banner_shuju .l .bt span{display: inline-block;}
    .banner_shuju .l{width: 100%;border-right: none;}
    .banner_shuju .l .bt{color: #333;}
    .banner_shuju .r .box{color: #333;}
    .banner_shuju .r{
        width: 100%;
        padding: 0;
        flex-wrap: wrap;
        margin-top: 6px;
    }
    .banner_shuju .r .box{
        width: calc(50% - 10px);
        margin-right: 0;
        margin-top: 10px;
    }
    .banner_shuju .r .box:nth-child(2n){margin-left: 20px;}
    .banner .text{top: 50%;transform: translateY(-50%);}
    .banner .swiper-pagination .swiper-pagination-bullet{
        width: 20px;
        height: 20px;
        margin-bottom: 12px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet:before{width: 6px;height: 6px;}
}


@-webkit-keyframes xiala {
    0% {
        transform: translate(-50%,-10px);
        opacity: 0;
        
    }
    100% {
        transform: translate(-50%,0);
        opacity: 1;
    }
}

@keyframes xiala {
    0% {
        transform: translate(-50%,-10px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,0);
        opacity: 1;
    }
}



.title .fbt{color: #18D18E;position: relative;padding-left: 20px;display: inline-block;}
.title .fbt:before{
    width: 16px;
    height: 14px;
    content: "";
    background: url(../images/title_icon.svg) center center/cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.title .bt{color: #151861;font-weight: bold;line-height: 1.2;margin-top: 4px;}
.home_a{
    padding: 90px 0 120px;
}

.home_a .top{display: flex;flex-wrap: wrap;}
.home_a .top .title{
    width: 43.9%;
}
.home_a .top .right{
    width: 56.1%;
    padding-top: 50px;
}
.home_a .top .right .text{
    line-height: 1.9;
    color: #222;
}
.home_a .ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.home_a .ul li{
    width: 27.1%;
    margin-right: 1%;
    
}
.home_a .ul li:last-child{margin-right: 0;}
.home_a .ul li .box{
    border: 1px solid #D8D8D8;
    border-radius: 0.6vw;
    overflow: hidden;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-content: space-between;
}

.home_a .ul li .box .bt{
    color: #222;
    line-height: 1.5;
    width: 100%;
    z-index: 1;
    position: relative;
    transition: all 0.4s;
}
.home_a .ul li .box .img{opacity: 0.4;}
.home_a .ul li .box .time{
    color: #666;
    position: relative;
    width: 100%;
    z-index: 1;
    position: relative;
    transition: all 0.4s;
}
.home_a .ul li .box .time i{
    width: 54px;
    height: 44px;
    background: #18D18E;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home_a .ul li .box .time i:before{
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s;
    background: url(../images/more_jt.svg) center center / cover;
    z-index: 1;
    content: "";
}
.home_a .ul li a{display: block;height: 100%;display: flex;flex-wrap: wrap;}
.home_a .ul li.cur{
    width: 43.8%;transition: all 0.4s;
}

.home_a .ul li.cur .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    background: var(--bg);
    opacity: 1;
    z-index: 0;

}
.home_a .ul li.cur .img:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2); 
}
.home_a .ul li.cur .img img{display: none;}
.home_a .ul li.cur .box .bt,.home_a .ul li.cur .box .time{
    color: #fff;
}
.home_a .ul li.cur .box .time i:before{
  transform: translate(-50%, -50%) rotate(45deg);
}

.home_b{
    background: url(../images/home_b_bg.png) top center/cover #fff;
    padding: 140px 0 210px;
}
.home_b .top {
    display: flex;
    align-items: flex-end;
}
.home_b .top .yem_a_list{margin-left: auto;display: flex;flex-wrap: wrap;max-width: 60%;margin-bottom: 6px;}
.yem_a_list a{
    color: #333;
    margin-right: 10px;
    border: 1px solid #D8D8D8;
    display: block;
    padding: 14px 0;
    height: 100px;
    width: 190px;
    border-radius: 100px;
    text-align: center;
    transition: all 0.4s;
    position: relative;
}
.yem_a_list a span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.yem_a_list a .huoqu {
    display: none;
}
.yem_a_list a:last-child{margin-right: 0;}
.yem_a_list a.cur{
    color: #fff;
    background: #18D18E;
    border-color: #18D18E;
}
.home_b .btm {padding-left: var(--cb_container);}
.home_b .btm .nr{display: none;}
.home_b .btm .nr.cur{display: block;}
.home_b .btm .nr .left{
    width: 17%;
    float: left;
}

.home_b .btm .nr .left .bt{display: flex;padding: 22px 0;border-bottom: 1px solid rgba(196, 196, 196, 0.5);position: relative;cursor: pointer;transition: all 0.4s;}
.home_b .btm .nr .left .bt:before{
    width: 0;
    content: "";
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all 0.4s;
    background: #18D18E;
}
.home_b .btm .nr .left .bt:nth-child(1){border-top: 1px solid rgba(196, 196, 196, 0.5);}
.home_b .btm .nr .left .bt .icon{
    width: 26px;
}

.home_b .btm .nr .left .bt .icon .icon2{display: none;}
.home_b .btm .nr .left .bt .t{
    width: calc(100% - 26px);
    padding-left: 10px;
    color: #222;
}

.home_b .btm .nr .left .bt.cur:before,.home_b .btm .nr .left .bt:hover:before{width: 100%;}
.home_b .btm .nr .left .bt.cur .icon .icon1,.home_b .btm .nr .left .bt:hover .icon .icon1{display: none;}
.home_b .btm .nr .left .bt.cur .icon .icon2,.home_b .btm .nr .left .bt:hover .icon .icon2{display: block;}
.home_b .btm .nr .left .bt.cur .t,.home_b .btm .nr .left .bt:hover .t{
    color: #18D18E;
}
.home_b .btm .nr .right{
    width: 83%;
    padding-left: 50px;
    float: right;
}
.home_b .btm .nr .right .img{border-radius: 18px;overflow: hidden;}
.home_b .btm .nr .right .box{display: none; padding-right: var(--cbvw_container);}
.home_b .btm .nr .right .box.cur{display: block;}
.home_b .btm .nr .right .text{
    width: calc(100% - 200px);
    opacity: 0;
    transition: all 0.4s;
}
.home_b .btm .nr .right .text .bt{position: relative;color: #333;font-weight: bold;display: inline-block;padding-right: 30px;transition: all 0.4s;}
.home_b .btm .nr .right .swiper-slide:hover .text .bt{color: #18D18E;}
.home_b .btm .nr .right .text .bt:before{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 9px;
    transition: all 0.4s;
    background: url(../images/home_b_jt.svg) center center/cover;
}

.home_b .btm .nr .right .swiper-slide:hover .text .bt:before{
    transform: rotate(45deg);
}
.home_b .btm .nr .right .text .js{
    line-height: 1.6;
    color: #666;
    margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.home_b .btm .nr .right .box .swiper-slide{opacity: 0.2;transition: all 0.4s;}
.home_b .btm .nr .right .box .swiper-slide.swiper-slide-active{opacity: 1;}
.home_b .btm .nr .right .box .swiper-slide.swiper-slide-active .text{opacity: 1;}

.home_b .btm .nr .right .box .swiper-button-prev:after,
.home_b .btm .nr .right .box .swiper-button-next:after{display: none;}


.home_b .btm .nr .right .box .swiper-button-prev,
.home_b .btm .nr .right .box .swiper-button-next{
    width: 54px;
    height: 44px;
    border: 1px solid #D8D8D8;
    border-radius: 100px;
    opacity: 1;
    top: calc(var(--bottom) + 50px);
    left: auto;
    bottom: auto;
    transition: all 0.4s;
}
.home_b .btm .nr .right .box .swiper-button-prev:before{
    width: 14px;
    height: 14px;
    background: url(../images/swiper_jtl.svg) center center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.home_b .btm .nr .right .box .swiper-button-next:before{
    width: 14px;
    height: 14px;
    background: url(../images/swiper_jtr.svg) center center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%,-50%);
    transition: all 0.4s;
}

.home_b .btm .nr .right .box .swiper-button-prev:hover,
.home_b .btm .nr .right .box .swiper-button-next:hover{
   background: #18D18E;
   border-color: #18D18E;
}
.home_b .btm .nr .right .box .swiper-button-prev:hover:before{
    background: url(../images/swiper_jtl2.svg) center center/cover;
}

.home_b .btm .nr .right .box .swiper-button-next:hover:before{
     background: url(../images/swiper_jtr2.svg) center center/cover;
}
.home_b .btm .nr .right .box .swiper-button-next{right: var(--cbvw_container);}
.home_b .btm .nr .right .box .swiper-button-prev{right: calc(var(--cbvw_container) + 62px);}

.home_c{
    padding: 140px 0;
    position: relative;
    z-index: 2;
}
.home_c .bg{
    position: absolute;
    right: -38%;
    top: 9.2vw;
    width: 86.6vw;
    transition: all 0.4s;
    z-index: 0;
}
.home_c .ul{
    padding-left: 24px;
}

.home_c.xietemsnn .ul li{margin-bottom: 180px; opacity:.5; transition:all .5s; }
.xietemsnn .ul li.cur{ opacity:1; }
.home_c .ul li:last-child{margin-bottom: 0;}
.home_c .ul li .box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.home_c .ul li .left{
    width: 42.1%;
}

.home_c .ul li .left .bt{color: #151861;font-weight: bold;}
.home_c .ul li .left .xiangguan,.home_c .ul li .left .xiangguan a{
    line-height: 1.6;
    color: #1963CE;
}

.home_c .ul li .left .text{
    line-height: 1.8;
    color: #666;
    margin-top: 4px;
}
.home_c .ul li .right{
    width: 51.5%;
    margin-left: auto;
}
.home_c .ul li .right .img{border-radius: 16px;overflow: hidden;}

.home_c .btm .xian{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #D8D8D8;
}

.home_c .btm .xian i{
    position: absolute;
    width: 3px;
    height: 0;
    left: -1px;
    top: 0;
    border-radius: 50px;
    background: linear-gradient(0deg, #18D18E 0%, #1963CE 33%, rgba(25, 99, 206, 0) 100%);
}
.home_c .tit{
    position: fixed;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    width: 10%;
    transition: all 0.4s;
}

.home_c .tit a{
    margin-bottom: 20px;
    display: block;
    color: #999;
    transition: all 0.4s;
    padding-left: 14px;
    position: relative;
}
.home_c .tit a:last-child{margin-bottom: 0;}

.home_c .tit a:before{
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    box-sizing: border-box;
    border: 1px solid #1963CE;
    border-radius: 100%;
    display: none;
}

.home_c .tit a.cur,
.home_c .tit a:hover{
    color: #1963CE;
    text-decoration: underline;
}

.home_c .tit a.cur:before,.home_c .tit a:hover:before{
    display: block;
}
.home_c:before{
    width: 100%;
    height: 25.36458vw;
    background: url(../images/home_d_bg1.jpg) center center/cover;
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
}
.home_d{
    height: 972px;
    background: url(../images/home_d_bg2.jpg) center top/cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_d .yuan{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 6;
    background: url(../images/home_d_yuan.png) center center/cover;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.home_d .box{
    position: relative;
    z-index: 6;
    width: 530px;
}

.title2 .bt{color: #fff;}
.home_d .box .text{
    line-height: 1.8;
    color: #fff;
    opacity: 0.9;
}
.home_d .ul_icon {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3; transform: scale(.5); opacity: 0; transition: all 1s; }
.home_d.active .ul_icon {opacity: 1;transform: scale(1);}
.home_d .ul_icon li{
    position: absolute;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.home_d .ul_icon li.li1{
    left: 14.1%;
    top: 9vw;
    width: 180px;
    height: 180px;
}

.home_d .ul_icon li.li2{
    left: 26.5%;
    top: 7.8vw;
    width: 148px;
    height: 148px;
}

.home_d .ul_icon li.li3{
    right: 29.6%;
    top: 4.4vw;
    width: 138px;
    height: 138px;
}

.home_d .ul_icon li.li4{
    right: 15.6%;
    top: 5.5vw;
    width: 190px;
    height: 198px;
}

.home_d .ul_icon li.li5{
    left: 4.8%;
    top: 25.3vw;
    width: 148px;
    height: 148px;
    opacity: 0.7;
}

.home_d .ul_icon li.li6{
    left: 22.2%;
    top: 25.7vw;
    width: 168px;
    height: 168px;
}


.home_d .ul_icon li.li7{
    right: 22.5%;
    top: 18.2vw;
    width: 158px;
    height: 158px;
}

.home_d .ul_icon li.li8{
    right: 6.4%;
    top: 18vw;
    width: 148px;
    height: 148px;
    opacity: 0.7;
}

.home_d .ul_icon li.li9{
    left: 15.6%;
    top: 34.8vw;
    width: 148px;
    height: 148px;
}

.home_d .ul_icon li.li10{
    left: 30.4%;
    top: 40vw;
    width: 126px;
    height: 126px;
}

.home_d .ul_icon li.li11{
    left: 52.5%;
    top: 38vw;
    width: 130px;
    height: 130px;
}

.home_d .ul_icon li.li12{
    right: 26.5%;
    top: 34vw;
    width: 148px;
    height: 148px;
}
.home_d .ul_icon li.li13{
    right: 14%;
    top: 30vw;
    width: 180px;
    height: 180px;
}

@media(max-width: 1920px){
    .home_a{
        padding: 4.6vw 0 6.2vw;
    }
    .home_a .top .right{padding-top: 2.6vw;}
    .home_a .ul li .box{padding: 1.6vw;}
    .yem_a_list a{width: 9.8vw;}
    .home_b .btm .nr .right{padding-left: 2.6vw;}
    .home_c{
        padding: 7.2vw 0;
    }
    .home_c .tit a{margin-bottom: 1vw;}
    .home_c:before{
        height: 25.3vw;
    }
    .home_c .ul li{margin-bottom: 4.6vw;}
    .home_d{
        height: 50.6vw;
    }
    .home_d .box{
        width: 27.6vw;
    }
    .home_d .ul_icon li.li1{
        width: 9.3vw;
        height: 9.3vw;
    }

    .home_d .ul_icon li.li2{
        width: 7.7vw;
        height: 7.7vw;
    }

    .home_d .ul_icon li.li3{
        width: 7.1vw;
        height: 7.1vw;
    }

    .home_d .ul_icon li.li4{
        width: 9.8vw;
        height: 9.8vw;
    }

    .home_d .ul_icon li.li5{
        width: 7.7vw;
        height: 7.7vw;
    }

    .home_d .ul_icon li.li6{
        width: 8.7vw;
        height: 8.7vw;
    }


    .home_d .ul_icon li.li7{
        width: 8.2vw;
        height: 8.2vw;
    }

    .home_d .ul_icon li.li8{
        width: 7.7vw;
        height: 7.7vw;
    }

    .home_d .ul_icon li.li9{
        width: 7.7vw;
        height: 7.7vw;
    }

    .home_d .ul_icon li.li10{
        width: 6.5vw;
        height: 6.5vw;
    }

    .home_d .ul_icon li.li11{
        width: 6.7vw;
        height: 6.7vw;
    }

    .home_d .ul_icon li.li12{
        width: 7.7vw;
        height: 7.7vw;
    }
    .home_d .ul_icon li.li13{
        width: 9.3vw;
        height: 9.3vw;
    }
    
    .home_b .btm .nr .right .text .bt:before{
        width: 1.25vw;
        height: 1.25vw;
        top: .6vw;
    }
}
@media(max-width:1500px) {
 .home_a .ul li .box .bt {
    font-size: 14px;
}
}

@media(max-width:1280px) {
    .yem_a_list a {
        width: 13.8vw;
    }
    
    .home_c.xietemsnn .ul li {
        margin-bottom: 140px;
    }
}

@media(max-width: 1100px){
    .home_a .ul li .box .img{max-height:initial;}
    .home_a{padding: 40px 0;}
    .home_a .top .title{width: 100%;}
    .home_a .top .right{
        width: 100%;
        padding-top: 0;
        margin-top: 16px;
    }
    .home_a .ul li.cur,
    .home_a .ul li{width: 100%;}
    .home_a .ul li{margin-bottom: 10px;}
    .home_a .ul li:last-child{margin-bottom: 0;}
    .home_a .ul li .box{padding: 20px;border-radius: 10px;}
    .home_a .ul li .box .time i{width: 44px;height: 34px;}

    .home_b{padding: 40px 0;}
    .home_b .top{display: block;}
    .home_b .top .yem_a_list{
        width: 100%;
        margin-top: 16px;
        max-width: 100%;
    }
    .yem_a_list a{width: auto;padding: 8px 30px;margin-bottom: 6px; height:auto;}
    .yem_a_list a span { position:initial; transform:translateY(0); }
    .home_b .btm .nr .left{width: 100%;}
    .home_b .btm .nr .left .bt .icon{width: 22px;}
    .home_b .btm .nr .left .bt{padding: 14px 0;}
    .home_b .btm .nr .right{
        padding-left: 0;
        margin-top: 20px;
        width: 100%;
    }
    
    .home_b .btm .nr .right .text{
        width: 100%;
    }
    .home_b .btm .nr .right .text .bt{max-width: 61%;}
    .home_b .btm .nr .right .text .bt:before{width: 18px;height: 18px;top: 8px;}
    .home_b .btm .nr .right .box .swiper-button-prev, .home_b .btm .nr .right .box .swiper-button-next{
        transform: translateY(-20px);
        width: 48px;
        height: 38px;
    }
    .home_b .btm .nr .right .box .swiper-button-prev {
        right: calc(var(--cbvw_container) + 54px);
    }
    .home_c .tit{display: none;}
    .home_c{
        padding: 40px 0;
    }
    .home_c .ul li{margin-bottom: 40px;}
    .home_c .ul li .left{width: 100%;}
    .home_c .ul li .right{width: 100%;margin-top: 20px;}

    .home_d{
        height: auto;
        padding: 50px 0;
        display: block;
    }
    .home_d .box{width: 100%;padding: 0 20px;}
    .home_d .yuan{display: none;}
    .home_d .ul_icon{
        position: initial;
        display: inline-block;
        width: 100%;
        padding: 0 20px;
        margin-top: 20px;
    }
    .home_d .ul_icon{
        display: flex;
        flex-wrap: wrap;
    }
    .home_d .ul_icon li{
        position: initial;
        width: 100%;
        width: 49% !important;
        border-radius: 10px;
        height: 60px  !important;
        opacity: 1 !important;
        margin-bottom: 2%;
    }
    .home_d .ul_icon li:nth-child(2n){margin-left: auto;}
    .home_b .btm .nr .right .text .bt:before{
        width: 14px;
        height: 14px;
        top: 6px;
    }
    
    .home_c.xietemsnn .ul li {
        margin-bottom: 90px;
    }
}





.banner .swiper-slide .img { position:relative; }
.banner .swiper-slide .img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: .5;
    z-index: 2;
}


.cw3nnnx {
    position: absolute;
    bottom: -33px;
    right: 0;
    color: #fff;
    opacity: .5;
}









.home_b .btm .nr .lefta{
    width: 17%;
    float: left;
}

.home_b .btm .nr .lefta .bt{display: flex;padding: 22px 0;border-bottom: 1px solid rgba(196, 196, 196, 0.5);position: relative;cursor: pointer;transition: all 0.4s;}
.home_b .btm .nr .lefta .bt:before{
    width: 0;
    content: "";
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all 0.4s;
    background: #18D18E;
}
.home_b .btm .nr .lefta .bt:nth-child(1){border-top: 1px solid rgba(196, 196, 196, 0.5);}
.home_b .btm .nr .lefta .bt .icon{
    width: 26px;
}

.home_b .btm .nr .lefta .bt .icon .icon2{display: none;}
.home_b .btm .nr .lefta .bt .t{
    width: calc(100% - 26px);
    padding-left: 10px;
    color: #222;
    line-height: 22px;
}

.home_b .btm .nr .lefta .bt.cur:before,.home_b .btm .nr .lefta .bt:hover:before{width: 100%;}
.home_b .btm .nr .lefta .bt.cur .icon .icon1,.home_b .btm .nr .lefta .bt:hover .icon .icon1{display: none;}
.home_b .btm .nr .lefta .bt.cur .icon .icon2,.home_b .btm .nr .lefta .bt:hover .icon .icon2{display: block;}
.home_b .btm .nr .lefta .bt.cur .t,.home_b .btm .nr .lefta .bt:hover .t{
    color: #18D18E;
}

.home_b .btm .nr .righta {
    width: 83%;
    padding-left: 50px;
    float: right;
    padding-right: var(--cb_container);
}

.kaiasdasnemt { border: 1px solid #D8D8D8; padding: 17px 17px 17px 50px; background: #FFFFFF; }
.kaiasdasnemt .tionar { float: right; width: 62%; }
.kaiasdasnemt .tional { float: left; width: 34%; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); }
.kaiasdasnemt .tional .onaoe {
    line-height: 1.8;
    margin: 16px 0 100px;
    height: 120px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px;
}
.kaiasdasnemt .tional .onaoe::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

.kaiasdasnemt .tional .onaoe::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    /* border-radius: 5px; */
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background: #18D18E;
}

.kaiasdasnemt .tional .onaoe::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
    border-radius: 0;
    background: rgba(216, 216, 216, 0.4);
}

.wocaownern {
    padding-right: var(--cb_container);
}

.wocaownern .text {
    margin-top: 40px;
}
.wocaownern .text .bt {
    position: relative;
    color: #333;
    display: inline-block;
    padding-right: 30px;
    transition: all 0.4s;
}
.wocaownern .text .bt:before{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 9px;
    transition: all 0.4s;
    background: url(../images/home_b_jt.svg) center center/cover;
}
.wocaownern .text:hover .bt:before{
    transform: rotate(45deg);
}
.wocaownern .text:hover .bt{
    color: #18D18E;
}

.wocaownern .text .js {
    line-height: 1.8;
    width: 60%;
    margin-top: 11px;
}



@media(max-width:1920px) {
    .kaiasdasnemt { border: 1px solid #D8D8D8; padding: 17px 17px 17px 2.60416vw; background: #FFFFFF; }
    .kaiasdasnemt .tional { left: 2.60416vw;}
    .kaiasdasnemt .tional .onaoe {
        margin: 16px 0 5.20833vw;
    }

    .wocaownern .text .bt:before{
        width: 1.25vw;
        height: 1.25vw;
        top: .6vw;
    }
    .wocaownern .text {
        margin-top: 2.08333vw;
    }
}

@media(max-width:1500px) {
    .home_b .btm .nr .left .bt {
        padding: 15px 0;
    }

    .home_b .btm .nr .lefta .bt {
        padding: 15px 0;
    }
    
.cw3nnnx {
  bottom: -18px;
    right: 49px;
    font-size: 12px;
}
}


@media(max-width:1100px) {
    .kaiasdasnemt { padding: 20px; }
    .kaiasdasnemt .tionar { width: 100%; margin-bottom: 20px; }
    .kaiasdasnemt .tional { position: initial; width: 100%; transform: translateY(0); }
    .kaiasdasnemt .tional .onaoe { margin-bottom: 20px; }

    .wocaownern .text .bt:before{
        width: 14px;
        height: 14px;
        top: 6px;
    }
    .wocaownern .text {
        margin-top: 20px;
    }
    .wocaownern .text .js { width: 100%; margin-top: 5px; }

    .home_b .btm .nr .lefta { width: 100%; }

    .home_b .btm .nr .righta { width: 100%; padding-left: 0; margin-top: 20px; }
}









/*.xietemsnn .ul { width: 41.388%; }*/
/*.xietemsnn .ul li .right { display: none; }*/
/*.xietemsnn .ul li .left { width: 100%; }*/
/*.UltimatepursuitA-a {
    position: absolute;
    right: 0;
    top: 0;
    width: 50.63%;
}*/
/*body,.xietemsnn,.xietemsnn *{*/
/*    overflow: initial;*/
/*}*/
/*.UltimatepursuitA-a{transition: all 0.4s;}*/
/*.UltimatepursuitA-a .pic { opacity: 0; transition: all .5s; }*/
/*.UltimatepursuitA-a .pic.cur { opacity: 1; }*/

/*.xietemsnn .ul{float: left;}*/
/*.UltimatepursuitA-a {*/
/*    position: sticky;*/
/*    float: right;*/
/*    top: 25%;*/
/*    right: var(--cb_container);*/
/*    width: 50.77%;*/
/*}*/

/*.UltimatepursuitA-a  img {*/
/*    border-radius: 16px;*/
/*    overflow: hidden;*/
/*}*/

/*.UltimatepursuitA-a.fixDiv2 {*/
/*    position: absolute;*/
/*}*/

/*.UltimatepursuitA-a .rsuitar {*/
/*    position: relative;*/

/*}*/
/*.UltimatepursuitA-a .rsuitar {
    height: 100vh;
}*/
/*.UltimatepursuitA-a .rsuitar .pic {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/
/*.home_d {position: relative;z-index: 3;}*/



/*@media(max-width:1100px) {*/
/*    .xietemsnn .ul { width: 100%; }*/
/*    .xietemsnn .ul li .right { display: block; }*/
/*    body,.xietemsnn,.xietemsnn *{*/
/*        overflow: hidden;*/
/*    }*/
/*}*/








.ApplicationCasesA .ul li {
    background: #fff;
}
.ApplicationCasesA .ul li {
    position: sticky;
    top: 70px;
    padding: 30px 0 50px;
}

.ApplicationCasesA .ul li:before{
    position: absolute;
    left: 60px;
    content: "";
    top: 30px;
    height: 100%;
    width: 1px;
    background: #D8D8D8;
}

.ApplicationCasesA .ul li:after{
    position: absolute;
    width: 3px;
    content: "";
    height: 100%;
    z-index: 1;
    left: 58px;
    top: 30px;
    border-radius: 50px;
    background: linear-gradient(0deg, #18D18E 0%, #1963CE 33%, rgba(25, 99, 206, 0) 100%);
}

@media(max-width:1300px) {
    .ApplicationCasesA .ul li:after {
        left: 54px;
    }
    .ApplicationCasesA .ul li:before {
        left: 55px;
    }
}

@media(max-width:1100px) {
    .ApplicationCasesA .ul li:after {
        left: 30px;
    }
    .ApplicationCasesA .ul li:before {
        left: 31px;
    }
    
    .ApplicationCasesA .ul li:before,
    .ApplicationCasesA .ul li:after{
        opacity: 0;
    }
    .ApplicationCasesA .ul li {
        background: none;
    }
}

.wocaozmneww .swiper-slide {
    width: calc(33.83% - 20px) !important;
}
.wocaozmneww1 {
    width: 80%;
    display: inline-block;
}
.wocaozmneww1 .swiper-slide {
    width: calc(50% - 20px) !important;
}
.wocaozmneww2 {
    width: 70%;
    display: inline-block;
}
.wocaozmneww2 .swiper-slide {
    width:100% !important;
}

.qifei .titlew {
    position: absolute;
    width:100%;
    top: 35px;
    left: 0;
}


.developlcB .oplcp .box .swiper-container .opzne .wokao {
    margin-top: 21px;
    margin-left: 0 !important;
}
@media(max-width:1920px) {
    .developlcB .oplcp .box .swiper-container .opzne .wokao {
        margin-top: 1.09375vw;
        margin-left: 1.09375vw;
    }
}
@media(max-width:1100px) {
    .developlcB .oplcp .box .swiper-container .opzne .wokao {
        margin-top: 11px;
        margin-left: 11px;
        font-size: 15px;
    }
}

.ceasndn .bottom .kouzoe ul li a .oeuto .img { height: auto !important; }


.imgwnsn img {
    display: none;
}
.imgwnsn img.cur {
    display: block;
}

.zxndnne {
    overflow-y: auto;
    overflow-x: hidden;
    height: 180px;
    padding-right: 15px;
}
.zxndnne::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

.zxndnne::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    /* border-radius: 5px; */
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background: #18D18E;
}

.zxndnne::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
    border-radius: 0;
    background: rgba(216, 216, 216, 0.4);
}

.cbanennw {
    position: absolute;
    right: 5vw;
    bottom: 5vw;
}


sup {
    line-height: 1 !important;
    position: absolute;
    top: 4px;
    width: 31px;
    /* right: -35px; */
    /* margin-right: -8px; */
    right: -38px;
}




.header .yuyan .xial{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 80px;
	display: none;
    padding-top: 30px;
}
.header .yuyan .xial .xia {
	padding: 5px 10px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
}
.header .yuyan:hover .xial{
	display: block;
}
.header .yuyan .xial a{
	padding: 5px 0;
	color: #000;
	display: block;
}



.mo_header .rr .xial{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 80px;
	display: none;
    padding-top: 30px;
}
.mo_header .rr .xial .xia {
	padding: 5px 10px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
}
.mo_header .rr:hover .xial{
	display: block;
}
.mo_header .rr .xial a{
	padding: 5px 0;
	color: #000;
	display: block;
}
.banner_shuju {
    opacity: 1;
    transition:all .5s;
}
.banner_shuju.ooe {
    opacity: 0;
}

.ooe .more {
    display: none;
}


.banner .prc {
    opacity: 0;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition:all .5s;
}

.ooe .prc {
    opacity: 1;
}


.cenbiane {
    position: fixed;
    top: 50%;
    right: 20px;
    display: none;
    transform: translateY(-50%);
    z-index: 100000;
}

.cenbiane ul li {
    margin-bottom: 10px;
    opacity: 1;
    transition: all .5s;
}
.cenbiane ul li:last-child{
    margin-bottom: 0;
}
.cenbiane ul li:last-child:hover {
    opacity: .5;
}
@media(max-width:1100px) {
    .cenbiane { display:none !important; }
}




.cenbiane ul li a {
    position: relative;
    display: block;
}

.cenbiane ul li a img {
    position: relative;
    z-index: 2;
}

.cenbiane ul li .wenzi {
   position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: #18D18E;
    color: #fff;
    line-height: 46px;
    right: 0px;
    border-radius: 50px;
    transition: all .5s;
    overflow: hidden;
}

.cenbiane ul li .wenzi .kuai {
    width: 145px;
    padding-left: 30px;
}



.cenbiane ul li:hover .wenzi {
    width: 145px;
}