.banner {
    overflow: hidden;
    height: 100vh
}

.banner .swiper-container {
    height: 100%
}

.bannerimg {
    width: 100%;
    object-fit: cover;
    transform: scale3d(1, 1, 1);
    transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);
    height: 100%
}

.swiper-slide-active .bannerimg {
    transform: scale3d(1.15, 1.15, 1);
    transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);
}

.idxwrapper {
    height: 100vh;
}

.banner .container {
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    right: 0;
    display: flex;
    align-items: center;
}

.banner .en {
    font-size: 3vw;
    line-height: 1.071;
    color: #fff;
}

.banner .cn {
    font-size:2.5vw;
    color: #fff;
    margin: 2.5vw 0 2.8vw;
}


.banner .swiper-slide-active .en {
    font-family: "EUCLIDCIRCULARA-BOLD";
    animation: fadeup 1s .2s;
    -webkit-animation: fadeup 1s .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.banner .swiper-slide-active .cn {
    animation: fadeup 1s .3s;
    -webkit-animation: fadeup 1s .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.banner .swiper-slide-active .videobtn {
    animation: fadeup 1s .4s;
    -webkit-animation: fadeup 1s .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.banner .swiper-container .swiper-pagination{right: 12vw;top: 50%;bottom: auto;left: auto;width: auto;transform: translateY(-50%);}
.banner .swiper-container .swiper-pagination-bullet{opacity: 1;display: block;margin:2.5vw 0!important;position: relative;background: none;}
.banner .swiper-container .swiper-pagination-bullet:after{content:'';width: 9px;height: 9px;background: none;border:1px solid #fff;position: absolute;top: 0;left: 0;opacity: 1;border-radius: 50%;transition: all .5s;transform: translateX(-5px);}
.banner .swiper-container .swiper-pagination-bullet span{font-size:.16rem; font-family: "EUCLIDCIRCULARA-SEMIBOLD";color: #fff;position: absolute;right: 0;top: 50%;line-height: 20px;margin-top: -10px;transition: all .5s;opacity: 0;transform: translateX(-5px);}
.banner .swiper-container .swiper-pagination-bullet:before{content:'';width: .29rem;height:3px;position: absolute;left: -.65rem;top: 50%;margin-top: -1.5px;background: #11bcb7;opacity: 0;transform: translateX(5px);transition: all .5s;}
.banner .swiper-container .swiper-pagination-bullet-active span{transform: translateX(0);opacity: 1;}
.banner .swiper-container .swiper-pagination-bullet-active:before{transform: translateX(0);opacity: 1;}
.banner .swiper-container .swiper-pagination-bullet-active:after{opacity: 0;}

.index1{padding: 0; /*padding:3vw 0 6vw;background: url(../images/idx1bg.jpg) no-repeat;background-size: cover;background-position:center;*/}
.index1 .container{position: relative; z-index: 10;}
.index1 .idx1bg_img,.index1 .idx1bg_video{z-index: 5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%;}
.index1 .strtitle{margin-bottom: 3.5vw;border-bottom: 0;}
.index1 .strtitle .en{color: #fff;}
.idx1box .item{float: left;width: 33.333%;text-align: center;border-right:1px solid rgba(255, 255, 255, .2);}
.index1 .videobtn{margin: 3.5vw auto 0;}
.index1 .item p{font-size: .22rem;color: #fff;margin-top:1.4vw;}
.index1 .item .num{color: #fff;font-size: 4vw;line-height: 1;}
.index1 .item .num .count{font-family: "EUCLIDCIRCULARA-SEMIBOLD";}
.index1 .item .num .danwei{font-weight: 600;}
.index1 .item .danwei{font-size:1.6vw;margin-left:1vw;}
.idx1box .item:nth-child(n-4){padding-bottom: 3vw;border-bottom: 1px solid rgba(255, 255, 255, .2);}
.idx1box .item:nth-child(n+4){padding-top: 4vw;padding-bottom: 0;border-bottom: 0;}
.idx1box .item:nth-child(1),.idx1box .item:nth-child(4){
    padding-right: 1vw;
}
.idx1box .item:nth-child(3),.idx1box .item:nth-child(6){
    padding-left: 1vw;
}

.idx1box .item:nth-child(3n){border-right: 0;}
.index2{position: relative;}
.index2 .item{position: relative; height: 65vh;}
.index2 .item >img{object-fit: cover; height: 100%; width: 100%;}
.index2 .item .txtbox{position: absolute;top: 50%; max-width: 50%; transform: translateY(-50%);right: -9vw;}
.index2 .item .txtbox .en{font-size: 2.6vw;color: rgba(255, 255, 255, 0.889);line-height: 0.889;font-family: "EUCLIDCIRCULARA-SEMIBOLD";}
.index2 .item .txtbox .cn{font-size: 3.5vw;color: rgba(255, 255, 255);line-height: 0.95;margin: 2.6vw 0;}
.index2 .bgimg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;object-fit: cover;filter: blur(2vw);}

.ind2_bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;  overflow: hidden;z-index: -1;filter: blur(2vw);}
.ind2_bg .ind2_item{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1; opacity: 0;}
.ind2_bg .ind2_item.on{opacity: 1;}
.ind2_bg .ind2_item img{object-fit: cover;width: 100%;height: 100%;}

.index2 .swiper-ctrl{position: absolute;left:13.5vw;top: 50%;transform: translateY(-50%);}
.index2 .swiper-pagination{font-size: .18rem;color: #fff;bottom: -4vw;width: auto;left: 50%;transform: translateX(-50%);}
.index2 .swiper-pagination span:nth-child(1){font-weight: 600;}
.index2 .swiper-pagination span{margin: 0 .8vw;}
.index2 .swiper-dot .dot:last-child{margin-bottom: 0;}
.index2 .swiper-dot .dot .dot1{width: 6px;height: 2px;background: #fff;}
.index2 .swiper-dot .dot .dot2{width: 2px;height: 2px;background: #fff;}
.index2 .swiper-dot span{margin-bottom: 1vw;display: block;position: relative;}
.index2 .swiper-dot .dot:last-child .dot2{display: none;}
.index2 .swiper-container{padding: 0 21.35vw;height: 52vw;background: rgba(0,0,0,0.1);}
.index2 .swiper-slide{height:64.5%;margin:2vw 0;}
.index2 .swiper-dot .dot .dot1:after{content:'';width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;margin-left: -7px;margin-top: -5px;background: #fff;border-radius: 50%;opacity: 0;transition: all .5s;}
.index2 .swiper-dot .dot .dot1:before{content:'';width: 4vw;height: 4vw;margin-left: -2vw;margin-top: -2vw;position: absolute;border: 1px solid #fff;border-radius: 50%;opacity: 0;transform: scale(.8);transition: all .5s;}
.index2 .swiper-dot .dot.on .dot1:before{opacity: 1;transform: scale(1);}
.index2 .swiper-dot .dot.on .dot1:after{opacity: 1;}
.index2 .swiper-dot .dot{cursor: pointer;}


.index2 .swiper-slide-active .en {
    animation: faderight 1s .2s;
    -webkit-animation: faderight 1s .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.index2 .swiper-slide-active .cn {
    animation: faderight 1s .3s;
    -webkit-animation: faderight 1s .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.index2 .swiper-slide-active .videobtn {
    animation: faderight 1s .4s;
    -webkit-animation: faderight 1s .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.index3{padding:0;}
.idx3box{display: flex;align-items: center;justify-content: space-between;}
.idx3box .item{/*width: 48.275%;*/width: 36vw;transition: all .5s;position: relative;cursor: pointer;}
.index3 .strtitle{margin-bottom: 3vw;}
.index3 .item .txtbox{position: absolute;bottom:3.5vw;left: 0;right: 0;text-align: center;z-index: 2;transition: all .5s;}
.index3 .item .h1{font-size: 1.25vw;color: #fff;}
.index3 .item p{font-size: 12px;color: rgba(255, 255, 255, 0.502);margin-top: .8vw;}
.index3 .item .moreimg{position: absolute;bottom: 3vw;left: 50%;width: 4.6vw;margin-left: -2.3vw;transform: translateY(2vw);transition: all .5s;opacity: 0;}

.index4{background: #f0f6f6;}
.net1con>img{width:82%;margin: 0 auto;}
.index4 .netcon{padding: 3vw 0 5vw;}
.index4 .net2box{margin-top: 0; position: relative; }
.index4 .net1con {transform: translateY(-0.8vw); max-width: 95%; margin: auto;}
.index5{padding: 0;}
.index5 .strtitle{margin-bottom: 3vw;}
.index5 .swiper-container{margin-right: -12.4vw;}
.index5 .swiper-slide{width: 23.4%;margin-right: 1.75vw;}
.index5 .item{background-color: #f6f6f7;display: block;transition: all .5s;padding: 2.5vw 1.6vw 0;position: relative;z-index: 0;overflow: hidden;}
.index5 .item .num{font-size: .24rem;color: #394854;transition: all .5s;margin-bottom: 1.4vw;font-family: "EUCLIDCIRCULARA-SEMIBOLD";}
.index5 .item .h1{font-size: .22rem;line-height: 1.364;transition: all .5s;color: #394854;height: .6rem; font-weight: 600;}
.index5 .item .bottom{display: flex;align-items: flex-start;border-top: 1px solid rgba(0,0,0,.102);padding: 1.5vw 0 2vw;margin-top: 10vw;transition: all .6s;}
.index5 .item .h2{font-size: 4.8vw;color: #394854;transition: all .5s;line-height: 1;font-family: "EUCLIDCIRCULARA-MEDIUM";}
.index5 .item .h3{transition: all .5s;font-size: .2rem;color: #394854;line-height: 1.2;text-align: right;font-family: "EUCLIDCIRCULARA-REGULAR";}
.index5 .item img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;z-index: -1;transform: translateY(5%);opacity: 0;}
.strtitle img{max-width: .32rem;}
.index5 .swiper-ctrl{margin-top: 2.8vw;display: flex;align-items: center;}
.index5 .swiper-ctrl a{width: 1.3rem;line-height: .62rem;background: #394854; font-weight: bold; font-size: .16rem;color: #fff;text-align: center;display: block;transition: all .5s;}
.index5 .swiperbtn{width: .64rem;height: .64rem;margin-left: .1rem;}
.index5 .swiper-slide:nth-child(odd) .item img{transform: translateY(0);opacity: 1;}
.index5 .swiper-slide:nth-child(odd) .item .h1{color: #fff;}
.index5 .swiper-slide:nth-child(odd) .item .h2{color: #fff;}
.index5 .swiper-slide:nth-child(odd) .item .h3{color: #fff;}
.index5 .swiper-slide:nth-child(odd) .item .num{color: #fff;}

.index6{ min-height: 100px;}
.index6 .item{ display: block; padding: 7vw 2vw 5vw; opacity: 0.55; transition: all .5s;}
.index6 .item img{display: block; max-width: 100%; margin: auto;}
@media (min-width:1000px){
    .index3 .item:hover{box-shadow: 0px 3.5vw 7.5vw 0px rgba(102, 118, 91, 0.29);}
    .index3 .item:hover .moreimg{transform: translateY(0);opacity: 1;}
    .index3 .item:hover .txtbox{transform: translateY(2vw);opacity: 0;}
    .index5 .swiperbtn:hover img:nth-child(2){opacity: 1;}
    .index5 .swiperbtn:hover img:nth-child(1){opacity: 0;}
    .index5 .swiper-ctrl a:hover{background: #11bcb7;}
    /* .index5 .item:hover img{transform: translateY(0);opacity: 1;}
    .index5 .item:hover .h1{color: #fff;}
    .index5 .item:hover .h2{color: #fff;}
    .index5 .item:hover .h3{color: #fff;}
    .index5 .item:hover .num{color: #fff;} */
    .news2box .item:hover .bottom{border-top: 1px solid rgba(255, 255, 255,.302);}
    .index6 .item:hover{opacity: 1;}
    .index5 .item:hover{box-shadow: 0px 3.5vw 1.5vw 0px rgba(102, 118, 91, 0.29)}
}




.banner2 {
    overflow: hidden;
    position: relative;
}

.banner2>img {
    width: 100%;
}

.about2 .item img {
    width: 100%;
}

.banner2 .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    align-items: flex-end;
    bottom: 6vw;
}

.banner2 .en {
    font-family: "EUCLIDCIRCULARA-SEMIBOLD";
    font-size: 3.75vw;
    color:#fff;
    line-height: 1;
}

.banner2 .cn {
    text-transform: uppercase;
    font-size:3.195vw;
    color: #fff;
    line-height: 1;
    /* font-weight: 600; */
    margin-top: 2vw;
}

.joincon{padding: 7.5vw 0 6vw;background: #eef7f7;}
.joincon .title{font-size:2.5vw;color: #11bcb7;margin-bottom:4.5vw;letter-spacing: .2vw;}
.joinbox .item{display: flex;align-items: center;box-shadow: 0px .4rem 1rem 0px rgba(120, 148, 147, 0.1);background: #fff;margin-bottom: 3.8vw;}
.joinbox .item img{width:3.5rem;height: 4.2rem;margin-right: 5vw;}
.joinbox .item .titlebox{padding: 0;margin-bottom: .38rem;padding-right:3.5vw;}
.joinbox .item .h1{font-size: .3rem;color: #394854;margin-bottom: .16rem;}
.joinbox .item .h2{font-size: .14rem;color: #11bcb7;}
.joinbox .item .h3{font-size: .24rem;color: #11bcb7;font-weight: 600;}

.joinbox .item p{font-size: .14rem;color: #232830;line-height: 1.857;max-width: 5.6rem;padding-left: .3rem;position: relative;}
.joinbox .item p:before{content:'·';position:absolute;left: 0;}
.joinbox .item p.dot:before{display: none;}
.joinbox .item p.dot{margin-top: .36rem;padding-left: .2rem;}
.joinbox .joinbtn{font-size: .16rem;color: #fff;width: 1.3rem;line-height: .56rem;background: #11bcb7;text-align: center;position: absolute;bottom: .3rem;right: .38rem;transition: all .3s;display: block;}

.soccon{padding: 12vw 0 8.5vw;position: relative;}
.soccon .bg1{width: 100%;position: absolute;top: 0;right: 0;z-index: -1;}
.soccon .bg2{width: 100%;position: absolute;left: 0;bottom: 0;z-index: -1;}
.soctitle{display: flex;align-items: center;font-size:1.85vw;color: #394854;justify-content: flex-end;}
.soctitle img{max-width:4.4vw;margin-right: 2.4vw;}
.soctitle span{color: #11bcb7; font-weight: bold;}
.socbox{margin-top: -2vw;}
.socbox .item p{font-size: .2rem;color: #394854;margin-top: 2vw;}
.socbox .row{margin: 0 -1vw;}
.socbox .col-sm-6{padding: 0 1vw;margin-bottom: 9vw;}
.socbox .col-sm-6:nth-child(2) .item{padding-left: 21.5%;transform: translateY(13vw);}

.cta1{height: 4.9rem;position: relative; }
.cta1::before{position: absolute; z-index: 999; content: ''; background: linear-gradient(to right,rgba(253,253,254,1) ,rgba(253,253,254,.6),rgba(253,253,254,0.01)) ; left: 0; top: 0; width: 25%; height: 100%; }
.cta1::after{position: absolute; z-index: 999; content: ''; background: linear-gradient(to left,rgba(253,253,254,1) ,rgba(253,253,254,.6),rgba(253,253,254,0.01)) ; right: 0; top: 0; width: 25%; height: 100%; }
.anchorBL{display: none;}
.ctacon{padding-bottom: 4.3vw;}
.cta2{border-top: 5px solid rgb(17, 188, 183);}
.cta2 .col{float: left;padding:0 5vw 0 3.3vw;width: 50%;}
.cta2{background: #fff;box-shadow: 0px .4rem 1rem 0px rgba(69, 84, 84, 0.1);padding: 2.1vw 0 .2rem;}
.cta2 .title{display: flex;align-items: center;font-size: .3rem;color: #11bcb7;font-weight: 600;}
.cta2 .title img{width: .48rem;margin-right: 1.25vw;}
.cta2 .item .h2{font-size: .18rem;line-height: .3rem; color: #394854;word-break: break-all;font-weight: bold;}
.cta2 .item .h2 span:nth-child(1){margin-right: .12rem;}
.cta2 .item .h2 span:nth-child(2){margin-left: .12rem;}
.cta2 .item .h1{font-size: .24rem;color: rgba(57, 72, 84, 0.4);margin-bottom: .24rem;}
.cta2 .item{padding: 2.1vw 0;}
.cta2 .item:not(:last-child){border-bottom: 1px solid #ebecee;}

.newscon{padding: 9.3vw 0 7vw;}
.news1{background: #f6f6f7;padding: 0;align-items: normal;margin-bottom: 9vw;}
.news1 .imgbox{width: 50%;height: 21.15vw;overflow: hidden;display: block;}
.news1 .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.news1 .txtbox{padding: 0 3vw 0 3.7vw;position: relative;width: 50%;display: block;}
.news1 .bottom{display: flex;align-items: center;height: 7.7vw;border-top: 1px solid #dadadb;position: absolute;bottom: 0;left: 3.7vw;right: 3vw;}
.news1 .h2{font-size: 4.79vw;color: #394854;transition: all .5s; font-family: "EUCLIDCIRCULARA-MEDIUM";}
.news1 .h3{transition: all .5s;font-size: .2rem;color: rgb(57, 72, 84);line-height: 1.2;text-align: right;font-family: "EUCLIDCIRCULARA-REGULAR";}
.news1 .en{font-size: .22rem;color: #11bcb7;margin: 2.4vw 0 1vw;font-family: "EUCLIDCIRCULARA-SEMIBOLD";}
.news1 .h1{line-height: 1.538;color: #394854;font-size: .26rem;transition: all .5s; font-weight: bold;}
.news2tab{display: flex;align-items: center;border-bottom: 1px solid rgba(0, 0, 0,.102);}
.news2tab .tab1{display: flex;align-items: center;}
.news2tab .tab1 a{color:rgba(57, 72, 84, 0.4);display: block;position: relative;line-height: .72rem;font-size: .18rem;transition: all .5s;margin-right: 4vw;font-weight: bold;}
.news2tab .tab1 a:after{content:'';height: 3px;bottom: -2px;left: 0;width: 0;transition: all .5s;background: #11bcb7;position: absolute;}
.news2tab .tab1 a.on:after{width: 100%;}
.news2tab .tab1 a.on{color: #11bcb7;font-size: .24rem; font-weight: bold;}
.news2tab .tab2{display: flex;align-items: center;}
.news2tab .tab2 a{color:#999;display: block;transition: all .5s;margin-left: 3.7vw;font-size: .18rem;font-family: "EUCLIDCIRCULARA-SEMIBOLD";}
.news2tab .tab2 a.on{color: #11bcb7;}
.news2box{padding: 3.2vw 0 4.2vw;}
.news2box .row{margin:0 -3.3vw;}
.news2box .col-sm-4{padding: 2.1vw 3.3vw;}
.news2box .item{background-color: #f6f6f7;display: block;transition: all .5s;padding: 2.5vw 1.6vw 0;position: relative;z-index: 0;overflow: hidden;}
.news2box .item .num{font-size: .24rem;color: #394854;transition: all .5s;margin-bottom: 1.4vw;font-family: "EUCLIDCIRCULARA-SEMIBOLD";}
.news2box .item .h1{font-size: .245rem;line-height: 1.364;transition: all .5s;color: #394854;height: .7rem; font-weight: bold;}
.news2box .item .bottom{display: flex;align-items: flex-start;border-top: 1px solid rgba(0,0,0,.102);padding: 1.5vw 0 2vw;margin-top: 12vw;transition: all .6s;}
.news2box .item .h2{font-size: 4.785vw;color: #394854;transition: all .5s;line-height: 1;font-family: "EUCLIDCIRCULARA-MEDIUM";}
.news2box .item .h3{transition: all .5s;font-size: .2rem;color: #394854;line-height: 1.2;text-align: right;font-family: "EUCLIDCIRCULARA-REGULAR";}
.news2box .item img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;z-index: -1;/*transform: translateY(5%);*/opacity:0;}


.news2box .news_item:nth-child(odd) .item img{opacity: 1; }
.news2box .news_item:nth-child(odd) .item .h1{color: #fff;}
.news2box .news_item:nth-child(odd) .item .h2{color: #fff;}
.news2box .news_item:nth-child(odd) .item .h3{color: #fff;}
.news2box .news_item:nth-child(odd) .item .num{color: #fff;}
.news2box .news_item:nth-child(odd) .item .bottom{border-top: 1px solid rgba(255, 255, 255,.302);}
@media (min-width:1000px){
    .joinbox .joinbtn:hover{transform: translateY(-5px);}
    .news1 .imgbox:hover img{transform: scale(1.05);}
    .news1 .txtbox:hover .h1{color: #11bcb7;}
    .news1 .txtbox:hover .h2{color: #11bcb7;}
    .news1 .txtbox:hover .h3{color: #11bcb7;}
    .news2tab .tab2 a:hover{color: #11bcb7;}
    .news2tab .tab1 a:hover{color: #11bcb7;}
    .news2tab .tab1 a:hover:after{width: 100%;}
    .news2box .item:hover{box-shadow: 0px 3.5vw 7.5vw 0px rgba(102, 118, 91, 0.29)}
    /* .news2box .item:hover img{transform: translateY(0);opacity: 1;} */
    /* .news2box .item:hover .h1{color: #fff;}
    .news2box .item:hover .h2{color: #fff;}
    .news2box .item:hover .h3{color: #fff;}
    .news2box .item:hover .num{color: #fff;}
    .news2box .item:hover .bottom{border-top: 1px solid rgba(255, 255, 255,.302);} */
}
@media (max-width:1600px) and (min-width:780px){
    .idx3box .item{max-height: 53vh;overflow: hidden;}
    .index4 .net1con{max-width: 80%; margin: auto;}
    .index5 .item .bottom{margin-top: 7vw;}
}
@media (max-width:1100px){
    .joinbox .item img{display: none;}
    .joinbox .item{padding: 5vw;}
    .joinbox .item .titlebox{padding-right: 0;}
}

@media (max-width:767px){
    .bannerimg {
        width: 100%;
        object-fit: unset;
        transform: scale3d(1, 1, 1);
        transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);
        height: auto
    }
    .joincon{padding:25px 0;}
    .joincon .title{font-size: 20px;margin-bottom: 20px;}
    .joinbox .item{padding: 20px;}
    .joinbox .item .titlebox{display: block;margin-bottom: 20px;}
    .joinbox .item .h2{font-size: 12px;line-height: 1.66;}
    .joinbox .item .h3{font-size: 16px;margin-top: .16rem;}
    .joinbox .item p{font-size: 12px;padding-left: 0;}
    .joinbox .item p::before{display: none;}
    .joinbox .joinbtn{position: static;}
    .joinbox .item p.dot{margin: 0;margin-bottom: 20px;padding: 0;}
    .soccon{padding: 25px 0;}
    .soctitle{font-size: 18px;margin-bottom: 20px;justify-content: flex-start;}
    .soctitle img{max-width: 24px;}
    .socbox{margin-top: 0;}
    .socbox .col-sm-6:nth-child(2) .item{padding: 0;transform:none;}
    .socbox .col-sm-6{margin-bottom: 20px;}
    .socbox .item p{font-size: 13px;margin-top: 15px;}
    .banner2 .container{bottom: 8vw;}
    .banner2 .en{font-size: 22px;}
    .banner2 .cn{font-size: 22px;}
    .banner2>img{height: 240px;object-fit: cover;}
    .cta1{height: 240px;}
    .cta2 .col{width: 100%;padding:10px 15px;}
    .cta2 .col:nth-child(1) .item{border-bottom: 1px solid #ebecee;}
    .cta2 .title img{width: 24px;}
    .cta2 .title{font-size: 16px;}
    .ctacon{padding-bottom: 25px;}
    .cta2 .item .h2{font-size: 13px;}
    .cta2 .item .h1{font-size: 15px;}
    .cta2 .item{padding: 15px 0;}
    .cta2{padding:12px 0 5px}
    .newscon{padding: 25px 0;}
    .news1{display: block;margin-bottom: 25px;}
    .news1 .imgbox{width: 100%;height: 48vw;}
    .news1 .txtbox{padding: 15px;width: 100%;}
    .news1 .en{font-size: 14px;margin: 0;margin-bottom: 10px;}
    .news1 .h1{font-size: 15px;}
    .news1 .bottom{position: static;height: auto;margin-top: 15px;padding-top: 10px;}
    .news1 .h2{font-size: 8vw;}
    .news1 .h3{font-size: 13px;}
    .news2tab .tab1 a{font-size: 13px;}
    .news2tab .tab1 a.on{font-size: 14px;}
    .news2tab .tab2 a{font-size: 13px;}
    .news2box .row{margin: 0 -7.5px;}
    .news2box .col-sm-4{padding: 7.5px;}
    .news2box{padding: 17.5px 0;}
    .news2box .item{padding: 15px 15px 0;}
    .news2box .item .bottom{align-items: center;}
    .news2box .item .h1{font-size: 14px;height: 38px;}
    .news2box .item .num{font-size: 15px;margin-bottom: 8px;}
    .news2box .item .h2{font-size: 6vw;}
    .news2box .item .h3{font-size: 13px;}
    .news2box .item .bottom{padding: 12px 0;margin-top: 15vw;}
}

.videobtn{width:2.26rem;height:.7rem;background: #11bcb7; font-weight: bold; font-size: .16rem;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;font-family: "EUCLIDCIRCULARA-SEMIBOLD"; }
.videobtn img{width: .24rem;margin-right: .5rem;transition: all .6s;}

.subnav{background: #f6fcfc; transform: all .5s;}
.subnav{display: flex;align-items: center;justify-content: space-between;padding: 0 12.4%;}
.subnav a{display: block;line-height: 1rem;font-size: .18rem;color: #666;text-align: center;background: #f6fcfc;transition: all .5s;position: relative;}
.subnav a.on{color: #11bcb7; font-weight: bold;}
.subnav a:after{content:'';height: 3px;position: absolute;bottom: 0;left: 50%;width: 0;transition: all .5s;background: #11bcb7;}
.subnav a.on:after{width: .7rem;margin-left: -.35rem;}

.about{padding: 9.5vw 0;}
.about .h1{font-size: 3.195vw;color: #394854;font-weight: bold;}
.about .h2{line-height: 1.7;font-size: .2rem;color: #394854;margin: 2.3vw 0 2.5vw;}
.about .container{ position: relative; overflow: hidden;}
.about .container .about-out-box{width: 100%; display: flex;align-items: center;  padding-bottom: 3vw;}

.aboutimg{max-width: 50%;margin-left: 6.2vw;}
.aboutimg video,.aboutimg img{object-fit: contain; width: 100%; height: 100%;}
.about .numbox .item{float: left;width: 50%;margin-top: 2.5vw;}
.about .numbox .item p{font-size: .16rem;color: #394854;margin-top: .12rem;}
.about .numbox .item .num{color: #11bcb7;font-size: 3.6vw;line-height: 1;font-family: "EUCLIDCIRCULARA-SEMIBOLD";font-weight: bold;}
.about .numbox .item .danwei{font-size: .16rem;margin-left: .16rem;}
.subnav.afixd{position: fixed;top: .9rem;left: 0; right: 0; z-index: 50;transform: all .5s;}
.culture{background: url(../images/culbg.jpg) no-repeat;background-size: cover;background-position: bottom;display: flex;align-items: center;padding: 7.5vw 3vw 11vw;}
.culture .item{position: relative;transition: all .5s;}


.culture .item{background-color: #fff;display: block;transition: all .5s;padding: 2.5vw .8vw 1.8vw 1.8vw;position: relative;z-index: 0;overflow: hidden;width: 20%;cursor: pointer;}
.culture .item .num{font-size: .18rem;color: #11bcb7;transition: all .5s;margin-bottom: 12vw;font-family: "EUCLIDCIRCULARA-SEMIBOLD";font-weight: bold;}
.culture .item .h1{font-size: 1.899vw;transition: all .5s;color: #394854;margin: 2.7vw 0 1.8vw;font-weight: bold;}
.culture .item .h2{line-height: 1.875;font-size: .16rem;color: rgb(57, 72, 84);transition: all .5s;height: .9rem;}
.culture .item .iconhover{width: .5rem;height: .5rem;}
.culture .item>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;z-index: -1;transform: translateY(5%);opacity: 0;}
.culture .item.on>img{transform: translateY(0);opacity: 1;}
.culture .item.on .h1{color: #fff;}
.culture .item.on .h2{color: #fff;}
.culture .item.on .num{color: #fff;}
.culture .item.on .iconhover img:nth-child(2){opacity: 1;}
.culture .item.on .iconhover img:nth-child(1){opacity: 0;}
.culture .item.on{box-shadow: 0px 2.5vw 6vw 0px rgba(72, 114, 117, 0.2);}

.strcon1{padding: 3.5vw 0 4vw;}
.strtitle{padding: 0;height: 1rem;margin-bottom: 2.5vw;border-bottom: 1px solid #e5e5e5;}
.strtitle .cn{font-size: .2rem;color: #394854; font-weight: bold;}
.strtitle .en{font-size: .24rem;color: #11bcb7;font-family: "EUCLIDCIRCULARA-REGULAR";}
.strcon1 img{width: 100%;}
.strcon1 p{font-size: .18rem;color:#000;line-height: 1.667;margin-top: 1.7vw;}

.strcon2{background: url(../images/str2bg.jpg) no-repeat;background-size: cover;background-position: center;padding: 3vw 0 7vw;}
.strcon2 .strtitle .en{color:#fff}
.strcon2 .strtitle .cn{color:#fff}
.strcon2 .strtitle{border-bottom: 1px solid rgba(255, 255, 255,.102);margin-bottom: 0;}
.strcon2 .swiper-container{margin-right: -12.4vw;padding: 9vw 0;}
.strcon2 .swiper-container-horizontal>.swiper-scrollbar{left: 0;width: 100%;bottom: 0;height: 3px;background: rgba(255, 255, 255, .2);}
.strcon2 .swiper-slide{width: 29.67%;margin-right: 2.5vw;}
.strcon2 .swiper-slide:nth-child(even){width: 25%;transform: translateY(-6vw);}
.strcon2 .swiper-scrollbar-drag{background: #fff;}
.strcon2  .swiper-pagination{width: auto;left: 0;font-size: .24rem;color: #fff;line-height: 1;bottom: .3rem;}
.strcon2 .swiper-pagination .pagecur{ font-family: "EUCLIDCIRCULARA-SEMIBOLD";font-weight: bold; margin-right: .3rem;}
.strcon2 .swiper-pagination .pageall{ font-family: "EUCLIDCIRCULARA-LIGHT";margin-left: .3rem; font-weight: 100;}
.strcon3{padding-bottom: 5vw;padding-top: 3vw;}
.strcon3 .videobtn img{margin-right: 3vw;}
.strcon3 .item{display: flex;align-items: center;margin-bottom: 5vw;position: relative;}
.strcon3 .item .imgbox{max-width: 55%;}
.strcon3 .item .h1{font-size: .3rem;color: #394854; font-weight: bold;}
.strcon3 .item .h2{font-size: .16rem;color: #394854; line-height: 1.875;margin: 3.3vw 0 6.5vw;}
.strcon3 .item .txtbox{flex: 1;padding-left: 5vw;}
.strcon3 .item>img{max-height: 11.6vw;position: absolute;}
.strcon3 .item:nth-child(odd)>img{right: -6.5vw;top: 50%;transform: translateY(-50%);}
.strcon3 .item:nth-child(even){flex-direction: row-reverse;}
.strcon3 .item:nth-child(even) .txtbox{padding-left: 0;}
.strcon3 .item:nth-child(even)>img{left: -7.5vw;top: 0%;}

.honor{background: url(../images/honorbg.jpg) no-repeat;background-position: center;background-size: cover;padding-bottom: 6.3vw;}
.honor .swiper-container{padding: 9vw 0 10vw;}
.honor .swiper-pagination{font-size: .24rem;color: #394854;line-height: 1;}
.honor .swiper-pagination span:nth-child(1){color: #11bcb7;}
.honor .swiper-pagination span{margin: 0 .5vw;}
.honor .swiper-slide{ transition: 300ms;transform: scale(0.8);width: 15.625%;position: relative;margin: 0 4%;}
.honor .swiper-slide-active{transform: scale(1);}
.honor .swiper-slide p{font-size: .24rem;color: #394854;left: 0;right: 0;text-align: center; font-weight: bold; bottom: -3.5vw;position: absolute;transform: translateY(10px);opacity: 0;transition: all .3s;}
.honor .swiper-slide-active p{opacity: 1;transform: translateY(0);}
.honor .swiper-slide img{box-shadow: 0px 2.5vw 6vw 0px rgba(86, 108, 125, 0.2);}
.honor .swiperbtn{width:4vw;height:4vw;position: absolute;top: 50%;margin-top: -2vw;cursor: pointer;z-index: 5;}
.honor .prev{left: 35%;}
.honor .next{right: 35%;}
.honor .hpagecur{font-weight: bold; font-family: "EUCLIDCIRCULARA-SEMIBOLD";}
.honor .hpageall{font-family: "EUCLIDCIRCULARA-LIGHT";}

.netcon{padding: 4vw 0 5vw;}
.net1con{position: relative;}
.net1con .item{position: absolute;cursor: pointer;z-index:2}
.net1con .item:nth-child(1){top: 34%;left: 30.8%;}
.net1con .item:nth-child(2){top: 28%;left: 50%;}
.net1con .item:nth-child(3){top: 51%;left: 54.7%;}
.net1con .item:nth-child(4){top: 47%;right: 26.2%;}
.net1con .item:nth-child(5){top: 64.2%;right: 29.3%;}
.net1con .item:nth-child(6){top: 78%;right: 18.65%;}
.net1con .item .imgbox{position: absolute;position: absolute;bottom: -5vw;left: 50%;transform: translateX(-50%);z-index: 0;}
.net1con .item .imgbox img{height: 2.6vw;max-width: none;z-index: 10;}
.net1con .item:nth-child(4) .imgbox{bottom: auto;top: -5vw;}
.net1con .item:nth-child(6) .imgbox{bottom: auto;right: -8vw;bottom: 50%;transform: translateY(50%);left: auto;}
.net1con .item .imgbox:after{content:'';transition: all .5s;background: #fff;box-shadow: 0px 1.5vw 3vw 0px rgba(86, 108, 125, 0.3);border-radius: 10px;top: -1vw;bottom: -1vw;left: -2vw;right: -2vw;opacity: 0;z-index: -1;transform: scale(.8);}
.net1con .item.on .imgbox:after{position: absolute;transform: scale(1);opacity: 1;}
/* .net2box .item{float: left;width: 9%;} */
.net2box .item p{font-size: .16rem;color: #394854;margin-top: .1rem;text-align: center;}
.net2box .item img{max-width: 2.5vw;margin: 0 auto;}
.net2box{margin-top: 2.5vw;}
.about_net2box{margin-top: 1vw; margin-bottom: 7vw;}
/* .net2box .swiper-slide .item{transform: translateY(2vw);opacity: 0;transition: all .5s;}
.net2box .swiper-slide-active .item{transform: translateY(0);opacity: 1;} */
.net2box .net2_item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; opacity: 0;}
.net2box .net2_item.on{opacity: 1;}


.net1con .item:after{content:'';z-index: -1; -webkit-animation: circle1 2s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
    animation: circle1 2s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;transition: all .5s;top: 50%;left: 50%;margin-left: -7.5vw;margin-top: -7.5vw;background: url(../images/circle.png);background-size: cover;position: absolute;opacity: 0;}
.net1con .item.on:after{width: 15vw;height: 15vw;opacity: 1;}
.net1con .item.on{z-index: 0;}
.newsdelpad{padding: 0 10vw;}
.newsdelpad > img{width: .39rem; }
.newsdel_title{padding-top: 4.2vw;}
.newsdel_title p{color: #fff;font-size: .36rem;font-weight: bold; line-height: 1.333;}
.newsdel_title span{color: #fff; font-size: 18px; line-height: 5;}
.newsdel_content{padding:9.5vw 10vw;}
.newsdel_content *{ font-size: 16px;line-height: 2.25; color: rgb(0, 0, 0);}
.newsdel_content p{margin: .25rem 0; font-weight: 200;}
.newsdel_content img{max-width: 100%; margin-top: .2rem; margin-bottom: .2rem;}

@media (min-width:1000px){
    .videobtn:hover img{margin-right: .3rem;}
    .videobtn:hover{background: #11bcb7;color: #fff;}
    .subnav a:hover{color: #11bcb7;}
    .subnav a:hover:after{width: .7rem;margin-left: -.35rem;}
    .honor .swiperbtn:hover img:nth-child(2){opacity: 1;}
    .honor .swiperbtn:hover img:nth-child(1){opacity: 0;}
    .about-out-box .weui-cell__bd{max-width: 50%;}
}
@media (max-width:1300px) and(min-width:1000px){
    header .navs .item>a{    margin: 0 1.3vw;}
}
@media (max-width:767px){
    .subnav{padding: 0 15px;}
    .subnav a:after{height: 2px;}
    .subnav a{font-size: 13px;line-height: 56px;}
    .videobtn{font-size: 12px;width: 120px;height: 40px;}
    .videobtn img{width: 16px;margin-right: 12px;}
    .about .container{display: block;}
    .aboutimg{max-width: 80%;margin: 20px auto 0;}
    .about{padding: 25px 0;}
    .about .h1{font-size: 20px;}
    .about .h2{font-size: 13px;margin: 15px 0 10px;}
    .about .numbox .item .num{font-size: 24px;}
    .about .numbox .item .danwei{font-size: 13px;}
    .about .numbox .item p{font-size: 13px;}
    .about .numbox .item{margin-top: 15px;}
    .culture{padding: 25px 15px;overflow: hidden;display: block;}
    .culture .item{float: left;width: 50%;padding: 15px;}
    .culture .item .h1{font-size: 14px;margin: 10px 0 8px;}
    .culture .item .num{font-size: 14px;}
    .culture .item .h2{-webkit-line-clamp:4;height: 88px;font-size: 12px;}
    .strcon1{padding: 15px 0 25px;}
    .strtitle{height: 50px;margin-bottom: 20px;}
    .strtitle .en{font-size: 14px;}
    .strtitle .cn{font-size: 14px;}
    .strcon1 p{font-size: 12px;margin-top: 15px;}
    .strcon3{padding: 15px 0 10px;}
    .strcon3 .item{display: block;margin-bottom: 20px;}
    .strcon3 .item .imgbox{max-width: 100%;}
    .strcon3 .item .txtbox{padding: 0;margin-top: 15px;}
    .strcon3 .item .h2{font-size: 12px;margin: 10px 0 15px;}
    .strcon3 .item .h1{font-size: 16px;}
    .strcon2{padding: 10px 0 25px;}
    .strcon2 .swiper-container-horizontal>.swiper-scrollbar{height: 2px;}
    .strcon2 .swiper-pagination{font-size: 13px;bottom: 15px;}
    .strcon2 .swiper-container{margin-right: -15px;}
    .strcon2 .swiper-slide{width: 45%;margin-right: 5%;}
    .strcon2 .swiper-slide:nth-child(even){transform: none;width: 45%;}
    .strcon2 .swiper-container{padding: 6vw 0 12vw;}
    .honor .swiper-container{padding: 25px 0 24vw;}
    .honor .swiper-pagination{font-size:14px;}
    .honor .swiper-slide{width: 40%;margin: 0 4%;}
    .honor .swiperbtn{display: none;}
    .honor .swiper-slide p{bottom: -35px;}
    .index5{padding: 10px 0 25px;}
    .index5 .strtitle{margin-bottom: 20px;}
    .index5 .swiper-ctrl{margin-top: 20px;}
    .index5 .swiper-container{margin-right: -15px;}
    .index5 .swiper-ctrl a{font-size: 12px;}
    .index5 .swiper-slide{width: 45%;margin-right: 15px;}
    .index5 .item{padding: 15px 15px 0;}
    .index5 .item .bottom{align-items: center;}
    .index5 .item .h1{font-size: 14px;height: 38px;}
    .index5 .item .num{font-size: 15px;margin-bottom: 8px;}
    .index5 .item .h2{font-size: 6vw;}
    .index5 .item .h3{font-size: 13px;}
    .index5 .item .bottom{padding: 12px 0;margin-top: 15vw;}
    .index4 .netcon{padding: 10px 0 120px;}
    .net1con{margin: 0 -50px;}
    .net2box .item{float: left;margin-bottom: 12px;}
    .net2box .item img{max-width: 6.5vw;}
    .net2box .item p{font-size: 12px;}
    .index3{padding: 10px 0 10px;}
    .index3 .strtitle{margin-bottom: 20px;}
    .index3 .item .h1{font-size: 14px;}
    .index3 .item p{margin-top: 10px;}
    .index3 .item .txtbox{bottom: 20px;}
    .idx3box{display: block;}
    .idx3box .item{width: 100%;margin-bottom: 15px;float: none;display: block;}
    .index1{padding: 10px 0 25px;}
    .idx1box{display: flex; flex-wrap: wrap;}
    .idx1box .item{width: 50%;padding: 0!important;padding: 20px 0!important;border-bottom: 1px solid rgba(255, 255, 255, .2)!important;border-right: 1px solid rgba(255, 255, 255, .2)!important;}
    .idx1box .item:nth-child(2n){border-right: 0!important;}
    .idx1box .item:nth-child(n+5){border-bottom: 0!important;}
    .index1 .videobtn{margin: 20px auto 0;}
    .index1 .strtitle{margin-bottom: 20px;}
    .index1 .item .num{font-size: 26px;}
    .index1 .item p{font-size: 13px;margin-top: 10px;}
    .index1 .item .item .danwei{font-size: 13px;}
    .banner{height:360px;}
    .banner .swiper-container .swiper-pagination{right: 15px;}
    .banner .swiper-container .swiper-pagination-bullet span{font-size: 13px;}
    .banner .swiper-container .swiper-pagination-bullet{margin: 15px 0!important;}
    .banner .en{font-size: 20px;}
    .banner .cn{font-size: 16px;margin: 15px 0;}
    .banner .swiper-container .swiper-pagination-bullet:before{width: .2rem;left: -.42rem;}
    .index2 .swiper-container{height: 80vw;padding: 0 8vw;}
    .index2 .swiper-ctrl{display: none;}
    .index2 .swiper-slide{margin: 12px 0;height: 60%;}
    .index2 .item .txtbox{right: auto;left: 15px;}
    .index2 .item .txtbox .en{font-size: 18px;}
    .index2 .item .txtbox .cn{font-size: 14px;margin: 10px 0;line-height: 1;}
}

.procon{background: #eef7f7;padding: 5vw 0;}
.pro1{padding: 0 5vw;margin-bottom: 5vw;position: relative;}
.pro1 .swiperbtn{transition:all .5s;width: .6rem;position: absolute;top: 50%;margin-top: -.3rem;}
.pro1 .prev{left: -.3rem;}
.pro1 .next{right: -.3rem;}
.pro1 .item .iconhover{width: .6rem;height: .6rem;margin: 0 auto;}
.pro1 .item p{font-size: .18rem;color: #000;margin-top: .6vw;transition: all .5s;font-family: "Microsoft YaHei";}
.pro1 .item{text-align: center;}
.pro1 .swiper-slide{width: 10.5vw;height: 10.5vw;margin-right: 2.8vw;}
.pro1 .item{width: 100%;height: 100%;padding-top: 2.2vw;position: relative;display:  block;}
.pro1 .item:after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #11bcb7;transition: all .5s;transform: scale(.8);opacity: 0;z-index: -1;}
.pro1 .item.on:after{transform: scale(1);opacity: 1;}
.pro1 .item.on .iconhover img:nth-child(1){opacity: 0;}
.pro1 .item.on .iconhover img:nth-child(2){opacity: 1;}
.pro1 .item.on p{color: #fff;}
.pro2 .title{font-size: .42rem;color: #394854;font-weight: bold;margin-bottom: 1.5vw;font-family: "Microsoft YaHei";}
.pro2 .item .imgbox{position: relative;margin:0 -1vw;display: flex;align-items: center;justify-content: center;}
.pro2 .item .imgbox img{max-width: 80%;max-height: 100%;}
.pro2 .item .cn{font-size: .2rem;color: #000;margin-top: .06rem;font-family:"Microsoft Yahei";}
.pro2 .item .en{font-size: .14rem;color: rgba(0, 0, 0, 0.6);margin-top: .1rem;font-family: "EUCLIDCIRCULARA-LIGHT";}
.pro2 .item{display: block;background: #fff;text-align: center;padding: 2vw 1vw 3vw;transition: all .5s;cursor: pointer;}
.pro2 .col-sm-4{padding: 1.25vw 2.4vw;}
.pro2 .row{margin: 0 -2.4vw;}
.pro2 .pagebox{margin-top: 3.75vw;}
.pro2 .item:before{content:'';width: 0;left: 0;top: 0;background: #11bcb7;height: .05rem;position: absolute;transition: all .5s;}

.swiper-brd{display: flex;align-items: center;position: absolute;bottom: 8vw;left: 0;right: 0;z-index: 5;}
.swiper-brd .swiperbtn{width:4.5vw;height: 4.5vw;margin-left: 1.3vw;cursor: pointer;}
.swiper-brd .swiper-pagination{position: static;text-align: left;width: auto;flex: 1;}
.brand{background: url(../images/brandbg.jpg) no-repeat; background-size: cover;}
.brand .swiper-container{padding: 16vw 0 23vw;}
.brand .container{position: relative;}
.swiper-brd .swiper-pagination{font-size:.16rem;color: #394854; display: flex; align-items: flex-start;}
.swiper-brd .swiper-pagination span{ font-family: "EUCLIDCIRCULARA-LIGHT";}
.swiper-brd .swiper-pagination span:nth-child(1){font-size: 3vw;color: #11bcb7;font-family: "EUCLIDCIRCULARA-MEDIUM";  margin-right: .25rem; }
.swiper-brd .swiper-pagination span:nth-child(3){margin-left: .1rem; margin-top: .15rem;}
.swiper-brd .swiper-pagination span:nth-child(2){margin-top: .15rem;}
.brand .txtbox{transition: all .5s;position: absolute;bottom: -13vw;left: 0;right: 0;text-align: center;transform: translateY(-1vw);opacity: 0;}
.brand .h1{font-size:1.92vw;color: #394854; font-weight: bold;}
.brand .h2{font-size:.2rem;color: #394854;margin-top: 1vw;}
.brand .imgbox{transition: all .5s;position: relative;z-index: -1;filter: blur(1px); width: 100%; height: 4rem; }
.brand .imgbox img{object-fit: cover; width: 100%; height: 100%;}
.brand .swiper-slide-active .imgbox{transform:scale(1.5);z-index: 2;filter: blur(0);}
.brand .swiper-slide-active .txtbox{transform: translateY(0);opacity: 1;}
.brand .imgbox .num{font-size:9.5vw;font-family: "EUCLIDCIRCULARA-SEMIBOLD";color: #11bcb7;font-weight: 600;position: absolute;top:-7vw;right: -1.5vw;transform: translateY(1vw);opacity: 0;transition: all .5s;}
.brand .swiper-slide-active .num{transform: translateY(0);opacity: 1;}

/* 弹框 */
.popbox{position: fixed; z-index: 66; background: rgba(0, 0, 0, .59); left: 0; top: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.popcon{border-radius:.4rem ;box-shadow: 0px 20px 110.5px 19.5px rgba(172, 187, 165, 0.1); width: 54vw; background-color: rgb(255, 255, 255);  position: relative; }
.pop_pad{padding:.8rem .95rem 1rem;}
.close_pop{width: .5rem; height: .5rem; border-radius: 50%; background-color: #f3fbfa; position: absolute; right: 16px; top: 16px; cursor: pointer;}
.close_pop::before{width: .25rem; height: 3px; background-color:rgb(17, 188, 183) ; display: inline-block; border-radius: 100px; position: absolute; content: ''; left: 43%; top: 65%; transform: rotate(45deg) translate(-50%,0%);}
.close_pop::after{width: .25rem; height: 3px; background-color:rgb(17, 188, 183) ; display: inline-block; border-radius: 100px; position: absolute; content: ''; left: 46%; top: 27%; transform:rotate(-45deg) translate(-60%,0%);}
.pop_title img{width: .5rem; height: .5rem; margin:.15rem auto;}
.pop_title .h2{font-size: .36rem;font-weight: bold; text-align: center;}
.pop_content{margin-top: .55rem; font-size: 16px;line-height: 1.875;color: rgb(57, 72, 84);max-height:68vh; overflow-y: auto; padding:0  .15rem .15rem;}
.popbox.close{display: none;}


.pro_pad{padding:.32rem .5rem .5rem;}
.pro_title span{ font-size: 14px;color: #828282; font-weight: bold; padding: 0 .08rem;}
.proacitem{ color: #008755 !important;}
.pop_content img{max-width: 100%; margin: auto; }
.about-next{position: absolute; cursor: pointer; right:0; bottom: 0; display: flex; align-items: center; justify-content: center; width: .6rem; height: .6rem;  border: 1px solid #efefef; background-color: #11bcb7; border-radius: 50%;}
/* .about-next img{width: .25rem; transform: rotate(-360deg);} */
.about-prev-box{position: absolute;transition: all .6s; left: 100%; top: 0; right: 0; background-color: #FFF; bottom: 0;}
.about-prev{position: absolute;left:0 ; cursor: pointer;bottom: 0; display: flex; align-items: center; justify-content: center; width: .6rem; height: .6rem;  border: 1px solid #efefef; background-color: #11bcb7; border-radius: 50%;}
/* .about-prev img{width: .25rem; transform: rotate(-360deg);} */
.about-prev-con{height: 40vh;overflow-y: auto;}
.about-prev-box.active{left: 0;}
.about-prev .moreimg{transform: rotate(180deg);}
@media (max-width:1280px){
    header .navs .item>a{margin: 0 1.45vw;}
}
@media (max-width:1100px){
    .pro1 .swiper-slide{width: 12.5vw;height: 12.5vw;}
}


@media (min-width:1000px){
    .pro1 .prev:hover{transform: translateX(-5px);}
    .pro1 .next:hover{transform: translateX(5px);}
    .pro1 .item:hover:after{transform: scale(1);opacity: 1;}
    .pro1 .item:hover .iconhover img:nth-child(1){opacity: 0;}
    .pro1 .item:hover .iconhover img:nth-child(2){opacity: 1;}
    .swiper-brd .swiperbtn:hover img:nth-child(1){opacity: 0;}
    .swiper-brd .swiperbtn:hover img:nth-child(2){opacity: 1;}
    .pro1 .item:hover p{color: #fff;}
    .pro2 .item:hover:before{width: 100%;}
    .pro2 .item:hover{box-shadow: 0px 2.5vw 6vw 0px rgba(104, 129, 128, 0.24);transform: translateY(-5px);}

}
.webchatcode{position: absolute; overflow: hidden; background: #fff; border-radius: 6px; top: 0; transform: translateY(-100%); left: -50px ;width: 150px; z-index: 10; display: none;}
.webchatcode img{ width: 150px; }
@media (max-width:767px){
    .procon{padding: 25px 0;}
    .pro1 .swiper-slide{width: 24vw;height: 24vw;}
    .pro1 .item {padding-top: 3.5vw;}
    .pro1 .item p{font-size: 12px;}
    .pro1{padding: 0 7vw;margin-bottom: 25px;}
    .pro1 .swiperbtn{width: .5rem;}
    .pro1 .prev{left: -.2rem;}
    .pro1 .next{right: -.2rem;}
    .pro2 .title{font-size: 18px;margin-bottom: 15px;}
    .pro2 .col-sm-4{padding: 7.5px;}
    .pro2 .row{margin: -7.5px;}
    .pro2 .pagebox{margin-top: 25px;}
    .pro2 .item{padding: 15px 5px 15px;}
    .pro2 .item .cn{font-size: 13px;}
    .pro2 .item .en{font-size: 12px;}
    .brand .swiper-container{padding: 14vw 0 30vw;}
    .swiper-brd .swiper-pagination{font-size: 12px;}
    .swiper-brd .swiper-pagination span:nth-child(1){font-size: 24px;  }
    .swiper-brd .swiperbtn{width: 34px;height: 34px;}
    .brand .swiper-slide-active .txtbox{bottom: -24vw;left: -5vw;right: -5vw;}
    .brand .h1{font-size: 14px;}
    .brand .h2{font-size: 12px;margin-top: .1rem;}
    .popcon{width: 90vw;padding:.8rem .65rem 1rem;}
    .newsdel_title span{line-height: 3; font-size: 14px;}
    .newsdel_title p{font-size: .3rem;}
    .newsdel_content{padding:6vw 5vw;}
    .newsdelpad{padding: 0 5vw;}
    .about .container .about-out-box{display: block;}
    .brand .imgbox{height: 1.1rem;}
    .index2 .item{height: unset;}
    .webchatcode{left: 0;}
    .netcon {
        padding: 4vw 0 12vw;
    }
}

.deliver{color: #11bcb7;font-size: 18px; padding-right: 15px; font-weight: bold; margin-top: 45px; text-align: right;}
@media (min-width:1000px){
    .deliver{
        width: 54%;margin-left: 46%;
    } 
}