@charset "utf-8";
.ani1s{animation: ups linear 3s infinite; }
.ani2s{animation: ups linear 2.8s infinite;}
.ani3s{animation: ups linear 3.2s infinite;}
.ani4s{animation: ups linear 2.4s infinite; }
.ani5s{animation: ups linear 2.6s infinite;}
.ani6s{animation: ups linear 3.6s infinite;}

.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) repeat-x top center;background-size:100% 100%;z-index:2;opacity:.35;pointer-events:none; }
.banner .swiper-slide .txt{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:0 20% .3rem .4rem;z-index:5;color:#fff;font-size:.4rem}
.banner .swiper-slide .txt h4{font-weight:bold;line-height:1em}
.banner .item  .slideImg{padding-bottom:0;min-height:6rem;height:100vh;background-position:center;background-size:cover;background-repeat:no-repeat;opacity: 0}
.banner .swiDots{text-align:center;display:flex;align-items:center;justify-content:center;width:auto;margin-right:.15rem}
.banner .swiDots span{opacity:.5;margin:0 .1rem;width:.38rem;height:.4rem;background: url(../images/badot.png) no-repeat center;background-size: 100% 100%; border-radius: 0;position: relative;transition: .3s}
.banner .swiDots span:before{content: '';position: absolute;left: .42rem;width: 0;height: 1px;background: #fff;top: 50%;}
.banner .swiDots span:after{content: '';position: absolute;right: .42rem;width: 0;height: 1px;background: #fff;top: 50%; }
.banner .swiDots span.active{opacity: 1;margin:0 .5rem;}
.banner .swiDots span.active:after,.banner .swiDots span.active:before{width: .4rem;transition: .6s}
.banner .switool{position:absolute;z-index:6;left:5%;right:5%;bottom:.3rem;color:rgba(255,255,255,.3)}
.banner .switool a{color:#fff;margin-left:.15rem}
.banner .slideImg video{width:100%;height:100%;object-fit:cover}
.banner .toall img{width:100%}
.banner .toall{position:absolute;z-index:7;left:50%;margin-left:.16rem;bottom:.2rem;width:.33rem;animation:up 2s infinite;cursor:pointer}
.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}
.isIpadPro .banner .item .slideImg,.isIpadAir .banner .item .slideImg{height:52vw}
.isIpadPro .banner  .toall,.isIpadAir .banner  .toall{display:none}

.banner .swiper-slide.swiper-slide-active .slideImg {animation: img_scale linear 8s;}
@keyframes img_scale {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
.banner .slide-ba .box0 { opacity: 1;z-index: 0;opacity: 1;z-index: 0;-webkit-animation: box0 7s linear 0s;animation: box0 7s linear 0s}


.banner .slide-ba .slick-current .box2 {opacity: 1;z-index: 0;-webkit-animation: box2 7s linear 0s;nimation: box2 7s linear 0s}

.banner .slide-ba .box1 {-webkit-animation: box1 1000ms cubic-bezier(0.5, 0, 0.2, 1) 0s; animation: box1 1000ms cubic-bezier(0.5, 0, 0.2, 1) 0s;z-index: 0}

@-webkit-keyframes box0 {0% {-webkit-transform: scale(1, 1);transform: scale(1, 1)}100% { -webkit-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05)}}
@keyframes box0 {0% {-webkit-transform: scale(1, 1);transform: scale(1, 1)}100% {-webkit-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05)}}
@-webkit-keyframes box1 {0% {-webkit-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05);opacity: 1} 100% {-webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5);opacity: 0}}

@keyframes box1 {0% {-webkit-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05);opacity: 1}100% {-webkit-transform: scale(1.5, 1.5);transform: scale(1.5, 1.5);opacity: 0 }}
@-webkit-keyframes box2 {0% {-webkit-transform: scale(1, 1);transform: scale(1, 1)}100% {-webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) }}
@keyframes box2 { 0% {-webkit-transform: scale(1, 1);transform: scale(1, 1)}100% { -webkit-transform: scale(1.05, 1.05);transform: scale(1.05, 1.05)}}


@media (max-width:992px){
    .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}
}
@media (min-width:1025px){
    .banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
    .banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
}
@media (max-width:1024px){
    .banner .swiper-slide a:before{height:35%}
    .banner .item .slideImg{padding-bottom:0;height:52vw;min-height:inherit}
    .banner .swiTool .wp{justify-content:center}

    .banner .swiDots span{}
    .banner .toall{display:none}
}
@media (max-width:992px){
    .banner .item .slideImg{height:54vw}
    .banner .swiBtn a.prev{left:.2rem}
    .banner .swiBtn a.next{right:.2rem}
    .banner .swiDots span.swiper-pagination-current{font-size:.28rem}
    .banner .switool{bottom:.25rem}
}
@media (max-width:597px){
    .banner .swiBtn img{height:.12rem}
    .banner .item .slideImg{height:60vw}
    .banner .swiper-slide .txt{text-align:center;bottom:.2rem;padding-right:.4rem;padding-left:.4rem;font-size:.36rem}
}
.iconfont{font-size:inherit}
#content{width:100%; position:relative;overflow: hidden;}
.intit{margin-bottom:.36rem}
.intit .h3{position: relative;}
.intit .h3 .cn{font-size: .38rem;font-weight: bold;line-height:1.2em;}
.intit .h3 .en{font-size: .18rem; position: relative; font-family: 'pop'}
/*.intit .h3 .en span{display: inline-block;background: linear-gradient(to right, #1c9e3e 0%, #003f97 100%);-webkit-background-clip: text;color: transparent;background: transparent\0;color: #fff \0; line-height: 1.2em  }*/
.intit .h3 .en span{display: inline-block;color: #7cc0b9; line-height: 1.2em  }

.intit.w .h3{color:#fff}

.svgPath{display: block;}

.homea{padding: .8rem 0 .9rem}
.homea .intit {margin-bottom: .3rem}
.homea .intit .cn{font-size: .32rem}
.homea .left{width: 3.3rem}
.homea .mid{width: 7.9rem}
.homea .right{width: 3.3rem}
.homea .left .list li .img{height: 1.9rem;margin-bottom: .15rem}
.homea .left .list li h4{font-size: .18rem}
.homea .left .list li p{color: #666;line-height: 1.6em;margin-top: .1rem}
.homea .left .list li:nth-child(1){padding-bottom: .18rem}
.homea .left .list li+li{border-top: 1px solid #ecf0f4;padding: .18rem 0}
.homea .right .list li h4{font-size: .18rem}
.homea .right .list li+li{border-top: 1px solid #ecf0f4;padding: .16rem 0}
.homea .right .list li .img{height: 2rem;margin-bottom: .15rem}
.homea .right .list li:nth-child(1){padding-bottom: .16rem}
.homea .mid .slide-a .img{height: 4.85rem;margin-bottom: .3rem}
.homea .mid .slide-a .txt{text-align: center}
.homea .mid .slide-a .txt h4{font-size: .28rem;line-height: 1.5em;font-weight: bold;}
.homea .mid .slide-a .txt p{ color: #666;line-height: 1.8em;max-width: 90%;margin: .15rem auto 0}
.homea .mid  .swiDots{ display: flex;justify-content: center;align-items: center;margin-top: .3rem}
.homea .mid  .swiDots span{ width: .4rem;height: .4rem;background: url(../images/dot.png) no-repeat center;background-size: 100% 100%;transform: scale(.6);transition: .3s;margin: 0 .15rem;opacity: .5;}
.homea .mid  .swiDots span.active{ transform: scale(1);opacity: 1;}

.homeb{position: relative;padding-top: .5rem}
.homeb .earthBox{position: absolute;right: 1rem;top: .7rem;z-index: 6;pointer-events: none; width: 7rem;height: 7rem}
.homeb .earthBox #earthBox{width: 100%;height: 100%; }
.homeb .earthBox .ly1{position: absolute;max-width: inherit;max-height: inherit;top: -1.84rem;left: -1.56rem;width: 9.6rem;user-select: none;pointer-events: none}
.homeb .bbg1{position: absolute;left: 0;top: -.6rem;z-index: 0;user-select: none;pointer-events: none;width: 13.72rem}
.homeb .bbg2{position: absolute;right: 0;bottom:0;z-index: 0;user-select: none;pointer-events: none;max-height: inherit;width: 2.75rem}
.homeb .slide-b1p{width: 9.82rem;margin-bottom: .65rem}
.homeb .slide-b1p .txts{width: 5.67rem;position: relative;padding: .4rem 1.3rem .4rem .45rem}
.homeb .slide-b1p .txts ul{position: relative;z-index: 5}
.homeb .slide-b1p .txts ul li .med{color: #008174;background: url(../images/7.png) no-repeat left center;background-size: .21rem .18rem;padding-left: .26rem;line-height: 1.6em}
.homeb .slide-b1p .txts ul li h4{font-size: .2rem;line-height: 1.5em;margin-top: .15rem;margin-bottom: .15rem;height: .6rem}
.homeb .slide-b1p .txts ul li   p{ line-height: 1.8em;color: #666}
.homeb .slide-b1p .txts:after{content: '';position: absolute;left: 0;top: -.13rem;bottom: -.13rem;right: 0;background: url(../images/688.png) no-repeat left center;background-size: 100% 100%}
.homeb .slide-b1p .slide-b1{width: 4.15rem}
.homeb .slide-b1p .slide-b1 .img{height: 2.65rem}


.homeb .slide-b1p .swiBtn a{width: .6rem;height: .6rem;background: rgba(255,255,255,.5);display: flex;align-items: center;justify-content: center;border-radius: 50%;position: absolute;top: 50%;margin-top: -.3rem;z-index: 4;backdrop-filter:blur(5px);box-shadow: 0 0 15px rgba(0,0,0,.15);font-size: .22rem;color: #008174}
.homeb .slide-b1p .swiBtn .next{right: 5.37rem;top: 50%;margin-top: -.3rem;  }
.homeb .slide-b1p .swiBtn .prev{left: -.3rem;top: 50%;margin-top: -.3rem;}
.homeb .slide-b1p .swiBtn a:hover{background:#008174;color:#fff} 
.homeb .slide-b2p .slide-b2{overflow: visible;}
.homeb .slide-b2p .swiper-slide .list{margin-right: 50%;position: relative;height: 1.4rem}
.homeb .slide-b2p .swiper-slide .list li{width: 48%;display: flex;justify-content: center;flex-direction: column;}
.homeb .slide-b2p .swiper-slide .list li .en{font-family: 'pop';font-size: .18rem;color: rgba(0,129,116,.5);transition:color .5s}
.homeb .slide-b2p .swiper-slide .list li .cn{font-size: .24rem;font-weight: bold;transition:color .5s}

.homeb .slide-b2p .swiBtn{width: 1.3rem;display: flex;justify-content: space-between;position: absolute;bottom: .35rem;left: 55%;z-index: 5}
.homeb .slide-b2p .swiBtn a{display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid rgba(255,255,255,.3);color: #fff;width: .54rem;height: .54rem;transition: .3s}

.homeb .bline{position: absolute;left: 0;right: 0;bottom: 0;z-index: 0;pointer-events: none;height: 2.8rem;box-shadow: 0 .1rem .4rem rgba(0,64,153,.05);z-index: 3}
.homeb .bline:before{content: '';position: absolute;top: 0;left: 0;width: 78%;height: .2rem;background: url(../images/line1.png) repeat-x left center;background-size: auto 100%;z-index: 3;}
.homeb .bline:after{content: '';position: absolute;top: 1.4rem;left: 0;width: 80%;height: .2rem;background: url(../images/line2.png) repeat-x left center;background-size: auto 100%;z-index: 3;}
.homeb .bline>div{height: 1.2rem;background: url(../images/gline.png) no-repeat left center;background-size: auto 100%; position: absolute;}
.homeb .bline>div:before{content: '';position: absolute;width: .8rem;top: 0;bottom: 0;right: 100%;background: #068679;transform: skewX(-30deg);transform-origin: right bottom;pointer-events: none;display: none}
.homeb .bline .l1{width: 20%;right: 20%;top: .2rem;transition:width .5s;}
.homeb .bline .l2{width: 50%;right: 0;bottom: 0;transition:width .5s}
.homeb .bline .l2.on{width:calc(100% + .8rem)}
.homeb .bline .l1.on{width: calc(80% + .8rem)}


.homec{background: url(../images/bg1.jpg) no-repeat top center;background-size: cover; padding: .8rem 0 4.5rem;background-attachment: fixed;}
.homec .box{align-items: flex-start;}
.homec .list1{width: 8.3rem}
.homec .list2{width: 6.7rem}
.homec .list1 li{width: 50%}
.homec .list1 li .img{height: 2.56rem}
.homec .list1 li .txt{height: 2.08rem;background: url(../images/cbg1.png) no-repeat top center;background-size: 100% 100%;border-top: 3px solid #008174;padding: .35rem .3rem;position: relative;}
.homec .list1 li .txt:before{content: '';position: absolute;right: 100%;width: .21rem;top: 0;bottom: 0;background: url(../images/csha.png) no-repeat center;background-size: 100% 100%;pointer-events: none}
.homec .list1 li .txt h4{font-size: .2rem;line-height: 1.5em;}
.homec .list1 li:nth-child(2) .txt{background: url(../images/cbg2.png) no-repeat top center;background-size: 100% 100%;border-top-color: #004184}
.homec .list1 li:nth-child(2){margin-top: .7rem}

.homec .list2 li{padding: .16rem 0;}
.homec .list2 li time{font-family: 'pop';display: block;margin-bottom: .05rem;color: #555;position: relative;}
.homec .list2 li time:after{content: '';position: absolute;left: 1rem;right: 0;top: 50%;border-top: 1px dashed #ddd}
.homec .list2 li h4{font-size: .2rem;line-height: 1.5em}

.homed{background: url(../images/bgd.png) no-repeat top center;background-size: cover;min-height: 8.43rem;margin-top: -4rem}
.homed .left{width: 5.23rem;padding-top: 1.7rem}
.homed .right{width: 8.9rem;padding-top: .9rem}
.homed .left .intit{margin-bottom: 0;position: absolute;right: 0;bottom: 0;z-index: 5;background: url(../images/d1bg.png) no-repeat right center;background-size: auto 100%;height: 1.58rem;padding: .2rem .4rem 0;width: 100%; }
.homed  .intit{color: #fff}
.homed  .intit .en span{color: #fff}
.homed .left .intit  .umore{margin-top: .1rem;top: 0}
.homed .left .item{height: 5.13rem}
.homed .left .item img{user-select: none;pointer-events: none;width: 100%}
.homed  .intit  .umore a{color: #fff}

.homed .right .slide-d2{padding-top: .2rem}
.homed .right .slide-d2 .swiper-slide{width: 2.6rem;margin-right: .55rem}
.homed .right .slide-d2 .swiper-slide:last-child{margin-right: 0}
.homed .right .slide-d2 .swiper-slide a{color: #fff;display: block;transition: .5s}
.homed .right .slide-d2 .swiper-slide .img{height: 3.48rem;margin-bottom: .2rem}
.homed .right .slide-d2 .swiper-slide .txt h4{font-size: .2rem;line-height: 1.5em; }
.homed .right .slide-d2 .swiper-slide .txt .info{padding-top: .08rem}
.homed .right .slide-d2 .swiper-slide .txt p{margin-top: .08rem;opacity: .7;}
.homed .right  .swiScroll{height: 1px;border-top: 1px dashed #419c94;position: relative;margin-top: .4rem}
.homed .right  .swiScroll .swiper-scrollbar-drag{height: .18rem;background: #00bca9;border-radius: .3rem;position: absolute;top: 50%;margin-top: -.09rem;cursor: grab}
.homed .right .slide-d2 .swiper-slide .img img{object-position:top center}

.homee{padding: 1rem 0 .8rem;background: url(../images/bluc.jpg) no-repeat center -.3rem;background-size: 15.16rem auto;}
.homee .box .txts{width: 5.8rem;padding-top: .5rem}
.homee .box .slide-ep{width: 8.9rem}
.homee .box .slide-esp{width: 1.9rem;}
.homee .box .slide-es{width: 100%;height: 4.39rem}
.homee .box .slide-es .img{height: 100%}
.homee .box .imgs{width: 6.88rem;margin-left: .1rem}
.homee .box .imgs .img{height: 4.39rem}
.homee .box .slide-es{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}
.homee .box   .swiBtn a.prev{position: absolute;left: 50%;top: -.15rem;margin-left:-.23rem;z-index: 6 ;transform: rotate(90deg);background: rgba(255,255,255,.1);backdrop-filter: blur(5px);opacity: 0;transition: .3s}
.homee .box   .swiBtn a{display: flex;align-items: center;justify-content: center;border: 1px solid #008174;border-radius: 50%;color: #008174;width: .46rem;height: .46rem}
.homee .box   .swiBtn a.next{position: absolute;left: 50%;bottom: -.15rem;margin-left:-.23rem;z-index: 6 ;transform: rotate(90deg);background: rgba(255,255,255,.1);backdrop-filter: blur(5px);opacity: 0;transition: .3s}
.homee .box .slide-es .swiper-slide{cursor: pointer;}
.homee .box .slide-es .swiper-slide-active:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 3px solid #008174;z-index: 5}
.homee .box .txts ul li+li{display: none}
.homee .box .txts ul li h4{font-size: .28rem;font-weight: bold;height:.82rem ;line-height: 1.5em}
.homee .box .txts ul li p{line-height: 2em;color: #666;margin: .3rem 0 .7rem;height: 1.28rem;text-align: justify;}
.homee .box .txts ul li .mor{width: 1.7rem;height: .52rem;background: #008174;border-radius: .5rem;display: flex;align-items: center;justify-content: center;color: #fff;transition: .3s}


.homef{padding: .6rem 0 1.2rem;background: url(../images/bg2.jpg) no-repeat bottom center;background-size: 100% auto}
.homef .box{height: 6.4rem;background: rgba(0,0,0,0)}
.homef .dataList li{position: absolute;z-index: 8}
.homef .dataList li .item{width: 100%;height: 100%;border-radius: 50%;background: #f6fffd;border: 2px dotted #008174;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;;z-index: 5;color: #008174}
.homef .dataList li .item .num{font-size: .52rem }
.homef .dataList li .item p{ font-size: .18rem;text-align: center;padding: 0 .2rem}
.homef .dataList li .ico{position: absolute;left: 50%;margin-left: -.65rem;margin-top: -.65rem;top: 50%;width: 1.3rem;height: 1.3rem;opacity: .1;pointer-events: none;user-select: none;transition: .3s;display: block;}
.homef .dataList li:nth-child(1){width: 1.75rem;height: 1.75rem;top: 1.35rem;left: .2rem}
.homef .dataList li:nth-child(2){width: 2rem;height: 2rem;left: 2.35rem;bottom: .5rem}
.homef .dataList li:nth-child(3){width: 1.75rem;height: 1.75rem;top: 1rem;right: 2.6rem}
.homef .dataList li:nth-child(4){width: 1.6rem;height: 1.6rem;top: 2.8rem;right: 0}
.homef .dataList li:nth-child(5){width: 2rem;height: 2rem;right: 2.95rem;bottom: .5rem}
.homef .lanLayer  img{position: absolute;height: .8rem;user-select:none;pointer-events: none;z-index: 2}
.homef .lanLayer  img.lan1{top: .3rem;left: -.5rem}
.homef .lanLayer  img.lan3{top: -.1rem;left: 3.16rem}
.homef .lanLayer  img.lan2{top: 2.2rem;left: 2.5rem}
.homef .lanLayer  img.lan4{bottom: 0;left: 47.5%}
.homef .lanLayer  img.lan8{bottom: 0;right: -.4rem}
.homef .lanLayer  img.lan7{top: .8rem;right: 0}
.homef .lanLayer  img.lan6{top: -.8rem;right: 0}
.homef .lanLayer  img.lan5{top: 0;right: 1.8rem}
.homef .cirLayer {position: absolute;width: 6.2rem;height: 6.2rem;left: 50%;top: 50%;margin-left: -3.1rem;margin-top: -3.1rem;z-index: 5;}
.homef .cirLayer .slogbg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 0;user-select:none;pointer-events: none; }
.homef .cirLayer .slogbg img{width: 100%;height: 100%;user-select:none;pointer-events: none}
.homef .cirLayer .slog{position: absolute;width: 3.42rem;height: 3.4rem;left: 50%;top: 44%;z-index: 2;margin-left: -1.71rem;margin-top: -1.7rem;}
.homef .cirLayer .slog img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;user-select:none;pointer-events: none}
.homef .cirLayer .slog img.z1{z-index: 1}
.homef .cirLayer .slog img.z2{z-index: 2;animation: rotedopa 2s infinite}
.homef .cirLayer .slog img.z3{z-index: 0}

.homef .svgLayer{position: absolute;width: 100%;left: 0;bottom: 0;height: 6.4rem;z-index: 0;pointer-events: none}
.homef .svgLayer img.ly1{width: 6.2rem;left: 50%;margin-left: -3.1rem;top: 50%;margin-top: -3.2rem;position: absolute;height: 6.2rem;user-select: none;pointer-events: none}
.homef .svgLayer svg{width: 16.1rem;display: block;position: absolute;top: 1rem;left: 50%;margin-left: -8.05rem;z-index: 0}
.homef .svgLayer svg.svg1{opacity: .5; }
.homef .svgLayer svg.svg2{z-index: 2; }
.homef .svgLayer .cls-1 {fill: none;stroke: #ddd;stroke-miterlimit: 10;stroke-width:1px;}
.homef .svgLayer .cls-2 {fill: none;stroke: #2459a9;stroke-miterlimit: 10;stroke-width:1px;}
.homef .svgLayer .cls-3 {fill: #07caac;}
.homef .svgLayer .cls-4 {fill: #ddd;}
.homef .svgLayer #gline1{stroke-dasharray: 847; stroke-dashoffset:847;transition: .8s}
.homef .svgLayer #gline2{stroke-dasharray: 836; stroke-dashoffset:836;transition: .8s}
.homef .svgLayer #gline3{stroke-dasharray: 674; stroke-dashoffset:674;transition: .8s}
.homef .svgLayer #gline4{stroke-dasharray: 751; stroke-dashoffset:751;transition: .8s}
.homef .svgLayer #gline5{stroke-dasharray: 888; stroke-dashoffset:888;transition: .8s}
.homef .svgLayer .cls-3{transition: .3s;opacity: 0;}
.homef .svgLayer .on #gline1{ stroke-dashoffset:0}
.homef .svgLayer .on #gline2{ stroke-dashoffset:0}
.homef .svgLayer .on #gline3{ stroke-dashoffset:0}
.homef .svgLayer .on #gline4{ stroke-dashoffset:0}
.homef .svgLayer .on #gline5{ stroke-dashoffset:0}
.homef .svgLayer .on .cls-3{opacity: 1;}




.homeg{padding-top: 4.9rem;position: relative;}
.homeg .slide-gbg{position: absolute;left: 0;bottom: 0;right: 0;top: 0;z-index: 0;pointer-events: none}
.homeg .slide-gbg .slideImg{height: 100%}
.homeg .slide-gbg .slideImg img{object-position: top center}
.homeg .list .svgIco svg{height:1.3rem;width:1.3rem;position:relative;z-index:4; }
.homeg .list .svgIco .ico{margin-bottom: .2rem}
.homeg .list .svgIco .ico img{height: 1.08rem;display: none}
.homeg .list .svgIco .i1 svg{height:1.08rem;width:1.3rem\0}
.homeg .list .svgIco .i2 svg{height:1.08rem;width:1.5rem\0}
.homeg .list .svgIco .i3 svg{height:1.08rem;width:1.6rem\0}
.homeg .list .svgIco .cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}

.homeg .list li{width: 3.2rem;height: 3.15rem;position: relative;z-index: 4}
.homeg .list li a{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%}
.homeg .list li h4{font-size: .28rem;font-weight: bold;color: #fff}
.homeg .list li:nth-child(1){width: 6.27rem;height: 4.94rem;background: url(../images/gi0.jpg) no-repeat center;background-size: cover;position: absolute;left: 0;bottom: 0;z-index: 1}
.homeg .list li:nth-child(1) a{display: block;padding: 1.35rem 1rem 1rem}
.homeg .list li:nth-child(1) h4{font-size: .36rem;margin-bottom: 1.55rem}
.homeg .list li:nth-child(1) .more{color: #fff;display: flex;align-items: center}
.homeg .list li:nth-child(1) .more i{color: #cfa132;width: .6rem;height: .6rem;background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: .15rem}
.homeg .list li:nth-child(2){background: #cfa132}
.homeg .list li:nth-child(3){background: #ffffff}
.homeg .list li:nth-child(4){background: #004592}
.homeg .list li:nth-child(3) h4{color: #008174}
.homeg .list li:nth-child(3) .svgIco .cls-1{fill:none;stroke:#008174}
.homeg .list li:nth-child(3) .svgIco .cls-2{fill:none;stroke:#008174}
.homeh{background: url(../images/bg3.jpg) no-repeat bottom center;background-size: 100% auto;padding: .7rem 0 .5rem}
.homeh .s1{margin-bottom: .6rem}
.homeh .s1 .slide-h{width: calc(100% + 1.2rem);left: -.6rem}
.homeh .s1 .slide-h .swiper-slide:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: url(../images/hbg.png);z-index: 0;pointer-events: none;transition: .6s}
.homeh .s1 .slide-h .swiper-slide a{display: block;padding: .4rem .6rem;position: relative;z-index: 4;}
.homeh .s1 .slide-h .swiper-slide h4{font-size: .2rem;line-height: 1.5em;height: .6rem; transition: .6s;position: relative;z-index: 4;text-align: justify;}
.homeh .s1 .slide-h .swiper-slide .time{display: flex;align-items: flex-end;}
.homeh .s1 .slide-h .swiper-slide time{font-family:"pop";transition: .6s;}
.homeh .s1 .slide-h .swiper-slide .line{height: .43rem;background: url(../images/hline.png) no-repeat left center;background-size: 3.3rem .43rem;width: 0;transition: .6s;position: relative;top: -.12rem;pointer-events: none;z-index: 0}
.homeh .s1 .swiDots{margin-top: .3rem;display: flex;align-items: center;justify-content: center}
.homeh .s1 .swiDots span{background: #008174;margin: 0 .06rem}
.homeh .s1 .swiDots span.active{opacity: 1;}
.homeh .s2 .intit{margin-bottom: 0}
.homeh .mediaCode a+a{margin-left: .2rem}
.homeh .mediaCode a i{display: flex;width: .7rem;height: .7rem;border-radius: 50%;border: 1px solid #ddd;align-items: center;justify-content: center;font-size: .3rem;background: rgba(255,255,255,.6)}
.homeh .mediaCode a i.swi-weixin{color: #00aa30}
.homeh .mediaCode a i.swi-shipinhao{color: #f39c35}



.homei .list li{float: left;width: 22.5%}
.homei .list li a{display: block;position: relative;}
.homei .list li .txt{position: absolute;left: 0;bottom: 0;right: 0;padding:.15rem .25rem;color: #fff;display: flex;align-items: center;font-size: .18rem}
.homei .list li .txt .med{border: 1px solid rgba(255,255,255,.5);border-radius: .4rem;display: flex;align-items: center;line-height: .34rem;padding: 0 .15rem;font-size: .14rem}
.homei .list li .txt .med i{font-size: .22rem; }
.homei .list li .txt .med span{margin-left: .1rem}
.homei .list li .txt h4{flex:1;margin-left: .1rem}
.homei .list li .img{height: 3.35rem}
.homei .list li:nth-child(1){width: 55%}
.homei .list li:nth-child(1) .img{height: 6.7rem}
@media (min-width: 993px){
    .homei .list li:nth-child(1) .txt{padding-left: 1.9rem}
    .homeh .s1 .slide-h .swiper-slide:hover .line{width: 3.3rem;margin-right: .1rem}
    .homeh .s1 .slide-h .swiper-slide:hover h4{color: #fff}
    .homeh .s1 .slide-h .swiper-slide:hover time{color: #eeba3d}
    .homeh .s1 .slide-h .swiper-slide:hover:after{width: 100%}
    .homee .box .txts ul li .mor:hover{background: #00bca9}
    .homee .box .slide-esp:hover   .swiBtn a.next,.homee .box .slide-esp:hover   .swiBtn a.prev{opacity: 1;}
    .homed .right .slide-d2 .swiper-slide:hover a{transform: translateY(-.2rem);}
    .homed .right .slide-d2 .swiper-slide:hover a{color: #eeba3d}
    .homed .right .intit  .umore a:hover{color: #eeba3d}
    .homeb .slide-b2p .swiper-slide .list:hover li .en{color: #fff;color: rgba(255,255,255,.5)}
    .homeb .slide-b2p .swiper-slide .list:hover li .cn{color: #fff;}
    .homeb .slide-b2p .swiper-slide .list:hover li a:hover .cn{color: #eeba3d;}
    .homeb .slide-b2p .swiper-slide .list:hover li a:hover .en{color: #eeba3d;opacity: .5}
    .homeb .bline:before{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,#000 80%,transparent 100%)}
    .homeb .bline:after{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,#000 80%,transparent 100%)}
    .homeb .slide-b2p .swiBtn a:hover{background: #fff;color: #008174}
    .homef .dataList li:hover .ico{opacity: .3;}
}
@media (max-width: 992px){
    .intit .h3 .cn{font-size: .4rem}
    .intit .h3 .en{font-size: .24rem}
    .homea .intit .cn{font-size: .4rem}
    .homei .list li:nth-child(1){width: 100%}
    .homei .list li:nth-child(1) .img{height: 60vw}
    .homei .list li .img{height: 36vw}
    .homei .list li{float: left;width: 50%}
    .homei .list li .txt{padding:.2rem .3rem;font-size: .24rem}
    .homei .list li .txt .med{line-height: .4rem;padding: 0 .2rem;font-size: .22rem}
    .homei .list li .txt .med i{font-size: .28rem; }

    .homea .left{width: 48%}
    .homea .right{width: 48%}
    .homea .mid{width: 100%;order: -1;margin-bottom: .5rem}

    .homea .mid .slide-a .img{height: 55vw}
    .homea .mid .slide-a .txt h4{font-size: .3rem}
    .homea .mid .slide-a .txt p{font-size: .22rem;max-width: 100%;}
    .homea .left .list li p{font-size: .22rem}
    .homea .left .list li h4,.homea .right .list li h4{font-size: .24rem}
    .homea .left .list li .img,.homea .right .list li .img{height: 26vw}
    .homea .right .list li+li{padding: .2rem 0}
    .homeb .bline .l1{right: 0;width: 15%;}
    .homeb .bline .l2{right: 0;width: 28%;}
    .homeb .earthBox{display: none}
    .homeb .slide-b2p .swiper-slide .list{margin-right: 20%}
    .homeb .slide-b2p .swiBtn{left: auto;right: 0;bottom: .4rem;width: 1.5rem}
    .homeb .slide-b2p .swiBtn a{width: .64rem;height: .64rem}
    .homeb .bbg1{width: 100%}
    .homeb .bbg2{width: 2.4rem}
    .homeb .slide-b1p{width: 100%}
    .homeb .slide-b1p .slide-b1{width: 45%}
    .homeb .slide-b1p .txts{width: 55%;background: rgba(255,255,255,.5);box-shadow: 0 5px 20px rgba(0,0,0,.1);padding: .35rem}
    .homeb .slide-b1p .txts ul li h4{font-size: .26rem;height: auto}
    .homeb .slide-b1p .txts ul li p{line-height: 1.6em;font-size: .22rem}
    .homeb .slide-b1p .txts ul li .med{background-size: .3rem .26rem;padding-left: .4rem}
    .homeb .slide-b1p .txts:after{display: none}
    .homeb .slide-b1p .slide-b1 .img{height: 3.2rem}
    .homeb .bline:before,.homeb .bline:after{width: 100%}
    .homeb .slide-b2p .swiper-slide .list{height: 1.7rem;padding-top: .2rem}
    .homeb .bline{height: 3.4rem}
    .homeb .slide-b2p .swiper-slide .list li .cn{font-size: .3rem}
    .homeb .bline:after{top: 1.7rem}
    .homeb .bline>div{height: 1.5rem}
    .homeb .bline>div:before{width: 1rem}
    .homeb .slide-b1p .swiBtn .next{width: .7rem;height: .7rem;left: -.35rem;margin-top: -.35rem}
    .homec .intit{display: flex;align-items: flex-end;justify-content: space-between;}
    .homec .list1{width: 100%}
    .homec .list2{width: 100%}

    .homec .list1 li .img{height: 28vw}
    .homec .list1 li .txt h4{font-size: .26rem;line-height: 1.5em}
    .homec .list2 li h4{font-size: .26rem}
    .homec .list2 li time:after{left: 1.45rem}
    .homec .list2 li{padding: .2rem 0}
    .homec .list2 li time{margin-bottom: .1rem}
    .homec{padding-bottom: 1rem;}
    .homed{margin-top: 0;padding-bottom: 1rem}
    .homed .left .intit{height: auto;padding: .35rem .4rem .35rem 0}
    .homed .left{width: 90%;padding-top: 0;margin: 0 auto;margin-top: 0;}
    .homed .left .item{height: 100%}
    .homed .left img{width: 100%}
    .homed{height: auto;background-position: right bottom;background-size: auto 110%;padding-top: .5rem;}
    .homed .right{width: 100%}
    .homed .right .slide-d2 .swiper-slide{width: 45%;margin-right: 10%}
    .homed .right .slide-d2 .swiper-slide:last-child{margin-right: 0}
    .homed .right .slide-d2 .swiper-slide .img{height: 53vw}
    .homed .right .slide-d2 .swiper-slide .txt h4{font-size: .28rem}
    .homee .box .txts{width: 100%}
    .homee .box .slide-ep{width: 100%;order: -1}
    .homee .box .imgs{width: calc(100% - 22vw)}
    .homee .box .slide-esp{width: 20vw}
    .homee .box .slide-es{height: 44vw}
    .homee .box .imgs .img{height: 44vw}
    .homee{background-size: 90% auto}
    .homee .box .txts ul li h4{height: auto;font-size: .3rem}
    .homee .box .txts ul li p{height: auto;font-size: .22rem;line-height: 1.8em}
    .homee .box .txts ul li .mor{width: 2rem;height: .62rem;font-size: .22rem}
    .homef .dataList li:nth-child(3){top: 10%;right: 15%}
    .homef .cirLayer{transform: scale(.6)}
    .homef .dataList li:nth-child(2){left: 10%;bottom: 5%}
    .homef .dataList li:nth-child(4){right: 0;top: 38%}
    .homef .dataList li:nth-child(5){right: 20%}
    .homef .lanLayer img{height: .7rem}
    .homef .lanLayer img.lan2{left: 5%;top: 50%}
    .homef .lanLayer img.lan1{left: -.2rem}
    .homef .lanLayer img.lan4{left: 40%}
    .homef .lanLayer img.lan5{top: 4%}
    .homef .svgLayer img.ly1{width: 4rem;left: 50%;margin-left: -2rem;top: 50%;margin-top: -2.4rem;position: absolute;height: 4rem}
    .homef .box{height: 7rem}
    .homee .box .swiBtn a.next,
    .homee .box .swiBtn a.prev{opacity: 1;}
    .homef{padding-top: 0}
    .homeg .list{align-items: flex-end;}
    .homeg .list li:nth-child(1){width: 50%;height: 3rem;position: relative;}
    .homeg .list li:nth-child(1) a{padding:.8rem .5rem .5rem;display: flex;flex-direction: column;justify-content:space-between ;align-items: flex-start;}
    .homeg .list li{width: 50%;height: 3rem}
    .homeg .list li:nth-child(1) h4{margin-bottom:0}
    .homeg .list li h4{font-size: .3rem}
    .homeg .list .svgIco .i1 svg{height:.9rem;width:1.3rem\0}
    .homeg .list .svgIco .i2 svg{height:.9rem;width:1.5rem\0}
    .homeg .list .svgIco .i3 svg{height:.9rem;width:1.6rem\0}
    .homeh .s2 .intit{justify-content: center; text-align: center}
    .homeh .mediaCode{width: 100%;justify-content: center;margin-top: .4rem}
    .homeh .s1 .slide-h{width: 100%;left: 0}
    .homeh .s1 .slide-h .swiper-slide a{padding: .3rem 0}
    .homeh .s1 .slide-h .swiper-slide h4{font-size: .26rem;height: auto;margin-bottom: .2rem}
    .homeh .mediaCode a i{width: .86rem;height: .86rem;font-size: .38rem}
    .homeh .mediaCode a+a{margin-left: .5rem}
    .homeh .s1{margin-bottom: .8rem}
    .homec .list1 li .txt{height: auto;background-size: auto 100%;background-position: right top;}
    .homec .list1 li:nth-child(2) .txt{height: auto;background-size: auto 100%;background-position: right top;}
    .homeg{padding-top: 0}
    .homeg .slide-gbg{display: none}
}
@media (max-width: 597px){
    .homec .list1{margin-bottom: .2rem}
    .homea .intit .h3 .cn{font-size: .46rem}
    .intit .h3 .cn{font-size: .48rem}
    .homei .list li .txt .med  span{display: none}
    .homei .list li .txt .med{padding: 0 .1rem}
    .homei .list li .txt{padding:.2rem .2rem;font-size: .26rem}
    .homea .left .list li .img,.homea .right .list li .img{height: 52vw;margin-bottom: .2rem}
    .homea .left .list li h4,.homea .right .list li h4{font-size: .28rem}
    .homea .left{width: 100%;margin-bottom: .5rem}
    .homea .right{width: 100%}
    .homea .mid .slide-a .txt p{font-size: .24rem;;line-height: 1.6em }
    .homea .left .list li p{margin-top: .15rem;font-size: .24rem}
    .homea .left .list li+li,.homea .right .list li+li{padding: .25rem 0}
    .homea .left .list li:nth-child(1){padding-bottom: .25rem}
    .homea .right .list li:nth-child(1){padding-bottom: .25rem}
    .homea .mid .slide-a .txt h4{font-size: .32rem}
    .homeb .slide-b1p .slide-b1 .img{height: 55vw}
    .homeb .slide-b1p .slide-b1{width: 100%}
    .homeb .slide-b1p .txts{width: 100%}
    .homeb .slide-b1p .txts ul li h4{font-size: .3rem}
    .homeb .slide-b1p .txts ul li p{font-size: .24rem}
    .homeb .slide-b1p .swiBtn .prev{width: .7rem;height: .7rem;left: .2rem;top:27.5vw; display: flex;}
    .homeb .slide-b1p .swiBtn .next{width: .7rem;height: .7rem;right: .2rem;top:27.5vw; left: auto}
    .homeb .slide-b1p .txts ul li .med{font-size: .28rem}
    .homeb .slide-b2p {padding-bottom: 1rem}
    .homeb .slide-b2p .swiper-slide .list{margin-right: 0}
    .homeb .bline{bottom: 1rem}
    .homeb .slide-b2p .swiBtn{right: auto;left: 50%;margin-left: -.8rem;width: 1.6rem;bottom: 0}
    .homeb .slide-b2p .swiBtn a{border-color: #068679;color: #068679}
    .homeb .bline .l1{width: 10%}
    .homeb .bline .l2{width: 18% }
    .homec .list1 li .img{height: 52vw}
    .homec .list1 li{width: 100%}
    .homec .list1 li .txt h4{font-size: .28rem}
    .homec .list2 li h4{font-size: .28rem}
    .homec .list1 li:nth-child(2){margin-top: .4rem}
    .homed .right .slide-d2{width: calc(100% + 5vw)}
    .homed .right .slide-d2 .swiper-slide{width: 60%;margin-right: 10%}
    .homed .left{width: 100%}
    .homed .right .slide-d2 .swiper-slide:last-child{margin-right: 10%}
    .homed .right .slide-d2 .swiper-slide .img{height: 72vw}
    .homed .right .slide-d2 .swiper-slide .txt h4{font-size: .3rem}
    .homee .box .txts ul li h4{height: auto;font-size: .32rem}
    .homee .box .txts ul li p{height: auto;font-size: .24rem;line-height: 1.8em;margin-bottom: .3rem}
    .homef .lanLayer img.lan2{left: 0;top: 55%}
    .homef .lanLayer img.lan5{top: 10%;right: 40%}
    .homef .lanLayer img.lan7{top: 5%}
    .homef .dataList li{z-index: 8}
    .homef .dataList li .item p{font-size: .22rem}
    .homee .box .txts ul li .mor{font-size: .24rem}
    .homeh .s1 .slide-h .swiper-slide h4{font-size: .32rem}
}