@charset "utf-8";
body,html{position:relative;height:100%}
.banner{position:relative;}
.banner:after{content: '';width: 6.3rem;bottom: 0;background: #06175a;position: absolute;right: 0;bottom: 0;height: 1rem;z-index: 2;pointer-events: none;display: none}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide a{display:block;position:relative}
.banner .swiper-slide a:before{content:'';position:absolute;left:0;top:0;right:0;height:2rem;background:url(../images/bams.png) repeat-x top center;background-size:auto 100%;z-index:2;opacity: .35;pointer-events: none}
.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:30%;background:url(../images/bamss.png) repeat-x top center;background-size:auto 100%;z-index:2;opacity: .55;pointer-events: none;display: none}
.banner .swiper-slide  .slideImg{padding-bottom:0;min-height: 6rem;height: 100vh; background-position: center;background-size: cover;background-repeat: no-repeat}
.banner .swiDots{text-align: center;display: flex;align-items: center;justify-content: center;position: absolute;left: 8%; width: auto;bottom: .4rem;z-index: 5 }
.banner .swiDots span{width: .34rem;height: .34rem; opacity: 1;border-radius: 0;margin-right: .3rem; position: relative;background: transparent;font-size: .24rem ;color: #fff;transition: .3s}
.banner .swiDots span:after{content: '';width: 0;height: 1px;background: #fff;left: 100%;top: 50%;margin-top: -1px;position: absolute;}
.banner .swiDots span.active {background: url(../images/doton.png) no-repeat center;background-size:auto 100%;margin-right: .9rem }
.banner .swiDots span.active  i{opacity: 0;visibility: hidden;}
.banner .swiDots span.active:after{width: .8rem;transition: .3s;}
.banner .swiDots.swiper-pagination-lock{display: none}

.banner .swiTool{position: absolute;right:0;bottom: .35rem;z-index: 8;color: #fff;left: 0}

.banner .slideImg video{width: 100%;height: 100%;object-fit: cover;}
/*.isIpadPro .banner .swiper-slide  .slideImg,.isIpadAir .banner .swiper-slide  .slideImg{height: 52vw}*/

@media (min-width:1024px){
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
}
@media (max-width:1024px){
.banner .swiper-slide a:before{height: 35%}
.banner .swiper-slide  .slideImg {padding-bottom:0;height:52vw;min-height:inherit}
.banner{padding-left: 0}
.banner .link{display: none}
.banner .swiTool .link,.banner .arrd{display: none}
.banner .swiTool .wp{justify-content: center;}
}
@media (max-width:992px){
.banner .swiper-slide .slideImg {height:56vw;}
.banner .swiTool{bottom: .2rem}
.banner .swiBtn a.prev{left: .2rem}
.banner .swiBtn a.next{right: .2rem}
}
.str_wrap{width:100%;position:relative;}
.str_wrap.str_active{}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move;}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0}
.str_vertical .str_move_clone{left:0;top:100%}
.str_down .str_move_clone{left:0;bottom:100%}
.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}
.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}

.iconfont{font-size: inherit;}
#app{width: 100%;overflow: hidden;} 
.swiper-button-disabled{opacity: .3}
.imgBg{position: absolute;top: 0;bottom: 0;right: 0;z-index: 0;pointer-events: none;width: 100%;user-select: none}
.imgBg img{height: 100%;object-fit: cover;width: 100%;z-index: 0;position: relative;}
.imgBg video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2}
.imgBg.mask:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;background: rgba(0,0,0,.3)}
.section{padding-top: 1.16rem;padding-bottom: .5rem;background: #fff;position: relative;}
.section .wp{}
.section.page1{padding-top: 0;padding-bottom: 0}
.section.page10{padding-top: 0;padding-bottom: 0}


.ani1{animation: up linear 1.5s infinite;}
.ani2{animation: up linear 1.8s infinite;}
.ani3{animation: up linear 2.2s infinite;}
.ani4{animation: up linear 1.4s infinite;}
.ani5{animation: up linear 1.6s infinite;}



.titimg img{user-select: none;pointer-events: none }
.titimg .im2{display: none}

.intit.w .tit .cn{color: #fff; }
.intit.w .tit .en{color: rgba(255,255,255,.1)}
.intit.w  .more a{color: #fff}
.intit.w  .arrmor a .s2 .cls-1{fill: #fff}
.intit.w  .arrmor a .s1 .cls-1{ fill: #fff;opacity: .4;}
.intit .tit .cn{font-size: .4rem;font-weight: bold;}
.intit .tit .cn-co{background: linear-gradient(180deg, #4B3CC3 25%, #9450D7 73%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.intit .tit .en{font-size: .84rem;font-size: .8rem;color: rgba(111,44,173,.1);text-transform: uppercase;line-height: .8rem;margin-top: -.4rem;user-select: none;pointer-events: none;white-space: nowrap;}
.intit .more.ab{position: absolute;right: 0;top: .15rem;z-index: 6}
.arrmor a{position: relative;color: #6f2cad}
.arrmor a span{position: relative;z-index: 5;margin-right: .1rem}
.arrmor a .s2{height: .0385rem;width: .252rem}
.arrmor a .s2 .cls-1{fill: rgb(120, 33, 212);stroke: none}
.arrmor a .s1{width: .38rem;height: .37rem;position: absolute;left: -.2rem;top: 50%;margin-top: -.16rem;z-index: 0;opacity: .54}
.arrmor a .s1 .cls-1{stroke: none;fill: #deeafa}


.leftNav{background:linear-gradient(to bottom,#645ae1,#b871f8) ;width: .75rem;z-index: 1000;border-radius: 0 .3rem .3rem 0;position: fixed;top: 0;left: -.8rem;bottom: 0;transition: .5s;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.leftNav.show{left: 0}
.leftNav .nav li:first-child{background: url(../images/y1.png) no-repeat bottom center;background-size: 100% auto;pointer-events: none}
.leftNav .nav li:last-child{background: url(../images/y2.png) no-repeat top center;background-size: 100% auto;pointer-events: none}
.leftNav .nav li:first-child:after,.leftNav .nav li:last-child:after{display: none;}
.leftNav .nav li{width: .75rem;height: .75rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: url(../images/cir.png) no-repeat center;background-size: 100% auto;color: #fff;line-height: 1.2em;position: relative;cursor: pointer;}
.leftNav .nav li+li{margin-top: -1px}
.leftNav .nav li span{position: relative;z-index: 5}
.leftNav .nav li:after{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1.42rem;background: url(../images/navon.png) no-repeat center;background-size: auto 100%;z-index: 0;pointer-events: none; transition: .5s;margin-top: -.69rem;opacity: 0;visibility: hidden;}
.leftNav .nav li.cur:after{opacity: 1;visibility: visible;}
.leftNav .nav li.cur{ }

.leftNav .mytop{width: .75rem;height: .4rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.leftNav .mytop img{pointer-events: none;user-select: none;width: .41rem}



.page2 .intit{margin-bottom: .4rem}
.page2 .box .img{width:3.89rem}
.page2 .box .img img{width: 100%}
.page2 .box .txt{flex:1;margin-left: .6rem;box-shadow: 0 .4rem .7rem rgba(54,11,127,.1)}
.page2 .box .txt{flex:1; padding: .5rem .8rem;background: rgba(255, 255, 255, 0.8); border-radius: .1rem;min-height: 4.7rem;position: relative;}
.page2 .box .txt .dot1{ width: .96rem;height: .8rem; position: absolute;left: .4rem;top: -.4rem;z-index: 5;pointer-events: none}
.page2 .box .txt .dot2{ width: .96rem;height: .8rem; position: absolute;right: .6rem;bottom:.3;z-index: 5;pointer-events: none}
.page2 .box .txt h4{background: linear-gradient(180deg, #4B3CC3 25%, #9450D7 73%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;font-size: .44rem;margin-bottom: .2rem}
.page2 .box .txt  .desc{font-size: .2rem;line-height: 2em;text-indent: 2em;text-align: justify;color: #666}


.page3 .wp{padding-left: .55rem}
.page3  .arrmor a .s1{opacity: 1;}
.page3  .arrmor a .s1 .cls-1{fill:#fff;}
.page3 .left{width: 9rem}
.page3 .right{width: 5.4rem}
.page3 .right .list2 li{background: #fff;border-radius: .1rem;position: relative;}
.page3 .right .list2 li:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: .1rem;background: linear-gradient(180deg, #665ae1 25%, #b870f7 73%);z-index: 0;transition: .3s;opacity: 0;}
.page3 .right .list2 li+li{margin-top: .1rem}
.page3 .right .list2 li a{display: flex;height: 1.25rem;align-items: center;padding: 0 .25rem;position: relative;z-index: 4}
.page3 .right .list2 li h4{flex:1;overflow: hidden;font-size: .22rem;line-height: 1.5em;margin-left: .25rem}
.page3 .right .list2 li time{text-align: center; color:#513AC9 }
.page3 .right .list2 li time span{font-size: .45rem;font-weight: bold;display: block;line-height: 1.1em;}
.co{background: linear-gradient(180deg, #4B3CC3 25%, #9450D7 73%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.co span{background: linear-gradient(180deg, #4B3CC3 25%, #9450D7 73%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}


.page3 .left .list1{}
.page3 .left .list1 li.sp{margin-bottom: .15rem}
.page3 .left .list1 li.sp .img{width: 4.25rem;height: 2.65rem;border-radius: .1rem}
.page3 .left .list1 li.sp .txt{flex:1;overflow: hidden;margin-left: .3rem}
.page3 .left .list1 li.sp .txt h4{font-size: .24rem;line-height: 1.5em;margin-top: .15rem}
.page3 .left .list1 li.sp .txt time{font-size: .18rem;font-weight: bold; color:#513AC9}
.page3 .left .list1 li.sp .txt p{color: #777;margin-top: .2rem;font-size: .18rem;line-height: 1.8em}
.page3 .left .list1 li+li{border-bottom: 1px solid #ddd;padding: .25rem 0}
.page3 .left .list1 li+li h4{font-size: .22rem;flex:1;margin-right: .3rem;padding-left: .2rem;;position: relative;}
.page3 .left .list1 li+li h4:before{content: '';position: absolute;width: 8px;height: 8px;border-radius: 50%;background: linear-gradient(180deg, #4B3CC3 25%, #9450D7 73%);left: 0;top: 50%;margin-top: -4px;}
.page3 .left .list1 li+li time{font-size: .18rem;font-weight: bold;color:#513AC9}
.page3 .left .list1 li a{display: flex;align-items: center}

.page4 .wps{padding-left: 2.2rem;width: 10rem;min-height: 6.6rem;padding-top: .2rem}
/*.page4 .teaList,.page4 .intit{width: 7.7rem}*/
.page4 .intit{margin-bottom: .6rem}
.page4 .intit .arrmor a .s1 .cls-1{fill:#fff}
.page4 .teaList li+li{display: none}
.page4 .teaList li h4{font-size: .3rem;font-weight: bold;padding-bottom: .2rem;margin-bottom: .2rem;position: relative;color: #333}
.page4 .teaList li h4:after{content: '';position: absolute;left: 0;bottom: 0;height: 1px;width: calc(100% + 1.7rem);background: #666666;opacity: .11}
.page4 .teaList li h4 span{font-size: .2rem;font-weight: bold;color: #6f2cad;margin-left: .2rem}
.page4 .teaList li .desc{line-height: 2em;color: #666;text-align: justify;}
.page4 .slide-4p{height: calc(100vh - .9rem);position: absolute;right: 0;top:.9rem;width: 8.2rem}
.page4 .slide-4{height: 100%}
.page4 .slide-4 .swiper-wrapper{align-items: flex-end;}
.page4 .slide-4 .swiper-slide:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background:url(../images/678.png) no-repeat left center;background-size: auto 100% ;z-index: 0;pointer-events: none;display: none}
.page4 .slide-4 .swiper-slide{display: flex;justify-content: flex-end;}
.page4 .slide-4 .swiper-slide .item{transform: scale(1);transform-origin: right center ;height: 100%;position: relative;z-index: 5;transition:width linear .3s;border-radius: .2rem 0 0 .2rem}

.page4 .slide-4 .swiper-slide .item a{display: flex;align-items: flex-end;position: absolute;left: 0;bottom: 0;z-index: 5;}
.page4 .slide-4 .swiper-slide .item{background:url(../images/678.png) no-repeat left bottom;background-size: cover;}
.page4 .slide-4 .swiper-slide-prev .item{width: 4.8rem;transform: scale(.75);transform-origin: right bottom}
.page4 .slide-4 .swiper-slide-next .item{width: 6.1rem;transform: scale(.85);transform-origin: right bottom}
.page4 .slide-4 .img{ height: 34vh;transition: .3s;border-radius: .2rem; }
.page4 .slide-4 .img img{height: 100%;opacity: .7;transition: .3s;border-radius: .2rem;}
 
.page4 .slide-4 .txt{display: none;transition: .3s;margin-left: .5rem;padding-bottom: .2rem;max-width: 2rem}
.page4 .slide-4 .txt h4{font-size: .28rem;font-weight: bold;}
.page4 .slide-4 .txt  p{color: #666;margin-top: .05rem}
.page4 .swiBtn{position: absolute; height: 2rem;right: 1.2rem;top: 50%;margin-top: -1rem;z-index: 88;display: flex;flex-direction: column;justify-content: center;align-items: center}
.page4 .swiBtn .swiDots{ font-size: .2rem;color: #6f2cad;display: flex;align-items: flex-end;justify-content: center;margin: .2rem 0 .25rem 0}
.page4 .swiBtn .swiDots span{display: block;line-height:1em;margin: 0 .05rem }
.page4 .swiBtn .swiDots .swiper-pagination-current{ font-size: .48rem;position: relative;top: .05rem }
.page4 .swiBtn a{display: block;font-size: .3rem;color: #6f2cad}
.page4 .swiBtn a.prev{transform: rotate(90deg);}
.page4 .swiBtn a.next{transform: rotate(90deg);}
.page4 .swiBtn .swiDots{width: auto}
.page4 .slide-4 .swiper-slide-active .item{width: 100%  }
.page4 .slide-4 .swiper-slide-active .item a{padding-left: .2rem;padding-bottom: .2rem }
.page4 .slide-4 .swiper-slide-active .item .img{height: 36vh}
.page4 .slide-4 .swiper-slide-active .item .txt{display: block;}
.page4 .slide-4 .swiper-slide-active .img img{opacity: 1}

.page5 .wp{padding-top: .3rem;padding-left: .5rem}
.page5 .items{width: 6.2rem;height: 6.2rem;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center}
.page5 .items:after{content: '';position: absolute; border: 1px dashed #6f2cad;z-index: 0;border-radius: 50%;width: 100%;height: 100%;animation: roted 130s linear infinite;opacity: .5;}
.page5 .items.leftCir:after{left: .4rem;top:.2rem;}
.page5 .items.rightCir:after{left: .2rem;top:-.5rem;}
.page5 .items .txt{position: relative;z-index: 5;color: #fff;text-align:center;max-width: 3.6rem;}
.page5 .items .txt h4{font-size: .32rem;font-weight: bold;}
.page5 .items .txt .desc{margin-top: .2rem;line-height: 2em;margin-bottom: .5rem}
.page5 .items .bg{position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 50%;overflow: hidden;z-index: 1}
.page5 .items .bg img{width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;transition:.3s}
.page5 .items .bg video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2}
.page5 .items.leftCir .bg:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 4}
.page5 .aniEl li{position: absolute;z-index: 5}
.page5 .aniEl li a{background: rgba(255,255,255,.9);border: 1px solid #6f2cad;border-radius: .4rem;line-height: 3em;padding: 0 .3rem;color:  #6f2cad;display: block;transition: .3s}
.page5 .aniEl li:nth-child(1){top: 8%;left: 0;font-size: .18rem}
.page5 .aniEl li:nth-child(2){top: 15%;right:-5%;font-size: .18rem}
.page5 .aniEl li:nth-child(3){top: 58%;left: -9%;font-size: .18rem}
.page5 .aniEl li:nth-child(4){top: 62%;right: 8%;font-size: .16rem}
.page5 .aniEl li:nth-child(5){top: 88%;left: 0;font-size: .2rem}
.page5 .aniEl li:nth-child(6){top: 80%;right:-5%;font-size: .18rem}
.page5 .aniEl li a:hover{background: #6f2cad;color: #fff;opacity: 1!important;}

.page6{padding-left: .75rem}
.page6 .swiBtn  a{display:flex;width: .5rem;height: .5rem; ;border-radius: 50%; align-items: center;justify-content: center;border: 1px solid #ddd;color: #888;font-size: .24rem;position: absolute;top: 50%;z-index: 8;margin-top: -.25rem}
.page6 .swiBtn  a.prev{left: -.5rem;}
.page6 .swiBtn  a.next{right: -.5rem;}
.page6 .swiBtn  a:hover{background: linear-gradient(268deg, #AE6EF6 16%, #685AE1 88%);color: #fff}
.page6 .item{margin: 0 .5rem;position: relative;}
.page6 .item .txt{position: absolute;left: 0;right: 0;bottom: 0;z-index: 6;padding: .25rem;display: flex;align-items: center;}
.page6 .item .txt h4{color: #fff;font-size: .2rem;flex:1; }
.page6 .item .txt  img{width: .54rem;height: .54rem;margin-right: .1rem}
.page6 .item .img{height: 4.68rem;border-radius: .15rem}
.page6 .swiDots {margin-top: .3rem;justify-content: center;display: flex}
.page6 .swiDots span{width: .1rem;height: 3px;background: #ddd;border-radius: 3px;opacity: 1;margin: 0 .05rem;transition: .3s}
.page6 .swiDots span.active{width: .3rem;background: linear-gradient(268deg, #AE6EF6 16%, #685AE1 88%)}


.page7 .wps{padding-left: 2.2rem;width: 50%;height: 70vh}
.page7 .intit{width: 6.7rem;z-index: 8;margin-bottom: .2rem}
.page7 .slide-7{position: absolute;top: 0;right: 0;bottom: 0;width: 50%;z-index: 4}
.page7 .slide-7 a{display: block;height: 100%}
.page7 .slide-7 .img{display: block;height: 100%}
.page7 .list-7{width: 6.7rem}
.page7 .list-7 li{border-bottom: 1px solid rgba(255,255,255,.3);padding: .25rem 0}
.page7 .list-7 li h4{font-size: .22rem;color: #fff}
.page7 .list-7 li .txt{ color: #fff;margin-top: .2rem}
.page7 .list-7 li .txt time{color: #fff;font-weight: bold;}
.page7 .list-7 li .txt p{max-width: 4.7rem;line-height: 1.8em;margin-top: .15rem;opacity: .8;height: .84rem}
.page7 .list-7 li.on h4{font-size: .3rem}
.page7 .list-7 li+li .txt{display: none}


.page8 .intit{margin-bottom: .4rem}
.page8 .wp{padding-left: .4rem}
.page8 .slide-8 .item .img{height: 4.6rem;border-radius: .1rem}
.page8 .slide-8 .item{border-radius: .1rem;position: relative;overflow: hidden;}
.page8 .slide-8 .item .txt{position: absolute;left: 0;right: 0;bottom: 0;z-index: 4;padding: .2rem;color: #222;font-size: .18rem}
.page8 .slide-8 .item .hideTtx{position: absolute;left: -1px;right: -1px;bottom: -1px;z-index: 5;top: -1px;background: #b8d4ff;padding: .5rem;opacity: 0;visibility: hidden;transition: .3s}
.page8 .slide-8 .item .hideTtx h4{font-size: .22rem; margin-bottom: .2rem;line-height: 1.5em;color: #222}
.page8 .slide-8 .item .hideTtx p{line-height: 2em;color: #666}
.page8 .slide-8 .swiper-slide.co1 .item .txt{background: #C3B8FE}
.page8 .slide-8 .swiper-slide.co2 .item .txt{background: #b8d4ff}
.page8 .slide-8 .swiper-slide.co3 .item .txt{background: #f3cabd}
.page8 .slide-8 .swiper-slide.co4 .item .txt{background: #f8d198}
.page8 .slide-8 .swiper-slide.co5 .item .txt{background: #C3B8FE}
.page8 .slide-8 .swiper-slide.co6 .item .txt{background: #b8d4ff}
.page8 .slide-8 .swiper-slide.co1 .item .hideTtx{background: #C3B8FE}
.page8 .slide-8 .swiper-slide.co2 .item .hideTtx{background: #b8d4ff}
.page8 .slide-8 .swiper-slide.co3 .item .hideTtx{background: #f3cabd}
.page8 .slide-8 .swiper-slide.co4 .item .hideTtx{background: #f8d198}
.page8 .slide-8 .swiper-slide.co5 .item .hideTtx{background: #C3B8FE}
.page8 .slide-8 .swiper-slide.co6 .item .hideTtx{background: #b8d4ff}


.page8 .slide-8{width: calc(100% + 1.8rem)}
.page8 .swiTool{margin-top: .4rem}
.page8 .swiBtn  a{display:flex;width: .5rem;height: .5rem; ;border-radius: 50%; align-items: center;justify-content: center;border: 1px solid #ddd;color: #888;font-size: .24rem}
.page8 .swiBtn  a:hover{background: linear-gradient(268deg, #AE6EF6 16%, #685AE1 88%);color: #fff}
.page8 .swiBtn  a+a{margin-left: .2rem}
.page8 .swiBtn{margin-left: .5rem}
.page8 .swiTool .swiDots{flex:1;background: #ddd;height:3px;position: relative;}
.page8 .swiTool .swiDots span{background:  linear-gradient(268deg, #AE6EF6 16%, #685AE1 88%)}



.page9 .intit{left: 3.1rem;right: 1.5rem;position: absolute;top: .3rem;z-index: 6}
.page9 .wps{padding-left: 1.6rem;padding-top: .5rem}
.page9 .slide-9{overflow: visible; }
.page9 .slide-9 .swiBtn{width: 1.4rem;display: flex;justify-content: space-between;align-items: center;left: 3.9rem;margin-left: -.7rem;bottom: 1.65rem;z-index: 8;position: absolute;}
.page9 .slide-9 .swiBtn a{font-size: .4rem;color: #fff; }
.page9 .slide-9 .swiBtn a:hover{color: #7d2683}
.page9 .slide-9 .cirbg{width: 7.8rem;height: 7.8rem;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: 0;pointer-events: none}
.page9 .slide-9 .cirbg img:first-child{width: 2.94rem;height: 2.94rem;top: 50%;left: 50%;margin-left: -1.47rem;margin-top: -1.47rem;z-index: 5;pointer-events: none;user-select: none;position: absolute;}
.page9 .slide-9 .cirbg img:last-child{width: 100%;animation: roted 50s linear infinite}
.page9 .leftList{width: 7.8rem;height: 7.8rem;position: relative;z-index: 6}
.page9 .leftList li {width: 1.4rem;height: 1.4rem;position: absolute;z-index: 8 }
.page9 .leftList li:after{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;background: rgba(255,255,255,.9);left: 50%;top: 50%;margin-left: -50%;margin-top: -50%;z-index: 0;transform: scale(1.08);transition: .3s}
.page9 .leftList li .img{width: 100%;height: 100%;border-radius: 50%; }
.page9 .leftList li.on:after{background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,.1));transform: scale(1.2);}

.page9 .slide-9sp .leftList li:nth-child(1){top:1.4rem;right: 0; }
.page9 .slide-9sp .leftList li:nth-child(2){left: 8%;top: 50%;margin-top: -.5rem; transform: scale(1.1);}
.page9 .slide-9sp .leftList li:nth-child(3){top:60%;left: 70%;transform: scale(.9); }


/*
.page9 .item-1 .leftList li:nth-child(1){top:1.4rem;right: 0; }
.page9 .item-1 .leftList li:nth-child(2){left: 8%;top: 50%;margin-top: -.5rem; transform: scale(1.1);}
.page9 .item-1 .leftList li:nth-child(3){top:60%;left: 70%;transform: scale(.9); }

.page9 .item-2 .leftList li:nth-child(1){top:1.4rem;right: 0; }
.page9 .item-2 .leftList li:nth-child(2){left: 8%;top: 50%;margin-top: -.5rem; transform: scale(1.1);}
.page9 .item-2 .leftList li:nth-child(3){top:60%;left: 70%;transform: scale(.9); }


.page9 .item-3 .leftList li:nth-child(1){top:1.4rem;right: 0; }
.page9 .item-3 .leftList li:nth-child(2){left: 8%;top: 50%;margin-top: -.5rem; transform: scale(1.1);}
.page9 .item-3 .leftList li:nth-child(3){top:60%;left: 70%;transform: scale(.9); }
*/

.page9 .slide-9s{width: 8.3rem; }
.page9 .slide-9s ul li{background: rgba(255,255,255,.4);padding: .1rem 0 .1rem .1rem;border-radius: 4rem 0 0 4rem;overflow: hidden;}

.page9 .slide-9s .img{height: 5.3rem;border-radius: 4rem 0 0 4rem}
.page9 .slide-9s .txt{position: absolute;left: 1.8rem;right: 0;bottom: 0;z-index: 5;color: #fff;padding: .3rem}
.page9 .slide-9s .txt h4{font-size: .2rem}


.page9.blocks [data-aos^=fade][data-aos^=fade] {
 opacity: 1;
 transform: translateZ(0);
}
.page9.blocks [data-aos^=zoom][data-aos^=zoom] {
 opacity: 1;
 transform: scale(1) 
}

@media screen and (orientation: portrait) {
  /* 当设备处于竖屏模式时应用的样式 */
.isIpadAir   [data-aos^=fade][data-aos^=fade] {
opacity: 1;
transform: translateZ(0);
}
}


@media (min-width: 1025px){
body,html{overflow: hidden;}
.page3 .right .list2 li:hover:after{opacity: 1;}
.page3 .right .list2 li:hover a{color: #fff}
.page3 .right .list2 li:hover time{color: #fff}
.page8 .slide-8 .item:hover .hideTtx{opacity: 1;visibility: visible;}
.page5 .items:hover .bg img{transform:scale(1.05)}
}
@media (max-width: 1024px){
.page8 .slide-8 .item .hideTtx{display: none}
.section{padding: .8rem 0}
.fp-section{min-height: inherit!important;height: auto!important}
.home.navShow .header{background: transparent;}
.leftNav{display: none}
.page3 .wp{padding-left: 0}
.page3 .left{width: 58%}
.page4 .slide-4p{height: 9rem;top: 0;position: relative;width: 50%}
.page4 .wps{padding: 0 .6rem 0 .6rem;width: 48%}
.page4{display: flex;align-items: center;justify-content: space-between;flex-direction: inherit;padding-bottom: 0;padding-top: 0;flex-wrap: wrap;}
.page5 .wp{padding-left: 0;padding-top: 0}

.page6 .swiBtn  a.prev{left: -.2rem}
.page6 .swiBtn  a.next{right: -.2rem}
.page6 .slide-6p{padding: 0 .5rem}
.page6 .item{margin: 0 .25rem}

.page7 .wps{padding: 0 .6rem;width: 50%}
.page7 .swiDots{display: flex;align-items: center;margin-top: .4rem}
.page7 .swiDots span{width: .2rem;;height: 4px;background: #fff; margin: 0 .1rem;opacity: .5}
.page7 .swiDots span.active{opacity: 1;width: .4rem}
.page8 .wp{padding-left: 0}
.page9 .wps{padding-left: .6rem;padding-top: 0}
.page9 .slide-9s{width: 50%}
.page9 .leftList{width: 42vw;height: 42vw}
.page9 .slide-9 .cirbg{width: 42vw;height: 42vw}
.page9 .intit{left: 0;right: 0;position: relative;margin-right: .6rem}
.page9 .leftList li{width: 1.2rem;height: 1.2rem}
.page9 .slide-9 .swiBtn{left: 21vw;bottom: 9vw}
.page9 .slide-9 .cirbg img:first-child{width: 15vw;height: 15vw;margin-left: -7.5vw;margin-top: -7.5vw}
.page9 .slide-9sp .leftList li:nth-child(1){top:1.4rem;right: 10%; }
.page9 .slide-9sp .leftList li:nth-child(2){left: 2%;top: 50%;margin-top: -.5rem; transform: scale(1.1);}
.page9 .slide-9sp .leftList li:nth-child(3){top:60%;left: 70%;transform: scale(.9); }

}
@media (max-width: 992px){
.arrmor a .s2{width: auto;height: .05rem}
.arrmor a .s1{width: .46rem;height: .45rem;left: -.24rem;margin-top: -.2rem;}

.page3 .left{width: 100%;margin-bottom: .5rem}
.page3 .right{width: 100%}
.page3 .left .list1 li.sp .txt h4{font-size: .28rem}
.page3 .left .list1 li.sp .txt time,.page3 .left .list1 li.sp .txt p{font-size: .22rem}
.page3 .left .list1 li+li h4{font-size: .26rem}
.page3 .left .list1 li+li time{font-size: .22rem}
.page3 .right .list2 li h4{font-size: .26rem}
.page4{padding: .8rem 0 0;align-items: flex-end;flex-direction: column;}
.page4 .wps{width: 100%;min-height: inherit;}
.page4 .slide-4p{height: 9rem;top: 0;position: relative;width: 80%}
.page4 .teaList li h4{font-size: .36rem}
.page4 .teaList li h4 span{font-size: .3rem}
.page4 .teaList li .desc{font-size: .24rem}
.page4 .slide-4 .txt h4{font-size: .32rem}
.page4 .slide-4 .txt p{font-size: .26rem}
.page4 .swiBtn a{font-size: .4rem}
.page4 .swiBtn .swiDots{font-size: .3rem}
.page4 .swiBtn{right: .8rem}
.page4 .teaList li h4:after{width: 100%}
.page4 .slide-4 .img{height: 3.4rem}
.page4 .slide-4 .swiper-slide-active .item .img{height: 3.4rem}
.page5 .wp{display: block;}
.page5 .items{margin:  0 auto}
.page5 .items.leftCir{margin-bottom: 1rem}

.page5 .items .txt h4{font-size: .36rem}
.page5 .items .txt{max-width: 70%}

.page5 .aniEl li:nth-child(1){top: 8%;left: 0;font-size: .24rem}
.page5 .aniEl li:nth-child(2){top: 15%;right:-5%;font-size: .24rem}
.page5 .aniEl li:nth-child(3){top: 60%;left: -9%;font-size: .22rem}
.page5 .aniEl li:nth-child(4){top: 62%;right: 0%;font-size: .2rem}
.page5 .aniEl li:nth-child(5){top: 88%;left: 0;font-size: .22rem}
.page5 .aniEl li:nth-child(6){top: 80%;right:-5%;font-size: .24rem}

.page6 .item .img{height:44vw}
.page6 .item .txt h4{font-size: .28rem}
.page6 .item .txt h4 img{width: .64rem;height: .64rem}
.page6 .slide-6p{padding: 0 .64rem}
.page6 .swiBtn a{width: .64rem;height: .64rem;font-size: .34rem}
.page7{padding-bottom: 0}
.page7 .wps{height: auto}
.page7 .wps{padding: 0 .6rem;width: 100%}
.page7 .slide-7{width: 100%;position: relative;margin-top: .5rem}
.page7 .slide-7 .img{height: 60vw}
.page7 .list-7,.page7 .intit{width: 100%}
.page7 .list-7 li .txt p{height: auto;max-width: inherit;}
.page8 .slide-8{width: calc(100% + .6rem)}
.page8 .intit{text-align: left;justify-content: flex-start;}
.page9 .intit{text-align: left;justify-content: flex-start;}
.page8 .swiBtn a{width: .64rem;height: .64rem;font-size: .32rem}
.page8 .slide-8 .item .txt{font-size: .22rem}
.page9 .wps{padding-left: 0}
.page9 .slide-9s{width: 100%}
.page9 .leftList{width: 70vw;height: 70vw;margin: 0 auto}
.page9 .slide-9 .cirbg{width: 70vw;height: 70vw;left: 50%;margin-left: -35vw}
.page9 .intit{left: 0;right: 0;position: relative;margin:0 .6rem}
.page9 .leftList li{width:14vw;height:14vw}
.page9 .slide-9 .swiBtn{left: 50%;bottom: auto;top: 52vw}
.page9 .slide-9 .swiBtn a{font-size: .44rem}
.page9 .slide-9s .img{height: 50vw}
.page9 .slide-9s .txt{left: 20vw;padding: .4rem}
.page9 .slide-9s .txt h4{font-size: .26rem}
.page9 .slide-9 .cirbg img:first-child{width: 26vw;height: 26vw;margin-left: -13vw;margin-top: -13vw}
}
@media (max-width: 800px){
.page2 .box{ }
.page2 .box .img{margin: 0 auto;position: relative;z-index: 5}
.page2 .box .txt{width: 100%;flex:inherit;margin: 0;margin-top: -.5rem;padding-top: .8rem;text-align: center;}
.page2 .box .txt .desc{font-size: .22rem;line-height: 1.8em}




}
@media (max-width: 597px){
.arrmor a .s2{width: auto;height: .06rem}
.intit .tit .cn{font-size: .48rem}
.intit .tit .en{font-size: .6rem;margin-top: -.35rem}
.page2 .box .txt{padding: .8rem .5rem .5rem}
.page2 .box .txt h4{font-size: .5rem}
.page2 .box .txt .desc{font-size: .28rem;}
.page3 .right .list2 li h4{font-size: .28rem}
.page3 .right .list2 li+li{margin-top: .2rem}
.page3 .left .list1 li+li a{flex-wrap: wrap;}
.page3 .left .list1 li+li h4{flex:inherit;margin-right: 0;margin-bottom: .1rem;width: 100%;font-size: .28rem;padding-left: .3rem}
.page3 .left .list1 li+li time{font-size: .24rem;padding-left: .3rem}
.page3 .left .list1 li+li h4:before{width: .12rem;height: .12rem;top: .14rem;margin-top: 0}
.page3 .left .list1 li.sp .img{width: 100%;height: 50vw;border-radius: .2rem;margin-bottom: .3rem}
.page3 .left .list1 li.sp a{flex-wrap: wrap;}
.page3 .left .list1 li.sp .txt{margin-left: 0;flex:inherit;width: 100%}
.page3 .left .list1 li.sp .txt h4{font-size: .32rem}
.page3 .left .list1 li.sp .txt time,.page3 .left .list1 li.sp .txt p{font-size: .24rem}
.page3 .left .list1 li.sp{margin-bottom: .25rem}
.page4 .slide-4p{height: 9rem;top: 0;position: relative;width: 95%}
.page4 .swiBtn{right: 5vw}
.page4 .wps{padding: 0 5vw}
.page4 .slide-4 .txt h4{font-size: .36rem}
.page4 .slide-4 .txt p{font-size: .28rem}
.page4 .teaList li h4{font-size: .4rem}
.page4 .teaList li h4 span{font-size: .32rem}
.page4 .teaList li .desc{font-size: .26rem;line-height: 1.8em}

.page6 .item .img{height:73vw}
.page6 .item .txt h4{font-size: .28rem}
.page6 .item .txt h4 img{width: .64rem;height: .64rem}
.page6 .slide-6p{padding: 0 .8rem}
.page6 .swiBtn a{width: .64rem;height: .64rem;font-size: .34rem}
.page6 .swiBtn  a.prev{left: 0}
.page6 .swiBtn  a.next{right: 0}
.page7 .list-7 li h4{font-size: .26rem}
.page7 .list-7 li.on h4{font-size: .34rem}
.page8 .slide-8{width: calc(100% + 5vw)}
.page8 .slide-8 .item .img{height: 70vw}
.page8 .slide-8 .item .txt{font-size: .26rem}

.page9 .leftList{width: 80vw;height: 80vw;margin: 0 auto}
.page9 .slide-9 .cirbg{width: 80vw;height: 80vw;left: 50%;margin-left: -40vw}
.page9 .intit{left: 0;right: 0;position: relative;margin:0 5vw}
.page9 .leftList li{width:16vw;height:16vw}
.page9 .slide-9 .swiBtn{left: 50%;bottom: auto;top: 57vw}
.page9 .slide-9 .swiBtn a{font-size: .44rem}
.page9 .slide-9s .img{height: 58vw}
.page9 .slide-9s .txt{left: 20vw;padding: .4rem}
.page9 .slide-9s .txt h4{font-size: .28rem}
.page9 .slide-9 .cirbg img:first-child{width: 30vw;height: 30vw;margin-left: -15vw;margin-top: -15vw}

}
@media (max-width: 360px){
.page5 .aniEl li:nth-child(1){top: 0;left: -5%;font-size: .22rem}
.page5 .aniEl li:nth-child(2){top: 10%;right:-5%;font-size: .22rem}
.page5 .aniEl li:nth-child(3){top: 63%;left: -9%;font-size: .2rem}
.page5 .aniEl li:nth-child(4){top: 62%;right: -5%;font-size: .2rem}
.page5 .aniEl li:nth-child(5){top: 95%;left: 0;font-size: .2rem}
.page5 .aniEl li:nth-child(6){top: 83%;right:-5%;font-size: .22rem}
   
}
.ani1s{animation: ups linear 2s infinite;opacity: .7}
.ani2s{animation: ups linear 1.8s infinite;}
.ani3s{animation: ups linear 2.2s infinite;}
.ani4s{animation: ups linear 1.4s infinite;opacity: .9}
.ani5s{animation: ups linear 1.6s infinite;}
.ani6s{animation: ups linear 2.6s infinite;}
/* 1114 */
.page7 .intit{width: 15.4rem}
.page7 .slide-7{width: 8.15rem;right: 1.45rem;height: 5.1rem;border-radius: .15rem;top: 32vh;bottom: auto;overflow: visible;}
.page7 .slide-7 .img{border-radius: .15rem;display: flex;align-items: center;justify-content: center;background: #fff}
.page7 .slide-7 .img img{width: auto;height: auto}
.page7 .slide-7:after{content: '';width: .4rem;left: 100%;top: .4rem;bottom: .4rem;background: rgba(255,255,255,.2);border-radius:0 .15rem .15rem 0;position: absolute;}
.page7 .slide-7:before{content: '';width: .2rem;left: 100%;top: .2rem;bottom: .2rem;background: rgba(255,255,255,.6);border-radius:0 .15rem .15rem 0;position: absolute;}
@media (max-width: 1024px){
.page7 .intit{width: calc(100vw - 1.2rem)}  
.page7 .slide-7{width: 48%;right: .6rem;top: 2.2rem}
.page7 .wps{height: auto;min-height: 60vh}
}
@media (max-width: 992px){
.page7{padding-bottom: .8rem}
.page7 .wps{min-height: inherit;}
.page7 .slide-7{width: 90%;position: relative;;top: 0;height: 55vw;right: 0;margin-left: 5%}
.page7 .slide-7 .img{height: 100%}
.page7 .slide-7:after{width: .3rem}
.page7 .slide-7:before{width: .15rem}
}