@charset "utf-8";
.banner{position:relative;width: 100%}
.swiper-container{width: 100%}
.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/22s.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/blackms.png) no-repeat top center;background-size:100% 100%;z-index:2;opacity: .55;pointer-events: none}
.banner .item  .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;width: auto; }
.banner .swiDots span{width: auto;height: auto; opacity:1;border-radius: 0;margin: 0;background:transparent;background-size: 100% 100%;  position: relative;border-radius: 0;margin: 0 .1rem}
.banner .swiDots span.swiper-pagination-current{font-size: .22rem }
.banner .swiBtn a{margin: 0 .1rem} 
.banner .swiBtn{margin-left: .3rem} 
.banner .swiBtn img{height: .08rem}
.banner .swiTool{position: absolute;right:8%;bottom: .4rem;z-index: 8;color: #fff;left:8%}

.banner .slideImg video{width: 100%;height: 100%;object-fit: cover;}
.ie11 .slide-ba video{width: 100%;height: auto;position: absolute;left: 50%;top: 50%; transform: translateX(-50%) translateY(-50%); }
.isIpadPro .banner .item .slideImg,.isIpadAir .banner .item .slideImg{height: 52vw}
.banner .swiBtn{position: absolute;right: .45rem;z-index: 8;top: 50%;margin-top: -1.6rem}
.banner .swiBtn a{display: block;width: .5rem;height: .5rem;text-align: center;line-height: .5rem;border-radius: 50%;background: rgba(0,0,0,.6);color: #fff;margin: .2rem 0}
.banner .swiBtn a:hover{animation: beat 0.5s 1;}
.banner .dataShow{background: rgba(0,0,0,.5);position: absolute;left: 0;right: 0;bottom: 0;z-index: 8;padding: .3rem 0 .3rem}
.banner .dataShow ul li{flex:auto;color: #fff;padding: 0 .5rem}
.banner .dataShow ul li+li{border-left: 1px solid rgba(255,255,255,.2)}
.banner .dataShow ul li .num{font-size: .18rem;margin-bottom: .15rem}
.banner .dataShow ul li .num span{font-size: .6rem;color: #f08300;position: relative;top: .05rem;margin-right: .1rem;display: inline-block;}
.banner .dataShow ul li .num span.plus:after{content: '+';position: absolute;top: .05rem;right: -.2rem;font-size: .3rem}
.banner .dataShow ul li p{line-height: 1.8em}
@media (max-width: 992px){
.banner .dataShow{position: relative;background: rgba(0,0,0,.7);}
.banner .swiBtn{position: absolute;right: .45rem;z-index: 8;top: auto;margin-top:0;left: .45rem;width: auto;bottom: .3rem;display: flex;align-items: center;justify-content: center;}  
.banner .swiBtn a{display: block;width: .7rem;height: .7rem;text-align: center;line-height: .7rem;color: #fff;margin:0 .2rem }
.banner .dataShow ul li{flex:inherit;width: 50%;padding: .3rem .4rem}
.banner .dataShow ul li+li{border-left: 1px solid rgba(255,255,255,.1)}
.banner .dataShow ul li:nth-child(3){border-left: 0;border-top: 1px solid rgba(255,255,255,.1)}
.banner .dataShow ul li:nth-child(4){border-top: 1px solid rgba(255,255,255,.1)}
.banner .dataShow ul li .num{font-size: .24rem}
.banner .dataShow ul li .num span{font-size: .7rem;top: .05rem;margin-right: .1rem}
.banner .dataShow ul li p{font-size: .22rem}
.banner .dataShow ul li p br{display: none}
}
@media (max-width: 597px){
.banner .dataShow ul li{padding: .2rem 0 .3rem;border-left: 0;text-align: center;}
 
.banner .dataShow ul li p{display: none}
.banner .dataShow ul li .num {margin-bottom: 0}
.banner .dataShow ul li .num em{display: block;margin-top: .1rem}
.banner .dataShow ul li .num{font-size: .26rem}
}
@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 .item .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 .item .slideImg {height:52vw;}
.banner .swiTool{bottom: .2rem;justify-content: center}
.banner .swiBtn a.prev{left: .2rem}
.banner .swiBtn a.next{right: .2rem}
.banner .swiDots span.swiper-pagination-current{font-size: .28rem}
}
@media (max-width:597px){
 .banner .swiBtn img{height: .12rem}
.banner .swiDots span.swiper-pagination-current{font-size: .32rem}
}
.iconfont{font-size: inherit;}
 
.content{width: 100%;overflow: hidden}
.intit{margin-bottom: .3rem}
.intit .h3 .cn{font-size: .48rem}
.intit .h3 .en{color: #f08300}
.more a{display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255, 255, 255, .3);padding: .1rem .3rem;min-width: 1.42rem}
.homeb{background: url(../images/bg2.png) no-repeat center;background-size: cover;padding: .75rem 0 .8rem}
.homeb .swiBtn a{display: block;width: .68rem;height: .68rem;text-align: center;line-height: .66rem;border-radius: 50%; color: #f08300;border: 1px solid #f7cfa0;transition: .3s;position: absolute;top: 50%;margin-top: -.35rem;z-index: 8}
.homeb .swiBtn a.prev{left: -.8rem}
.homeb .swiBtn a.next{right: -.8rem}
.homeb .swiBtn a:hover{background: #f08300;color: #fff;border-color: #f08300}
.homeb .wp{max-width: 16.6rem}
.homeb .swiDots{display:none;justify-content: center;margin-top: .3rem}
.homeb .swiDots span{margin: 0 .05rem;background: #f08300}
.homeb .swiDots span.active{opacity: 1;}

.homea .swiDots{display: flex;justify-content: center;margin-top: .3rem}
.homea .swiDots span{margin: 0 .05rem;background: #f08300}
.homea .swiDots span.active{opacity: 1;}


.homeb .slide-b .swiper-slide{width: 33.3333%}
.homeb .slide-b .swiper-slide .img{height: 3rem}
.homeb .slide-b .swiper-slide .txt{padding: .25rem 0 0}
.homeb .slide-b .swiper-slide .txt h4{font-size: .18rem;line-height: 1.5em;height: .54rem}
.homeb .slide-b .swiper-slide .txt time{color: #666666;background: url(../images/time.png) no-repeat left center;background-size: .18rem .18rem;padding-left: .25rem;line-height: .2rem;display: block;margin-top: .1rem}
.homeb .slide-b .swiper-slide a{display: block;padding: .4rem .5rem;background: #fff;position: relative;overflow: hidden;transition: .3s}
.homeb .slide-b .swiper-slide a:after{content: '';position: absolute;width: 1.73rem;height: 1.38rem;background: url(../images/643.png) no-repeat center;background-size: 100% 100%;bottom: 0;z-index: 1;pointer-events: none;right: -1.75rem;transition: .3s}
@keyframes scaleta{0%{transform:scale(1);opacity:.6}
to{transform:scale(1.8);opacity:0}
}
@keyframes scaletb{0%{transform:scale(1);opacity:.8}
to{transform:scale(1.4);opacity:0}
}
.homec{height: 9.4rem;position: relative;}
.homec .playBtn{position: absolute;left: 50%;top: 50%;z-index: 8;width: 1.14rem;height: 1.14rem;margin-left: -.57rem;margin-top: -.57rem}
.homec .playBtn i{position: relative;z-index: 5;width: 100%;background: url(../images/play2.png) no-repeat center;background-size: 100% 100%;display: block;width: 100%;height: 100%;border-radius: 50%}
.homec .playBtn:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;z-index: 0;background: #fff;animation: scaleta 1.5s infinite;}
.homec .playBtn:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;z-index: 1;background: #fff;animation: scaletb 1.5s infinite;}
.homec .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;pointer-events: none}
.homec .wp{height: 100%;display: flex;justify-content: center;flex-direction: column;}
.homec .item{width: 5.2rem;color: #fff}
.homec .item+.item{margin-top: .5rem}
.homec .item h4{font-size: .36rem;margin-bottom: .1rem}
.homec .item .desc{line-height: 1.8em;text-align: justify;margin-bottom: .2rem}
.homec .item  .more a{color: #fff;transition: .3s}
.homec .item  .more a:hover{background: #fff;color: #f08300}
.homea{position: relative;}
.homea .bgs{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;pointer-events: none}
.homea .bgs .slide-a{height: 100%}
.homea .bgs .slide-a .swiper-slide{background: #000}
.homea .bgs .slideImg{opacity: .6;;height: 100%;}
.ie11 .homea .bgs .slideImg{opacity: .4;}
.homea .list{display: flex;justify-content: center;position: relative;z-index: 5;}
.homea .list li .more a{color: #fff}
.homea .list li{width: 16.6666%;height: 9.2rem;position: relative;background: #222; }
.homea .list li+li:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 2px;background: rgba(255,255,255,.5);z-index: 5;left: -1px }
.homea .list li .slideImg{height: 100%;background: rgba(0,0,0,1);transition: .4s;}
.homea .list li .slideImg{opacity: .4;}
.homea .list.hover li {background: transparent;}
.homea .list.hover li .slideImg{opacity: 0;}
 
.homea .list li .show{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;transition: .4s;}
.homea .list li .show .ico{width: .78rem}
.homea .list li .show h4{font-size: .3rem;font-weight: bold;color: #fff;margin: .1rem 0 .5rem}

.homea .list li .hide{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;opacity: 0;visibility: hidden;transition: .4s;}
.homea .list li .hide .ico{width: .78rem}
.homea .list li .hide .desc{color: #fff;line-height: 1.8em;padding: .0 .4rem;width: 100%}
.homea .list li .hide h4{font-size: .3rem;font-weight: bold;color: #fff;margin: .1rem 0 .3rem}
.homea .list li .hide .ul{width: 100%;padding: 0 .4rem;margin: .3rem 0 .6rem}
.homea .list li .hide .ul .li{border-top: 1px solid rgba(255,255,255,.4)}
.homea .list li .hide .ul .li:last-child{border-bottom: 1px solid rgba(255,255,255,.4)}
.homea .list li .hide .ul .li a{display: flex;align-items: center;justify-content: center;padding: .15rem 0;color: #fff}
.homea .list li .hide .more a{transition: .3s}
@media (min-width: 993px){
.homeb .slide-b .swiper-slide:hover{z-index: 6}
.homeb .slide-b .swiper-slide:hover a{box-shadow: 0 .05rem .1rem rgba(0,0,0,.1)} 
.homeb .slide-b .swiper-slide:hover a:after{right: 0} 
/*.homea .list li:hover .slideImg{background:rgba(240,130,0,.8) }*/
.homea .list li:hover .slideImg{opacity: 0; }
.homea .list li:hover{background:rgba(240,130,0,.8) }
.homea .list li:hover:before{opacity: 0;}
.homea .list li:hover+li:before{opacity: 0;}
.homea .list li:hover .hide{opacity: 1;visibility: visible;}
.homea .list li:hover .show{opacity: 0;visibility: hidden;}
.homea .list li .hide .more a:hover{background: #fff;color:rgba(240,130,0,1) }
.homeb .slide-b{padding:.1rem .15rem .15rem;}
}
@media (max-width: 992px){
.homec{height: auto;padding: 5rem 0 1rem}
.homec .item{width:100%;color: #fff} 
.homec .playBtn{position: absolute;left: 50%;top: 25%;z-index: 8;width: 1.14rem;height: 1.14rem;margin-left: -.57rem;margin-top: -.57rem}
.homec .bg img{object-position: left center}
.homeb .swiBtn {display: none}
.homeb .swiBtn a.prev{left: -.2rem}
.homeb .swiBtn a.next{right: -.2rem}
.homeb .slide-b .swiper-slide a{padding: .2rem}
.homeb .slide-b .swiDots{display:flex}
.homeb .slide-b .swiper-slide .txt h4{font-size: .26rem;height: .8rem}
.homeb .slide-b .swiper-slide .txt time{margin-top: .2rem;background-size: .24rem .24rem;padding-left: .35rem;line-height: .28rem}
.homeb .slide-b .swiper-slide .img{height: 26vw}
.homea .bgs{display: none}
.homea .list{justify-content: flex-start;}
.homea .list li{width:33.3333%;height: 8.8rem; }
.homea .list li .show .ico{width: .88rem}
.homea .list li .show h4{font-size: .36rem}
.homea .list li+li:before{opacity: 0; }
.homea .list li.swiper-slide-next:before{width:1px;background: rgba(255,255,255,.3);z-index: 5;left: 0;opacity: 1; }
.homea .list li.swiper-slide-next+.swiper-slide:before{width:1px;background: rgba(255,255,255,.3);z-index: 5;left: 0;opacity: 1; }
}
@media (max-width: 597px){
.homec .item h4{font-size: .4rem;margin-bottom: .16rem} 
.homec .playBtn{top: 22%} 
.homeb .slide-b .swiper-slide .img{height: 50vw}
.homeb .slide-b .swiper-slide .txt h4{font-size: .3rem;height: .92rem}
.homeb .slide-b .swiper-slide .txt time{margin-top: .2rem;background-size: .28rem .28rem;padding-left: .38rem;line-height: .28rem}
.homea .list li{width:50%;height: 8rem; }
.homea .list li .show .ico{width: 1rem}
}


.acode{display: inline-block;position: relative;}
.acode span{width: 1.4rem;height: 1.4rem;padding: 2px;background: #fff;position: absolute;top: 100%;left: 50%;margin-left: -.55rem;display: none;z-index: 9}
.acode span img{width: 100%!important;height: 100%!important;display: block;max-width: inherit;max-height: inherit;margin-right: 0!important}
.acode:hover span{display: block}
 