@charset "utf-8";

.banner .pgba{
    z-index: 5;
    position: absolute;
    bottom: 0.4rem;
    left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);	
    
    width: auto;
    }
.banner .pgba span{position: relative;border-radius: 50%; display: block;float: left;opacity: 1;width: 0.12rem;height: 0.12rem; background: #ffffff; color: transparent; margin: 0  0.05rem!important;position: relative;}
.banner .pgba .active{border: 2px solid #007ab8;}



.banner .swiper-slide .a{display: block;height: 47vw;min-height: 500px;}
.banner .swiper-slide .a{position: relative;display: block;overflow: hidden;}
.banner .swiper-slide .bg video{ width: 100%; height: 100%; object-fit: cover}



.banner .swiper-slide .bg{-webkit-transform: scale(1.1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;transition:linear 5s;background-size: cover !important;}
/* .banner .swiper-slide-active .bg{-webkit-transform: scale(1);} */
.banner .bgtitle{
	position: absolute;
	left: 6%;
	bottom: 0.3rem;
	width: 70%;
	z-index: 9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
	font-size: 0.24rem;
}
.banner .sbtn a{width: 0.27rem;height: 0.45rem;position: absolute;top: 50%;z-index: 5;}
.banner .sbtn .prev{background: url(../img/banprev.png) no-repeat center center;left: 0.3rem;background-size: contain;}
.banner .sbtn .next{background: url(../img/bannext.png) no-repeat center center;right: 0.3rem;background-size: contain;}








@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1200px){

}
@media screen and (max-width:1024px){
.banner .swiper-slide .a{height: 50vw;min-height: inherit;}
}
@media screen and (max-width:900px){
.banner .swiper-slide .a{height: 46vw}
}
@media screen and (max-width:640px){
.banner .pgba{bottom: .15rem}
.banner .swiper-slide .a{height: 52vw}
}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{/* object-fit: cover; */}


.intit{position: relative;margin-bottom: .3rem;}
.intit h4{position: relative;line-height: 1;}
.intit>a span img,.more span img{display: inline-block;vertical-align: middle;padding-right: 0.05rem;}
.intit h4 .cn{font-size: .36rem;font-weight: bold;position: relative;color: #333333;align-items: center;z-index: 2;}
.intit h4 .cn em{font-size: 0.36rem;color: #007ab8;}
.intit h4 .en{font-size: 0.6rem;font-weight: bold; position: absolute;left: 0;top: -0.25rem;
  color: #007ab8;
  background: linear-gradient(180deg, #8dc9e8, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;}

.intit>a,.more{display: block;display: flex;align-items: center;justify-content: center; box-sizing: border-box;padding: 0 0.15rem ; min-width: 1.3rem;height: 0.45rem;}
.intit>a span,.more span{ display: block;font-size: 0.18rem;color: #333333;}



.homea{
	background:#e7f2f8;
	min-height: 2rem;
	padding: 0.6rem 0;
}
.homea .homa_left{width: 47%;position: relative;box-shadow: 0 0 10px #c4e1f0;}

.homea .homa_left .pic{height: 4.75rem;display: block;position: relative;}
.homea .homa_left .homeawrap{overflow: hidden;position: relative;}
.homea .homa_left .news_title{position: absolute;bottom: 0;left: 0;box-sizing: border-box;padding: 0.15rem 0.2rem;width: 100%;background: linear-gradient(360deg,#333333,transparent);}

.homea .homa_left .news_title h2{width: 80%;font-size: 0.18rem;line-height: 0.45rem;color: #ffffff;}

.homea .pgba{position: absolute;bottom: 0.25rem;right: 0;z-index: 5;text-align: right;}
.homea .pgba span{width: 0.1rem;height: 0.1rem;margin: 0 0.1rem !important;background: #b4b4b4;opacity: 1; border-radius: 50%;}
.homea .pgba span.active{border: 2px solid #007ab8;}





.homea .homa_right{width: 50.5%;}
.homea .homa_right .newstu,.homea .homa_right .news2{width: 47.5%;}
.homea .homa_right .newstu .pic{height: 2.2rem;}
.homea .homa_right .newstu .pic img{width: 100%;height: 100%;object-fit: cover;}
.homea .homa_right .news1{background: #ffffff;box-shadow: 0 0 10px #c4e1f0;}
.homea .homa_right .news1 h2{font-size: 0.18rem;font-weight: bold;line-height: 1.7;}
.homea .homa_right .news1 .date{font-size: 0.14rem;color: #008ed6;line-height: 0.25rem;margin: 0.1rem 0;}
.homea .homa_right .news1 .date img{display: inline-block;vertical-align: middle;padding-right: 0.05rem;}
.homea .homa_right .news1 p{font-size: 0.14rem;color: #9e9e9e;line-height: 1.7;}
.homea .homa_right .news1 .newtit{padding: 0.2rem;box-sizing: border-box;}

.homea .homa_right .news2 .news1{margin-bottom: 0.35rem;height: 2.2rem;}
.homea .homa_right .news2 .news1:last-child{margin-bottom: 0;}







.homeb{padding: 0.6rem 0;padding-bottom: 1.1rem; background: url(../img/bodybg1.png) no-repeat center center;background-size: cover;}
.homeb .ullist ul li{ box-sizing: border-box;position: relative;background-color: #FFFFFF;width: 31%;height: 1.6rem; margin-bottom: 0.4rem;box-shadow: 0 0 10px #c4e1f0;}
.homeb .ullist ul li a{position: relative;z-index: 5;}
.homeb .ullist ul li a .text{font-size: 0.18rem;width: calc(100% - 1.6rem);padding: 0.45rem 0;padding-right: 0.25rem;}
.homeb .ullist ul li a .text .tit{font-size: 0.18rem;line-height: 0.35rem;}
.homeb .ullist ul li .date{width: 1.1rem;padding: 0.45rem 0;position: relative;text-align: center;}
.homeb .ullist ul li .date p{font-size: 0.4rem;font-weight: bold;}
.homeb .ullist ul li .date span{font-size: 0.16rem;}
.homeb .ullist ul li .date::before{content:"";width:0.25rem;height:0.1px;position:absolute;right:-0.25rem;top:50%;background-color: #d4cbcb;}
.homeb .ullist ul li .date::after{opacity: 0; content:"";width:0.07rem;height:0.16rem;position:absolute;right:-0.07rem;top:50%;transform: translateY(-50%);background: url(../img/sandot.png) no-repeat center center;}
.homeb .ullist ul li:hover .date{color: #fff;background-color: #008ed6;}
.homeb .ullist ul li:hover{background-color: #FFFFFF;}
.homeb .ullist ul li:hover .date::before{background-color: #008ed6;}
.homeb .ullist ul li:hover .date::after{opacity: 1;}
.homeb .ullist ul li:hover .text .tit{color: #008ed6;font-weight: bold;}

.homeb .link{margin-top: 0.4rem;}
.homeb .link ul li{width: 19%;background-color: #FFFFFF;box-shadow: 0 0 10px #c4e1f0;height: 0.8rem;}
.homeb .link ul li div{display: flex;align-items: center;justify-content: center;height: 100%;}
.homeb .link ul li a{display: block;height: 100%;}
.homeb .link ul li a img{padding-right: 0.1rem;}




@media (max-width: 1600px){


}
@media (max-width: 1366px){

}
@media (max-width: 1024px){

	
	
}
@media (max-width: 980px){
	.homeb .ullist ul li{width: 49%;}

}
@media (max-width: 900px){
	.homea .homa_left{width: 100%;margin-bottom: 0.3rem;}
	.homea .homa_right{width: 100%;}
}

@media (max-width: 760px){



}
@media (max-width: 640px){

body{min-width: 320px;}
.homea .homa_right .newstu{margin-bottom: 0.3rem;}
.homeb .ullist ul li,.homea .homa_right .newstu, .homea .homa_right .news2{width: 100%;}
.homeb .link ul li{width: 49%;margin-bottom: 0.2rem;}
.homea .homa_left .pic{height: 55vw;}

}

@media (max-width: 480px){
	.homeb .link ul li{width: 100%;}
	.homeb .link ul li a span{font-size: 0.24rem;}
}
/*ie11*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}


