.bannerImg img{width: 100%;height: auto;opacity: 0;}
.bannerImg img:first-child{}
.banner{position: relative;}
.bannerList{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.bannerList li{text-align: center;overflow: hidden; width: 21%;box-sizing: border-box;border-right: 1px solid #D4E3EF;height: 100%;position: relative;}
.bannerList li:last-child{border-right: none;}
.bannerList li.active{width: 37%;}

.bannerList li h2, .bannerList li p{color: #fff;}

.bannerList li .ico-img{
	width: 100%;

	box-sizing: border-box;
}
.bannerList li .ico-img img{
	display: inline-block;
	max-width: 100%;
	margin: auto;
	height: auto;
	width: 2.3rem;
}
.bannerList li.li2 .ico-img{
	padding-top:23px;
}
.bannerList li.li2 .ico-img img{
	width:4rem;
}

.bannerList li.li3 .ico-img{
	padding-top:10px;
}
.bannerList li.li3 .ico-img img{
	width:3rem;
}


.bannerList li .line{opacity: 0; margin: 15px auto;width: 45px;height: 1px;background: rgba(255,255,255,0.0);display: block;}
.bannerList li p{opacity: 0;line-height: 30px;margin-bottom: 40px;}
.bannerList li a{opacity: 0;width: 140px;line-height: 30px;display: block;margin: 0 auto;background: #fff;}
.bannerList li .cont {
	width: 100%;
	padding: 0 15%;
	position: absolute;
	left: 50%;
	bottom: 20px;
	height: 80px;
	transform: translateX(-50%);
}
.bannerList li.active .line, .bannerList li.active p, .bannerList li.active a{opacity: 1;}
.bannerList li.active .cont{height: 280px;bottom: 50%;transform: translate(-50%,50%);}
/* 一些不支持背景渐变的浏览器 */  
/*.bannerList li.active{
	background:rgba(24,0,121, 0.3); 
    background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(24,0,121, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0)), to(rgba(24,0,121, 0.5)));  
    background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(24,0,121, 0.5)); }*/
    
.bannerList li a:hover{background: #1a1e38;color: #fff;}

.inTitle{padding: 25px 0;height: 24px;}
.inTitle h2{font-size: 18px;display: inline-block;}
.inTitle h2 span{color: #bfbfbf;font-size: 12px;font-family: arial;display: inline-block;margin-left: 10px;vertical-align: middle;font-weight: normal;}
.inTitle a{width: 110px;line-height: 30px;color: rgba(0,0,0,0.5);text-align: center;float: right;background: #F8F8F8;}
body{font-size: 0;}
.indexBox article{height: 255px;border-top: 1px solid #F3F3F3;border-bottom: 1px solid #F3F3F3;box-sizing: border-box;}
.inVideo video{width: 100%;height: 100%;}
.inVideo{width: 28%;}
.indexBox time b{font-size: 30px;font-family: arial;font-weight: normal;display: block;position: relative;}
.indexBox time{display: block;font-size: 12px;font-family: arial;color: rgba(51,51,51,0.4);padding-left: 30px;}
.indexBox article a{padding-left: 30px;display: block;margin-top: 20px;line-height: 30px;height: 60px;overflow: hidden;text-overflow:ellipsis;}
.inNews , .inNotice{width: 26%;}
.inNews article, .inNotice article{padding-top: 35px;box-sizing: border-box;padding-left: 50px;}
.indexBox time b:after{width: 20px;height: 1px;background: #C6C6C6;content: '';display: block;position: absolute;left: -30px;top: 50%;}
.inLink{width: 20%;}
.indexBox article a span{color: #c90000;font-weight: bold;}
.inNews .inTitle, .inNotice .inTitle{padding-left: 80px;}
.inVideo .inTitle{padding-left: 20px;}
.inLink article a{height: auto;margin-top: -72px;display: block;}
.indexBox article a:hover{color: #193171;}
.inLink article{position: relative;z-index: 2;}
.inLink article img{display: block;max-width: 100%;width:470px;height:auto;}
.inLink .inTitle{position: relative;z-index: 1;}
.inNews .swiper-button-prev, .inNews .swiper-button-next{opacity: 0.5; width: 9px;height: 15px;top: auto;bottom: 30px;background-size: cover;}
.inNews .swiper-button-prev{left: 80px;}
.inNews .swiper-button-next{left: 100px;right: auto;margin-top: 0;}
.inNews .swiper-pagination{width: auto;bottom: 29px;left: 120px;opacity: 0.5;}
.inNews .swiper-button-prev:hover, .inNews .swiper-button-next:hover{opacity: 1;}
.inTitle a:hover{background: #193171;color: #fff;}

.bannerImg{position:relative;}
/*.bannerImg img{position:absolute;top:0;left:0;transition: 0.5s ease-in-out;}
.bannerImg img.active{opacity: 1;}*/



.bannerImg .img{
	width: 100%;
	height: 100%;
	position:absolute;top:0;left:0;transition: 0.5s ease-in-out;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0;
}

.bannerImg .img.active{
	opacity: 1;
	}
	

.banner  .bannerList li:nth-child(1).active{
	background:rgba(55,25,16,0.5);
}
.banner  .bannerList li:nth-child(2).active{
	background:rgba(179,104,18,0.5);
}
.banner  .bannerList li:nth-child(3).active{
	background:rgba(58,97,32,0.5);
}
.banner  .bannerList li:nth-child(4).active{
	background:rgba(93,29,31,0.5);
}

.bannerList li .cont{
	z-index: 10;
	max-width: 100%;
}

.default_logo{
	position: absolute;
	z-index: 5;
	background: #1a1e38;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.default_logo img{
	display: inline-block;
	width: 2.61rem;

	
}
.default_logo .logo_show{
	display: inline-block;
}
.logo_hide{
	display: inline-block;	
	position: absolute;
	left: 30px;
	top: 27px;
	z-index: 2;
}
.logo_hide img{
	display: block;
	width: 2.61rem;
}

.default .bannerList li{
	width: 25%;
}




.default_m{
	width: 100%;
	display: none;
	overflow: hidden;
	background:#1a1e38 ;
	
}
.default_m .*{
	box-sizing: border-box;
}

.default_nav_m{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	position: fixed;
	bottom: 50px;
	width: 100%;
	left: 0;
	z-index: 5;
	
}

.default_nav_m li{
	width: 50%;
	display: flex;
	margin-bottom: 3%;
}
.default_nav_m li a{
	width: 100%;
	display: flex;
	text-align: center;
	padding: 5% 20%;
	align-items: center;
}
.default_nav_m li a img{

}
.default_m .logo{
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.default_m .logo img{
	width: 160px;
}

.foot_cpr{
	position:fixed;
	left:0;
	bottom:0px;
	text-align:center;
	line-height:1.6;
	font-size:12px;
	width:100%;
	z-index:999;
	color:#fff;
	padding:10px 0;
}
.foot_cpr a{
	font-size:12px;
	display:inline-block;
}

@media screen and (max-width:960px) {
	.banner{
	display: none;
	}
	.default_m{
		display: block;
	}
	.default_nav_m{
		
	}
	body{
	background: #1a1e38;
}
}