.ul-ce{position:fixed;top:50%;transform:translateY(-50%);left:0;z-index:99}
.ul-ce li{margin-top:-34px}
.ul-ce .img{display:block;width:82px;height:auto}
.ul-ce .img2{display:none}
.ul-ce .on .img2{display:block}
.ul-ce .on .img1{display:none}
.m-container{position:relative;height:100vh;overflow:hidden}
.m-container .swiper-container{height:100%}
.m-container .g-con{position:relative;z-index:3;height:100vh!important;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover}
.m-container .swiper-footer{height:auto!important}
.banner{position:relative}
.banner .pic{height:100vh;position:relative}
.banner .pic img{height:100vh;display:block;width:100%;object-fit:cover}
.banner .txt{position:absolute;left:0;right:0;top:50%;transform:translateY(-40%);color:#fff;z-index:1;padding:0 200px}
.banner .tit{font-size:68px;margin-bottom:12px;letter-spacing:1px;transform:translateY(1.2em);-webkit-transform:translateY(1.2em);-moz-transform:translateY(1.2em);-ms-transform:translateY(1.2em);-o-transform:translateY(1.2em);opacity:0}
.banner .desc{font-size:18px}
.banner .en{font-size:14px;margin-bottom:30px;transform:translateY(2em);-webkit-transform:translateY(2em);-moz-transform:translateY(2em);-ms-transform:translateY(2em);-o-transform:translateY(2em);opacity:0;transition:opacity 2s ease-out,transform 2s ease-out;-webkit-transition:opacity 2s ease-out,transform 2s ease-out;-moz-transition:opacity 2s ease-out,transform 2s ease-out;-ms-transition:opacity 2s ease-out,transform 2s ease-out;-o-transition:opacity 2s ease-out,transform 2s ease-out}
.banner .txt .tit{transition:opacity 2s ease-out,transform 2s ease-out;-webkit-transition:opacity 2s ease-out,transform 2s ease-out;-moz-transition:opacity 2s ease-out,transform 2s ease-out;-ms-transition:opacity 2s ease-out,transform 2s ease-out;-o-transition:opacity 2s ease-out,transform 2s ease-out}
.banner .txt .desc{font-weight:400;color:#fff;line-height:1.8;transform:translateY(3em);-webkit-transform:translateY(3em);-moz-transform:translateY(3em);-ms-transform:translateY(3em);-o-transform:translateY(3em);opacity:0;margin-bottom:190px;transition:opacity 2.5s ease-out,transform 2.5s ease-out;-webkit-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-moz-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-ms-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-o-transition:opacity 2.5s ease-out,transform 2.5s ease-out}
.banner .img_scale .txt .desc,.banner .img_scale .txt .en,.banner .img_scale .txt .tit{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}
.banner .link{display:inline-block;width:46px;height:46px;background-color:#fff;border-radius:50%;background-image:url(../images/index/a2.png);background-position:center;background-size:20px auto;background-repeat:no-repeat;text-transform:uppercase;transform:translateY(4.5em);-webkit-transform:translateY(4.5em);-moz-transform:translateY(4.5em);-ms-transform:translateY(4.5em);-o-transform:translateY(4.5em);transition:opacity 2.5s ease-out,transform 2.5s ease-out;-webkit-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-moz-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-ms-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-o-transition:opacity 2.5s ease-out,transform 2.5s ease-out}
.banner .link:hover{opacity:.6}
.banner .img_scale .link{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
.banner .slick-dots{position:absolute;left:0;right:0;bottom:50px;font-size:0;text-align:center}
.banner .slick-dots li{display:inline-block;width:40px;height:40px;overflow:hidden;position:relative;margin:0 12px}
.banner .slick-dots li:after{content:"";width:14px;height:14px;border:4px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner .slick-dots li.slick-active:after{width:10px;height:12px;border:3px solid #fff;border-top:none;border-bottom:none;border-radius:0}
.banner .slick-dots .wrapper{width:100%;height:100%;position:absolute;z-index:2;clip:rect(0,40px,40px,20px);display:none}
.banner .slick-dots li:before{content:"";width:100%;height:100%;border:1px solid rgba(255,255,255,.4);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;display:none;position:absolute;top:0;left:0}
.banner .slick-dots .slick-active .wrapper,.banner .slick-dots li.slick-active:before{display:block}
.banner .slick-dots .wrapper .circle{width:100%;height:100%;border:1px solid #fff;position:absolute;clip:rect(0,20px,40px,0);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.banner .slick-dots .slick-active .wrapper,.banner .slick-dots .slick-active .wrapper .circle.left,.banner .slick-dots .slick-active .wrapper .circle.right{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-timing-function:linear;-webkit-animation-timing-function:linear}
.banner .slick-dots .slick-active .wrapper{animation-duration:10ms;-webkit-animation-duration:10ms;animation-delay:2.5s;-webkit-animation-delay:2.5s;animation-name:close-wrapper;-webkit-animation-name:close-wrapper}
.banner .slick-dots .slick-active .wrapper .left{animation-duration:5s;-webkit-animation-duration:5s;animation-name:left-spin;-webkit-animation-name:left-spin}
.banner .slick-dots .slick-active .wrapper .right{animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-name:right-spin;-webkit-animation-name:right-spin}
@-webkit-keyframes right-spin{
from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(180deg)}
}
@-webkit-keyframes left-spin{
from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes close-wrapper{
to{clip:rect(auto,auto,auto,auto)}
}
.g-flex{display:flex;align-items:center;height:100%}
.g-inner{flex:1}
.g-pt{padding-top:80px}
.m-boxa2{overflow:hidden;position:relative;padding-left:200px}
.m-boxa2 .pic{float:right;width:840px;margin-left:80px;position:relative}
.m-boxa2 .pic::after{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;content:"";background-color:rgba(0,0,0,.3)}
.m-boxa2 .pic img{display:block}
.m-boxa2 .pic .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
.m-boxa2 .txt{overflow:hidden}
.m-boxa2 .top{margin-bottom:22px}
.m-boxa2 .tit{color:#0b92e5;font-size:36px;font-weight:700;margin-bottom:14px}
.m-boxa2 .info{font-size:18px;font-weight:700}
.m-boxa2 .desc{font-size:16px;margin-bottom:46px;line-height:1.8}
.g-play-video{font-size:0;display:inline-block;cursor:pointer}
.g-play-video .icon{width:72px;height:72px;display:inline-block;vertical-align:middle;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.g-play-video .icon:after,.g-play-video .icon:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/f-play.png) center center no-repeat;background-size:contain}
.g-play-video .icon:before{background-image:url(../images/f-play-bg.png);animation:2s linear infinite rotate;-webkit-animation:2s linear infinite rotate}
.g-play-video .text{display:inline-block;vertical-align:middle;font-size:18px;font-weight:400;color:#8a8d8d;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.g-play-video:hover .icon{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9)}
.g-play-video:hover .text{color:#fff}
@keyframes rotate{
0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
}
.ul-lista2{position:absolute;bottom:32px;left:200px;right:632px;background:linear-gradient(90deg,#0b92e5 0,#4aac35 100%);color:#fff;height:160px;display:flex;align-items:center;justify-content:space-between;padding:0 54px}
.ul-lista2 li{display:block}
.ul-lista2 .top{margin-bottom:6px;font-size:24px}
.ul-lista2 .num{font-weight:700;font-size:56px;font-family:OswaldBold}
.ul-lista2 .s{display:inline-block;vertical-align:top;padding-top:10px;padding-left:10px}
.ul-lista2 .txt{font-size:18px}
.m-boxa5{overflow:hidden;padding:0 55px 0 80px}
.g-tita1 .tit{font-size:36px;font-weight:700}
.g-tita1 .desc{margin-top:14px;font-size:18px;font-weight:700}
.ul-taba5{margin:54px 0 168px}
.ul-taba5 li{margin-bottom:32px}
.ul-taba5 .con{display:block;width:168px;height:50px;line-height:49px;border-radius:50px;text-align:center;border:1px solid #e1e3e5;font-size:18px;transition:.3s}
.ul-taba5 .con:hover,.ul-taba5 .on .con{background-color:#0b92e5;border-color:#0b92e5;color:#fff}
.m-boxa5 .col-l{width:22%;margin-right:60px}
.m-bana5{overflow:hidden;position:relative;padding:60px 0 80px}
.m-bana5.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px 0 0!important}
.m-bana5 .con{display:block}
.m-bana5 .swiper-slide{padding:0 25px}
.m-bana5 .top{padding-bottom:16px;font-size:20px;border-bottom:1px solid #e1e3e5;margin-bottom:32px;transition:.3s;position:relative}
.m-bana5 .top::after{position:absolute;left:0;bottom:-4px;background-color:#0b92e5;width:8px;height:8px;border-radius:50%;content:"";opacity:0;transition:.3s}
.m-bana5 .con:hover .top::after{opacity:1}
.m-bana5 .con:hover .top{border-color:#0b92e5}
.m-bana5 .top span{font-size:40px;font-weight:700;margin-right:12px;display:inline-block;font-family:OswaldBold}
.m-bana5 .con:hover{color:#0b92e5}
.m-bana5 .tit{font-size:18px;margin-bottom:14px;display:block;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;height:1.5em}
.m-bana5 .desc{font-size:16px;line-height:2;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:6em;margin-bottom:38px}
.m-bana5 .info{margin-bottom:40px}
.m-bana5 .more{border:1px solid #e1e3e5;width:88px;height:32px;display:flex;align-items:center;justify-content:center;color:#bbbdbf;font-size:12px;transition:.3s;border-radius:30px}
.m-bana5 .con:hover .more{color:#fff;background-color:#0b92e5;border-color:#0b92e5}
.m-bana5 .pic{padding-top:66.66%;position:relative;overflow:hidden}
.m-bana5 .pic img{display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;transition:.3s}
.m-bana5 .con:hover .pic img{transform:scale(1.06)}
.m-bana5 .swiper-pagination{left:0!important;right:0;text-align:left;transform:translateX(0)!important;padding-left:25px}
.m-boxa5-r{overflow:hidden}
.tab5{height:0;opacity:0;overflow:hidden}
.tab5.open{height:auto;opacity:1}
.m-bana5 .swiper-button-next:after,.m-bana5 .swiper-button-prev:after{display:none}
.m-bana5 .swiper-button-next{position:absolute;bottom:0;width:96px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/index/next.png);right:25px;top:auto}
.m-bana5 .swiper-button-next:hover{background-image:url(../images/index/next-1.png)}
.m-bana5 .swiper-button-prev{position:absolute;bottom:0;width:96px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/index/prev.png);left:auto;right:175px;top:auto}
.m-bana5 .swiper-button-prev:hover{background-image:url(../images/index/prev-1.png)}
.m-conta3{height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
.m-conta3 .inner{width:660px;height:660px;position:absolute;left:50%;transform:translateX(-50%);top:96px;color:#fff;text-align:center;z-index:10;background-position:center;background-size:contain;background-repeat:no-repeat}
.m-conta3 .inner1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.6);width:420px;height:420px;border-radius:50%;padding:70px 40px 0}
.m-conta3 .inner .ring{position:absolute;background-position:center;background-size:100% auto;background-repeat:no-repeat;transform:translate(-50%,-50%);left:50%;top:50%}
.m-conta3 .inner .ring1{width:460px;height:460px;background-image:url(../images/index/ring1.png);animation:10s linear infinite ring1}
.m-conta3 .inner .ring2{position:absolute;width:657px;height:657px;background-image:url(../images/index/ring2.png);animation:10s linear infinite ring2}
.m-conta3 .inner .ring3{width:637px;height:637px;background-image:url(../images/index/ring3.png);animation:10s linear infinite ring3}
.m-conta3 .inner .ring4{width:660px;height:660px;background-image:url(../images/index/ring4.png);animation:10s linear infinite ring4}
@keyframes ring1{
0%{transform:translate(-50%,-50%) rotate(0) scale(1)}
25%{transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}
75%{transform:translate(-50%,-50%) rotate(270deg) scale(1.05)}
100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
}
@keyframes ring3{
0%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
25%{transform:translate(-50%,-50%) rotate(270deg) scale(1.05)}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}
75%{transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}
100%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
@keyframes ring2{
0%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
25%{transform:translate(-50%,-50%) rotate(270deg) scale(.95)}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}
75%{transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}
100%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
@keyframes ring4{
0%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
25%{transform:translate(-50%,-50%) rotate(270deg) scale(.95)}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}
75%{transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}
100%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
.m-conta3 .tit{font-size:28px;padding-bottom:16px;margin-bottom:16px;position:relative}
.m-conta3 .tit::after{position:absolute;left:50%;bottom:0;transform:translateX(-50%);content:"";background:#d8d8d8;width:32px;height:2px}
.m-conta3 .desc{font-size:14px;margin-bottom:30px;line-height:1.8;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:6;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.m-conta3 .more{display:inline-block;font-size:16px;color:#fff;transition:.3s}
.m-conta3 .more:hover{color:#0b92e5}
.m-boxa3{position:relative}
@keyframes txt_wave{
0%,100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
50%{transform:translateY(-64px);-webkit-transform:translateY(-64px);-moz-transform:translateY(-64px);-ms-transform:translateY(-64px);-o-transform:translateY(-64px)}
}
@keyframes move_wave{
0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}
50%{transform:translateX(-25%);-webkit-transform:translateX(-25%);-moz-transform:translateX(-25%);-ms-transform:translateX(-25%);-o-transform:translateX(-25%)}
100%{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
}
.ul-taba3 .con{display:block;text-align:center;font-size:18px}
.ul-taba3 .txt{position:absolute;top:100%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);padding-top:14px;color:#fff;opacity:.7;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;white-space:nowrap}
.ul-taba3 .con:hover .txt,.ul-taba3 .on .txt{opacity:1;font-weight:700;font-size:22px}
.ul-taba3 .icon img{display:block;width:40px;height:40px;opacity:0;object-fit:contain;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.ul-taba3 .icon{width:40px;position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-20px);-webkit-transform:translateX(-50%) translateY(-20px);-moz-transform:translateX(-50%) translateY(-20px);-ms-transform:translateX(-50%) translateY(-20px);-o-transform:translateX(-50%) translateY(-20px)}
.ul-taba3 .con:hover .icon img,.ul-taba3 .on .icon img{opacity:1}
.ul-taba3 .cirlce{width:26px;height:26px;border:1px solid #fff;position:relative;border-radius:50%}
.ul-taba3 .cirlce::after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background-color:#fff;content:""}
.ul-taba3 li{position:absolute;bottom:100px;animation:2.5s ease-in-out infinite txt_wave;-webkit-animation:2.5s ease-in-out infinite txt_wave}
.ul-taba3 .li1{left:12.8%;animation-delay:-3.2s}
.ul-taba3 .li2{left:20.59%;animation-delay:-3.6s}
.ul-taba3 .li3{left:39%;animation-delay:-2s}
.ul-taba3 .li4{left:60%;animation-delay:-3s}
.ul-taba3 .li5{left:78.93%;animation-delay:-4s}
.ul-taba3 .li6{left:86.93%;animation-delay:-1.8s}
.waveWrapper{overflow:hidden;position:absolute;left:0;right:0;bottom:114px;top:0;margin:auto}
.waveWrapperInner{position:absolute;width:100%;overflow:hidden;height:100%;bottom:-1px}
.bgTop{opacity:.5}
.bgMiddle{opacity:.75}
.wave{position:absolute;left:0;width:200%;height:100%;background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom}
.waveTop{background-size:50% auto}
.waveAnimation .waveTop{animation:5s linear infinite move_wave;-webkit-animation:5s linear infinite move_wave}
.waveMiddle{background-size:50% 120px}
.waveAnimation .waveMiddle{animation:10s linear infinite move_wave;-webkit-animation:10s linear infinite move_wave}
.waveBottom{background-size:50% 100px}
.waveAnimation .waveBottom{animation:15s linear infinite move_wave;-webkit-animation:15s linear infinite move_wave}
.map-banner{padding-top:120px}
.map-container{padding:0 0 0 200px}
.map-banner .map-container{justify-content:space-between;display:flex;align-items:center}
.map-banner .global-map{width:1042px}
.m-conta4{flex:1}
.m-conta4 .ort{font-size:16px;line-height:2;margin:46px 0 110px;max-width:480px}
.m-conta4 .info .box{display:inline-block;margin-right:22px;vertical-align:top}
.m-conta4 .info .top{width:20px;height:20px;display:block;margin:0 auto 12px;border-radius:50%}
.m-conta4 .info .t1{font-size:16px;width:88px;text-align:center}
.global-map .map{position:relative}
.global-map .map-dot-item{position:absolute;width:100px;height:80px;cursor:pointer;overflow:hidden}
@media screen and (max-width:767.99px){
.global-map .map-dot-item{width:20px;height:20px}
}
.global-map .map-dot-line{position:absolute;left:50%;top:50%;margin-left:20px;height:1.5px;background:#1d70a3;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;width:0;-webkit-transition:width .5s;-o-transition:width .5s;transition:width .5s}
.global-map .map-dot{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;cursor:pointer;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.global-map .map-dot .icon{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
.global-map .map-dot-layer{width:12px;height:80px;cursor:pointer;border-radius:50%;position:relative;display:block;transition:.3s}
.global-map .map-dot-layer::before{border:1px solid #0b92e5;width:52px;height:52px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";border-radius:50%;opacity:0}
.global-map .map-dot-layer::after{border:1px solid #0b92e5;width:80px;height:80px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";border-radius:50%;opacity:0}
.global-map .active .map-dot-layer::after,.global-map .active .map-dot-layer::before{animation:1.6s ease-out infinite warn-m3;opacity:1}
@-webkit-keyframes warn-m3{
0%{opacity:.35;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
100%,75%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}
}
@keyframes warn-m3{
0%{opacity:.35;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
100%,75%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}
}
.global-map .active .map-dot-layer{width:40px}
.global-map .map-dot-layer .point{position:absolute;left:50%;top:50%;width:1px;height:1px;margin-top:-.5px;margin-left:-.5px}
.global-map .map-dot-layer .dot{width:8px;height:8px;border-radius:8px;display:inline-block;position:absolute;left:50%;top:50%;margin-top:-4px;margin-left:-4px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.global-map .map-dot-layer .dot span{width:8px;height:8px;background-color:#004098;display:block;border-radius:8px;position:relative;z-index:2;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.global-map .map-dot-layer .dot:before{content:'';position:absolute;left:2px;right:2px;top:2px;bottom:2px;border:2px solid #004098;border-radius:50%;opacity:0;z-index:1}
.global-map .map-dot .map-dot-layer .dot:before{-webkit-animation:1s ease-in-out infinite warn-1;animation:1s ease-in-out infinite warn-1}
.global-map .map-dot-text{display:block;white-space:nowrap;font-size:14px;line-height:40px;height:40px;font-weight:700;width:40px;flex:1}
.global-map .active .map-dot-text{font-size:20px;color:#0b92e5}
.global-map .map-dot-text.is-top{bottom:100%}
.global-map .map-dot-text.is-right{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:100%}
.global-map .map-dot-item.active{overflow:unset}
.global-map .map-dot-item.active .map-dot-layer .dot span{background-color:#1d70a3}
.global-map .map-dot-item.active .map-dot-layer .dot:before{border-color:#1d70a3;background-color:#1d70a3;-webkit-animation:1.2s ease-in-out infinite warn-2;animation:1.2s ease-in-out infinite warn-2}
@-webkit-keyframes warn-1{
0%{opacity:1;left:2px;right:2px;top:2px;bottom:2px}
90%{opacity:0;left:-10px;right:-10px;top:-10px;bottom:-10px}
}
@keyframes warn-1{
0%{opacity:1;left:2px;right:2px;top:2px;bottom:2px}
90%{opacity:0;left:-10px;right:-10px;top:-10px;bottom:-10px}
}
@-webkit-keyframes warn-2{
0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
90%{opacity:0;-webkit-transform:scale(6);transform:scale(6)}
}
@keyframes warn-2{
0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
90%{opacity:0;-webkit-transform:scale(6);transform:scale(6)}
}
.global-map .map-dot-bubble{position:absolute;top:100%;left:50%;width:320px;padding:20px 30px;background:#fff;text-align:left;margin-top:20px;opacity:0;-webkit-transform:translate3d(-50%,20px,0);transform:translate3d(-50%,20px,0);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;z-index:-1}
.global-map .map-dot-bubble:after{content:"";position:absolute;left:50%;margin-left:-10px;top:-19px;border:10px solid transparent;border-bottom:10px solid #fff}
.global-map .map-dot-bubble.pop-top{top:unset;bottom:100%;margin-top:-20px;-webkit-transform:translate3d(-50%,-20px,0);transform:translate3d(-50%,-20px,0)}
.global-map .map-dot-bubble.pop-top:after{top:unset;bottom:-19px;border:10px solid transparent;border-top:10px solid #fff}
.global-map .map-dot-bubble.pop-right{left:100%;margin-left:20px;margin-top:0;-webkit-transform:translate3d(20px,-50%,0);transform:translate3d(20px,-50%,0)}
.global-map .map-dot-bubble.pop-left{left:unset;margin-left:0;right:100%;margin-right:20px;margin-top:0;-webkit-transform:translate3d(-20px,-50%,0);transform:translate3d(-20px,-50%,0)}
.global-map .map-dot-bubble.pop-right:after{content:"";position:absolute;top:50%;margin-top:-20px;left:-19px;margin-left:unset;border:10px solid transparent;border-right:10px solid #fff}
.global-map .map-dot-bubble.pop-left:after{content:"";position:absolute;top:50%;margin-top:-20px;left:unset;margin-left:unset;right:-19px;border:10px solid transparent;border-left:10px solid #fff}
.global-map .map-dot-bubble .title{font-size:20px;color:#0b92e5;margin-bottom:15px;font-weight:700}
.global-map .map-dot-bubble .desc{font-size:14px;color:#333;font-weight:400}
.global-map .map-dot-bubble .desc .more-btn{margin-top:15px}
.global-map .map-dot-bubble .desc li{margin-bottom:10px;padding-left:18px;position:relative}
.global-map .map-dot-bubble .desc li .a{color:#252626;transition:.3s}
.global-map .map-dot-bubble .desc li .a1:hover{color:#4aac35}
.global-map .map-dot-bubble .desc li .a2:hover{color:#f68b1f}
.global-map .map-dot-bubble .desc .c1{background:#4aac35;width:12px;height:12px;border-radius:50%;display:inline-block;position:absolute;left:0;top:.4em}
.global-map .map-dot-bubble .desc .o{background:#f68b1f}
.global-map .map-dot-item.active .map-dot-bubble{opacity:1;-webkit-transform:none;transform:none;z-index:9;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
.global-map .map-dot-item.active .map-dot-bubble.pop-left,.global-map .map-dot-item.active .map-dot-bubble.pop-right{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.china-container{position:absolute;width:6%;left:57.3%;top:32.5%}
.china-container .circle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.china-container .circle img{width:100%;-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);display:block;vertical-align:middle}
.china-container .circle1{width:216px}
.china-container .circle2{width:456px}
.china-container .circle3{width:816px}
.china-container .circle4,.china-container .line{width:1296px}
.china-container .circle1 img{-webkit-animation:20s linear infinite circle;animation:20s linear infinite circle}
.china-container .circle2 img{-webkit-animation:15s linear infinite circle;animation:15s linear infinite circle}
.china-container .circle3 img{-webkit-animation:25s linear infinite circle;animation:25s linear infinite circle}
.china-container .circle4 img{-webkit-animation:20s linear infinite circle;animation:20s linear infinite circle}
.china-container .china-dot{cursor:pointer;position:relative}
.china-container .china-dot:before{content:"";background-color:#1d70a3;position:absolute;left:10%;right:10%;top:10%;bottom:10%;border-radius:50%;-webkit-animation:1.6s ease-out infinite warn-3;animation:1.6s ease-out infinite warn-3;z-index:0}
.china-container .china-dot img{width:100%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;z-index:2}
.china-container .china-dot .text{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;z-index:3}
.china-container .point{width:1px;height:1px;position:absolute;left:50%;top:50%;margin-top:-.5px;margin-left:-.5px}
@media screen and (max-width:1599.99px){
.china-container .china-dot .text{font-size:12px}
}
@media screen and (max-width:767px){
.china-container .china-dot .text{font-size:2vw}
}
@-webkit-keyframes warn-3{
0%{opacity:.35;-webkit-transform:scale(0);transform:scale(0)}
100%,75%{opacity:0;-webkit-transform:scale(6);transform:scale(6)}
}
@keyframes warn-3{
0%{opacity:.35;-webkit-transform:scale(0);transform:scale(0)}
100%,75%{opacity:0;-webkit-transform:scale(6);transform:scale(6)}
}
@-webkit-keyframes circle{
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes circle{
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.m-bana6{position:relative;padding-bottom:66px;margin:0 -20px}
.m-bana6 .swiper-slide{padding:0 20px}
.m-bana6 .con{display:block;padding-bottom:16px;border-bottom:1px solid #e1e3e5}
.m-bana6 .pic{margin-bottom:22px;position:relative;overflow:hidden;padding-top:43.9%}
.m-bana6 .pic img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;object-fit:cover;transition:.3s}
.m-bana6 .con:hover .pic img{transform:scale(1.06)}
.m-bana6 .tit{font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:18px;transition:.3s}
.m-bana6 .con:hover .desc,.m-bana6 .con:hover .more,.m-bana6 .con:hover .tit{color:#0b92e5}
.m-bana6 .desc{font-size:16px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:24px;color:#575859;transition:.3s}
.m-bana6 .more{font-size:16px;text-transform:uppercase;background-position:right center;background-repeat:no-repeat;background-size:28px auto;background-image:url(../images/index/b2.png);color:#575859;transition:.3s}
.m-bana6 .con:hover .more{background-image:url(../images/index/b2-1.png)}
.m-topa6{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.ul-lista6{width:59%;overflow-y:hidden;overflow-x:auto;text-align:right;white-space:nowrap}
.ul-lista6 li{display:inline-block;margin-left:20px}
.ul-lista6 .con{display:block;padding:10px 24px;border-radius:50px;border:1px solid #e1e3e5;font-size:14px;transition:.3s}
.ul-lista6 .con:hover,.ul-lista6 .on .con{background:#0b92e5;color:#fff}
.m-bana6 .swiper-scrollbar{background:#9cc9f0}
.m-bana6 .swiper-scrollbar-drag{border:1px solid #0b92e5;background-position:center;background-repeat:no-repeat;background-image:url(../images/index/b3.png);background-size:120px auto;height:40px;line-height:40px;top:-18px;border-radius:50px;background-color:#f5f7fa}
.tab6{height:0;opacity:0;overflow:hidden}
.tab6.open{height:auto;opacity:1;overflow:visible}
@media only screen and (min-width:1199px){
.ul-ce{top:50%;transform:translateY(-50%);left:0}
.ul-ce li{margin-top:-1.77vw}
.ul-ce .img{width:4.27vw;height:auto}
.m-container{height:100vh}
.m-container .swiper-container{height:100%}
.m-container .g-con{height:100vh!important}
.m-container .swiper-footer{height:auto!important}
.banner .pic{height:100vh}
.banner .pic img{height:100vh;object-fit:cover}
.banner .txt{left:0;right:0;top:50%;transform:translateY(-40%);padding:0 10.41vw}
.banner .tit{font-size:3.541vw;margin-bottom:.625vw;letter-spacing:1px;transform:translateY(1.2em);-webkit-transform:translateY(1.2em);-moz-transform:translateY(1.2em);-ms-transform:translateY(1.2em);-o-transform:translateY(1.2em);opacity:0}
.banner .desc{font-size:.937vw}
.banner .en{font-size:.729vw;margin-bottom:1.562vw;transform:translateY(2em);-webkit-transform:translateY(2em);-moz-transform:translateY(2em);-ms-transform:translateY(2em);-o-transform:translateY(2em);opacity:0;transition:opacity 2s ease-out,transform 2s ease-out;-webkit-transition:opacity 2s ease-out,transform 2s ease-out;-moz-transition:opacity 2s ease-out,transform 2s ease-out;-ms-transition:opacity 2s ease-out,transform 2s ease-out;-o-transition:opacity 2s ease-out,transform 2s ease-out}
.banner .txt .tit{transition:opacity 2s ease-out,transform 2s ease-out;-webkit-transition:opacity 2s ease-out,transform 2s ease-out;-moz-transition:opacity 2s ease-out,transform 2s ease-out;-ms-transition:opacity 2s ease-out,transform 2s ease-out;-o-transition:opacity 2s ease-out,transform 2s ease-out}
.banner .txt .desc{font-weight:400;line-height:1.8;transform:translateY(3em);-webkit-transform:translateY(3em);-moz-transform:translateY(3em);-ms-transform:translateY(3em);-o-transform:translateY(3em);opacity:0;margin-bottom:9.895vw;transition:opacity 2.5s ease-out,transform 2.5s ease-out;-webkit-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-moz-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-ms-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-o-transition:opacity 2.5s ease-out,transform 2.5s ease-out}
.banner .img_scale .txt .desc,.banner .img_scale .txt .en,.banner .img_scale .txt .tit{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}
.banner .link{width:2.395vw;height:2.395vw;border-radius:50%;background-image:url(../images/index/a2.png);background-size:1.041vw auto;background-repeat:no-repeat;text-transform:uppercase;transform:translateY(4.5em);-webkit-transform:translateY(4.5em);-moz-transform:translateY(4.5em);-ms-transform:translateY(4.5em);-o-transform:translateY(4.5em);transition:opacity 2.5s ease-out,transform 2.5s ease-out;-webkit-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-moz-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-ms-transition:opacity 2.5s ease-out,transform 2.5s ease-out;-o-transition:opacity 2.5s ease-out,transform 2.5s ease-out}
.banner .link:hover{opacity:.6}
.banner .img_scale .link{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
.banner .slick-dots{left:0;right:0;bottom:2.604vw;font-size:0}
.banner .slick-dots li{width:2.083vw;height:2.083vw;margin:0 .625vw}
.banner .slick-dots li:after{content:"";width:.729vw;height:.729vw;border:solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner .slick-dots li.slick-active:after{width:.52vw;height:.625vw;border:solid #fff;border-top:none;border-bottom:none;border-radius:0}
.banner .slick-dots .wrapper{clip:rect(0,2.083vw,2.083vw,1.041vw)}
.banner .slick-dots li:before{content:"";border:1px solid rgba(255,255,255,.4);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;top:0;left:0}
.banner .slick-dots .wrapper .circle{border:1px solid #fff;clip:rect(0,1.041vw,2.083vw,0);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.banner .slick-dots .slick-active .wrapper,.banner .slick-dots .slick-active .wrapper .circle.left,.banner .slick-dots .slick-active .wrapper .circle.right{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-timing-function:linear;-webkit-animation-timing-function:linear}
.banner .slick-dots .slick-active .wrapper{animation-duration:10ms;-webkit-animation-duration:10ms;animation-delay:2.5s;-webkit-animation-delay:2.5s;animation-name:close-wrapper;-webkit-animation-name:close-wrapper}
.banner .slick-dots .slick-active .wrapper .left{animation-duration:5s;-webkit-animation-duration:5s;animation-name:left-spin;-webkit-animation-name:left-spin}
.banner .slick-dots .slick-active .wrapper .right{animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-name:right-spin;-webkit-animation-name:right-spin}
@-webkit-keyframes right-spin{
from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(180deg)}
}
@-webkit-keyframes left-spin{
from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes close-wrapper{
to{clip:rect(auto,auto,auto,auto)}
}
.g-flex{align-items:center}
.g-inner{flex:1}
.g-pt{padding-top:4.166vw}
.m-boxa2{padding-left:10.41vw}
.m-boxa2 .pic{width:43.75vw;margin-left:4.166vw}
.m-boxa2 .pic::after{left:0;right:0;top:0;bottom:0;content:""}
.m-boxa2 .pic .play{top:50%;transform:translate(-50%,-50%)}
.m-boxa2 .top{margin-bottom:1.145vw}
.m-boxa2 .tit{font-size:1.875vw;font-weight:700;margin-bottom:.729vw}
.m-boxa2 .info{font-size:.937vw;font-weight:700}
.m-boxa2 .desc{font-size:.833vw;margin-bottom:2.395vw;line-height:1.8}
.g-play-video{font-size:0}
.g-play-video .icon{width:3.75vw;height:3.75vw;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.g-play-video .icon:after,.g-play-video .icon:before{content:"";left:0;top:0;background:url(../images/f-play.png) center center no-repeat;background-size:contain}
.g-play-video .icon:before{background-image:url(../images/f-play-bg.png);animation:2s linear infinite rotate;-webkit-animation:2s linear infinite rotate}
.g-play-video .text{font-size:.937vw;font-weight:400;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.g-play-video:hover .icon{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9)}
@keyframes rotate{
0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}
}
.ul-lista2{bottom:1.666vw;left:10.41vw;right:32.91vw;background:linear-gradient(90deg,#0b92e5 0,#4aac35 100%);height:8.333vw;align-items:center;justify-content:space-between;padding:0 2.812vw}
.ul-lista2 .top{margin-bottom:.312vw;font-size:1.25vw}
.ul-lista2 .num{font-weight:700;font-size:2.916vw;font-family:OswaldBold}
.ul-lista2 .s{padding-top:.52vw;padding-left:.52vw}
.ul-lista2 .txt{font-size:.937vw}
.m-boxa5{padding:0 2.864vw 0 4.166vw}
.g-tita1 .tit{font-size:1.875vw;font-weight:700}
.g-tita1 .desc{margin-top:.729vw;font-size:.937vw;font-weight:700}
.ul-taba5{margin:2.812vw 0 8.75vw}
.ul-taba5 li{margin-bottom:1.666vw}
.ul-taba5 .con{width:8.75vw;height:2.604vw;line-height:2.552vw;border-radius:2.604vw;border:1px solid #e1e3e5;font-size:.937vw;transition:.3s}
.m-boxa5 .col-l{margin-right:3.125vw}
.m-bana5{padding:3.125vw 0 4.166vw}
.m-bana5.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .416vw 0 0!important}
.m-bana5 .swiper-slide{padding:0 1.302vw}
.m-bana5 .top{padding-bottom:.833vw;font-size:1.041vw;border-bottom:1px solid #e1e3e5;margin-bottom:1.666vw;transition:.3s}
.m-bana5 .top::after{left:0;bottom:-.208vw;width:.416vw;height:.416vw;border-radius:50%;content:"";opacity:0;transition:.3s}
.m-bana5 .con:hover .top::after{opacity:1}
.m-bana5 .top span{font-size:2.083vw;font-weight:700;margin-right:.625vw;font-family:OswaldBold}
.m-bana5 .tit{font-size:.937vw;margin-bottom:.729vw;height:1.5em}
.m-bana5 .desc{font-size:.833vw;line-height:2;height:6em;margin-bottom:1.979vw}
.m-bana5 .info{margin-bottom:2.083vw}
.m-bana5 .more{border:1px solid #e1e3e5;width:4.583vw;height:1.666vw;align-items:center;justify-content:center;font-size:.625vw;transition:.3s;border-radius:1.562vw}
.m-bana5 .pic{padding-top:66.66%}
.m-bana5 .pic img{left:0;right:0;top:0;bottom:0;object-fit:cover;transition:.3s}
.m-bana5 .con:hover .pic img{transform:scale(1.06)}
.m-bana5 .swiper-pagination{left:0!important;right:0;transform:translateX(0)!important;padding-left:1.302vw}
.tab5{opacity:0}
.tab5.open{height:auto;opacity:1}
.m-bana5 .swiper-button-next{bottom:0;width:5vw;height:1.25vw;background-image:url(../images/index/next.png);right:1.302vw;top:auto}
.m-bana5 .swiper-button-next:hover{background-image:url(../images/index/next-1.png)}
.m-bana5 .swiper-button-prev{bottom:0;width:5vw;height:1.25vw;background-image:url(../images/index/prev.png);left:auto;right:9.114vw;top:auto}
.m-bana5 .swiper-button-prev:hover{background-image:url(../images/index/prev-1.png)}
.m-conta3{height:100vh}
.m-conta3 .inner{width:34.37vw;height:34.37vw;transform:translateX(-50%);top:5vw}
.m-conta3 .inner1{top:50%;transform:translate(-50%,-50%);width:21.87vw;height:21.87vw;border-radius:50%;padding:3.645vw 2.083vw 0}
.m-conta3 .inner .ring{background-size:100% auto;background-repeat:no-repeat;transform:translate(-50%,-50%);top:50%}
.m-conta3 .inner .ring1{width:23.95vw;height:23.95vw;background-image:url(../images/index/ring1.png);animation:10s linear infinite ring1}
.m-conta3 .inner .ring2{width:34.21vw;height:34.21vw;background-image:url(../images/index/ring2.png);animation:10s linear infinite ring2}
.m-conta3 .inner .ring3{width:33.17vw;height:33.17vw;background-image:url(../images/index/ring3.png);animation:10s linear infinite ring3}
.m-conta3 .inner .ring4{width:34.37vw;height:34.37vw;background-image:url(../images/index/ring4.png);animation:10s linear infinite ring4}
@keyframes ring1{
0%{transform:translate(-50%,-50%) rotate(0) scale(1)}
25%{transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}
75%{transform:translate(-50%,-50%) rotate(270deg) scale(1.05)}
100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
}
@keyframes ring3{
0%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
25%{transform:translate(-50%,-50%) rotate(270deg) scale(1.05)}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}
75%{transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}
100%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
@keyframes ring2{
0%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
25%{transform:translate(-50%,-50%) rotate(270deg) scale(.95)}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}
75%{transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}
100%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
@keyframes ring4{
0%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
25%{transform:translate(-50%,-50%) rotate(270deg) scale(.95)}
50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}
75%{transform:translate(-50%,-50%) rotate(90deg) scale(1.05)}
100%{transform:translate(-50%,-50%) rotate(0) scale(1)}
}
.m-conta3 .tit{font-size:1.458vw;padding-bottom:.833vw;margin-bottom:.833vw}
.m-conta3 .tit::after{bottom:0;transform:translateX(-50%);content:"";background:#d8d8d8;width:1.666vw;height:.104vw}
.m-conta3 .desc{font-size:.729vw;margin-bottom:1.562vw;line-height:1.8}
.m-conta3 .more{font-size:.833vw;transition:.3s}
@keyframes txt_wave{
0%,100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
50%{transform:translateY(-3.333vw);-webkit-transform:translateY(-3.333vw);-moz-transform:translateY(-3.333vw);-ms-transform:translateY(-3.333vw);-o-transform:translateY(-3.333vw)}
}
@keyframes move_wave{
0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}
50%{transform:translateX(-25%);-webkit-transform:translateX(-25%);-moz-transform:translateX(-25%);-ms-transform:translateX(-25%);-o-transform:translateX(-25%)}
100%{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
}
.ul-taba3 .con{font-size:.937vw}
.ul-taba3 .txt{top:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);padding-top:.729vw;opacity:.7;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;white-space:nowrap}
.ul-taba3 .con:hover .txt,.ul-taba3 .on .txt{opacity:1;font-weight:700;font-size:1.145vw}
.ul-taba3 .icon img{width:2.083vw;height:2.083vw;opacity:0;object-fit:contain;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.ul-taba3 .icon{width:2.083vw;bottom:100%;transform:translateX(-50%) translateY(-1.041vw);-webkit-transform:translateX(-50%) translateY(-1.041vw);-moz-transform:translateX(-50%) translateY(-1.041vw);-ms-transform:translateX(-50%) translateY(-1.041vw);-o-transform:translateX(-50%) translateY(-1.041vw)}
.ul-taba3 .con:hover .icon img,.ul-taba3 .on .icon img{opacity:1}
.ul-taba3 .cirlce{width:1.354vw;height:1.354vw;border:1px solid #fff;border-radius:50%}
.ul-taba3 .cirlce::after{top:50%;transform:translate(-50%,-50%);width:.833vw;height:.833vw;border-radius:50%;content:""}
.ul-taba3 li{bottom:5.208vw;animation:2.5s ease-in-out infinite txt_wave;-webkit-animation:2.5s ease-in-out infinite txt_wave}
.ul-taba3 .li1{left:12.8%;animation-delay:-3.2s}
.ul-taba3 .li2{left:20.59%;animation-delay:-3.6s}
.ul-taba3 .li3{animation-delay:-2s}
.ul-taba3 .li4{animation-delay:-3s}
.ul-taba3 .li5{left:78.93%;animation-delay:-4s}
.ul-taba3 .li6{left:86.93%;animation-delay:-1.8s}
.waveWrapper{left:0;right:0;bottom:5.937vw;top:0;margin:auto}
.waveWrapperInner{bottom:-1px}
.bgTop{opacity:.5}
.bgMiddle{opacity:.75}
.wave{left:0;background-repeat:repeat no-repeat;transform-origin:center bottom}
.waveTop{background-size:50% auto}
.waveAnimation .waveTop{animation:5s linear infinite move_wave;-webkit-animation:5s linear infinite move_wave}
.waveMiddle{background-size:50% 6.25vw}
.waveAnimation .waveMiddle{animation:10s linear infinite move_wave;-webkit-animation:10s linear infinite move_wave}
.waveBottom{background-size:50% 5.208vw}
.waveAnimation .waveBottom{animation:15s linear infinite move_wave;-webkit-animation:15s linear infinite move_wave}
.map-banner{padding-top:6.25vw}
.map-container{padding:0 0 0 10.41vw}
.map-banner .map-container{justify-content:space-between;align-items:center}
.map-banner .global-map{width:54.27vw}
.m-conta4{flex:1}
.m-conta4 .ort{font-size:.833vw;line-height:2;margin:2.395vw 0 5.729vw;max-width:25vw}
.m-conta4 .info .box{margin-right:1.145vw}
.m-conta4 .info .top{width:1.041vw;height:1.041vw;margin:0 auto .625vw;border-radius:50%}
.m-conta4 .info .t1{font-size:.833vw;width:4.583vw}
.global-map .map-dot-item{width:5.208vw;height:4.166vw}
.global-map .map-dot-line{top:50%;margin-left:1.041vw;height:.078vw;background:#1d70a3;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:width .5s;-o-transition:width .5s;transition:width .5s}
.global-map .map-dot{align-items:center;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.global-map .map-dot .icon{top:50%;transform:translate(-50%,-50%)}
.global-map .map-dot-layer{width:.625vw;height:4.166vw;border-radius:50%;transition:.3s}
.global-map .map-dot-layer::before{border:1px solid #0b92e5;width:2.708vw;height:2.708vw;top:50%;transform:translate(-50%,-50%);content:"";border-radius:50%;opacity:0}
.global-map .map-dot-layer::after{border:1px solid #0b92e5;width:4.166vw;height:4.166vw;top:50%;transform:translate(-50%,-50%);content:"";border-radius:50%;opacity:0}
.global-map .active .map-dot-layer::after,.global-map .active .map-dot-layer::before{animation:1.6s ease-out infinite warn-m3;opacity:1}
@-webkit-keyframes warn-m3{
0%{opacity:.35;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
100%,75%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}
}
@keyframes warn-m3{
0%{opacity:.35;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}
100%,75%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}
}
.global-map .active .map-dot-layer{width:2.083vw}
.global-map .map-dot-layer .point{top:50%;width:1px;height:1px;margin-top:-.26vw;margin-left:-.26vw}
.global-map .map-dot-layer .dot{width:.416vw;height:.416vw;border-radius:.416vw;top:50%;margin-top:-.208vw;margin-left:-.208vw;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.global-map .map-dot-layer .dot span{width:.416vw;height:.416vw;border-radius:.416vw;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.global-map .map-dot-layer .dot:before{content:'';left:.104vw;right:.104vw;top:.104vw;bottom:.104vw;border:solid #004098;border-radius:50%;opacity:0}
.global-map .map-dot .map-dot-layer .dot:before{-webkit-animation:1s ease-in-out infinite warn-1;animation:1s ease-in-out infinite warn-1}
.global-map .map-dot-text{white-space:nowrap;font-size:.729vw;line-height:2.083vw;height:2.083vw;font-weight:700;width:2.083vw;flex:1}
.global-map .active .map-dot-text{font-size:1.041vw}
.global-map .map-dot-text.is-top{bottom:100%}
.global-map .map-dot-text.is-right{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:100%}
.global-map .map-dot-item.active .map-dot-layer .dot span{background-color:#1d70a3}
.global-map .map-dot-item.active .map-dot-layer .dot:before{-webkit-animation:1.2s ease-in-out infinite warn-2;animation:1.2s ease-in-out infinite warn-2}
@-webkit-keyframes warn-1{
0%{opacity:1;left:.104vw;right:.104vw;top:.104vw;bottom:.104vw}
90%{opacity:0;left:-.52vw;right:-.52vw;top:-.52vw;bottom:-.52vw}
}
@keyframes warn-1{
0%{opacity:1;left:.104vw;right:.104vw;top:.104vw;bottom:.104vw}
90%{opacity:0;left:-.52vw;right:-.52vw;top:-.52vw;bottom:-.52vw}
}
@-webkit-keyframes warn-2{
0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
90%{opacity:0;-webkit-transform:scale(6);transform:scale(6)}
}
@keyframes warn-2{
0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
90%{opacity:0;-webkit-transform:scale(6);transform:scale(6)}
}
.global-map .map-dot-bubble{top:100%;width:16.66vw;padding:1.041vw 1.562vw;background:#fff;margin-top:1.041vw;opacity:0;-webkit-transform:translate3d(-50%,1.041vw,0);transform:translate3d(-50%,1.041vw,0);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.global-map .map-dot-bubble:after{content:"";margin-left:-.52vw;top:-.989vw;border:solid transparent;border-bottom:solid #fff}
.global-map .map-dot-bubble.pop-top{top:unset;bottom:100%;margin-top:-1.041vw;-webkit-transform:translate3d(-50%,-1.041vw,0);transform:translate3d(-50%,-1.041vw,0)}
.global-map .map-dot-bubble.pop-top:after{top:unset;bottom:-.989vw;border:solid transparent;border-top:solid #fff}
.global-map .map-dot-bubble.pop-right{margin-left:1.041vw;-webkit-transform:translate3d(1.041vw,-50%,0);transform:translate3d(1.041vw,-50%,0)}
.global-map .map-dot-bubble.pop-left{left:unset;right:100%;margin-right:1.041vw;-webkit-transform:translate3d(-1.041vw,-50%,0);transform:translate3d(-1.041vw,-50%,0)}
.global-map .map-dot-bubble.pop-right:after{content:"";top:50%;margin-top:-1.041vw;left:-.989vw;margin-left:unset;border:solid transparent;border-right:solid #fff}
.global-map .map-dot-bubble.pop-left:after{content:"";top:50%;margin-top:-1.041vw;left:unset;margin-left:unset;right:-.989vw;border:solid transparent;border-left:solid #fff}
.global-map .map-dot-bubble .title{font-size:1.041vw;margin-bottom:.781vw;font-weight:700}
.global-map .map-dot-bubble .desc{font-size:.729vw;font-weight:400}
.global-map .map-dot-bubble .desc .more-btn{margin-top:.781vw}
.global-map .map-dot-bubble .desc li{margin-bottom:.52vw;padding-left:.937vw}
.global-map .map-dot-bubble .desc li .a{transition:.3s}
.global-map .map-dot-bubble .desc li .a1:hover{color:#4aac35}
.global-map .map-dot-bubble .desc li .a2:hover{color:#f68b1f}
.global-map .map-dot-bubble .desc .c1{background:#4aac35;width:.625vw;height:.625vw;border-radius:50%;left:0;top:.4em}
.global-map .map-dot-bubble .desc .o{background:#f68b1f}
.global-map .map-dot-item.active .map-dot-bubble{opacity:1;-webkit-transform:none;transform:none;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
.global-map .map-dot-item.active .map-dot-bubble.pop-left,.global-map .map-dot-item.active .map-dot-bubble.pop-right{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,2.604vw,0);transform:translate3d(0,2.604vw,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,2.604vw,0);transform:translate3d(0,2.604vw,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.china-container{left:57.3%;top:32.5%}
.china-container .circle{top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.china-container .circle img{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.china-container .circle1{width:11.25vw}
.china-container .circle2{width:23.75vw}
.china-container .circle3{width:42.5vw}
.china-container .circle4,.china-container .line{width:67.5vw}
.china-container .circle1 img{-webkit-animation:20s linear infinite circle;animation:20s linear infinite circle}
.china-container .circle2 img{-webkit-animation:15s linear infinite circle;animation:15s linear infinite circle}
.china-container .circle3 img{-webkit-animation:25s linear infinite circle;animation:25s linear infinite circle}
.china-container .circle4 img{-webkit-animation:20s linear infinite circle;animation:20s linear infinite circle}
.china-container .china-dot:before{content:"";right:10%;top:10%;bottom:10%;border-radius:50%;-webkit-animation:1.6s ease-out infinite warn-3;animation:1.6s ease-out infinite warn-3}
.china-container .china-dot img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.china-container .china-dot .text{left:0;right:0;top:0;bottom:0;align-items:center;justify-content:center;font-weight:700}
.china-container .point{width:1px;height:1px;top:50%;margin-top:-.26vw;margin-left:-.26vw}
@-webkit-keyframes warn-3{
0%{opacity:.35;-webkit-transform:scale(0);transform:scale(0)}
100%,75%{opacity:0;-webkit-transform:scale(6);transform:scale(6)}
}
@keyframes warn-3{
0%{opacity:.35;-webkit-transform:scale(0);transform:scale(0)}
100%,75%{opacity:0;-webkit-transform:scale(6);transform:scale(6)}
}
@-webkit-keyframes circle{
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes circle{
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.m-bana6{padding-bottom:3.437vw;margin:0 -1.041vw}
.m-bana6 .swiper-slide{padding:0 1.041vw}
.m-bana6 .con{padding-bottom:.833vw;border-bottom:1px solid #e1e3e5}
.m-bana6 .pic{margin-bottom:1.145vw;padding-top:43.9%}
.m-bana6 .pic img{left:0;right:0;top:0;bottom:0;object-fit:cover;transition:.3s}
.m-bana6 .con:hover .pic img{transform:scale(1.06)}
.m-bana6 .tit{font-size:1.041vw;font-weight:700;margin-bottom:.937vw;transition:.3s}
.m-bana6 .desc{font-size:.833vw;margin-bottom:.937vw;margin-bottom:1.25vw;transition:.3s}
.m-bana6 .more{font-size:.833vw;text-transform:uppercase;background-size:1.458vw auto;background-image:url(../images/index/b2.png);transition:.3s}
.m-bana6 .con:hover .more{background-image:url(../images/index/b2-1.png)}
.m-topa6{align-items:center;justify-content:space-between;margin-bottom:1.302vw}
.ul-lista6{white-space:nowrap}
.ul-lista6 li{margin-left:1.041vw}
.ul-lista6 .con{padding:.52vw 1.25vw;border-radius:2.604vw;border:1px solid #e1e3e5;font-size:.729vw;transition:.3s}
.ul-lista6 .con:hover,.ul-lista6 .on .con{background:#0b92e5}
.m-bana6 .swiper-scrollbar{background:#9cc9f0}
.m-bana6 .swiper-scrollbar-drag{border:1px solid #0b92e5;background-image:url(../images/index/b3.png);background-size:6.25vw auto;height:2.083vw;line-height:2.083vw;top:-.937vw;border-radius:2.604vw}
.tab6{opacity:0}
.tab6.open{height:auto;opacity:1}
}
@media only screen and (max-width:1580px){
.map-container{padding-left:50px}
.m-conta4 .info .box{margin-right:10px}
.m-conta4 .ort{margin:15px 0;font-size:12px}
.m-conta4 .info .top{width:12px;height:12px;margin-bottom:4px}
.m-conta4 .info .t1{font-size:12px;width:auto}
.map-banner .global-map{width:700px}
.g-pt{padding-top:40px}
}
@media only screen and (max-width:1199px){
.g-pt{padding-top:0}
.ul-ce{display:none}
.m-container{position:relative;height:auto;overflow:hidden}
.m-container .swiper-container{height:auto}
.m-container .g-con{position:relative;z-index:3;height:auto!important;overflow:hidden}
.m-container .swiper-wrapper1{display:block}
.banner .txt{padding:0 15px}
.banner .tit{font-size:25px}
.banner .txt .desc{font-size:16px}
.m-boxa2 .pic{float:none;width:100%;margin:50px 0 20px}
.m-boxa2{padding:0 15px}
.m-boxa2 .pic img{width:100%}
.ul-lista2{position:relative;left:auto;bottom:auto;right:auto;margin:20px 0 50px}
.m-boxa2 .tit{font-size:20px}
.m-boxa2 .info{font-size:16px}
.m-boxa2 .desc{font-size:14px;line-height:1.6;margin-bottom:20px}
.ul-lista2 .num{font-size:25px}
.ul-lista2 .top{margin-bottom:10px}
.ul-lista2 .txt{font-size:16px}
.m-boxa5 .col-l{float:none;width:100%;margin-bottom:20px}
.m-boxa5{padding:50px 0}
.ul-taba5 li{display:inline-block;margin-bottom:0}
.ul-taba5{margin:20px 0;overflow-x: auto;white-space: nowrap;}
.m-boxa5-l{position:relative}
.m-boxa5-l .g-morea1{position:absolute;right:0;bottom:5px}
.g-tita1 .tit{font-size:20px}
.g-tita1 .desc{margin-top:8px;font-size:14px}
.g-flex{display:block}
.ul-taba5 .con{width:130px;height:36px;line-height:35px;font-size:16px}
.m-bana5 .top span{font-size:20px}
.m-bana5{padding:0 0 30px}
.m-bana5 .top{padding-bottom:8px;margin-bottom:10px}
.m-bana5 .desc{margin-bottom:15px;line-height:1.6;font-size:14px}
.m-bana5 .swiper-button-next{right:0;top:50%!important;transform:translateY(-50%)!important;display:none}
.m-bana5 .swiper-button-prev{left:0;top:50%!important;transform:translateY(-50%)!important;display:none}
.m-bana5 .swiper-pagination{padding-left:0;text-align:center;left:50%!important;transform:translateX(-50%)!important}
.m-bana5 .swiper-slide{padding:0 10px}
.m-bana5 .more{font-size:12px}
.ul-taba3{position:absolute;left:0;right:0;bottom:30px;overflow-y:hidden;overflow-x:auto;white-space:nowrap}
.ul-taba3 .con:hover .txt,.ul-taba3 .on .txt{font-size:16px;color:#0b92e5}
.ul-taba3 .txt{font-size:16px;position:relative;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;padding:0;left:0}
.ul-taba3 li{position:relative;animation:none;left:auto!important;bottom:auto!important;display:inline-block;margin:0 10px}
.ul-taba3 .con{transition:.3s;padding:4px 15px}
.ul-taba3 .on .con{background-color:#fff;color:#0b92e5;border-radius:4px}
.ul-taba3 .cirlce,.ul-taba3 .icon,.waveWrapper{display:none}
.m-conta3{height:auto;padding:50px 15px 130px}
.m-conta3 .inner{position:relative;left:auto;top:auto;transform:translateX(0);width:100%;height:auto;background-size:200%;padding:0}
.m-conta3 .inner1{position:relative;left:auto;top:auto;transform:translateX(0);width:100%;height:auto;padding:20px 15px;border-radius:5px}
.m-conta3 .inner .ring{display:none}
.m-conta3 .tit{font-size:20px;padding-bottom:4px;margin-bottom:10px}
.m-conta3 .more{font-size:14px}
.m-conta3 .desc{display:block;margin-bottom:14px}
.map-banner .map-container{padding-left:0;display:block}
.map-banner .global-map{width:100%}
.map-banner{padding:50px 15px}
.m-conta4 .ort{max-width:100%;line-height:1.6;margin:15px 0 20px;font-size:14px}
.m-conta4 .info .t1{width:auto;font-size:14px}
.m-conta4 .info .top{width:10px;height:10px;margin-bottom:5px}
.global-map .map-dot-layer{width:45px;height:45px;position:relative;border-radius:50%}
.global-map .map-dot .icon{width:8px;height:auto;border-radius:50%}
.global-map .map-dot-line,.global-map .map-dot-text{display:none}
.global-map .map-dot-bubble{width:200px;padding:10px}
.global-map .map-dot-bubble .title{font-size:16px;margin-bottom:6px}
.global-map .map-dot-bubble .desc{font-size:12px}
.global-map .map-dot-bubble .desc li{padding-left:0;margin-bottom:4px}
.global-map .map-dot-bubble .desc .c1{display:none}
.global-map .map-dot-item{overflow:visible}
@-webkit-keyframes warn-3{
0%{opacity:.35;-webkit-transform:scale(0);transform:scale(0)}
100%,75%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes warn-3{
0%{opacity:.35;-webkit-transform:scale(0);transform:scale(0)}
100%,75%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
.m-topa6{display:block}
.ul-lista6{width:100%;margin-top:20px;text-align:left}
.ul-lista6 li{margin:0 5px}
.m-bana6 .tit{font-size:18px;margin-bottom:10px}
.m-bana6 .pic{margin-bottom:10px}
.m-bana6 .desc{margin-bottom:10px;font-size:14px}
.m-bana6 .more{background-size:14px auto;font-size:12px}
.m-bana6.swiper-container-horizontal>.swiper-scrollbar{bottom:20px}
.m-bana6 .swiper-scrollbar-drag{height:20px;line-height:20px;background-size:80px auto;top:-8px}
.ul-lista6 .con{padding:6px 14px}
.section6{padding:50px 0}
.m-bana6{margin:0}
.ul-lista2 .s{padding-top:0}
.banner .img_scale .txt .desc{margin-bottom:20px}
}
@media screen and (max-width:959px){
.map-banner{height:unset;display:block;align-items:unset}
.map-banner .global-map{margin:40px 0;max-width:100%;padding-top:0}
.map-banner .map-right .page-title{display:none}
.map-banner .keywords{text-align:center;position:static;z-index:2;width:100%;display:flex;align-items:center;padding-bottom:0}
.map-banner .keywords .keyword-item{flex:1;text-align:center;padding:0!important;display:block}
.map-banner .keywords .keyword-item .icon-box{margin:0 auto 15px;width:56px;height:56px}
.map-banner .keywords .keyword-item .text-box{padding-left:0}
.map-banner .map-container{position:static;display:block;align-items:unset}
.map-banner .map-left,.map-banner .map-right{width:100%}
.map-banner .map-right{margin:0 -5%;padding:40px 5%;width:unset}
.map-banner .map-right .page-container{position:static;margin:15px 0}
.map-banner .map .globalMap{max-height:unset}
}
@media only screen and (max-width:767px){
.banner .slick-dots li{width:30px;height:30px;margin:0 4px}
.banner .slick-dots li:after{width:9px;height:9px;border-width:2px}
.banner .slick-dots li.slick-active:after{width:9px;height:10px;border:2px solid #fff;border-top:none;border-bottom:none;border-radius:0}
.g-play-video .icon{width:40px;height:40px}
.m-boxa2 .tit{font-size:18px;margin-bottom:5px}
.ul-lista2{display:block;text-align:center;height:auto;padding:20px 0}
.ul-lista2 li{display:inline-block;margin-bottom:10px;padding:0 20px;text-align:center}
.ul-taba5 .con{width:100px;height:32px;line-height:31px;font-size:15px}
.m-boxa5-l .g-morea1{bottom:auto;position: relative;right: auto;}
.m-bana5 .top{font-size:14px}
.m-bana5 .tit{font-size:16px;margin-bottom:5px}
.m-bana5 .more{width:80px;height:28px}
.section5{padding-bottom:30px}
.m-bana5 .desc{display:block;height:auto}
.m-bana5 .info{margin-bottom:10px}
.global-map .map-dot-bubble.pop-top{left:50%;top:50%;transform:translate(-50%,-50%);bottom:auto;margin-top:0}
.global-map .map-dot-item.active .map-dot-bubble{transform:translate3d(-50%,-50%,0)!important;margin:0}
.m-bana6 .swiper-slide{padding:0 10px}
.m-bana6.swiper-container-horizontal>.swiper-scrollbar{height:3px}
.m-bana6 .tit{font-size:16px}
.banner .slick-dots{
    bottom: 20px;
  }
  .banner .slick-dots li{
    width: 20px;
    height: 20px;
  }
  .banner .slick-dots li:after{
    background-color: #fff;
    opacity: 0.6;
  }
  .banner .slick-dots li.slick-active:after{
    opacity: 1;
    border: 4px solid #fff;
    border-radius: 50%;
  }
  .banner .slick-dots li.slick-active:before,
  .banner .slick-dots li:before,
  .banner .slick-dots .slick-active .wrapper,
   .banner .slick-dots .slick-active .wrapper .circle.left, 
   .banner .slick-dots .slick-active .wrapper .circle.right{
    display: none;
  }
}
