@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; }

.inner-page .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;}

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

    height: 130px;

    align-items: center;

}



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

    .banner_shuju .l .bt span {

        font-size: 18px;

    }

}





@-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: #484747;font-weight: bold;line-height: 1.3;margin-top: 4px;     text-transform: uppercase;font-family: var(--font);}

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

    width: 190px;

    border-radius: 100px;

    text-align: center;

    transition: all 0.4s;

}

.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: #484747;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;

    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:1280px) {

    .yem_a_list a {

        width: 13.8vw;

    }

    

    .home_c.xietemsnn .ul li {

        margin-bottom: 140px;

    }

}



@media(max-width: 1100px){

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

    .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: 26px;

}



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

    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, #ffac6e 0%, var(--color) 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: 21px;

}

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

   

}

.banner_shuju.ooe {

    opacity: 0;

}



.ooe .more {

    display: none;

}





.banner .prc {

    opacity: 0;

    position: absolute;

    top: 35%;

    left: 50%;

    transform: translate(-50%,-50%);



}



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

}