@charset "utf-8";
.homed{max-width: 1920px;margin: 0 auto}
.linemore{position: relative;display: block;height: .35rem;width: 1.1rem;font-size: .14rem}
.linemore:after{content: '';background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);position: absolute;left: 0;top: 0;bottom: 0;z-index: 0;width:0;transition: .3s;display: block;}
.linemore:hover:after{width: 100%}
.linemore:hover{color: #fff}
.linemore:hover span{background: transparent;}
.linemore span{display: flex;justify-content: space-between;position: relative;z-index: 4;line-height: .35rem;padding: 0 .1rem;width: 100%;height: 100%;background: #fff}
.linemore span:after{content: "\e676";font-family: "swiper-icons" !important;font-size: .12rem}
.linemorep:hover .linemore:after{width: 100%}
.linemorep:hover .linemore{color: #fff}
.linemorep:hover .linemore span{background: transparent;}

.slide-banner a{display: block;position: relative;;}
.slide-banner video{width: 100%;display: block;}
.slide-banner .txt{position: absolute;top:35%;z-index: 10;left: 50%;transform: translateX(-50%);
	color:#fff;text-shadow: 0 0 5px rgba(0,0,0,.4);text-align: right;}
.slide-banner .txt h4{font-size: .7rem;font-weight: normal;margin-bottom: .1rem}
.slide-banner .txt span{display: block;line-height: 1.2em}
.slide-banner .txt p{font-size: .24rem}
.banner .slide-banner a{display: block;;position: relative;overflow: hidden;}
.banner .slide-banner .swiper-slide-active a img{transform: scale(1)}
.banner .slide-banner a img{transform: scale(1.1);transition: 5s}
.banner .slide-banner a:after{position: absolute;content: '';left: 0;bottom: 0;right: 0;z-index: 1;height: 30%;
background: url(/en/images/bamask.png) no-repeat bottom center;background-size: 101% 101%}
.slide-banner .swiper-pagination{bottom: 1.2rem}

.banner .swiper-pagination-bullets .swiper-pagination-bullet {width: 6px;height: 6px;opacity:1;transition: .3s;margin: 0 .08rem!important;vertical-align: middle;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {width: 12px;height: 12px}

.topnews{background: rgba(0,79,161,.85);margin-top: -.9rem;position: relative;z-index: 5}
.topnews h4{padding-left: .65rem;position: relative;height: .9rem;font-weight: normal;}
.topnews h4 a{position: relative;top:50%;transform: translateY(-50%);color: #fff;font-size: .24rem;line-height: 1.4em}
.topnews h4:before{content:url(/en/images/tt.svg);display: inline-block;width: .48rem;height: .44rem;position: absolute;left: 0;top: 58%;transform: translateY(-50%);}

.intit{margin-bottom: .5rem}
.intit h3{font-size: .42rem;font-weight: normal;line-height: 1em}
.intit h3:after{height: 4px;width:.75rem;background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);display: block;margin: 0 auto;content: '';margin-top: .16rem}

@media screen and (max-width: 1180px){
.slide-banner .txt{top: 35%}
.slide-banner .txt h4{font-size: .6rem}
.slide-banner .swiper-pagination{bottom: .9rem}
.topnews{margin-top: -.7rem}
.topnews h4{height: .7rem}
.topnews h4 a{font-size: .24rem;}
}

@media screen and (max-width: 800px){
.slide-banner .txt{top: 30%}
.slide-banner .txt h4{font-size: .5rem}
.slide-banner .swiper-pagination{bottom: .3rem}
.topnews{margin-top: 0;background: rgba(0,79,161,1);}
.topnews h4 a{font-size: .22rem;}


}
@media screen and (max-width: 640px){

.slide-banner .txt h4{font-size: 6vw}
.slide-banner .txt p{font-size: 3vw}
.slide-banner .swiper-pagination{bottom: .15rem}
.topnews h4{height: .55rem;padding-left: .55rem}
.topnews h4 a{font-size: .18rem;}
.topnews h4:before{width: .4rem;height: .37rem;}

}

.rightFixs{position: fixed;right: -.8rem;top: 40%;transform: translateY(-50%);z-index: 30;width: .8rem}
.rightFixs.show{right: 0;}
.rightFixs a{display: block;width: .8rem;height: .75rem;background: rgba(0,79,161,.9);margin-bottom: 2px;
	color: #fff;text-align: center;font-size: .12rem;padding-top: .12rem;transition: .3s;transform: translateX(.8rem);transition: .3s}
.rightFixs a:nth-child(1){transition-delay: .2s}
.rightFixs a:nth-child(2){transition-delay: .4s}
.rightFixs a:nth-child(2) i{font-size: .4rem;display: block;height: .3rem}
.rightFixs a:nth-child(3){transition-delay: .6s}
.rightFixs a:nth-child(4){transition-delay: .8s}
.rightFixs a span{white-space: nowrap;}
.rightFixs a i{display: block;font-size: .3rem;margin-bottom:3px}
.rightFixs a:hover{background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%);}
.rightFixs a:hover i{transform: rotateY(360deg);transition: .5s}
.rightFixs.show a{transform: translateX(0);}


@media screen and (max-width: 1279px){

}
@media screen and (max-width: 1180px){
.rightFixs{display: none}
}

@media screen and (max-width: 640px){
 
}

.spbtn{outline:0;position:relative;border-radius:5px;overflow:hidden;-webkit-transition:background-color .3s;transition:background-color .3s}
.spbtn-nina span{display:inline-block;opacity:0;transform:translate3d(0,-10px,0);transition:transform .3s,opacity .3s;transition-timing-function:cubic-bezier(.75,0,.125,1)}
.spbtn-nina:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s,opacity .3s;transition-timing-function:cubic-bezier(.75,0,.125,1)}
.spbtn-nina:hover{background-color:#3f51b5}
.spbtn-nina:hover::before{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.spbtn-nina:hover>span{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.spbtn-nina:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.spbtn-nina:hover>span:nth-child(2){-webkit-transition-delay:90ms;transition-delay:90ms}
.spbtn-nina:hover>span:nth-child(3){-webkit-transition-delay:135ms;transition-delay:135ms}
.spbtn-nina:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.spbtn-nina:hover>span:nth-child(5){-webkit-transition-delay:225ms;transition-delay:225ms}
.spbtn-nina:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.spbtn-nina:hover>span:nth-child(7){-webkit-transition-delay:315ms;transition-delay:315ms}
.spbtn-nina:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.spbtn-nina:hover>span:nth-child(9){-webkit-transition-delay:405ms;transition-delay:405ms}
.spbtn-nina:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}

.homea{padding: 1rem 0 0;background: url(/en/images/habg1.jpg) no-repeat center;background-size: cover}
.homea .txt{width: 50%;padding-bottom: 1.5rem}
.homea .txt .tit{font-size: .48rem;color: #014a94;line-height: 1em;margin-bottom: .4rem}
.homea .txt .tit:after{content: '';height: 3px;width: 1.4rem;background: #d2d2d2;display: block;margin-top: .15rem;}
.homea .txt p{color: #666;line-height: 1.8em;font-size: .2rem}
.homea .pic{width: 40%;position: relative;z-index: 5}
.homea .more{width: 16rem;height: 1.1rem;position: absolute;left: 0;bottom: 0;z-index: 2;padding-left: .3rem;padding-top: .32rem}
.homea .more a{display: block;width: 2.1rem;height: .45rem;border: 1px solid #fff;color: #fff;line-height: .43rem;text-align: center;}
.homea .more a:hover{background:#00c09c;color: #fff;border: 1px solid #00c09c }

.homeb{padding-bottom: 1.4rem;background: url(/en/images/hbbg1.jpg) no-repeat center;background-size: cover}
.homeb ul li{width: 25%;height: 3.2rem;color: #fff;position: relative;padding:.45rem .35rem .35rem}

.homeb ul li p{font-size: .2rem;margin-top: .2rem}
.homeb ul li:nth-child(2){background: rgba(10,86,165,.85);}
.homeb ul li:nth-child(4){background: rgba(0,60,125,.85);}
.homeb ul li:nth-child(5){background: rgba(0,60,125,.85);}
.homeb ul li:nth-child(6){background: rgba(0,60,125,.25);}

.homeb ul li:nth-child(7){background: rgba(0,60,125,.85);}
.homeb ul li:nth-child(8){background: rgba(10,86,165,.85);}
.homeb ul li.sico:hover{background: url(/en/images/hbon.png) no-repeat center;background-size: 101% 101%}
.homeb ul li:nth-child(6):hover{background: rgba(0,60,125,.25);}
.homeb ul li .ico svg{height: .6rem;width: .7rem\0;display: block;margin: 0 auto}
.homeb ul li .sico7 svg{height: .7rem;width: .7rem\0;display: block;margin: 0 auto}
.homeb ul li .ico span{width: 1.1rem;height: 1.1rem;position: relative;display: flex;
    flex-direction: column;justify-content: center;}
.homeb ul li .ico span:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius:50%;border:1px dashed #fff;animation: roted linear 25s infinite}
.homeb .cls-1,.homeb .cls-2,.homeb .cls-3 {fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 3px;}
.homeb ul li:nth-child(6) h4{font-size: .36rem;line-height: 1.3em;text-transform: uppercase;margin-bottom: .3rem}

.homeb .cla-1,.homeb .cla-3,.homeb .cla-2{stroke:#ffbc3b;stroke-linecap:round;stroke-miterlimit:10;fill:none;}
.homeb ul li .ico1 svg{height: .3rem;width: .48rem}
.homeb ul li .ico1 span{color:#ffbc3b;text-transform: uppercase;line-height: .3rem;display: block;font-size: .18rem }
.homeb ul li .ico1 span:nth-child(1){margin-right: .1rem}

.homec{padding: .8rem 0 .8rem;background: url(/en/images/hcbg.jpg)no-repeat center;background-size: cover}
.homec .tit {margin-bottom: .6rem}
.homec .tit h3{font-size: .48rem;color: #014a94;line-height: 1em}
.homec .tit .tabnav{width: calc(100% - 1.5rem);border-bottom: 1px solid #ddd}
.homec .tit .tabnav li{margin-left: .4rem;cursor: pointer;font-size: .24rem;line-height: .48rem;position: relative;color: #02c88e}
.homec .tit .tabnav li:after{content: '';position: absolute;left: 0;bottom: -2px;width: 0;height: 3px;background:#014a94;display: block;transition: .3s }
.homec .tit .tabnav li.active{color:#014a94 }
.homec .tit .tabnav li.active:after{width: 100%}
.homec .slideCon{width: 16rem;min-height: 200px;background: rgba(0,0,0,0);}
.homec .swiper-slide .aleft{width: 58%;padding-bottom: .8rem}
.homec .swiper-slide .aright{width: 38%}
.homec .swiper-slide .aleft .pic{height: 3.8rem}
.homec .swiper-slide .aright .pic{height: 2.4rem}
.homec .swiper-slide .item time{display: block;width: 1.35rem;height: .45rem;color: #fff;line-height: .45rem;text-align: center;position: relative;top:-.23rem;}
.homec .swiper-slide .item h4{font-size: .24rem;line-height: 1.2em}
.homec .swiper-slide .aleft .item h4{margin-bottom: .2rem}
.homec .swiper-slide .aleft .item p{line-height: 1.8em;color: #666}
.homec .swiper-slide .aright .item h4{font-size: .22rem}
.homec .swiper-slide .aright .item:nth-child(1){margin-bottom: .3rem}
.homec .swiper-slide .more{position: absolute;left: 0;bottom: 0;z-index: 4;padding-left: 1px}
.homec .swiper-slide .more a{display: block;width: 2.1rem;height: .45rem;border: 1px solid #f2b643;color: #f2b643;line-height: .43rem;text-align: center;}
.homec .swiper-slide .more a:hover{background: #f2b643;color: #fff }
.homec .swiper-slide-next:before{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;background: rgba(255,255,255,.6);content: ''}


.homed .mapPc .leftani{width: 100%;position: absolute;top: 0;bottom: 0;right:0;z-index: 1;background: rgba(0,0,0,0);pointer-events: none}
.homed .mapPc .leftani .imga1{position: absolute;left: 5px;top: 85px;width: 688px;height: 688px;max-width: inherit;animation: roted linear 30s infinite}
.homed .mapPc .leftani .imga2{position: absolute;left: -90px;bottom: 0;}
.homed .mapPc .leftani .imga3{position: absolute;right: -50px;bottom:75px;width: 344px;height: 344px;max-width: inherit;animation: roted linear 10s infinite}
.homed .mapPc .leftani .imga4{position: absolute;right:0;bottom: 0;width: 340px}

.homed  h3.geo{font-size: .48rem;color: #fff;line-height: 1em;margin-bottom: .4rem}
.homed .mapM  h3.geo{position: absolute;;top:.5rem;left: 50%;transform: translateX(-50%);white-space: nowrap;}
.homed  h3.geo:after{content: '';height: 3px;width: .75rem;background: #00d999;display: block;margin-top: .15rem}
.homed .mapM  h3.geo:after{margin: .15rem auto 0}
.homed .aleft .swiper-slide{color: #fff}
.homed .aleft .swiper-slide h4{font-size: .24rem;font-weight: normal;}
.homed .aleft .swiper-slide .desc{margin-top: .3rem}
.homed .aleft .swiper-slide .desc p:nth-child(1){margin-bottom: .3rem}
.homed .aleft .swiper-slide .desc img{max-height: 2.1rem}
.homed .aleft .swiper-slide .desc p{line-height: 1.6em}

.homed .aleft{background: url(/en/images/lingbg.jpg) no-repeat center;background-size: cover;width: 37.9%;padding-left: 16.2%;padding-top: .9rem;padding-right: .4rem}
.homed .aright{width: 62.1%}

.homed .china{left:81.31%;top:42.64%;position: absolute;color: #fff}
.homed .mapdots li{position: absolute;z-index: 5;color: #fff}

.homed .mapdots li:nth-child(1){left:55.14%;top:56.50%;}
.homed .mapdots li:nth-child(2){left:46%;top:20.59%;}
.homed .mapdots li:nth-child(3){left:46.84%;top:36.25%;}

.homed .mapdots li:nth-child(4){left:83.82%;top:54.37%;}
.homed .mapdots li:nth-child(5){left:19.03%;top:68.12%;}
.homed .mapdots li:nth-child(6){left:69.57%;top:60.34%;}
.homed .mapdots li:nth-child(7){left:46.94%;top:69.72%;}
.homed .mapdots li .txt{position: relative;left: -10%;padding-top: .1rem}
.homed .mapdots li .txt h4{font-size: .24rem;font-weight: normal;}

.homed .mapdots li:nth-child(1) .txt{bottom: calc(100% + .15rem);position: absolute;left: -.4rem}
.homed .mapdots li:nth-child(5) .txt{bottom: calc(100% + .15rem);position: absolute;left: -.4rem}
.homed .mapdots li:nth-child(4) .txt span{white-space: inherit;width: 2rem}
@keyframes scaleThree{0%{transform:scale(1);opacity:.9}100%{transform:scale(3);opacity:0}}
.homed .point{cursor: pointer;position: absolute;}
.homed .point i::before{animation:scaleThree 1.5s infinite}
.homed .point i{display: block;width: 12px;height: 12px;border-radius:50%;position: relative;}
.homed .point i::after,.homed .point i::before{position:absolute;display:block;border-radius:50%;content:'';background-color: #fff;width: 12px;height: 12px;left: 0;top:50%;margin-top: -6px}
.homed .point span{white-space: nowrap;font-size: .15rem}

.homed .mapdots li.active{color: #00d999}
.homed .mapdots li.active .txt h4{font-size: .28rem}
.homed .mapdots li.active .txt span{display: none}
.homed .mapdots li.active i::before,.homed .mapdots li.active i::after{background: #00d999}


@media screen and (max-width: 1680px){
  .homed .aleft{padding-left: 10%}
}
@media screen and (max-width: 1440px){
  .homed .aleft{padding-left: 5%}
  .homed .aright{width: 65%}
  .homed .aleft{width: 35%}
}
@media screen and (max-width: 1366px){
  .homed .aleft{padding-top: .6rem}
}

@media screen and (max-width: 1180px){
.homec .slideCon{width: 100%}
.mapPc{display: none}
.mapM{display: block;}
}
@media screen and (max-width: 980px){
.homea .txt p{font-size: .18rem}
.homea .pic{width: 45%}
.homea{padding-top: .8rem}
.homeb{padding-bottom: .8rem}
.homeb ul li{width: 33.333333%}
.homeb ul li.empty{display: none}
.homeb ul li:nth-child(6) h4{font-size: .3rem}
.homeb ul li:nth-child(4){background: url(/en/images/hbon.png) no-repeat center;background-size: 101% 101%}

.homec .swiper-slide .aleft .pic{height: 3.2rem}
.homec .swiper-slide .aright .pic{height: 2rem}
.homec .swiper-slide .item h4{font-size: .22rem}
.homec .swiper-slide .aright .item h4{font-size: .18rem}
.homec .tit .tabnav li{font-size: .22rem;margin-left: .3rem}
}
@media screen and (max-width: 640px){
.homea .txt{width: 100%;padding-bottom: .2rem}
.homea .pic{width: 100%;padding-bottom: 1.1rem;z-index: 1}
.homea .pic .show{display: none}
.homea .pic .none{display: block;}
.homea .more{width: 100%;padding-left: 0}
.homea .more a{margin: 0 auto}
.homea{padding-top: .5rem}
.homeb{padding-bottom: .6rem}
.homec{padding-top: .5rem}
.homea .txt .tit{font-size: .42rem;margin-bottom: .3rem}

.homeb ul li{width: 50%}
.homeb ul li:nth-child(7){background: url(/en/images/hbon.png) no-repeat center;background-size: 101% 101%}
.homeb ul li{height: 50vw}

.homec .tit .tabnav{width: 100%;justify-content: space-between;padding-top: .2rem}
.homec .tit .tabnav li{margin: 0}

.homec .swiper-slide .aleft{width: 100%;padding-bottom: 0;margin-bottom: .3rem}
.homec .swiper-slide .aright{width: 100%;padding-bottom: 0}
.homec .swiper-slide .more{position: static;margin: .4rem auto .1rem}
.homec .swiper-slide .aright .pic{height: 45vw}
.homec .swiper-slide .aleft .pic{height: 45vw}
.homec .tit .tabnav li{font-size: .2rem}
.homec .tit{margin-bottom: .5rem}
.homed .mapM  h3.geo{font-size: .35rem;top: .4rem}
}
@media screen and (max-width:480px){
.homeb ul li:nth-child(6) h4{font-size: .24rem}	
.homeb ul li{padding: .3rem .25rem 0}
.homeb ul li p{font-size: .18rem;line-height: 1.2em}
.homeb ul li .ico span{width: .9rem;height: .9rem}
.homeb ul li .ico span{width: .9rem;height: .9rem}
.homeb ul li .ico svg{height: .5rem}
.homeb ul li .sico7 svg{height: .6rem}
.homec .swiper-slide .aright .pic{height: 50vw}
.homec .swiper-slide .aleft .pic{height: 50vw}
.homec .tit{margin-bottom: .4rem}
.homec .tit .tabnav{padding-top: .1rem}
}
@media screen and (max-width:360px){
.homeb ul li{width: 100%}
.homec .tit .tabnav li{font-size: .17rem}
}