@charset "utf-8";

.banner{position: relative;}
.banner .slide-banner:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 20vh;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;opacity: .5;}
.banner .slide-banner .swiper-slide{overflow: hidden;}
.banner .slide-banner .swiper-slide a{display: block;height:100vh;width: 100%;min-height: 680px}
.banner .slide-banner .pagBa{position: absolute;;left: auto;bottom: .4rem;z-index: 5;width:auto;right: 5%}
.banner .slide-banner .pagBa span{width: .21rem;height: .2rem;display: block;background: url(../images/dot.png) no-repeat center;background-size: 100% 100%; opacity: 1;margin: 0 .15rem;
transition: .3s;position: relative;position: relative;border-radius: 0}
/*.banner .slide-banner .pagBa span.swiper-pagination-bullet-active:before{content: '';position: absolute;width: .4rem;height: .4rem;position: absolute;left: 50%;top: 50%;margin-left: -.2rem;margin-top: -.2rem;border:1px dashed rgba(255,255,255,.8);border-radius: 50%;-webkit-animation: roted 10s linear infinite;}*/
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active:before{content: '';position: absolute;width: .4rem;height: .4rem;position: absolute;left: 50%;top: 50%;margin-left: -.2rem;margin-top: -.2rem;background: url(../images/dot_active.png) no-repeat center;}
.banner .slide-banner .sbtn{position: absolute;top:50%;transform: translateY(-50%);z-index: 10}

/*
.banner .slide-banner .pagBa span{background-image:none;background-color:#fff;border-radius:50%;margin:0 0.1rem;}
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active{background:linear-gradient(to right,#1cafbf 0%,#2f819f 100%);}
*/

.banner .slide-banner .sbtn a{display: block;width: .64rem;height: .64rem;border-radius: 50%;background: rgba(0,0,0,.3);color: #fff;text-align: center;line-height: .64rem;font-size: .25rem;margin: .15rem 0;position: relative;}
.banner .slide-banner .sbtn a svg{position: absolute;left:-1px;top: -1px;right: 0;bottom: 0;width: .68rem;height: .68rem}
.banner_mouse{display:block;position:absolute;left:50%;margin-left:-11px;bottom:.4rem;z-index:2;width:23px;height:40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0;-webkit-animation:nudgeMouse 1.6s linear infinite;animation:nudgeMouse 1.6s linear infinite}
.banner_mouse:after,.banner_mouse:before{content:"";position:absolute}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0 0;-webkit-animation:colorSlide 1.6s linear infinite;animation:colorSlide 1.6s linear infinite;top:0;left:0}
.banner_mouse:after{background-color:#fff;width:4px;height:4px;border-radius:100%;-webkit-animation:trackBallSlide 1.6s linear infinite;animation:trackBallSlide 1.6s linear infinite;top:0;right:0;bottom:0;left:0;margin:auto}
@-webkit-keyframes trackBallSlide{0%{opacity:1;-webkit-transform:scale(1) translateY(-8px);transform:scale(1) translateY(-8px)}
34%{opacity:1;-webkit-transform:scale(.9) translateY(4px);transform:scale(.9) translateY(4px)}
68%{opacity:0;-webkit-transform:scale(.4) translateY(16px);transform:scale(.4) translateY(16px)}
100%{opacity:0;-webkit-transform:scale(.4) translateY(-8px);transform:scale(.4) translateY(-8px)}
}
@keyframes colorSlide{0%{height:0}
90%{height:40px}
}
.banner .slide-banner .swiper-slide a{transform: scale(1);transition:transform 5s linear}
.banner .slide-banner .swiper-slide-active a{transform: scale(1.1);}
@media screen and (max-width: 1400px){
.banner .slide-banner .swiper-slide a{min-height: 580px}
}
@media screen and (max-width: 1200px){
.banner_mouse{display: none}
.banner .slide-banner .swiper-slide a{display: block;height: 50vw;width: 100%;min-height: inherit;}
.banner .slide-banner .pagBa{bottom: .3rem;}
.banner .slide-banner .pagBa{width: 100%;right: 0}
}
@media screen and (max-width:640px){

/*.banner .slide-banner .pagBa span{width: 13px;height: 13px;}*/
.banner .slide-banner .pagBa{bottom: .25rem;}
.banner .slide-banner .sbtn{display: none}
.banner .slide-banner .swiper-slide a{height: 55vw}
.banner .slide-banner:after{height: 20vw}
}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{object-fit: cover;}
.intit .t{font-size: .48rem;margin-bottom: .2rem;}
.intit .t span{font-size: .48rem;display: inline-block;background: linear-gradient(to right,#175f99 0%,#449da2 100%);-webkit-background-clip: text;color: transparent;background: transparent\0;color: #175f99\0;vertical-align: -.03rem;margin-right: .1rem;}
.intit .more a{font-size: .24rem}
.intit .more.sp a{position: relative;padding-right: .45rem}
.intit .more.sp a:before{content: '';width: .18rem;height: .18rem;border: 1px solid #1cafbf;position: absolute;right: 0;top: .09rem;background: #fff;z-index: 2}
.intit .more.sp a:after{content: '';width: .2rem;height: .19rem;border: 1px solid #1cafbf;position: absolute;right: .04rem;top: .05rem;background: #fff;z-index: 1}



.homea{background: #f1fcfd;padding: 1rem 0 .8rem;position: relative;}
.homea:before{content: '';position: absolute;top: .5rem;right: .5rem;background: url(../images/fae.png) no-repeat center;background-size: 100% 100%;width: 4.55rem;height: 1.84rem;z-index: 0;pointer-events: none;max-width: calc(100% - 1rem)}
.homea .intit .more.sp a:before{background: #f1fcfd}
.homea .intit .more.sp a:after{background: #f1fcfd}

.homea .slide-hap{width:17.7rem;margin-left: -.15rem;padding-top: .6rem;position: relative;}
.homea .slide-hap .sbtn{position: absolute;top: -.55rem;left: 56%;z-index: 10}
.homea .slide-hap .sbtn a{display: block;width: .75rem;height: .75rem;text-align: center;line-height: .75rem;margin: 0 .15rem;border-radius: 50%;transition: .4s}
.homea .slide-hap .sbtn a:hover{background: #fff;box-shadow: 0 0 .15rem rgba(29,98,148,.2)}
.homea .slide-ha .swiper-slide .item{background: #fff;margin: .15rem;border-radius: .1rem;overflow: hidden;transition: .4s}
.homea .slide-ha .swiper-slide .item a{display: block;position: relative;}
.homea .slide-ha .swiper-slide:hover .item{box-shadow: 0 0 .15rem rgba(29,98,148,.7)}
.homea .slide-ha .swiper-slide:hover .item .txt{opacity: 1;visibility: inherit;}
.homea .slide-ha .swiper-slide .pic{height: 3.5rem}
.homea .slide-ha .swiper-slide .txt{}
.homea .slide-ha .swiper-slide .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;background: url(../images/mask.png) no-repeat center;background-size: cover;padding: .3rem 10%;color: #fff;opacity: 0;visibility: hidden;transition: .4s}
.homea .slide-ha .swiper-slide .txt h4{font-size: .2rem;line-height: 1.5em;margin-bottom: .2rem;height: .6rem}
.homea .slide-ha .swiper-slide .txt p{line-height: 2em;text-align: justify;height: 1.12rem;font-size: .14rem;font-weight: 100;margin-bottom: .3rem}
.homea .slide-ha .swiper-slide .txt time{font-weight: 100;font-size: .18rem}
.homea .slide-ha .swiper-slide .txt .info{display: flex;justify-content: space-between}
.homea .slide-ha .swiper-slide .txt .dotMore svg{height: 6px;display: inline-block;vertical-align: 3px}
.homea .slide-ha .swiper-slide .txt .dotMore path{fill: #fff}


.homeb{padding-top: .8rem}
.homeb .aleft{width: 3.5rem;padding-top: 1rem}
.homeb .aright{width:calc(100% - 3.5rem)}
.homeb .aright ul li{position: relative;padding: .6rem 0 .6rem 7%}
.homeb .aright ul li:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 0;z-index: 0;background: linear-gradient(45deg,#1aa7b6 0%,#76cfd8 100%);}


.homeb .aright ul li a{display: block;position: relative;z-index: 3}
.homeb .aright ul li h4{font-size: .3rem;margin-bottom: .45rem;transition: .3s;line-height: 1.4em}
.homeb .aright ul li time{text-align: right;color: #666;transition: .3s}
.homeb .aright ul li time span{font-size: .48rem;color: #1cafbf;display: block;line-height: 1em;transition: .3s}
.homeb .aright ul li p{line-height: 2em;width: calc(100% - 1rem);padding-top: .05rem;color: #777;transition: .3s}
.homeb .aright ul li .info{margin-bottom: .6rem}
.homeb .aright ul li span.swi-arrbar{display: block;width: .3rem;height: .2rem;background: #1cafbf;line-height: .2rem;text-align: center;color: #fff;font-size: .18rem;transition: .3s}
.homec{color: #fff;position: relative;}
.homec .anibg{background: url(../images/cbg.jpg) no-repeat center;background-size: cover;color: #fff;position: relative;width: 100%}
.homec #pacanwas-js{position: absolute;left: 0;top:0;right: 0;bottom: 0;z-index: 0}
.homec a{color: #fff}
.homec .tit{width: 20.8%;padding:15vh 4% 0;position: absolute;top: 0;left: 0;z-index: 5}
.homec .intit .it{font-size: .48rem;margin-bottom: .3rem}
.homec .intit p{font-size: .24rem;font-weight: 100;line-height: 1.8em}
.homec .list{width: 79.2%}
.homec .list ul li{width: calc(100% / 5);height: 100%;border-left:1px solid rgba(255,255,255,.1);height: 8.5rem;}
.homec .list ul li a{display: block;height: 100%;padding: 15vh 10% 0}
.homec .list ul li h4{font-size: .3rem;transition: .3s}
.homec .list ul li p{font-size: .2rem;text-transform: uppercase;transition: .3s}
.homec .list ul li h4:after{display: block;content: '';margin: 5vh 0 5vh;height: 4px;width: .4rem;background: rgba(255,255,255,.8);}

.move-bg{position:absolute;top:0;left:0;z-index:0;width: calc(100% / 5);;height:100%;background:rgba(28,175,191,.6);opacity: 0;transition: .3s}

.homed{padding: 1.3rem 0 .9rem}
.homed ul li .item{width: 49%;padding: 0 .25rem;position: relative;}
.homed ul li .item:hover:after{background: #1cafbf}
.homed ul li .item:hover .txt{opacity: 1;visibility: inherit;}
.homed ul li .item a{display: block;position: relative;z-index: 3}
.homed ul li .item .txt{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;background: url(../images/mask.png) no-repeat center;background-size: cover;padding: .4rem 8%;color: #fff;opacity: 0;visibility: hidden;transition: .4s}
.homed ul li .item .txt h4{font-size: .3rem;text-align: center}
.homed ul li .item .txt h4:after{display: block;content: '';margin: .25rem auto .25rem;height: 4px;width: .5rem;background: #fff;}
.homed ul li .item .txt p{line-height: 2em;font-weight: 100;text-align: justify;max-height: .96rem\0}
.homed ul li .item:after{content: '';position: absolute;left: 0;right: 0;top: .2rem;bottom: .2rem;background: #f6f6f6;z-index: 0;transition: .3s}
.homed ul li .item img{display: none}
.homed ul li .item .pic{height: 4.85rem}
.homed ul li .tit{width: 49%}
.homee{position: relative;padding: .9rem 0 1.4rem}
.homee:before{content: '';position: absolute;left: 50%;bottom: 0;right: 0;top: 25%;background: #f1fcfd;z-index: 0}
.homee:after{content: '';position: absolute;left: 3.5%;bottom: 0;right: 0;height: 3.15rem;background: #f1fcfd;z-index: 0}
.homee ul li a{display: block;position: relative;}
.homee ul li img{display: none}
.homee ul li span.t{position: absolute;left: .4rem;top: .4rem;z-index: 3;font-size: .36rem;color: #fff;display: block;line-height: 1.2em}
.homee ul.ul1{width: 48.8%}
.homee ul.ul2{width: 25.6%}
.homee ul.ul3{width: 25.6%}
.homee ul.ul1 li .pic{height: 7rem}
.homee ul.ul2 li .pic{height: 1.7rem}
.homee ul.ul2 li:nth-child(2) .pic{height: 3.6rem}
.homee ul.ul3 li .pic{height: 3.5rem}
.homef img{width: 100%}
.homef .js-play{display: block;position: relative;overflow: hidden;}
.homef img{width: 100%}
/*.homef .js-play img{animation: sca 10s linear infinite}*/
.homef .js-play:before{/*position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;background: rgba(12,27,32,.7);content: '';*/}
.homef .swi-play{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;width: .96rem;height: .96rem;background: rgba(0,0,0,.7);border-radius: 50%;text-align: center;line-height: .96rem;color: #fff;font-size: .5rem;padding-left: 5px}


@keyframes move{0%{left:0;}100%{left:-200vw;}}
@keyframes movem{0%{left:0;}100%{left:-680vw;}}
@keyframes movem1{0%{left:0;}100%{left:-944vw;}}
.homec .anibg{background: linear-gradient(to right,#143f4a 0%,#081d26 100%) }
.moveBg .move{background: url(../images/50.png)  repeat left center;position: absolute;left: 0;top:0;bottom: 0;width:330vw;}
.moveBg .move{animation:move 100s linear infinite}
.homef .slog{position: absolute;bottom: .5rem;max-width: 6.78rem;z-index: 4;width: 60%;}



@media screen and (min-width: 1025px){
.homeb .aright ul li:hover a{color: #fff}
.homeb .aright ul li:hover p{color:rgba(255,255,255,.8);}
.homeb .aright ul li:hover time{color:rgba(255,255,255,.8);}
.homeb .aright ul li:hover time span{color:rgba(255,255,255,1);}
.homeb .aright ul li:hover span.swi-arrbar{background:rgba(255,255,255,1);color:#1aa7b6 }
.homeb .aright ul li:hover:after{width: 14rem;transition: .5s}
.homec .list ul li:hover h4{transform: translateY(-.2rem);}
.homec .list ul li:hover p{transform: translateY(-.2rem);}
}
@media screen and (max-width: 1680px){
.homea .slide-hap{width: 16.5rem}
}
@media screen and (max-width: 1600px){
.homea .slide-hap{width: 15.6rem}
}
@media screen and (max-width:1366px){
.homea .slide-hap{width: calc(100% + .3rem)}
}
@media screen and (max-width: 1024px){
.homec .tit{width: 100%;padding:0  5%;position: relative;color: #333;margin-bottom: .4rem}
.homec .intit p{font-weight: normal;}
.homec .anibg{}
.homec .list{width: 100%}
.homed ul li:nth-child(1){margin-bottom: .4rem}
.homed ul li .item{width: 55%}
.homed ul li .tit{width: 42%}
}
@media screen and (max-width: 980px){
.intit .t{font-size: 5.5vw}
.intit .t span{font-size: 6.5vw}
.homec .intit .it{font-size: 5vw}
.homea{padding: }
.homea .slide-hap .sbtn{right: 0;left: auto}
.homeb .aleft{width: 100%;padding-top: 0}
.homeb .aleft .intit{margin-bottom: .5rem}
.homeb .aright{width: 100%}
.homeb .aright ul li{padding: 0;margin-bottom: .6rem}
.homeb .aright ul li:before{display: none}
.homec .list ul li:nth-child(1){border-top: 0}
.homec .list ul li{width: 100%;height:auto;border-left: 0;border-top: 1px solid rgba(255,255,255,.1); }
.homec .list ul li h4:after{margin: .3rem 0}
.homec .list ul li a{ padding: 5vh 5%}
.homed{padding: .8rem 0}
.homed ul li .tit{width: 100%;order: 1;margin-bottom: .5rem}
.homed ul li .item{width: 100%;order: 2}
.homed ul li .item .pic{height: 50vw}
.homee ul.ul1{width: 100%}
.homee ul.ul1 li .pic{height: 50vw}
.homee ul.ul2{width: 50%}
.homee ul.ul3{width: 50%}
.homee ul.ul2 li .pic{height: 18vw}
.homee ul.ul2 li:nth-child(2) .pic{height: 36vw}
.homee ul.ul3 li .pic{height: 36vw}
.homee ul li span.t{font-size: 3.6vw}
.homee:after{left: 2.5%}
.homef .swi-play{width: .8rem;height: .8rem;font-size: .4rem;line-height: .8rem} 
.homef .js-play{height: 50vw;}
.homef img.cover{height: 100%;max-width: inherit;max-height: inherit;width: auto;position: absolute;left: 50%;transform: translateX(-50%);}
.homef .slog{position: absolute;bottom: .4rem;width: 60%;left: 50%;margin-left: -30%}
}
@media screen and (max-width: 640px){
.homea{padding: .6rem 0}
.homea .slide-hap{padding-top: .4rem}
.homed ul li:nth-child(1){margin-bottom: .6rem}
.homed{padding: .6rem 0 .3rem}
.homed ul li .item .pic{height: 55vw}
.homee{padding: .6rem 0 .8rem}
.homed ul li .item .txt h4:after{height: 3px;margin: .2rem auto}
.homed ul li .item .txt h4{font-size: 4.5vw}
.homee ul li span.t{font-size: 4.5vw;top: .25rem;left: .25rem}	
.homef .swi-play{width: .7rem;height: .7rem;font-size: .35rem;line-height: .7rem;padding-left: 2px} 
.homef .js-play{height: 55vw;height:auto;}
.intit .t{margin-bottom: .1rem}
.intit .more a{font-size: .2rem}
.homec .list ul li h4:after{margin: .2rem 0;height: 3px}
.homec .intit p{font-size: .2rem}
.homec .intit .it{margin-bottom: .2rem}
.homeb .aright ul li h4{font-size: .24rem;margin-bottom: .3rem}
.homeb .aright ul li p{font-size: 0.20rem;}
.homeb .aright ul li time span{font-size: .4rem}
.homeb .aright ul li .info{margin-bottom: .3rem}
.homeb{padding-bottom: .3rem;padding-top: .6rem}
.intit .more.sp a{padding-top: 3px}
.homef .slog{position: absolute;bottom: .3rem;width: 60%;left: 50%;margin-left: -30%}


}
@media screen and (max-width:480px){
.intit .t{font-size: 8vw}
.intit .t span{font-size: 9vw}
.homec .intit .it{font-size:7.5vw}
}