.header_pic{

		width: 100vw;

	height:47vw;

	background:url('/public/static/images/video/header_pic.jpg')no-repeat center center;

	background-size: cover;

}



.banner ul{

	margin:90px auto 0;

	/*height: 1264px; */

	width: 1200px;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.banner ul:after{

	content: "";

	display: table;

	width: 382px;

	height: 376px;

}

.banner ul li{

	width: 382px;

	margin-bottom: 30px;

}



.banner ul li img{

	width: 382px;

	height: 272px;

}

.banner ul li h3{

	width:382px;

	height:31px;

	font-size:18px;

	font-family:MicrosoftYaHei;

	font-weight:400;

	color:rgba(0,0,0,1);

	line-height:31px;

	margin-top: 10px;

	overflow: hidden;

}

.banner ul li a{

	display: block;

	width:130px;

	height:20px;

	font-size:14px;

	font-family:MicrosoftYaHei;

	font-weight:400;

	color:rgba(0,0,0,1);

	line-height:20px;

	margin-top: 10px;

}

ul.pagination{

	width:500px;

	margin:175px auto 154px auto;

	height:37px;

	display:flex;

	flex-direction:row;

	align-items:center;

	align-content:center;

}

ul.pagination li{

	display: inline-block;

	width:41px;

	height:37px;

	line-height: 37px;

	text-align: center;

	background-image:linear-gradient(to bottom, #ebebeb,#dcdbdb); 

}

ul.pagination li a{

	display:inline-block;

	width:41px;

	height:37px;

	line-height: 37px;

	background:url('http://www.g-ren.com/new/images/line.jpg') no-repeat left bottom;

}

ul.pagination li.active span,ul.pagination li a:hover{

	display:inline-block;

	width:41px;

	height:37px;

	line-height: 37px;

	background-image: linear-gradient(to bottom, #4e6f9f,#223a6d); 

	color:#FFF;

}

ul.pagination li:first-child{

	border-radius:20px 0 0 20px;

}

ul.pagination li:last-child,ul.pagination li:last-child a{

	border-radius:0 20px 20px 0;

}

ul.pagination li.disabled{

	color:#a2a2a2;

}

.skip a:hover{

	background-color: #325389;

}

@media screen and (max-width: 1200px){



.banner ul{

	margin:92.3px auto 0;

	height: 1032.3px; 

	width: 980px;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.banner ul:after{

	content: "";

	display: table;

	width: 312px;

	height: 307.1px;

}

.banner ul li{

	width: 312px;

	height: 307.1px;

}



.banner ul li img{

	width: 312px;

	height: 222px;

}

.banner ul li h3{

	width:294px;

	height:25.3px;

	font-size:24.5px;

	font-family:MicrosoftYaHei;

	font-weight:400;

	color:rgba(0,0,0,1);

	line-height:25.3px;

	margin-top: 28.6px;

}

.banner ul li a{

	display: block;

	width:106.2px;

	height:16.3px;

	font-size:16.3px;

	font-family:MicrosoftYaHei;

	font-weight:400;

	color:rgba(0,0,0,1);

	line-height:16.3px;

	margin-top: 16.3px;

}

ul.pagination{

	width:408.3px;

	margin:143px auto 126px auto;

	height:30.2px;

	display:flex;

	flex-direction:row;

	align-items:center;

	align-content:center;

}

ul.pagination li{

	display: inline-block;

	width:33.5px;

	height:30.2px;

	line-height: 30.2px;

	text-align: center;

	background-image:linear-gradient(to bottom, #ebebeb,#dcdbdb); 

}

ul.pagination li a{

	display:inline-block;

	width:33.5px;

	height:30.2px;

	line-height: 30.2px;

	background:url('http://www.g-ren.com/new/images/line.jpg') no-repeat left bottom;

}

ul.pagination li.active span,ul.pagination li a:hover{

	display:inline-block;

	width:33px;

	height:30.2px;

	line-height: 30.2px;

	background-image: linear-gradient(to bottom, #4e6f9f,#223a6d); 

	color:#FFF;

}

ul.pagination li:first-child{

	border-radius:26.3px 0 0 26.3px;

}

ul.pagination li:last-child,ul.pagination li:last-child a{

	border-radius:0 26.3px 16.3px 0;

}

ul.pagination li.disabled{

	color:#a2a2a2;

}

.skip a:hover{

	background-color: #325389;

}

	}