@charset "utf-8";

.banner .pgba{
    z-index: 5;
    position: absolute;
    bottom: 0.35rem;
    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: 0; display: block;float: left;opacity: 0.6;width: 35px;height: 5px; background: #FFFFFF; margin: 0 .08rem !important;position: relative;}
.banner .pgba span.swiper-pagination-bullet-active{opacity: 1;}



.banner .swiper-slide .a{display: block;height: 26.5vw;}
.banner .swiper-slide .a{position: relative;display: block;overflow: hidden;}



.banner .swiper-slide .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;background-size: cover !important;}

.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{}
.banner .sbtn a{width: 0.6rem;height: 0.6rem;position: absolute;top: 40%;z-index: 9;background-size: 100%;}
.banner .sbtn .prev{background: url(../img/banleft.png) no-repeat center;left: 2%;}
.banner .sbtn .next{background: url(../img/banright.png) no-repeat center;right: 2%;}





@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;}
.banner .sbtn{display: none;}
}
@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}
}

.intit{margin-bottom: .3rem;position: relative;}
.intit .h2{}
.intit .h2 .cn{font-size: .34rem; font-weight: bold;line-height: 1em;color: #004187;position: relative;z-index: 5}
.intit .h2 .en{color: #004187;opacity: 0.3; text-transform: uppercase;font-size: 0.3rem;padding-left:0.1rem; font-weight: bold;line-height: 1em;user-select: none}
.intit>a,.more{color: #888888;font-size: .18rem;display: flex;align-items: center;position: relative;margin-top: 0.15rem;}
.intit>a img,.news_right ul li a p img{display:inline-block;vertical-align: middle;padding-left: 0.1rem;}
.intit>a:hover{color:#004187;}



.homea{padding: 0.55rem 0;/* background: #e0e8f1; */}
.news{width: 100%;}
.news_left{width:36%;}
.news_left .pic{height: 3.9rem;display: block;position: relative;}
.news_left .homeawrap{overflow: hidden;position: relative;}
.news_left .date{background: #273e97;color: #ffffff;width: 0.7rem;height: 0.7rem;text-align: center;font-weight: normal;position: absolute;left: 0.3rem;top: 0;z-index: 9;}
.news_left .date p{font-size: 0.26rem;line-height: 0.4rem;}
.news_left .date span{font-size: 0.14rem;}
.news_left .news_title{ box-sizing: border-box;padding: 0.15rem;width: 100%;position: absolute;bottom: 0;left: 0;background: url(../img/titlebg.png) no-repeat center bottom;}
.news_left .news_title h2{ line-height: 0.35rem; width: 80%;overflow: hidden;font-size: 0.2rem;font-weight: normal;color: #FFFFFF;}
.news_left .pgba{position: absolute;bottom: 0.25rem;right: 0;z-index: 5;text-align: right;}
.news_left .pgba span{width: 0.1rem;height: 0.1rem;margin: 0 0.1rem !important;background: #dadada;opacity:1;}
.news_left .pgba span.active{background: #273e97;}





.news_right{width: 61.5%;}
.news_right ul li{padding: 0.25rem 0.2rem;box-sizing: border-box;background: #ebf1f7;width:48%;margin-bottom: 0.25rem;height: 1.82rem;}
.news_right ul li a h2{font-size: 0.17rem;line-height: 0.3rem;height: 0.9rem;margin-top:0.15rem;}
.news_right ul li a .date{border: 1px solid #b92a3b;}
.news_right ul li a .date span{color: #ffffff;background:#b92a3b;padding:0.02rem 0.05rem;}
.news_right ul li a .date em{color:#b92a3b;padding:0.02rem 0.07rem;display:inline-block; }
.news_right ul li a p {color: #004187;}



.notice{background: #ebf1f7;}
.notice .intit2{display:none;}
.notice .intit1{background:#004187;width:1.6rem; text-align:center;height: 1.5rem;display: flex;flex-direction: column; justify-content: center;margin-bottom:0;}
.notice .intit1 .h2 .cn{color: #ffffff;}
.notice .intit1>a{color: #ffffff;text-align: center;display: block}
.notice .notice_list{width:83%;display: flex;flex-direction: column; justify-content: center;margin-right:2%;}
.notice .notice_list ul li{width:31.33%;}
.notice .notice_list ul li h2{width:80%;font-size:0.16rem;line-height: 0.3rem;height: 0.6rem}
.notice .notice_list .date {width:0.6rem;height:0.6rem;border:1px solid #004187;text-align: center;}
.notice .notice_list .date p{font-size:0.24rem;background:#004187;color:#ffffff;line-height: 0.35rem}
.notice .notice_list .date span{font-size:0.14rem;color: #004187;}



.homeb{background:url(../img/bodybg1.jpg) no-repeat center bottom #e7ebf0;padding: 0.5rem 0;padding-bottom:1rem;}
.ulfast ul li{width:23%;}

.video{margin-top:0.3rem;}
.videowrap .picNew{width:61.5%;position: relative;padding: 0.2rem;}
.videowrap .picNew .pic{height:4.8rem;position: relative;}
.videowrap .picNew .bg{position: absolute;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;z-index: 0;width: 100%;height: 100%;background:url(../img/bodybg2.png) no-repeat left top;}
.videowrap .picNew .txt{width:100%;padding: 0.2rem 0.15rem;padding-top:0.35rem; background: url(../img/titlebg2.png) repeat-x;color: #ffffff;font-size: 0.18rem;position: absolute;left: 0;bottom:0;}
.videowrap .picNew .play{position: absolute;left: 50%;top: 35%;transform: translateX(-50%);z-index: 9}
.videowrap .vidlist{width: 35%;padding-top:0.2rem;}
.videowrap .vidlist ul{background:#004187;padding:0 0.3rem;}
.videowrap .vidlist ul li{border-bottom: 1px solid #ffffff;padding: 0.4rem 0;position: relative;}
.videowrap .vidlist ul li:last-child{border: none;}
.videowrap .vidlist ul li a h4{color: #ffffff;font-size:0.18rem;line-height: 0.4rem;}
.videowrap .vidlist .active h4{font-weight: bold;}
.videowrap .vidlist .active::before{content: "";width: 33px;height: 33px;position: absolute;left: -0.45rem;top: 0.6rem;background: url(../img/sandot.png) no-repeat center;}



.quick{margin-top:0.45rem;}
.quicklist li a{font-size:0.16rem;display:flex;flex-direction: row;justify-content: center;align-items: center;}
.quicklist li a img{padding-right:0.18rem;}
.quicklist li a:hover img{animation: roted linear 1s;}











@media (max-width: 1600px){


}
@media (max-width: 1366px){


}
@media (max-width: 1024px){
	.notice .notice_list{width:78%}
	.notice .notice_list ul li h2{width:70%}
}
@media (max-width: 980px){
.news,.notice,.notice .notice_list{width: 100%;margin-right:0;}
.notice .intit2{display:flex;width:100%;}
.notice .intit1{display:none;}
.notice{background:none;}
.notice .notice_list ul li{width:100%;margin-bottom:0.15rem}
.notice .notice_list ul li h2{width:85%}

}
@media (max-width: 900px){
	.news_left,.news_right{width:100%;margin-bottom:0.2rem;}

}

@media (max-width: 760px){
.ulfast ul li{width:49%;margin-bottom:0.2rem;}
.videowrap .picNew{width:100%;}
.videowrap .picNew .pic{height:60vw;}
.videowrap .vidlist{width:100%;}
.quicklist li{margin-bottom:0.2rem;}
.quicklist li a img{width:0.8rem;}
body{min-width: 320px;}
}
@media (max-width: 640px){
.news_right ul li{width:100%;}
.notice .notice_list ul li h2{width:80%}
}

@media (max-width: 480px){
	
	
}
/*ie11*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}




@media (max-width: 980px){
   
}