@charset "utf-8";
.banner{position: relative;}
.banner .swiper-slide  .sc{display: block;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;transition: 8s linear;transform: scale(1.2);}
.banner .swiper-slide-active  .sc{transform: scale(1);}
.banner .item .imgBox .img{padding-bottom: 28%;}
.banner .swiper-pagination-progressbar{height: 2px;background: rgba(255,255,255,.4);width: 2rem;bottom: .5rem;z-index: 5}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff}
@media (max-width: 1024px){
	.banner .item .imgBox .img{padding-bottom: 54%}
}
@media (max-width: 640px){
.banner .swiper-pagination-progressbar{bottom: .2rem;width: 30vw}
}

.scrolling .banner{ }
.intit{margin-bottom: .45rem}
.intit .h3{position: relative;}
.intit .h3 em{font-size: .8rem;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-60%);z-index: 0;text-transform: uppercase;user-select: none;color: #fcf4f4}
.intit .h3 span{font-size: .4rem;position: relative;z-index: 2;user-select: none}
.intit .h3.w em{color: rgba(255,255,255,.1);}
.intit .h3.w span{color: rgba(255,255,255,1);}

.inmore a{background: #04579d;display: flex;width: 1.45rem;color: #fff;border-radius: .4rem;padding: 0 .1rem 0 .2rem;line-height: .36rem;align-items:center;justify-content: space-between;transition: .3s}
.inmore a i{display: block;width: .24rem;height: .24rem;border-radius: 50%;background: #04579d;text-align: center;line-height: .24rem;font-size: .12rem;transition: .3s}
.inmore a:hover{letter-spacing: .1em}
.inmore a:hover i{transform: rotate(30deg);}


.homea{background: #ececec;background: url(../images/a1bg.png) #4db1e2 no-repeat right bottom;}
.homea .intit .h3 em{left: 0;transform: translateX(0) translateY(-60%);/* color: #eae2e2 */}
.homea .inmore{position: absolute;top: .6rem;right: .4rem;z-index: 1;}
.homea .inmore a{background: #fff;color: #04579d}
.homea .inmore a i{color: #fff}
.homea .aleft{padding: .6rem 0 .65rem;width: 4.2rem;position: relative;z-index: 2;}
.homea .aright{padding: 1.85rem .5rem .45rem;min-height: 2rem;width: calc(100% - 4.7rem);position: relative;z-index: 1;}
.homea .aright:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/a1bg.png) #4db1e2 no-repeat right bottom;right: calc((100vw - 14.4rem)/2*-1);display: none;}

.homea .aleft .item .txt{background: #fff;padding: .3rem .3rem .4rem}
.homea .aright ul li{width: 46%;margin-bottom: .45rem}
.homea .aright ul li time{display: inline-block;background: #fff;line-height: .32rem;padding: 0 .15rem;color: #4db1e2}
.homea .aright ul li h4{margin-top: .2rem;color: #fff;line-height: 1.5em;font-weight: normal;margin-bottom: .2rem;height: .48rem}
.homea .aright ul li p{color: rgba(255,255,255,.8);font-size: .14rem;line-height: 1.8em;max-height: 3.6em\0;}
.homea .aleft .item time{display: inline-block;line-height: .32rem;padding: 0 .15rem;color: #4db1e2;border:1px solid  #4db1e2;border-left: 0;border-right: 0}
.homea .aleft .item h4{margin-top: .25rem;line-height: 1.5em;font-weight: normal;margin-bottom: .2rem}
.homea .aleft .item p{color: rgba(0,0,0,.6);font-size: .14rem;line-height: 1.8em}


.homeb{}
.homeb .intit .h3 em{left: 0;transform: translateX(0) translateY(-60%)}
.homeb .inmore{position: absolute;top: 40%;left: 0}
.homeb .bleft{width: 2.75rem;padding: 1.3rem 0 1.1rem}
.homeb .bright{width: calc(100% - 2.75rem);position: relative;padding: .7rem 0 .7rem;}
.homeb .bright:after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: calc((100vw - 14.4rem) / 2 + 100%);background: url(../images/bbg.jpg) no-repeat center;background-size: cover;z-index: 0;display: none;}
.homeb .bright .item a{display: block;position: relative;}
/*.homeb .bright .item .imgBox:before{content: '';position: absolute;left: 50%;top: 50%;width: .96rem;height: .96rem;background: url(../images/play.png) no-repeat center;background-size: 100% 100%;transform: translateX(-50%) translateY(-50%);z-index: 2;opacity: .8;}*/
.homeb .bright .item  .imgBox .img{padding-bottom: 68%}
.homeb .bright .item .txt{display: flex;padding: .3rem .3rem .4rem;background: #f4f4f4;align-items: center;}
.homeb .bright .item .txt .tit{flex:1;font-size: .18rem;max-height: .5rem\0}
.homeb .bright .item .txt .time{text-align: center;margin-right: .15rem}
.homeb .bright .item .txt .time span{display: block;font-size: .46rem;color: #4db1e2}
.homeb .bright .item .txt .time em{font-size: .18rem;}
.homeb .bright .item.swiper-slide-active .txt{background: #4db1e2}
.homeb .bright .item.swiper-slide-active .txt .tit{color: #fff}
.homeb .bright .item.swiper-slide-active .txt .time em{color: rgba(255,255,255,.5);}
.homeb .bright .item.swiper-slide-active .txt .time span{color: #fff}
.homeb .bright .item  .imgBox:after{content: '';position: absolute;top: -1px;left:-1px;bottom: -1px;right:-1px;border:7px solid  #4db1e2;transition: .3s;opacity: 0;visibility: hidden;}
.homeb .bright .item.swiper-slide-active  .imgBox:after{opacity: 1;visibility: visible;}
.homeb .swiDots{text-align: center;margin-top: .2rem}
.homeb .swiDots span{background: #000;}
.homeb .swiDots span.active{opacity: 1;background:  #4db1e2}


.homec{padding: 1.25rem 0 1.3rem;position: relative;}
.homec:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 100%;background: rgba(236,236,236,.6);z-index: 0;}
.homec .intit{position: absolute;right: 0;top: 0}
.homec .inmore{position: absolute;top: .8rem;right: 0}
.homec .intit .h3 em{left: auto;right: 0;transform: translateX(0) translateY(-60%)}
.homec .wps{align-items: flex-end;}
.homec .cleft{width:47%}
.homec .cright{width: 48%}
.homec .cleft .item .imgBox .img{padding-bottom: 62%}
.homec .cleft .item .txt{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 3;color: #fff;padding:.4rem .5rem;line-height: 1.6em}
.homec .cleft .item .txt p{max-height: .75rem\0;}
.homec .cleft .swiBtn a{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;color: #fff;font-size: .35rem;opacity: .5;transition: .3s}
.homec .cleft .swiBtn a:hover{opacity: 1;}
.homec .cleft .swiBtn a.prev{left: .15rem}
.homec .cleft .swiBtn a.next{right: .15rem}
.homec .cright ul li{width: calc(50% - .2rem);margin-top: 5px;transition:.3s}
.homec .cright ul li a{display: block;height: .65rem;background: #8e8d94;color: #fff;padding: 0 .35rem;position: relative;transition: .3s;overflow: hidden;}
.homec .cright ul li a span{position: relative;top: 50%;transform: translateY(-50%);display: block;}
.homec .cright ul li a i{position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: .3rem;opacity: 0;visibility: hidden;transition: .3s}
.homec .cright ul li.on a{background: #4db1e2;padding-left: .6rem}
.homec .cright ul li.on a i{opacity: 1;visibility: visible;left: .2rem}
.homec .cright ul li.on{transform: translateX(-.3rem); }

.homed{background: url(../images/dbg.jpg) no-repeat top center;padding: .7rem 0 .7rem;background-size: cover;background-attachment: fixed;}
.homed .inmore{position: absolute;top: 0; right: 0;z-index: 5}
.homed .item  .imgBox:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border:1px solid #ddd;transition: .3s}
.homed .item  .imgBox:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: url(../images/dmas.png) no-repeat right bottom;z-index: 2;opacity: 0;visibility: hidden;transition: .3s}
.homed .item  .imgBox .img{padding-bottom: 138%}
.homed .item .txt{font-size: .2rem;padding: .2rem 0;border-bottom: 1px solid #ddd;display: flex;align-items: center;justify-content: space-between;}
.homed .item .txt i{opacity: 0;visibility: hidden;transition: .3s}
.homed .item .txt h4{font-weight: normal;color: #fff;}
.homed .item.swiper-slide-active .txt{color:#fff; }
.homed .item.swiper-slide-active .txt i{opacity: 1;visibility: visible;}
.homed .item.swiper-slide-active  .imgBox{border-color: transparent;}
.homed .item.swiper-slide-active  .imgBox:after{border:.08rem solid #4db1e2;}
.homed .item.swiper-slide-active  .imgBox:before{opacity: 1;visibility: visible;}
.homed .item:hover .txt i{opacity: 1;visibility: visible;}
.homed .swiDots{text-align: center;margin-top: .2rem}
.homed .swiDots span{}
.homed .swiDots span.active{opacity: 1;background: #fff;}

.homee{background: url(../images/ebg.png) no-repeat center .5rem;padding: .7rem 0 .7rem;}
.homee .item{width:31.3333% }
.homee .item li{margin-bottom: .4rem}
.homee .item a{display: block;position: relative;}
.homee li .imgBox .img{padding-bottom: 72.8% !important;}
.homee .item2 li .imgBox .img{padding-bottom: 65%}
.homee .item3 li .imgBox .img{padding-bottom: 150%}
.homee .item .txt{background: #4db1e2;color: #fff;position: absolute;left: .25rem;bottom: .25rem;right: .25rem;z-index: 3;text-align: center;padding: .2rem}
.homee .item .txt h4{font-size: .16rem;font-weight: normal;}
.homee .item3 .txt{padding: .6rem .35rem;text-align: left;}
.homee .item3 .txt h4{font-size: .18rem;line-height: 1.6em;margin-bottom: .2rem;max-height: .56rem\0}
.homee .item3 .txt p{font-size: .14rem;line-height: 1.8em;color: rgba(255,255,255,.8);max-height: .75rem\0}

.homefp{background: url(../images/ftbg.png) no-repeat center;background-size: cover;min-height: 3rem}
.homefp .wp{ position: relative;}
.homefp .inmore{position: absolute;top: 0;right: 0;z-index: 1;}
.homefp .inmore a{background: #fff;color: #04579d}
.homefp .inmore a i{color: #fff}

.homef{padding: .8rem 0 .5rem}
.homef .item a{position: relative;display: block;}
.homef .item img{width: 100%;height: 2.5rem;object-fit: cover;}
.homef .item .txt{position: absolute;top: 0;left: 0;bottom: 0;width: 1.26rem;background: rgba(255,255,255,.9);z-index: 3;font-size: .18rem;color: #04579d;padding: .15rem .12rem;}
.homef .item .txt h4{font-weight: normal;max-height: 2.16rem\0;line-height: .24rem;-webkit-line-clamp: 9;display: -webkit-box;}
.homef .swiDots{text-align: center;margin-top: .2rem}
.homef .swiDots span{background: #fff;opacity: .5;}
.homef .swiDots span.active{opacity: 1;}
@media (max-width: 1400px){

}
@media (max-width: 1024px){
.homea .aleft{padding: .6rem 0 .65rem;width: 30%}
.homea .aright{padding: 1.85rem .3rem .45rem;width: calc(70% - .3rem);position: relative;}
.homeb .bright:after{width: calc(6vw + 100%);left: -3vw}

.homeb .bleft{width: 100%;padding: .6rem 0 0}
.homeb .bright{width: 100%;padding: .6rem 0 1.2rem}
.homeb .inmore{left: 50%;margin-left: -.725rem;top: auto;bottom: .5rem;z-index: 10}
.homeb .intit{justify-content: center;display: flex;}
.homeb .intit .h3 em {left: 50%;transform: translateX(-50%) translateY(-60%);}
.homec{padding: .7rem 0 .8rem}
.homec .intit{position: static;justify-content: center;}
.homec .intit .h3 em {right: 50%;transform: translateX(50%) translateY(-60%);}
.homec .inmore{position: static;display: flex;justify-content: center;margin-top: .4rem}
.homec:before{top: 0;width: 25%;display: none}

	.homefp .inmore{position: relative;margin: .3rem auto 0;text-align: center;}
	.homefp .inmore a{ margin: 0 auto}

.homed{/* background-size: 100% 4rem */}

.homee .item3 .txt{padding: .5rem .2rem}


}

@media (max-width: 900px){
.homef{padding-bottom: 0}
.homea .aleft{padding: .6rem 5% .45rem;width: 100%}
.homea .aright{padding: 0 5% .85rem;width: 100%;position: relative;}
.homea .aright:before{height: .5rem}
.homea .wp{width: 100%}
.homea .inmore{right:50%;top: auto;bottom: .5rem;transform: translateX(50%);}
.homea .intit{justify-content: center;display: flex;}
.homea .intit .h3 em {left: 50%;transform: translateX(-50%) translateY(-60%);}

.homec .cleft{width: 100%;margin-bottom: .2rem}
.homec .cright{width: 100%}
.homec .cright ul li.on {transform: translateX(0);}
.homed .inmore{position: static;display: flex;justify-content: center;margin-top: .4rem}

.homee .item{width: 48%}
.homee .item3{/* width: 5rem; */max-width: 100%;}
	.homee .item3 .txt{ padding: .2rem}
	.homee .item li .imgBox .img{padding-bottom: 83%;}
	.homee .item .txt h4{ font-size: .2rem}
}
@media (max-width: 750px){
.homeb .bright:after{width: calc(10vw + 100%);left: -5vw}
}
@media (max-width: 640px){
.intit{margin-bottom: .35rem}
.homea .aright ul li{width: 100%}
.homea .aright ul li h4{height: auto}
.homec .cleft .item .txt{position: relative;background: #4db1e2;padding: .25rem}
.homec{padding: .5rem 0 .6rem}
.homee{padding: .3rem 0 .4rem}
}
@media (max-width: 480px){
	.homec .cright ul li{width: 100%}
	.intit .h3 em{font-size: .7rem}
	.homee .item .txt h4{font-size: .2rem}
	.homee .item .txt{padding: .1rem ;left: .1rem;bottom: .1rem;right: .1rem}
	.homee .item li{margin-bottom: .2rem}
	.homee .item3 .txt{padding: .1rem;}

	.homee .item{/* width: 100%; */}

	.homee .item3 li .imgBox .img{ padding-bottom: 65%}
	.homee .item3{ width: 100%;}
}
@media (max-width: 350px){
.homee .item{width: 100%}
}