@charset "utf-8";
/*翻页条*/
.n_ba{ position: relative;}
.n_ba .imgBox .img{ padding-bottom: 30.20%;}

.n_container{ position: relative; z-index: 1;}

.n_ba{ position: relative; z-index: 1;}
.n_ba .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0%, transparent 100%);height: 2rem;transition: .5s;}
.n_ba .txt{position: absolute;right: 0;bottom: .5rem;left: 0;}
.n_ba h4{font-size: .38rem;color: #fff;line-height: 1.35;}

.pad1{ padding: 1.1rem 0; overflow: hidden;}

.tit1{ margin-bottom: .7rem}
.tit1 h4{ font-size: .24rem; color: #7e87d2; font-family: 'Alibaba PuHuiTi 3.0 Bold';}
.tit1 h3{font-size: .4rem;color: #282828;font-family: 'Alibaba PuHuiTi 3.0 Medium';font-weight: normal;align-items: flex-end;margin: .15rem 0 0;line-height: 1.25;}

.h3-1{font-size: .4rem;color: #2e2f30;line-height: 1.7;font-family: 'Alibaba PuHuiTi 3.0 Light';font-weight: normal;margin: 0 0 .8rem;}

.arc-con{ color: #828384;}

.about .fl1{ position: relative; z-index: 1;}
.about .fl1 .bg1{ position: absolute; position: absolute; width: 45.05vw; height: 45.05vw; top: -8%; left: 50%; transform: translateX(-50%); z-index: -1;}
.about .fl1 .bg{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #d2dced 1px solid;border-radius: 50vw;animation: roted 40s infinite linear;} 
.about .fl1 .bg::before{content: "";position: absolute;width: .11rem;height: .11rem;background: #a4aadb;border-radius: 50%;left: -.06rem;top: 50%;}
.about .fl1 .left{ width: 8.28rem}
.about .fl1 .left .tit1{ margin-bottom: 1.2rem}
.about .fl1 .left .imgBox{ margin-left: calc((100vw - 16rem)/2*-1); border-radius: 0 .15rem .15rem 0;}
.about .fl1 .right{ width: calc(100% - 8.28rem - 7.3vw);}
.about .fl1 .arc-con1{ position: relative;}
.about .fl1 .arc-con1:before{content: "";position: absolute;right: .02rem;top: 0;bottom: 0;width: 1px;background: #dee5f1}
.about .fl1 .arc-con{position: relative;height: 8.75rem;overflow: hidden;overflow-y: scroll;padding: 0 .15rem 0 0;}
.about .fl1 .arc-con::-webkit-scrollbar{width:.05rem;height:.05rem}
.about .fl1 .arc-con::-webkit-scrollbar-track{background:transparent;border-radius: 50vw}
.about .fl1 .arc-con::-webkit-scrollbar-thumb{background:#d1d4f3;border-radius: 50vw}

.tit1r{ text-align: right;}

.yh{align-items: center;margin: .2rem 0;}
.yh img{width: .3rem;margin: 0 !important;}
.yh2{ justify-content: flex-end;}

.list10 li{ width: 43.4375%; margin-bottom: .3rem;}
.list10 .a{ display: block;}
.list10 .imgBox{ border-radius: .15rem;}
.list10 .txt{ padding: .26rem 0 0;}
.list10 h6{ font-size: .18rem; color: #7e87d2;}
.list10 h4{font-size: .34rem;color: #282828;margin: .1rem 0 .4rem;}
.list10 li:nth-child(1) .a{ transform: translateY(-1.88rem);}

.about .fl2 .wps1 .arc-con p img{ border-radius: .15rem;}

.about .fl3{ position: relative; z-index: 1; padding-top: 0 !important; margin: .5rem 0 .3rem;}
.about .fl3::before{content: "";position: absolute;width: 44.37%;top: 0;bottom: 0;right: 0;background: url(../images/n_about_img.jpg) center no-repeat;background-size: cover; z-index: -1;border-radius: .15rem 0 0 .15rem;}
.about .fl3::after{ content: ""; position: absolute; width: 100%; top: 0; bottom: 0; right: 0; background: url(../images/Mission.png) center bottom no-repeat; background-size: 100% auto; z-index: -1; border-radius: .15rem 0 0 .15rem;}
.list11{ margin: 0 -7px;}
.list11 li{ flex: 1; padding: 0 7px;}
.list11 .a{height: 3rem;background: url(../images/list11_b.jpg) center no-repeat;background-size: cover;border-radius: .15rem;flex-direction: column;justify-content: center;text-align: center;padding: 0 .15rem;}
.list11 .ico{ width: .52rem; margin: 0 auto;}
.list11 .ico img{ width: 100%; transition: .5s;}
.list11 h4{ font-size: .2rem; color: #212121; line-height: .3rem; height: .6rem; margin: .15rem 0 0; transition: .5s;}

.about .fl4 .arc-con{ margin-top: -1.8rem;}

.about .fl5{padding: .5rem 0 1.75rem;}

.list12 li{ margin-right: .15rem;}
.list12 .a{ width: 4.8rem; height: 3.4rem; display: flex; background: url(../images/list12_b.jpg) center no-repeat; background-size: cover; transition: .5s; flex-direction: column; justify-content: center; align-items: center; padding: 0 .15rem; border-radius: .15rem}
.list12 .ico{ width: 2.3rem; height: 1.6rem; display: flex; justify-content: center; align-items: center;}
.list12 .ico img{ max-height: 1.6rem;}
.list12 h4{font-size: .19rem;color: #58595d;line-height: 1.5;text-align: center;margin: .3rem 0 0;text-transform: capitalize;}
.slideBox2{margin: .16rem 0 0;}

.background{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;overflow: hidden;}
.background .circle{position: absolute;background: black;width: 40vw;height: 40vw;margin: 1vw;border-radius: 50%;transform-origin: center;-webkit-animation-name: beat;animation-name: beat;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-duration: 10s;animation-duration: 10s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-filter: blur(80px);filter: blur(80px);background: rgba(164,170,219,.3);}
.background .circle:nth-child(2n-1){ left: -20vw}
.background .circle:nth-child(2n){ right: -20vw}

.background .c1{top: -22vw;}
.background .c2{top: 13%;}
.background .c3{top: 41%;}
.background .c4{top: 73%;}
.background .c5{top: 77%;}

@-webkit-keyframes beat{
    0%{
        -webkit-transform: scale(1) translateX(0px) translateY(0);
                transform: scale(1) translateX(0px) translateY(0);
    }
    50%{
        -webkit-transform: scale(1.9) translateX(60px) translateY(90px);
                transform: scale(1.9) translateX(60px) translateY(90px);
    }
    100%{
        -webkit-transform: scale(1) translateX(0px) translateY(0);
                transform: scale(1) translateX(0px) translateY(0);
    }
}

@keyframes beat{
    0%{
        -webkit-transform: scale(1) translateX(0px) translateY(0);
                transform: scale(1) translateX(0px) translateY(0);
    }
    50%{
        -webkit-transform: scale(1.9) translateX(60px) translateY(90px);
                transform: scale(1.9) translateX(60px) translateY(90px);
    }
    100%{
        -webkit-transform: scale(1) translateX(0px) translateY(0);
                transform: scale(1) translateX(0px) translateY(0);
    }
}

.about .background .c1{top: -22vw;}
.about .background .c2{top: 5%;}
.about .background .c3{top: 52%;}
.about .background .c4{top: 61%;}
.about .background .c5{top: 92%;}


@media(min-width: 1024px){
    .list11 .a:hover .ico img{ transform: rotateY(180deg);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .n_ba .imgBox .img{ padding-bottom: 50%;}
    .n_ba h4{ font-size: .2rem;}
    .n_ba .txt{ bottom: .15rem;}

    .tit1{ margin-bottom: .3rem}
    .tit1 h4{ font-size: .18rem;}
    .tit1 h3{font-size: .24rem;margin: .1rem 0 0;}
    .tit1 h3 br{ display: none}

    .pad1{ padding: .5rem 0;}
    .about .fl1 .left{ width: 100%;}
    .about .fl1 .right{width: 100%;padding: .3rem 0 0;}

    .h3-1{font-size: .22rem;margin-bottom: .3rem;line-height: 1.5;}

    .about .fl1 .arc-con1::before{  display: none;}
    .about .fl1 .arc-con{ height: auto; overflow: hidden; padding: 0;}

    .list10 li{width: 100%;}
    .list10 li:nth-child(1) .a{ transform: translateY(0);}

    .about .fl1{ padding-bottom: 0}

    .yh img{ width: .2rem}
    .yh{ margin: .15rem 0}
    .list10 h4{margin: .1rem 0 .2rem;}
    .list11 li{margin-bottom: .2rem;flex: auto;width: 50%;}
    .list11 .a{height: 2rem;}
    .list11 h4{font-size: .16rem;line-height: .24rem;height: .48rem;}
    .list11 .ico{ width: .44rem}

    .list12 .a{width: 2rem;height: 1.75rem;}
    .list12 .ico{ width: 1.5rem; height: 1rem;}
    .list12 .ico img{ max-height: 1rem;}
    .list12 h4{ margin: .1rem 0 0; font-size: .16rem;}
    
    .about .fl5{ padding: 0 0 .5rem;}

    .about .fl3{ margin: 0 0 0;}
    .about .fl2 .wps1{ margin-top: -.2rem;}
    .about .fl4 .arc-con{ margin-top: -.5rem;}

    .background .circle{background: rgba(164, 170, 219, 1);width: 30vw;height: 30vw;}
    .background .circle:nth-child(2n-1){left: -15vw;}
    .background .circle:nth-child(2n){right: -15vw;}
    
    .about .fl1 .left .imgBox{width: 100%;margin: 0;border-radius: .15rem;}
}
@media(max-width: 560px){
} 

.service .fl1 .left{ width: 7.5rem;}
.service .fl1 .right{ width: calc(100% - 7.5rem - 6.7vw);}
.service .fl1 .content{ padding: 0 .14rem; margin-bottom: 1.56rem; position: relative; z-index: 1;}
.other{position: absolute;top: 50%;right: 0;left: 0;pointer-events: none;z-index: -1;transform: translateY(-50%);}
.other > svg {width: 100%;}
.other > svg .wave {animation: wave 3s linear;animation-iteration-count: infinite;stroke: rgba(0, 0, 0, 0.3);stroke-width: 0.1px;fill: transparent;}
.other > svg .wave#wave3 {animation-duration: 7s;opacity: 0.3;}
.other > svg .wave#wave2 {animation-duration: 5s;animation-direction: reverse;opacity: .3;}

@keyframes wave {
    to {
      transform: translateX(-100%);
    }
}

.list13{margin: .8rem 0 0;align-items: flex-end;}
.list13 li{width: 21.65%;}
.list13 .a{display: block;position: relative;z-index: 1;overflow: hidden;border-radius: .15rem;transform: translateY(0.86rem);}
.list13 li .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(42,45,69,1) 0%, transparent 100%);height: 2rem;transition: .5s;}
.list13 li:nth-child(2), .list13 li:nth-child(3), .list13 li:nth-child(4){width: 16.5%;}
.list13 .imgBox .img{padding-bottom: 97.31%;}
.list13 li:nth-child(2) .imgBox .img, .list13 li:nth-child(3) .imgBox .img, .list13 li:nth-child(4) .imgBox .img{padding-bottom: 133.44%;}
.list13 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .2rem .25rem;}
.list13 h4{font-size: .2rem;color: #fff !important;text-align: center;line-height: .28rem;max-height: calc(.28rem* 2) \0;}

.list13 li:nth-child(2) .a{transform: translateY(0);}
.list13 li:nth-child(4) .a{transform: translateY(.1rem);}

.service .fl1 .wps1{ margin-top: 1.4rem;}
.service .fl1 .arc-con p img{ border-radius: .15rem;}
.service .fl1 .other{transform: translateY(0);}

.tit1c{text-align: center;margin-bottom: .5rem;}
.service .fl2{ padding-top: 0 !important;}
.service .fl2 .arc-con{ width: 12rem; max-width: 100%; margin: 0 auto; text-align: center;}

.list14W{ padding: 0 3.1vw; position: relative; z-index: 1; margin-bottom: .65rem;}
.list14Box{margin: .8rem 0 0;padding-bottom: .1rem;}
.list14Box .dots{ justify-content: center; align-items: center; margin: .32rem 0 0;}
.list14Box .dots span{ width: .28rem; height: .28rem; position: relative; background: none; opacity: 1; margin: 0 .1rem !important;}
.list14Box .dots span::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: #7e87d2 1px solid; transition: .5s; transform: scale(0); opacity: 0;}
.list14Box .dots span::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: .06rem; height: .06rem; background: #a3a3a3; border-radius: 50%; transition: .5s;}
.list14Box .dots span.active::before{ opacity: 1; transform: scale(1);}
.list14Box .dots span.active::after{ background: #7e87d2;}

.list14 .a{display: block;position: relative;transition: .5s;transform: scale(.5423);/* overflow: hidden; */border-radius: 50vw;}
.list14 .imgBox{ border-radius: 50vw;}
.list14 .imgBox .img{ padding-bottom: 100%; background: #000}
.list14 .imgBox .img img{ opacity: .65}
.list14 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;align-items: center;justify-content: center;text-align: center;padding: 0 7%;border-radius: 50vw;}
.list14 .txt h4{ font-size: .36rem; color: #fff; line-height: 1.5; }
.list14 .txt1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #a4aadb;flex-direction: column;justify-content: center;text-align: center;padding: 0 10%;opacity: 0;transition: .5s;border-radius: 50vw;}
.list14 .txt1 h4{ font-size: .3rem; color: #fff; line-height: 1.26; width: 4rem; margin: 0 auto; max-width: 100%}
.list14 .txt1 p{ font-size: .16rem; color: #fff; line-height: 1.875; opacity: .8; margin: .24rem 0 0}

.list14 li.swiper-slide-active .a{ transform: scale(1);}
.list14 li.swiper-slide-active .txt1{ opacity: 1}

.service .fl3{position: relative;z-index: 1;padding: .9rem 0;}
.service .fl3::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: #a4aadb; width: 23.28125%; border-radius: .15rem 0 0 .15rem;}
.service .fl3 .wp{ align-items: center;}
.service .fl3 .left{width: calc(100% - 7.2rem - 6.7vw);}
.service .fl3 .right{width: 7.2rem;}
.service .fl3 .right .imgBox{ margin-right: calc((100vw - 16rem) / 2* -1); border-radius: .15rem 0 0 .15rem;}
.service .fl3 .right .imgBox .img{ padding-bottom: 67.54%;}

.service .fl4 .tit1{ margin-bottom: .5rem}
.service .fl4 .left{ width: calc(100% - 4.7rem - 6.7vw); order: 1;}
.service .fl4 .right{ width: 4.7rem;}
.service .fl4 .right .imgBox{margin-left: calc((100vw - 16rem) / 2* -1);border-radius: 0 .15rem .15rem 0;position: absolute;top: 0;right: 0;left: 0;}
.service .fl4 .right .imgBox .img{ padding-bottom: 155.80%;}

.list15Box{margin: .7rem calc((100vw - 16rem)/2*-1 - 42%) 1rem 0;padding: .2rem 0;}
.list15 .a{ display: block; padding: .52rem .52rem; min-height: 4.6rem; background: #fff; border-radius: .15rem; box-shadow: 0 0 .2rem rgba(174,181,242,.1); height: 100%;}
.list15 .ico{ width: .7rem;}
.list15 .ico img{ width: 100%; transition: .5s;}
.list15 h4{font-size: .28rem;color: #282828;line-height: 1.5;transition: .5s;margin: .15rem 0 .35rem;}

.service .fl5{ padding-top: .7rem; overflow: visible;}
.service .fl5 .left{width: 6.7rem;padding-bottom: 1rem;}
.service .fl5 .left .box{ position: sticky; top: .5rem;}
.service .fl5 .right{ width: calc(100% - 6.7rem - 6.7vw);}

.list16 li{width: 46.25%;margin-bottom: .58rem;}
.list16 .a{display: block;padding: .52rem .4rem;min-height: 4.65rem;border-radius: .15rem;border: #e2e3ea 1px solid; height: 100%; transition: .5s;}
.list16 .ico{ width: .7rem;}
.list16 .ico img{ width: 100%; transition: .5s;}
.list16 h4{font-size: .28rem;color: #282828;line-height: 1.35;transition: .5s;margin: .15rem 0 .25rem;}
/* .list16 li:nth-child(2n) .a{ transform: translateY(1rem);} */

.service .background .c1{top: -22vw;}
.service .background .c2{top: 5%;}
.service .background .c3{top: 39%;}
.service .background .c4{top: 29%;}
.service .background .c5{top: 58%;left: 50%;}
.service .background .c6{top: 86%;left: -20%;}

@media(min-width: 1024px){
    .list15 .a:hover .ico img, .list16 .a:hover .ico img{ transform: rotateY(180deg);}
    .list16 .a:hover{ border: #a4aadb 1px solid;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .service .fl1 .left{ width: 100%;}
    .service .fl1 .right{ width: 100%;}

    .list13{ margin: .3rem 0 0;}
    .list13 li{ width: 48.5% !important; margin-bottom: .2rem;}
    .list13 .a{ transform: translateY(0) !important;}
    .list13 .imgBox .img{ padding-bottom: 97.31% !important;}
    .list13 li:first-child{ width: 100% !important;}
    .list13 .txt{ padding: 0 .15rem .15rem;}

    .service .fl1 .content{ margin-bottom: .2rem;}
    .service .fl1 .wps1{ margin-top: .4rem;}

    .tit1c{ margin-bottom: .3rem}

    .list14 .txt1 h4{ font-size: .2rem;}
    .list14 .txt1 p{font-size: .14rem;margin: .15rem 0 0;}
    .list14 .txt{ opacity: 0;}
    .list14Box{ margin: .3rem 0 0}
    .list14 .a{ transform: scale(.9);}
    .list14W{ margin-bottom: .3rem}

    .service .fl3 .left{ width: 100%;}
    .service .fl3 .right{ width: 100%;}
    .service .fl3::before{ display: none;}
    .service .fl4 .right .imgBox{width: 100%;margin: 0;position: relative;border-radius: .15rem;}

    .service .fl3{ padding: 0;}

    .service .fl4 .left{ width: 100%}
    .service .fl4 .right{width: 100%;order: 2;padding: .3rem 0 0;display: none;}
    .list15Box{width: 100%;margin: .15rem 0 0;}
    .list15 .a{padding: .25rem;min-height: 4.6rem;box-shadow: none;border: #e2e3ea 1px solid;}

    .list15 .ico{ width: .44rem;}
    .list15 h4{font-size: .2rem;margin: .15rem 0 .25rem;} 

    .service .fl4{ padding-bottom: 0;}
    .service .fl5{padding-top: 0;overflow: hidden;}

    .service .fl5 .left{width: 100%;padding-bottom: .3rem;}
    .service .fl5 .right{ width: 100%;}
    .list16 li{width: 100%;margin-bottom: .25rem;}
    .list16 .a{padding: .25rem;min-height: 3rem;}
    .list16 .ico{ width: .44rem;}
    .list16 h4{font-size: .2rem;margin: .15rem 0 .25rem;} 
} 
@media(max-width: 560px){
} 

.list17{ margin-bottom: .05rem;}
.list17 .a{align-items: center;background: #fff;border-radius: .15rem;}
.list17 .imgBox{width: 7.4rem;margin: 0 3.6vw 0 0;border-radius: .15rem;} 
.list17 .imgBox .img{ padding-bottom: 60.81%;}
.list17 .txt{ flex: 1; overflow: hidden;}
.list17 .time h3{font-size: .2rem;color: #636780;font-weight: normal;font-family: 'Alibaba PuHuiTi 3.0 Light';}
.list17 .time h6{font-size: .36rem;color: #636780;}
.list17 h4{margin: .25rem 0 .5rem;}
.more1{font-size: .36rem;color: #e7e7e7;font-family: 'lib';transition: .5s;}


.list18 .a{ align-items: center; padding: .7rem 0; border-bottom: #e0e0e0 1px solid; position: relative;}
.list18 .a:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #7e87d2; transition: .5s;}
.list18 .time{width: 2.36rem;padding-bottom: 1.5rem;}
.list18 .time h3{font-size: .2rem;color: #636780;font-weight: normal;font-family: 'Alibaba PuHuiTi 3.0 Light'; transition: .5s;}
.list18 .time h6{font-size: .36rem;color: #636780; transition: .5s;}
.list18 .txt{ flex: 1; overflow: hidden;}
.list18 p{ margin: .3rem 0 .4rem;}
.list18 .imgBox{width: 4.75rem;margin: 0 0 0 7vw;border-radius: .15rem;} 
.list18 .imgBox .img{ padding-bottom: 58.94%;}

.pad2{ padding: 1rem 0 1.4rem; overflow: hidden;}

.events .background .c1{top: -22vw;}
.events .background .c2{top: 8%;}
.events .background .c3{top: 50%;}

@media(min-width: 1024px){
    .a:hover .more1{ color: #7e87d2;}

    .list18 .a:hover:after{ width: 100%;}
    .list18 .a:hover .time *{ color: #7e87d2;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .pad2{ padding: .5rem 0 .6rem;}

    .list17 .imgBox{ width: 100%; margin: 0 0 .2rem;}
    .list17 .txt{ flex: auto; width: 100%;}
    .list17 .time h3{font-size: .14rem;}
    .list17 .time h6{font-size: .24rem;}
    .list17 h4{margin: .15rem 0 .25rem;}

    .more1{ font-size: .26rem;}

    .list18 .a{ padding: .3rem 0;}
    .list18 .time{width: 1.1rem;padding-bottom: .2rem;}
    .list18 .txt{flex: auto;width: calc(100% - 1.1rem);}
    .list18 .imgBox{ width: 100%; margin: 0 0 .2rem; order: -1}
    .list18 .a{ align-items: flex-start}
    .list18 .time h3{font-size: .14rem;}
    .list18 .time h6{font-size: .24rem;}
    .list18 p{ margin: .15rem 0 .2rem;}
} 
@media(max-width: 560px){
} 

.arc-tit{margin-bottom: .3rem;}
.arc-tit h3{font-size: .38rem;color: #212121;}
.arc-tit h6{margin: .2rem 0 0;}
.arc-tit h6 span{font-size: .16rem;color: #a4aadb;}

.news_d .left{width: calc(100% - 4.64rem);padding: 0 .6rem .5rem 0;}
.news_d .right{width: 4.64rem;padding: 0;}
.news_d .right .sticky>h3{font-size: .3rem;color: #212121;font-weight: normal;font-family: 'Alibaba PuHuiTi 3.0 Medium';margin-bottom: .2rem;}
.news_d .sticky{ position: sticky; top: .3rem;}
.news_d .arc-con img{ border-radius: .15rem;}

.list19 li{margin-bottom: .22rem;}
.list19 .a{ align-items: center;}
.list19 .imgBox{width: 1.76rem;margin: 0 .2rem 0 0;border-radius: .15rem;}
.list19 .imgBox .img{ padding-bottom: 67.85%;}
.list19 .txt{ flex: 1; overflow: hidden;}
.list19 h6{display: flex;align-items: center;font-size: .14rem;margin: .2rem 0 0;}
.list19 h6 img{width: .13rem;margin: 0 .1rem 0 0;}
.list19 h4{font-size: .18rem;line-height: .24rem;max-height: calc(.24rem * 2)\0;}

.arrow1{ width: 1.2rem; align-items: center;}
.arrow1 .arrow{width: .55rem;height: .55rem;border: rgba(255,255,255,.6) 1px solid;border-radius: 50vw;font-size: .14rem;color: #fff;cursor: pointer;font-family: 'lib';align-items: center;justify-content: center;display: flex;transition: .5s}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .news_d .left{width: 100%;padding: 0 0 .3rem;border: none;}
    .news_d .right{width: 100%;padding: 0;}
    .arc-tit h3{ font-size: .24rem}
    .arc-tit h6{ margin: .15rem 0 0;}
    .news_d .right .sticky>h3{ font-size: .24rem}
} 
@media(max-width: 560px){
} 

.hezuo .left{ width: 2.3rem; position: relative; z-index: 1; padding: .8rem 0;}
.hezuo .left::before{ content: ""; background: #a4aadb; position: absolute; top: 0; bottom: 0; left: calc((100vw - 16rem)/2*-1); right: 0; z-index: -1; pointer-events: none; border-radius: 0 .15rem .15rem 0;}
.hezuo .left .ico{ width: .64rem; margin: 3rem 0 0;}
.hezuo .left .ico img{ width: 100%;}
.hezuo .right{ width: calc(100% - 2.3rem); padding: 2.5rem 0 0;}

.tit2{margin-bottom: .45rem;}
.tit2 h4{ font-size: .24rem; color: #fff; font-family: 'Alibaba PuHuiTi 3.0 Bold';}
.tit2 h3{font-size: .46rem;color: #282828;font-family: 'Alibaba PuHuiTi 3.0 Medium';font-weight: normal;align-items: flex-end;margin: .15rem 0 0;line-height: 1.25;white-space: nowrap;}

.list20W{ margin: 0 calc((100vw - 16rem)/2*-1 - 7%) 0 0;}
.list20Box{ height: 3.94rem;}
.list20Box_down{height: 3.94rem;display: flex;justify-content: flex-end;}
.list20 li{height: 1.97rem;margin-bottom: -1px;}
.list20 .a{width: 100%;display: flex;align-items: center;justify-content: center;border: #e2e3eb 1px solid;border-right: none;transition: .5s;height: 100%;}
.list20 .imgBox .img{background: none;padding-bottom: 0;}
.list20 .imgBox .img img{position: relative;width: 100%;height: 100%;max-width: 2rem;max-height: .7rem;}

.hezuo .background .c2{ top: 20%;}
.hezuo .fl2{ padding-top: 0 !important;}
.hezuo .fl2 .left{order: 1;display: flex;flex-direction: column;align-items: flex-end;}
.hezuo .fl2 .left::before{ right: calc((100vw - 16rem)/2*-1); left: 0; border-radius: .15rem 0 0 .15rem;}
.hezuo .fl2 .list20W{ margin: 0 0 0 calc((100vw - 16rem)/2*-1 - 7%);}
.hezuo .fl2 .tit2{ text-align: right;}

@media(min-width: 1024px){
    .arrow1 .arrow:hover{ background: #fff; color: #a4aadb; border: #fff 1px solid}

    .list20 .a:hover{ background: rgba(173,180,240,.2);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .hezuo .left{ padding: .3rem 0;}
    .hezuo .left{ width: 1.2rem;}
    .hezuo .right{ width: calc(100% - 1.2rem); padding-top: 1.5rem;}  
    .list20W{ margin: 0 -15px 0 0 !important;}

    .hezuo .left::before{ left: -15px !important;}

    .tit2{ margin-bottom: .3rem}
    .tit2 h4{ font-size: .18rem;}
    .tit2 h3{font-size: .24rem;margin: .1rem 0 0;}

    .arrow1{ width: 1rem;}
    .arrow1 .arrow{ width: .44rem;height: .44rem;font-size: .13rem;}

    .list20 .imgBox .img img{ height: 1.1rem;}
    .list20Box{ height:2.2rem;}
    .list20 li{height: 1.1rem;}

    .hezuo .left .ico{ margin: 1.5rem 0 0; width: .4rem;}

    .hezuo .fl2 .left::before{ left: 0 !important; right: -15px !important;}
    .hezuo .fl2 .list20W{ margin: 0 0 0 -15px !important;}
} 
@media(max-width: 560px){
} 

.hezuo_d .left{ width: 6.3rem;}
.hezuo_d .left .ico{width: 1.45rem;height: 1.45rem;display: flex;justify-content: center;align-items: center; position: relative;z-index: 1;border: #dee5f1 2px solid; border-radius: 50%;}
.hezuo_d .left .ico img{width: 100%;height: 100%;max-width: 1rem; max-height: 1rem;object-fit: contain;border-radius: 10px;}
/* .hezuo_d .left .ico:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #dee5f1 2px solid; border-radius: 50%;} */
.hezuo_d .right{ width: calc(100% - 6.3rem);}

/* .arc-con img{ border-radius: .15rem;} */

.hezuo_d .left .sticky{ position: sticky; top: .3rem;}

.hezuo_d .right .arc-con1{ position: relative; margin-bottom: .4rem;}
.hezuo_d .right .arc-con1:before{content: "";position: absolute;right: .02rem;top: 0;bottom: 0;width: 1px;background: #dee5f1}
.hezuo_d .right .arc-con1 .arc-con{position: relative;height: 5.4rem;overflow: hidden;overflow-y: scroll;padding: 0 .15rem 0 0;}
.hezuo_d .right .arc-con1 .arc-con::-webkit-scrollbar{width:.05rem;height:.05rem}
.hezuo_d .right .arc-con1 .arc-con::-webkit-scrollbar-track{background:transparent;border-radius: 50vw}
.hezuo_d .right .arc-con1 .arc-con::-webkit-scrollbar-thumb{background:#d1d4f3;border-radius: 50vw}

.hezuo_d .background .c1{top: 20vw;}
.hezuo_d .background .c2{top: 72%;}

.more2{display: flex;width: 2rem;height: 2rem;position: relative;z-index: 1;margin: 1.86rem 0 0 .7rem; transition: .5s;}
.more2::before{content: "";position: absolute;background: #a4aadb url(../images/more2.svg) center no-repeat;background-size: 100% 100%;border-radius: 50vw;top: 0;right: 0;bottom: 0;left: 0;animation: roted 20s infinite linear; }
.more2::after{content: "";position: absolute;background: url(../images/more2_j.png) center no-repeat;background-size: 100% 100%;border-radius: 50vw;top: 0;right: 0;bottom: 0;left: 0;}

.hezuo_d .bg1{position: absolute;bottom: 0;right: 0;left: 0;z-index: -1;}
.hezuo_d .bg1 img{height: 19.73vw;animation: bg1s 20s infinite linear;transform-origin: bottom;}

@keyframes bg1s{
    0% { 
         transform: scaleY(1);
    }
    50% {
        transform: scaleY(.6);
    }
    100% { 
        transform: scaleY(1);
   }
}

@media(min-width: 1024px){
    .more2:hover{ transform: scale(.8);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .hezuo_d .left .ico{width: .8rem;margin: 0 auto;}
    .hezuo_d .right{width: 100%;padding: .4rem 0 0;}
    .hezuo_d .right .arc-con1 .arc-con{height: auto;overflow: hidden;padding: 0;}

    .more2{width: 1.4rem;height: 1.4rem;margin: .4rem auto .2rem;}

    .hezuo_d .tit1{ text-align: center;}
    .hezuo_d .right .arc-con1:before{ display: none}
} 
@media(max-width: 560px){
} 

.pad3{ padding: 1.6rem 0; overflow: hidden;}

.tit3{ margin-bottom: .35rem;}
.tit3 h3{ font-size: .46rem;color: #fff;font-family: 'Alibaba PuHuiTi 3.0 Medium';font-weight: normal;}

.join .fl1 .wp{ align-items: center;}
.join .fl1 .left{ width: 32%; position: relative; z-index: 2;}
.join .fl1 .left .txt{ margin: 0 -2.38rem 0 0; background: #a4aadb; border-radius: .15rem; padding: .7rem .9rem;}
.join .fl1 .left .arc-con{ color: #fff;}
.join .fl1 .right{ width: 68%;}
.join .fl1 .right .imgBox{ border-radius: .15rem;}
.join .fl1 .right .imgBox .img{ padding-bottom: 56.98%;}

.join .fl2{ padding-top: 0 !important;}
.join .fl2 .left{ width: 5.75rem;}
.join .fl2 .left .imgBox{margin: 0 0 0 calc((100vw - 16rem)/2*-1); border-radius: .15rem;}
.join .fl2 .left .imgBox .img{ padding-bottom: 84.46%}
.join .fl2 .right{ width: calc(100% - 5.75rem - 11.35%);}

.checks{margin: 0 -7px -.2rem;}
.checks li{width: 33.33%;padding: 0 7px;margin-bottom: .3rem;}
.checks li lable{ display: flex; align-items: center}
.checks input[type='radio'],.checks input[type='checkbox']{width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.checks .input_style{width: .23rem;height: .23rem;display: inline-block;border: #ccd3da 1px solid;border-radius: .03rem;margin: 0 .1rem 0 0;cursor: pointer;background-size: 100% 100% !important;}
.checks .input_style.checkbox_bg_check{ background: url(../images/check.png) center no-repeat;}

.miso_f1 .box{margin: 0 -.1rem;}
.miso_f1 .box .con{width: 50%;padding: 0 .1rem;margin-bottom: .3rem;}
.miso_f1 .box .con.conw100{ width: 100%;}
.miso_f1 .box .con h4{ font-size: .18rem; color: #313131; margin-bottom: .15rem; padding:0 .03rem}
.miso_f1 .input{height: .58rem;border: #ccd3da 1px solid;position: relative;border-radius: .05rem;}
.miso_f1 .input input{width: 100%;height: 100%;background: none;padding: 0 .2rem;font-size: .17rem;color: #333;/* background: #fff; */border-radius: .1rem;}
.miso_f1 .textarea{height: 1.7rem;border: #ccd3da 1px solid;position: relative;border-radius: .1rem;padding: .15rem 0;}
.miso_f1 .textarea textarea{width: 100%;height: 100%;background: none;padding: 0 .2rem;font-size: .16rem;color: #333;/* background: #fff; */border-radius: .05rem;}
.miso_f1 .input .yzm{ position: absolute; top: 50%; transform: translateY(-50%); right: .1rem}
.miso_f1 button{width: 100%;height: .65rem;background: #a4aadb;border-radius: .05rem;font-size: .18rem;color: #fff;cursor: pointer;transition: all .5s;display: flex;align-items: center;justify-content: center;font-family: 'Alibaba PuHuiTi 3.0 Medium';}
.miso_f1 button i{ font-size: .24rem; color: #fff; font-family: 'iconfont'; margin: 0 0 0 .1rem}
.miso_f1 button:hover{background: #aeb5f2;}

.miso_f1 .box:last-child{ margin-bottom: 0;}

.h3-2{width: 100%;font-size: .17rem;color: #303132;padding: 0 .3rem;margin-bottom: .25rem;}

.join .background .c1{top: 15vw;}
.join .background .c2{top: 45%;}
.join .background .c3{top: 85%;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .join .fl1 .left{ width: 100%;}
    .join .fl1 .left .txt{margin: 0;padding: .3rem .25rem;}
    .join .fl1 .right{ width: 100%; margin: .3rem 0 0;}

    .join .fl2 .left .imgBox{ margin: 0;}
    .join .fl2 .left{ width: 100%;}
    .join .fl2 .right{ width: 100%;}

    .join .fl2 .left{ width: 100%;}
    .join .fl2 .right{width: 100%;margin: .3rem 0 0;}

    .pad3{ padding: .5rem 0}
    .miso_f1 .box .con{margin-bottom: .15rem;width: 100%;}
    .checks{margin: 0 -7px -.1rem;}
    .checks li{ width: 100%; margin-bottom: .15rem;}

    .tit3{ margin-bottom: .2rem}
    .tit3 h3{ font-size: .24rem}
} 
@media(max-width: 560px){
} 

.contact .left{ width: 23.625%;}
.contact .left .imgBox{ margin: 0 0 0 calc((100vw - 16rem)/2*-1); border-radius: 0 .15rem .15rem 0;}
.contact .left .imgBox .img{ padding-bottom: 148.42%;}
.contact .center{ width: 3.44rem; padding: .86rem 0 0; position: relative; z-index: 1;}
.contact .center h3{font-size: .52rem;font-family: 'Alibaba PuHuiTi 3.0 Bold';margin: 0 0 .5rem -8.5vw;}
.contact .center .box .con{ margin-bottom: .4rem}
.contact .center .box .con h4{ font-size: .16rem; font-family: 'Alibaba PuHuiTi 3.0 Medium'; margin-bottom: .1rem}
.contact .center .box .con p, .contact .center .box .con p a{ color: #6c738c; font-size: .16rem; font-family: 'Alibaba PuHuiTi 3.0 Medium';}
.contact .right{ width: calc(100% - 23.625% - 3.44rem - 3.6vw*2); padding: .86rem 0 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .contact .left{width: 100%;display: none;}
    .contact .left .imgBox{ margin: 0;}
    .contact .center{width: 100%;padding: 0;}
    .contact .center h3{margin: 0 0 .25rem;font-size: .3rem;}
    .contact .right{width: 100%;padding: .3rem 0 0;}
    .contact .center .box .con{ margin-bottom: .2rem}
    .contact .center .box .con h4{ margin-bottom: .06rem;}
} 
@media(max-width: 560px){
} 

.n_ej{ position: relative; z-index: 1; margin: -.2rem 0 0;}
.n_ej:before{content: "";position: absolute;left: 0;top: .14rem;bottom: .14rem;background: rgba(255,255,255,.5);width: 1px;}
.n_ej .a{font-size: .18rem;color: #a5adbc;display: block;padding: .12rem 0 .12rem .22rem;position: relative;z-index: 1; transition: .5s;}
.n_ej .a:before{content: "";position: absolute;width: 2px;height: 0;background: #7e87d2;top: 50%;left: 0;transform: translateY(-50%);transition: .5s;}

.n_ej li.on .a{ color: #282828}
.n_ej li.on .a:before{ height: .2rem}

.huiyuan .fl1 .left{ width: calc(50% - 2.86vw);}
.huiyuan .fl2{ padding-top: 0 !important; margin-top: -5.1rem;}
.list21{ margin-bottom: 5.1rem;}
.list21 li{ width: calc(50% - 2.86vw); margin-bottom: .6rem;}
.list21 .a{ display: block; }
.list21 .imgBox{ border-radius: .15rem .15rem 0 0;}
.list21 .imgBox .img{ padding-bottom: 62.41%;}
.list21 .txt{ background: #fff; height: 2.1rem; align-items: center; padding: 0 .32rem; border-radius: 0 0 .15rem .15rem;}
.list21 .ico{ width: 1.2rem; height: 1.2rem; position: relative; z-index: 1; margin: 0 .24rem 0 0;display: flex;align-items: center;justify-content: center;border: #e7e7e7 2px solid; border-radius: 50%;}
.list21 .ico img{width: 100%;height: 100%;object-fit: contain;max-width: .7rem;max-height: .6rem;}
/* .list21 .ico:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e7e7e7 2px solid; border-radius: 50%;} */
.list21 .con{ flex: 1; overflow: hidden;}
.list21 p{ margin: .1rem 0 0;}

.list21 li:nth-child(2n-1) { transform: translateY(5.1rem);}

.huiyuan .background .c1{top: -22vw;}
.huiyuan .background .c2{top: 5%;}
.huiyuan .background .c3{top: 52%;}
.huiyuan .background .c4{top: 76%;}

@media(min-width: 1024px){
    .n_ej .a:hover{ color: #282828}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .huiyuan .fl2{ padding-top: 0 !important; margin-top: 0;}
    .list21{ margin-bottom: 0;}
    .list21 li{width: 100%;margin-bottom: .3rem;}
    .list21 li:nth-child(2n-1) .a{ transform: translateY(0);}
    .list21 .txt{height: 1.4rem;padding: 0 .25rem;}
    .list21 .ico{ width: .7rem; height: .7rem;}
    .huiyuan .fl1 .left{ width: 100%;}
    .n_ej .a{ padding: .07rem 0 .07rem .22rem}
} 
@media(max-width: 560px){
} 

.huiyuan_d .fl1 .left{width: 6.3rem;max-width: 100%;}
.huiyuan_d .fl1 .left .ico{width: 1.45rem;height: 1.45rem;position: relative;z-index: 1;border: #d4d7e8 2px solid; border-radius: 50%;    display: flex;justify-content: center;align-items: center;}
.huiyuan_d .fl1 .left .ico img{width: 100%;height: 100%;max-width: 1rem;max-height: .6rem;object-fit: contain;}
/* .huiyuan_d .fl1 .left .ico:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d4d7e8 2px solid; border-radius: 50%;} */
.huiyuan_d .fl1 .right{ width: calc(100% - 6.3rem);}
.huiyuan_d .fl1 .right .imgBox{ margin: .5rem calc((100vw - 16rem)/2*-1) 0 0; border-radius: .15rem 0 0 .15rem;}
.huiyuan_d .fl1 .right .imgBox .img{ padding-bottom: 52.43%;}

.huiyuan_d .fl1 .left .sticky{ position: sticky; top: .3rem;}

.huiyuan_d .bg1{position: absolute;bottom: 0;right: 0;left: 0;z-index: -1;}
.huiyuan_d .bg1 img{height: 19.73vw;animation: bg1s 20s infinite linear;transform-origin: bottom;}

.huiyuan_d .fl2{ padding-top: .4rem !important;}

.list22 .a{ display: block; transition: .5s; padding-bottom: .6rem;}
.list22 .imgBox{ border-radius: .15rem;}
.list22 .imgBox .img{ padding-bottom: 72.72%;}
.list22 h4{ text-align: center; font-size: .22rem; color: #282828; margin: .2rem 0 0;}

.list22 li.swiper-slide-active .a, .list22 li.swiper-slide-active + li + li .a{ transform: translateY(.56rem);}

.huiyuan_d .fl2 .arrow1 .arrow{ border: #c4c7d7 1px solid; color: #a4aadb}

.huiyuan_d .fl3{ position: relative;z-index: 1;}
.huiyuan_d .fl3 .wp{ justify-content: flex-end;}
.huiyuan_d .fl3 .left{width: 3.3rem;position: absolute;top: 0;bottom: 0;left: calc((100vw - 16rem)/2);z-index: 1;}
.huiyuan_d .fl3 .left::before{content: "";position: absolute;background: url(../images/huiyuan_d_b.jpg) center no-repeat;background-size: cover;top: 0;right: 0;bottom: 0;left: calc((100vw - 16rem)/2*-1);border-radius: 0 .15rem .15rem 0;}
.huiyuan_d .fl3 .left .imgBox{ margin: 0 0 0 calc((100vw - 16rem)/2*-1);}
.huiyuan_d .fl3 .right{ width: calc(100% - 3.3rem - 5.2vw);}

.list23W{ padding: 0 8.4%;}
.list23Box{ margin: .8rem 0 .2rem; overflow: visible;}
.list23Box{ justify-content: center; display: flex; text-align: center;}
.list23 .a{ display: block; position: relative;}
.list23 .imgBox{ border-radius: .15rem;}
.list23 .imgBox::after{content: "";position: absolute;height: 1rem;right: 0;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);}
.list23 .imgBox .img{ padding-bottom: 69.76%;}
.list23 .txt{ position: absolute; right: 0; bottom: 0; left: 0; text-align: center; padding: .2rem .15rem;}
.list23 h4{ text-align: center; font-size: .2rem; color: #fff;}

.huiyuan_d .fl2 .more2{ margin: 1.8rem auto 0;}

.list24 .a{position: relative;z-index: 1;align-items: center;}
.list24 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border: #e5e5e6 1px solid; border-radius: .1rem;}
.list24 .imgBox{ width: 3.2rem; border-radius: .1rem 0 0 .1rem;}
.list24 .imgBox .img{ padding-bottom: 102.8125%;}
.list24 .txt{ flex: 1; overflow: hidden; padding: 0 .38rem;}
.list24 h4{ margin-bottom: .22rem; font-size: .22rem; line-height: .28rem; max-height: calc(.28rem * 2)\0}

.huiyuan_d .fl4{ padding: 1rem 0 1.4rem !important;}

@media(min-width: 1024px){
    .list22W .arrow1 .arrow:hover{ background: #7e87d2; color: #fff; border: #7e87d2 1px solid}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .huiyuan_d .fl4{ padding: .5rem 0 .7rem !important;}

    .huiyuan_d .fl1 .left{ width: 100%}
    .huiyuan_d .fl1 .right{ width: 100%; padding: .4rem 0 0}
    .huiyuan_d .fl1 .left .ico{ width: .8rem;}
    .huiyuan_d .fl2{ padding-top: 0 !important;}

    .huiyuan_d .fl1 .right .imgBox{margin: .3rem 0 0;border-radius: 0.15rem 0.15rem;}
    .list22 li.swiper-slide-active .a, .list22 li.swiper-slide-active + li + li .a{ transform: translateY(0);}
    .list22 h4{ margin: .1rem 0 0}

    .huiyuan_d .fl3 .left{ width: 100%; left: 0; display: none;}
    .huiyuan_d .fl3 .right{ width: 100%;}

    .list22 .a{ padding-bottom: 0;}
    .huiyuan_d .fl3{ padding-top: 0 !important;}

    .list23W{ padding: 0;}
    .list23Box{ margin: .3rem 0 0;}
    .list23 .txt{ padding: 0 .15rem .12rem;}

    .list24 .imgBox{ width: 1.75rem;}
    .list24 .txt{ padding: 0 .2rem;}
    .list24 h4{ margin-bottom: .1rem;}
    .huiyuan_d .fl2 .more2{ margin: .6rem auto 0;}
} 
@media(max-width: 560px){
} 

.page{

}
.page .box {
    margin-top: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .15rem;
    flex-wrap: wrap;
}

.page .box a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    border: 1px solid #d6d7db;
    min-width: .5rem;
    height: .5rem;
    font-size: .14rem;
    transition: .5s;
    color: #3d3d3d
}

.page .box a.on {
    color: #fff;
    background: #aeb5f2;
    border: 1px solid #aeb5f2
}

.page .box a:hover {
    color: #fff;
    background: #aeb5f2;
    border: 1px solid #aeb5f2
}

.page .box a:hover svg path{
    fill: #fff;
}

.page .box i {
    font-size: .875rem;
    transition: 0s
}