@charset "utf-8";

/*@font-face {
  font-family: "sys";font-weight: 600;src: url("//at.alicdn.com/wf/webfont/E4TefEZ2Hi2E/mrCYMV75S4rz.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/E4TefEZ2Hi2E/yqj7xQHcj7QL.woff") format("woff");
  font-display: swap;
}*/
@keyframes svgCira{0%{transform: scale(.4);}50%{transform:  scale(1)}100%{transform:  scale(.4)}}
@keyframes svgCirb{0%{transform: scale(.4);}50%{transform:  scale(1)}100%{transform:  scale(.4)}}
@keyframes opa{0%{opacity: 1}50%{opacity: .4}100%{opacity: 1}}
@keyframes opass{0%{opacity: 1}50%{opacity: .2}100%{opacity: 1}}
@keyframes opas{
	0%{opacity: 1;transform: translate3d(0,0,0);}
	50%{opacity: .4;transform:translate3d(0,-.1rem,0);;}
	100%{opacity: 1,transform: translate3d(0,0,0);}
}
@keyframes opal{
0%{opacity: .1;}
50%{opacity: 1;}
100%{opacity: .5;}
}
.scAni1{animation: svgCirb 5s linear infinite}
.scAni2{animation: svgCira 4s linear infinite}
.scAni3{animation: svgCirb 3s linear infinite}
.banner{position:relative;overflow: hidden;}
.banner .slide-ba{}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide .a{display:block;position:relative}
.banner .swiper-slide .a:before{content:'';position:absolute;left:0;top:-1px;right:0;height:2.6rem;background:url(../images/22.png) repeat-x top center;background-size:101% 100%;z-index:2;opacity: .8;pointer-events: none}
.banner .swiper-slide .a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:2rem;background:url(../images/bamss.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .1;pointer-events: none}
.banner .item .imgBox .img{padding-bottom:0;height:100vh;min-height: 6rem; background-position: center;background-size: cover;background-repeat: no-repeat}

.banner .slide-video video{width: 100%;height: 100%;object-fit: cover;}

.banner .swiDots{position:absolute;bottom:.58rem;left:5%;z-index:5;right: 5%;text-align:center;width: auto}
.banner .swiDots:after{}
.banner .swiDots span{margin: 0 .3rem;width: 8px;height: 8px;background: #fff;border-radius: 50%;opacity: 1;position: relative;}

.lineDots span .svgi{width: .59rem;height: .6rem;background: url(../images/doton.png)  no-repeat center;background: url(../images/dotonfix.png)  no-repeat center\0;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;margin-left: -.3rem;margin-top: -.3rem;z-index: 2;opacity: 0;transition: .3s;animation: roted 6s linear infinite;visibility: hidden;}
.lineDots span .svgi svg{width: 100%;height: auto; position: relative;z-index: 3;display: none\0}
.lineDots span .svgi svg circle{fill:#fff;display: none\0;}

.lineDots span.active .svgi{opacity: 1;visibility: visible;}
@-moz-document url-prefix() {
.lineDots span .svgi svg{display: none;}
.lineDots span .svgi{background: url(../images/dotonfix.png)  no-repeat center;background-size: 100% 100%;}
}

@media (min-width:1930px){

}
@media (min-width:1025px){
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
.banner .links li:hover p{letter-spacing: .1em}
}
@media (max-width:1024px){
.banner .swiper-slide .a:before{height: 1.2rem}
.banner .item .imgBox .img{height: 50vw;min-height: inherit;}
.banner .swiDots{bottom: .3rem;right: .4rem}
.banner .swiper-slide .a:after{height: 1rem;opacity:0}


.banner .links{position: relative;right: 0;bottom: 0;width: 100%;padding: .07rem 0 .1rem}
.banner .links li{width: calc(12.5% - .05rem)}
}

@media (max-width:640px){
.banner .item .imgBox .img{height: 58vw}
.banner .swiDots{bottom: .2rem}
.lineDots span .svgi{width: .5rem;height: .5rem;margin-left: -.25rem;margin-top: -.25rem;}
}
.iconfont{font-size: inherit;}
/*#app{width: 100vw;overflow-x: hidden;}*/
@keyframes scale1{0%{transform:scale(1)}50%,75%{transform:scale(2)}100%,78%{opacity:0}}
@keyframes scales1{0%{transform:scale(1)}50%,75%{transform:scale(3)}100%,78%{opacity:0}}

.content{background: url(../images/bg.jpg) no-repeat center;background-size: 100% 100%;}
.content:before{background: url(../images/linebg.png) no-repeat center;background-size: 100% 100%;height: 13.72rem;content: '';position: absolute;left: 0;right: 0;bottom: 6.63rem;z-index: 0;pointer-events: none;animation: opass 2s infinite}
.content:after{background: url(../images/46.png) no-repeat center;background-size: 100% 100%;height: 8.91rem;content: '';position: absolute;left: 0;right: 0;bottom: 3rem;z-index: 0;pointer-events: none;animation: opass 2s infinite}
.intit .h4{position: relative;}
.intit .h4 .cn{font-size: .4rem}
.intit .h4 .en{position: absolute;top: 0;left: 0}
.intit .h4 .en img{height: .36rem;pointer-events: none;user-select: none}

.cirline{position: absolute;}
.cirline img{pointer-events: none;user-select: none}
.cirline.dot:before{content: '';position: absolute;left: 0;top: .22rem;width: .09rem;height: .09rem;background: #a9bfdb;border-radius:50% }
.cirline .a{position: absolute;top: 0;right: .07rem;padding-right: .62rem;font-size: .18rem;color: #08428c}
.cirline .a i{display: block;width: .42rem;height: .42rem;position: absolute;top: .08rem;right: 0}
.cirline .a i:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/sc2.png) no-repeat center;background-size: 100% 100%;animation-fill-mode:forwards}
.cirline .a i:after{content: '';position: absolute;top: .09rem;left: .09rem;right:.09rem;bottom: .09rem;background: url(../images/sc1.png) no-repeat center;background-size: 100% 100%;animation-fill-mode:forwards}
      /*    .cirline .a i:before{animation: roted 6s linear infinite;}
.cirline .a i:after{animation: roted 3s linear infinite;}   */

.homea{padding: .95rem 0 1.3rem;position: relative;overflow: hidden;}
.homea:after{content: '';position: absolute;top: 0;right: 0;background: url(../images/bga1.png) no-repeat top right;background-size: 100% auto;z-index: 0;pointer-events: none;width: 8rem;height: 100%}
.homea .left .intit .cirline{right: 0;top: 0;width: 7.44rem}
.homea .left .intit .cirline img{height: .68rem}
.homea .right .intit .cirline{right: 0;top: 0;width: 3.6rem}
.homea .right .intit .cirline img{height: .68rem}

.homea .left .intit{margin-bottom: .5rem}
.homea .left{width: 9.36rem}
.homea .right{width: 5.3rem}
.homea .left .slide-a .img{height: 5.29rem}
.homea .left .swiDots{width:2.3rem;position: absolute;bottom: .2rem;right: 0;text-align: center;display: flex;justify-content: center;align-items: center }
.homea .left .swiDots:after{content: '';position: absolute;bottom: 50%;height: 1px;background: #a8a8a8;width: 100%;left: 0;z-index: 0}
.homea .left .swiDots span{width: 9px;height: 9px;opacity: 1;margin: 0 .16rem;background: #a8a8a8;display: block;position: relative;z-index: 2}
.homea .left .swiDots span:after{content: '';border-radius: 50%;border: 1px solid #ffb368;left:-.13rem;top: -.13rem;right: -.13rem;bottom: -.13rem;position: absolute;opacity: 0;visibility: hidden;transition: .3s }
.homea .left .swiDots span.active:after{opacity: 1;visibility: visible;}
.homea .left .swiDots span.active{background: #ffb368}
.homea .left .txts{width: 7.06rem;height: 1.37rem;background: url(../images/a1bg.jpg) no-repeat center;background-size: cover;margin-top: -.7rem;position: relative;z-index: 2}
.homea .left .txts li+li{display: none;}
.homea .left .txts li{position: relative;height: 100%;padding: .35rem;color: #fff;}
.homea .left .txts li .line{height: .19rem;background: url(../images/line1.png) no-repeat left center;position: absolute;left: .35rem;bottom: .08rem;width: 0;background-size: 6.7rem .19rem;}
.homea .left .txts li.on .line{width: 6.7rem;transition: 2s;}
.homea .left .txts li h4{color: #fff;font-weight: normal;font-size: .24rem}

.homea .left .list{margin-top: .5rem}
.homea .left .list li{width:46%;margin: 0 2%;}
.homea .left .list li .time{font-size: .2rem;color: #333}
.homea .left .list li h4{font-size: .2rem;font-weight: normal;margin-top: .1rem;margin-bottom: .2rem;line-height: 1.4em;height: .56rem}
.homea .left .list li p{line-height: 1.8em;color: #666;height: .56rem\0}
.homea .right .intit{margin-bottom: .5rem}
.homea .right .list{}
.homea .right .list li{position: relative;}
.homea .right .list li:after{content: '';position: absolute;left: -.3rem;bottom: 0;top: 0;width: 0;background: url(../images/a2bg.jpg) no-repeat left  center;background-size: 6.1rem 100%;z-index: 0}
.homea .right .list li:before{content: '';position: absolute;left: -.15rem;top: 0;width: 1px;background: rgba(255,255,255,.2);height: 0;z-index: 1}
.homea .right .list li a{display: flex;align-items: center;justify-content: space-between;padding: .25rem 0;border-bottom: 1px solid #ddd;position: relative;z-index: 2}
.homea .right .list li .time:before{content: '';width: 8px;height: 8px;background: #ffb368;border-radius: 50%;left: -.18rem;top: 50%;margin-top: -6px;z-index: 3;position: absolute;opacity: 0}
.homea .right .list li .time{width: .65rem;display: block;position: relative;}
.homea .right .list li .time span{display: block;font-size: .46rem;line-height: 1em}
.homea .right .list li h4{font-weight: normal;font-size: .2rem;font-weight: normal;line-height: 1.4em;width: calc(100% - .85rem)}



.homeb{background: url(../images/bbg3.png) no-repeat center 4rem;background-size: 100% auto;padding-bottom: 2.6rem;position: relative;overflow: hidden;}
.homeb:after{content: '';position: absolute;left: -.2rem;bottom: 0;right: -.2rem;height: 100%;background: url(../images/bbg2.png) no-repeat bottom center;background-size: 100% auto;mix-blend-mode: multiply;-webkit-animation: opa 2s infinite;transition: .3s;pointer-events: none}
.homeb .intit{margin-bottom: .45rem}
.homeb .intit .cirline{right: 0;top: 0;width: 13.64rem}
.homeb .intit .cirline img{height: .68rem}
.homeb .swiTool{margin-top: .5rem}
.homeb .swiDots{margin: 0 .2rem}
.homeb .swiDots span{position: relative;opacity: 1}
.homeb .swiDots span{margin: 0 .24rem;width: 8px;height: 8px;background: #fff;border-radius: 50%;opacity: 1;position: relative;}
.homeb .swiTool a{display: block;font-size: .26rem;color: #fff}
.homeb .item .img{height: 2.9rem}
.homeb .slide-b{padding: 0 0 .4rem}
.homeb .slide-b .item{height: 5.9rem;position: relative;}
.homeb .slide-b .item .img{position: absolute;top: 1.5rem;left: 0}
.homeb .slide-b .item .txt p{position: absolute;opacity: 0;visibility: hidden;line-height: 1.6em;position: relative;z-index: 2;margin-top: .2rem;height: .75rem;color: #666;transform: translateY(-.5rem);width: 100%}
.homeb .slide-b .item .txt{position: absolute;top: 4.65rem;left: 0;padding: 0 .2rem 0 .4rem}
.homeb .slide-b .item .txt h4{font-size: .2rem;font-weight: normal;line-height: 1.5em;position: relative;z-index: 2;}
.homeb .slide-b .item .txt h4.line2{height: .6rem;position: absolute;opacity: 0;visibility: hidden;transform: translateY(-.5rem);}
.homeb .slide-b .item .txt h4.line3{font-size: .2rem;position: relative;z-index: 2;height: .9rem;color: #fff;}
.homeb .slide-b .item .txt .line{content: '';width: 2px;;background: #ffb368;position: absolute;top: -.4rem;height:1.2rem;z-index: 4;left: .16rem;}
.homeb .slide-b .item .txt:before{content: '';width: 2px;;background: #009d9a;position: absolute;top: .9rem;height:0;z-index: 4;left: .2rem;}
.homeb .slide-b .swiper-slide-active .item .txt{height: 3rem;padding: .95rem .35rem .4rem .4rem;top: 0;transition: .5s}

.homeb .slide-b .swiper-slide-active .item .txt:before{height: 82%;transition: .5s .4s}
.homeb .slide-b .swiper-slide-active .item .txt:after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 100%;background: url(../images/bbg1.png) no-repeat top center;background-size: 100% auto;text-indent: 0;animation: opa 2s infinite}
.homeb .slide-b .swiper-slide-active .item .img{top: 3rem;transition: .5s}
.homeb .slide-b .swiper-slide-active .item .txt p{opacity: 1;visibility: visible;position: relative;transform: translateY(0);transition: .8s .6s}
.homeb .slide-b .swiper-slide-active .item .txt h4.line2{opacity: 1;visibility: visible;position: relative;transform: translateY(0);transition:opacity .8s .8s,visibility .8s .8s,transform .8s .8s}
.homeb .slide-b .swiper-slide-active .item .txt h4.line3{display: none}
.homeb .slide-b .swiper-slide-active .txt .line{height: 0;}
.homec{margin-top: -.8rem}
.homec .cirline{width: 4.67rem;position: relative;margin:.1rem auto 0;}
.homec .cirline img{height: .69rem}
.homec .cirline .a{padding-right: 2.1rem;padding-top: .2rem}
.homec .intit .en{left: 50%;transform: translateX(-50%);}
.homec .intit{margin-bottom: 1rem}
.homec .slide-c{width: 3.6rem;position: absolute;left: 50%;margin-left: -1.8rem;box-shadow: 0 .1rem .2rem rgba(0,0,0,.25)}
.homec .slide-c .img{height: 4.8rem;}
.homec .list{}
.homec .list li{width: 6rem;height: 2.25rem;margin-bottom: .3rem;background: url(../images/600l.png) no-repeat left center;background-size: 100% 100%;position: relative;z-index: 3}

.homec .list li a{display: block;padding: .35rem .9rem .45rem .45rem;position: relative;z-index: 3}

.homec .list li h4{font-weight: normal;font-size: .2rem;line-height: 1.5em;height: .6rem}
.homec .list li .info{margin-top: .16rem}
.homec .list li .info p+p{margin-top: .08rem}
.homec .list li .line{position: absolute;height: .26rem;bottom: .1rem;z-index: 6;width: 0;}
.homec .list li:nth-child(2n+1) .line{left:4.4rem;background: url(../images/line2.png) no-repeat left center;background-size: 1.8rem 100%}
.homec .list li:nth-child(2n) .line{right:4.4rem;z-index: 6;background: url(../images/line2r.png) no-repeat right center;background-size: 1.8rem 100%}

.homec .list li:nth-child(2n+1):after{background: url(../images/cbg2.jpg) no-repeat left center;background-size: 6rem 100%;left: 0;width: 0;}
.homec .list li:nth-child(2n):after{background: url(../images/cbg2.jpg) no-repeat right center;background-size: 6rem 100%;right: 0;width: 0;}
.homec .list li:after{content: '';position: absolute;top: 0;bottom: 0;z-index: 0;}
/*.homec .list li:after{background: url(../images/cbg2.jpg) no-repeat left center;background-size: 6rem 100%;left: 0;width: 0;}

*/
.homed{padding-top: .8rem;padding-bottom: .5rem;position: relative;}
.homed:after{content: '';position: absolute;left: 0;right: 0;bottom:0;height: 2.68rem;background: url(../images/3811.png) no-repeat bottom center;background-size: auto 100%}
.homed:before{content: '';position: absolute;left: 50%;width: 1.68rem;height:4.79rem;background: url(../images/light1x.png) no-repeat bottom center;background-size: auto 100%;margin-left: -.84rem;top: 1.4rem;animation: opal 3s infinite;}
.homed .intit .en{left: 50%;transform: translateX(-50%);}
.homed .intit{margin-bottom: .6rem}
.homed .wp{max-width: 14rem}
.homed .slide-d{height: 5rem;text-align: center;background: rgba(0,0,0,0)}
.homed .slide-d .item{height: 1.58rem;background: url(../images/wb.png) no-repeat center;background-size: auto 100%;padding-top: .35rem;transition:.5s }
.homed .slide-d .item .num{font-size: .44rem;}
.homed .slide-d .item .num span{display: inline-block;background: linear-gradient(45deg,#2799a3,#235bc5);-webkit-background-clip: text;color: transparent;background: transparent\0;color: #235bc5\0;}
.homed .slide-d .item  p{font-size: .24rem;max-width: 1.2rem;margin: 0 auto;line-height: 1em;}

.homed .slide-d .swiper-slide-active .item{background: url(../images/55a.png) no-repeat center;background-size: auto 100%;}
.homed .slide-d .swiper-slide-active .item p{color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.3);}
.homed .slide-d .swiper-slide-active .item .num span{color: #fff;background: transparent}

 
.homee{}

.homee .box{width: calc(100% - 2rem)}
.homee .box .list{width: 4.7rem}
.homee .box .list li+li{margin-top: .1rem}
.homee .box .list a{display: block;position: relative;}
.homee .box .list .img{height: 1.83rem}
.homee .box .list .txt{position: absolute;top: .3rem;right: .2rem;z-index: 3;color: #fff;width: 1.64rem;display: flex;align-items:flex-end;flex-direction: column;}
.homee .box .list .txt h4{font-weight: normal;font-size: .24rem;margin-top: .05rem;margin-right: .2rem}
.homee .box .list .txt i{margin-right: .2rem}
.homee .box .list .txt i img{height: .55rem}
.homee .box .list .txt .line img{height: .18rem}
.homee .box .videoBox{width: calc(100% - 4.8rem);position: relative;height:5.7rem\0}
.homee .box .videoBox video{display: block; width: 100%; position: relative; z-index: 1; object-fit: cover;height:5.7rem\0}
.homee .box .videoBox .ctrl-video-btn{position: absolute; top: 50%; left: 50%; z-index: 2; width: .93rem; height: .93rem; margin-top: -.47rem; margin-left: -.47rem; cursor: pointer;}
.homee .box .videoBox .ctrl-video-btn img{width: 100%}
.homee .box .videoBox .ctrl-video-btn:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: url(../images/play2.png) no-repeat center;background-size: 100% 100%;animation: roted 10s linear infinite}
.homee .box .videoBox .ctrl-video-btn:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: url(../images/play3.png) no-repeat center;background-size: 100% 100%;animation: roted 5s linear infinite}
.homef{padding-top: 1.2rem;padding-bottom: .3rem}
.homef .intit .cn{color: #fff;line-height: 1em;width: .8rem}
.homef .intit .en{top: -.38rem}
.homef .intit .en img{height: 1.51rem;width: 1.18rem;max-width: inherit;}
.homef ul {width: calc(100% - 2rem)}
.homef ul li{width: 20%;position: relative;}
.homef ul li a{display: flex;align-items: center;justify-content: center;}
.homef ul li i{margin-right: .1rem;display: block\0;}
.homef ul li h4{font-weight: normal;font-size: .2rem;color: #fff;width: calc(100% - .9rem)\0}
.homef ul li .cls-1,.homef ul li .cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px;}
.homef ul li .cls-1{stroke-miterlimit:10;}
.homef ul li .cls-2{stroke-linejoin:round;}
.homef ul li svg{height: .7rem;width: .7rem\0}

.titline{height: .57rem}
.titline .cirline{right: 0;top: 0;width: 16.28rem}
.titline .cirline img{height: .57rem}
.titline .cirline .a{right: auto;left: 0}
.titline .cirline .a i{right: auto;left: .08rem}
.titline .cirline .a i:before{background: url(../images/sc2w.png) no-repeat center;background-size: 100% 100%;}
.titline .cirline .a i:after{background: url(../images/sc1w.png) no-repeat center;background-size: 100% 100%;}
.titline .cirline.dot:before{left: auto;right: 0;top: .24rem}


@media (min-width: 1025px){
.homea .right .list li:hover:after{width: calc(100% + .6rem);transition: .4s;box-shadow: 0 .1rem .2rem rgba(0,0,0,.3)}
.homea .right .list li:hover:before{height: 100%;transition: .4s .3s}
.homea .right .list li:hover a{border-color: transparent}
.homea .right .list li:hover h4{color: #fff;transition: .3s}
.homea .right .list li:hover .time{color: #ffb368;transition: .3s}
.homea .right .list li:hover .time:before{opacity: 1;transition: .3s .6s}
.homec .list li:nth-child(2n+1):hover:after{width: 100%;transition:width .5s;box-shadow: 0 .1rem .2rem rgba(0,0,0,.25) }
.homec .list li:nth-child(2n):hover:after{width: 100%;transition:width .5s;box-shadow: 0 .1rem .2rem rgba(0,0,0,.25) }
.homec .list li:nth-child(2n+1):hover .line{width: 1.8rem;transition: width .5s .5s }
.homec .list li:nth-child(2n):hover .line{width: 1.8rem;transition: width .5s .5s}
.homec .list li:hover a{color: #fff}
.homec .list li:hover p{color: rgba(255,255,255,.7)}

.homec .list li:nth-child(2n){background: url(../images/600r.png) no-repeat right center;background-size: 100% 100%}
.homec .list li:nth-child(2n) a{padding: .35rem  .45rem .45rem .9rem}
.homed .slide-d .swiper-slide-prev .item{transform: translate3d(-.2rem,-.3rem,0);}
.homed .slide-d .swiper-slide-next .item{transform: translate3d(.2rem,-.3rem,0);}
.homee .intit{width: 1.5rem;padding-left: .5rem;padding-top: .5rem}
.homee .intit .cirline{top: 0;left: 0}
.homee .intit .cirline img{width: .67rem}
.homee .intit  .cirline .a i{right: .1rem;top: .07rem}
.homee .intit .cn{writing-mode: tb-lr;writing-mode: vertical-lr;letter-spacing: -.2em;letter-spacing: .1em\0;position: absolute\0;top: 0\0}
.homee .intit .h4 .en{left: .4rem}
.homee .intit .h4 .en img{height: 3.48rem}
.homee .intit .cirline:before{display: none;}


.homef ul li:after{content: '';position: absolute;left: 50%;height: 3px;background: #fff;width: 0;bottom: -.63rem;transform: translateX(-50%);}
.homef ul li:hover:after{width: 60%;transition: .4s}
}
@media (max-width: 1024px){
.homea .left{width: 100%}
.homea .right{width: 100%;padding-top: .6rem}
.homea .left .slide-a .img{height: 55vw}
.homea .left .intit .cirline,.homea .right .intit .cirline,.homeb .intit .cirline,.homee .intit .cirline{width: 2.46rem;right: 0;top: 0}
.cirline.dot:before{top: auto;bottom: .1rem}
.homec .box{display: flex;justify-content: space-between;align-items:center;flex-wrap: wrap;}
.homec .slide-c{position: relative;order: 2;left: 0;margin-left: 0;}
.homec .list{position: relative;order: 1;width: calc(100% - 3.6rem)}
.homec .list li{width: 100%;height: auto;margin-bottom: .15rem}
.homec .list li a{padding: .3rem .8rem .3rem .3rem}
.homec .list li h4{height: auto}
.homec .list .info{display: none}
.homec .intit{margin-bottom: .5rem}
.homec .list li:nth-child(2n):after{background: url(../images/cbg2.jpg) no-repeat left center;background-size: 6rem 100%;left: 0;width: 0;right: auto}
.homec .list li.on:after{width: 100%;transition:width .5s;box-shadow: 0 .1rem .2rem rgba(0,0,0,.25) ;background-size: cover}
.homec .list li .line{width: 1.8rem;transition: width .5s .5s;display: none }
.homec .list li.on h4{color: #fff}
.homee .box{width: 100%}
.homee .intit{width: 100%;margin-bottom: .3rem}
.homee .box .list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.homee .box .list li{width: calc(33.33333% - .1rem)}
.homee .box .list li+li{margin-top: 0}
.homee .box .videoBox{width: 100%;margin-top: .2rem}
.homef{padding-top: .5rem}
.homef ul{width: calc(100% - 1.5rem)}
.homef ul:after{content: '';width: 33.333%;display: inline-block;}
.homef ul li{width: 33.333%;padding: .1rem 0}
.titline{width: 100vw;overflow:hidden;}
.titline .cirline{left: 0;right: auto}
.homeb{padding-bottom: 1rem}
.homeb .swiTool{margin-top: .2rem}
.homec{margin-top: -.4rem}
.homed .slide-d{height: 4rem}
.homed:after{height: 2rem}
.homed:before{width: 1.2rem;height: 4rem;margin-left: -.6rem}
.content{background-size: cover}
}
@media (max-width: 800px){
.homea .left .list li{width: 100%;margin:.2rem 0 0;}
.homea .left .list li h4{height: auto}
.homea .left .list{margin-top: .2rem}
.homea .left .swiDots{position: relative;bottom: 0;width: 100%;margin-top: .3rem}
.homea .left .txts{width: 100%;margin-top: 0;height: auto;padding-bottom: .1rem}
.homea .left .txts li h4{font-size: .22rem;text-align: center}
.homea .left .txts li.on .line{width: 100%}
.homeb .slide-b .item .txt p{transition: none}
.homeb .slide-b .swiper-slide-active .item .txt p{font-size: .16rem;transition: none}
.homeb .slide-b .swiper-slide-active .item .txt h4.line2{height: auto;transition: none}


}
@media (max-width: 640px){
.homea .right .intit{margin-bottom: .2rem}
.homea{padding-top: .5rem;padding-bottom: .6rem}
.homec .list{position: relative;order: 2;width: 100%;margin-top: .3rem}
.homec .slide-c{margin: 0 auto;order: 1}
.homec .list li a{padding: .3rem }

.homed .slide-d .item{height: 1.3rem;padding-top: .25rem}
.homed .slide-d .item p{font-size: .2rem;max-width: 1rem;}
.homed .slide-d .item .num{font-size: .45rem}
.homef ul li a{flex-wrap: wrap;justify-content: center;text-align: center}
.homef ul li h4{width: 100%}
.homef ul li i{margin-right: 0}
.homef ul{width: calc(100% - 1rem)}
.homeb {background: url(../images/bbg3.png) no-repeat center 100%;background-size: 100% 40%}
}
@media (max-width: 480px){
.intit .h4 .en img{height: .28rem}
.homec .list li a{padding:.15rem .3rem }
.homec .slide-c{width: 3rem;}
.homec .slide-c .img{height: 4rem;width: 3rem;}
.homee .box .list li{width: 100%}
.homee .box .list li+li{margin-top: .1rem}
.homee .box .list .img{height: 1.7rem}
.homef .intit .en img{height: auto}
}