@charset "utf-8";
.banner{position:relative}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
.banner .swiper-slide a{display:block;position:relative}
.banner .swiper-slide a:before{content:'';position:absolute;left:0;top:0;right:0;height:1.6rem;background:url(../images/blackms1.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .8;}
.banner:after{content:'';position:absolute;left:0;bottom:0;right:0;height:1.77rem;background:url(../images/bamsk.png) no-repeat bottom center;background-size:101% auto;z-index:2;pointer-events: none}
.banner .item .imgBox .img{padding-bottom:0;height:100vh;min-height:6rem;background-position: center;background-size: cover;background-repeat: no-repeat}
.banner .swiDots{position:absolute;bottom:.3rem;left:0;z-index:5;;width: 100%;text-align:center;display: none}
/*.banner .swiDots span{width:12px;height:12px;opacity:.4;position:relative;background:#fff}
.banner .swiDots span.active{opacity:1}*/
.banner .swiDots span{background:#fff;width:.3rem;height:.3rem;opacity:.6;margin:0;position:relative;background:transparent;border-radius: 0;display: inline-block;}
.banner .swiDots span svg{opacity:0;transition: .3s}
.banner .swiDots span.active{opacity:1}
.banner .swiDots span.active svg{opacity:1}
.banner .swiDots span:before{content: '';position: absolute;top: 50%;left: 50%;width: 5px;height:5px;background: #fff;border-radius: 50%;margin-left: -3px;margin-top:-3px;}
.banner .swiDots .ui-loop{position:absolute;top:0;left:0;bottom:0;top:0}
.banner .swiDots .path-loop{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:1px;opacity: 0;stroke-linecap:round;}
.banner .swiDots .path-loop-bg{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:1px;opacity:.4;stroke-linecap:round;}
.banner .swiDots .active .path-loop{opacity: 1}

@media (min-width:1930px){
.banner:after{background-size: 101% 100%}
}
@media (max-width:1024px){
.banner .swiper-slide a:after{height:1.2rem}
.banner .swiDots{text-align: center;bottom: .2rem}
.banner .swiDots span{margin:0 .1rem}
.banner .item .imgBox .img{padding-bottom:55%;height:auto;min-height:inherit}
}
@media (max-width:640px){
.banner .swiper-slide a:after{height:1rem}
.banner .swiDots{bottom:.1rem;}

}

#app{width: 100vw;overflow: hidden;}

.intit{margin-bottom: .5rem}
.intit .h4{font-size: .5rem}

.homea{padding: 0 0 1rem}
.homea .slide-a1 .img{padding-bottom: 36%}
.homea .slide-a2p .next{position: absolute;width: .5rem;height: .5rem;right: 0;bottom: 0;position: absolute;background: #4cbdc3;text-align: center;line-height: .5rem;color: #fff}
.homea .slide-a2p{position: absolute;bottom: 0;right: .8rem;width: 4rem;background: rgba(255,255,255,.85);z-index: 2;top: .6rem;padding: .4rem}
.homea .slide-a2p  .h4{font-size: .2rem;margin-bottom: .2rem;line-height: 1.4em}
.homea .slide-a2p  .time{color: #333;}
.homea .slide-a2p  .desc{color: #666;line-height: 1.6em;margin-top: .15rem}
.homea .txtList{}
.homea .txtList ul{width: calc(100% - .9rem);border-bottom: 1px solid #ddd;}
.homea .txtList li{width: 31.333%;display: flex;justify-content: center;flex-direction: column;position: relative;}
.homea .txtList li:hover:after{content: '';position: absolute;left: 0;bottom: -2px;right: 0;height: 3px;background:#4cbdc3 }
.homea .txtList li a{display: flex;align-items: center;justify-content: space-between;}
.homea .txtList li time{display: block;width: .6rem;color: #4cbdc3;text-align: center;}
.homea .txtList li time span{display: block;font-size: .3rem}
.homea .txtList li .h4{width: calc(100% - .8rem);font-size: .18rem;line-height: 1.4em}
.homea .mor{width: .8rem;height: .8rem;background: url(../images/mor.svg) #4cbdc3 no-repeat center; background-size:auto 65%}

.homeb .block{ padding: 1.7rem 0}
.homeb .img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;}
.homeb .img img{width: 100%;height: 100%;object-fit: cover}
.homeb .img:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0; background: rgba(76,189,195,.78);z-index: 2;}
.homeb .txt{color: #fff}
.homeb .txt .desc{max-width: 10rem;margin: 0 auto .4rem;line-height: 1.5em;font-weight: 100;font-size: .2rem;text-align: left;}
.homeb .txt .more{color: #4cbdc3;width: 1.4rem;line-height: .46rem;background: rgba(255,255,255,.8);text-align: center;border-radius: 5px;margin: 0 auto;font-size: .18rem;display: block;}

.homec {padding: 1rem 0}
.homec .hd{margin-bottom: .5rem}
.homec .hd ul{border-bottom: 1px solid #ddd;max-width: 12rem;margin: 0 auto}
.homec .hd ul li{font-size: .3rem;line-height: .46rem;padding: 0 .3rem;cursor: pointer;padding-bottom: .15rem;position: relative;}
.homec .hd ul li.on{font-size: .46rem;color:  #43b0bb}
.homec .hd ul li.on:after{content: '';position: absolute;left: 0;bottom: -2px;right: 0;height: 3px;background: #43b0bb }
.homec .bd{width: calc(100% + var(--width))}
.homec .bd .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;padding: .3rem .5rem;color: #fff;font-size: .6rem;text-transform: uppercase;text-shadow: 0 0 15px rgba(0,0,0,.6);line-height: 1em}
.homec .bd .img{padding-bottom: 50%}
.homec .bd .swiper-icons{display: block;width: .6rem;height: .6rem;position: absolute;top: 50%;margin-top: -.3rem;z-index: 5;text-align: center;line-height: .6rem;color: #fff;background:  #43b0bb;font-size: .22rem}
.homec .bd .swiper-icons.prevs{left: -1rem;}
.homec .bd .swiper-icons.nexts{right: 8%}
.homed .imgBox:before{content: '';position: absolute;width:1.52rem;height: 1.52rem;background: url(../images/play.png) no-repeat center;background-size: 100% 100%;z-index: 2;top: 50%;left: 50%;margin-left: -.76rem;margin-top: -.76rem}
.homed .img{padding-bottom: 41%}

.homee{padding: 1rem 0;background: #fff}
.homee ul{padding:0 5%}
.homee ul li{text-align: center;}
.homee ul li p{font-size: .26rem;margin-top: .15rem}
.homee ul li img{height: 1.45rem}

@media (min-width: 1025px){

}

@media (max-width: 1024px){
.homee{padding: .8rem 0}
.homec{padding: .8rem 0}
.homee ul li img{height: 1rem}	
.homee ul{padding: 0}
.homed .imgBox:before{width:1rem;height: 1rem;margin-left: -.5rem;margin-top: -.5rem}
.homec .bd{width: calc(100% + .35rem)}
.homec .bd .swiper-icons.prevs{left: .3rem}
.homec .bd .swiper-icons.nexts{right: .3rem}
.homec .bd .txt{font-size: .5rem}
.homeb .block{ padding: 1.2rem 0}
.homea .slide-a2p{position: relative;top: 0;right: 0;width: 100%;border-bottom: 1px solid #ddd;margin-bottom: .3rem;padding-right:0;padding-left: 0}
.homea .slide-a2p .desc{margin-right: .6rem}
.homea .txtList li{width: 100%;padding: .2rem 0;border-bottom: 1px solid #ddd}
.homea .txtList ul{border-bottom: 0;width: 100%}
.homea .txtList{position: relative;}
.homea .txtList .mor{margin: .2rem auto 0;width: .6rem;height: .6rem}
.homea{padding: .3rem 0 .8rem}
}

@media (max-width: 900px){
.homed .img{padding-bottom: 50%}
.homec .hd ul{display: block;overflow: auto;white-space: nowrap;border-bottom: 0;padding-bottom: .1rem}	
.homec .hd ul li.on:after{display: none}
.homec .hd ul li{display: inline-block;padding-bottom: 0}
.homec .hd ul li.on{font-size: .4rem}
.homec .bd .img{padding-bottom: 55%}
.homeb .block{ padding: 1rem 0}
}
@media (max-width: 750px){
.homee ul li img{height: .8rem}	
.homec .bd{width: 100%}
}
@media (max-width: 640px){
.intit .h4{font-size: .4rem}
.homee{padding: .6rem 0 .4rem}
.homec{padding: .6rem 0}
.homea{padding: .3rem 0 .6rem}
.homee ul li{width: 50%;margin-bottom: .2rem}
.homee ul li p{font-size: .22rem}
.homed .imgBox:before{width:.8rem;height: .8rem;margin-left: -.4rem;margin-top: -.4rem}	
.homed .img{padding-bottom: 55%}
.homec .bd .swiper-icons{width: .5rem;height: .5rem;line-height: .5rem;margin-top: -.25rem}
.homec .bd .swiper-icons.prevs{left: .1rem}
.homec .bd .swiper-icons.nexts{right: .1rem}
.homec .bd .img{padding-bottom: 60%}
.homec .bd .txt{padding: .25rem;font-size: .32rem}
.homec .hd ul li{font-size: .24rem}
.homec .hd ul li.on{font-size: .34rem}
.homeb .block{ padding:.8rem 0}
.homea .slide-a2p .desc{-webkit-line-clamp:4;}
.homea .slide-a1 .img{padding-bottom: 46%}
.intit{margin-bottom: .35rem}
.homeb .txt .desc{font-size: .18rem}
}