.banner_pic{
	height: 100vw;
	height: 47vw;
	background: url("../../static/images/certificate/banner.jpg") no-repeat center center;
	background-size: cover;
}
.main{
	background-color: #E6E6E6;
	margin: 0 auto;
}
.inside{
	width:1200px;
	margin:0 auto;
	padding:20px;
}

.banner img{
	height: 770px;
	width: 1920px;
}
.title h2{	
	height:39px;
	font-size:40px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(0,0,0,1);
	line-height:39px;
	margin:124px auto 80px;
	text-align: center;
}
.title h2:after{
	content: "";
	display: table;
	width:49px;
	height:4px;
	background-color:rgba(0,0,0,1);
	margin: 28px auto 0;
}
.main ul{
	width: 1200px;
	height: 1973px;
	display:flex;
	margin: 72px auto 0;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 70px;
}
.main ul li{
	width: 296px;
	height: 510px;
}
.main ul li img{
	height: 450px;
	width: 273px;
}
.main ul:after{
	content: "";
	display: table;
	height: 450px;
	width: 273px;
}
.certificate{
	width: 1300px;
	display: flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin:50px auto;
	padding-bottom:50px;
}
.certificate div{
	padding-top: 15px;
	width: 301px;
	height: 492px;
	margin-top: 44px;
	text-align: center;
}
.certificate div:hover{
	background-color: #142A4E;
}
.certificate div:hover p{
	color: white;
	text-align:left;
	margin-left:20px;
}
.certificate div img{
	width: 273px;
	height: 381px;
}
.certificate div p{
	width:273px;
	height:47px;
	font-size:18px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(0,0,0,1);
	line-height:29px;
	margin-top: 24px;
	text-align:left;
	margin-left:20px;
}
@media screen and (max-width: 1200px){
.banner_pic{
	height: 100vw;
	height: 47vw;
	background: url("../../static/images/certificate/banner.jpg") no-repeat center center;
	background-size: cover;
}
.main{
	background-color: #E6E6E6;
	margin: 0 auto;
}
.inside{
	width:980px;
	margin:0 auto;
	padding:16.3px;
}
.title h2{
	width:159.3px;
	height:32px;
	font-size:33px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(0,0,0,1);
	line-height:32px;
	margin:101.3px auto 101.3px auto;
	white-space: nowrap;
}
.title h2:after{
	content: "";
	display: table;
	width:40px;
	height:4px;
	background-color:rgba(0,0,0,1);
	margin: 23px auto 0;
}
.main ul{
	width: 980px;
	height: 1611px;
	display:flex;
	margin: 59px auto 0;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 57px;
}
.main ul li{
	width: 241.7px;
	height: 417px;
}
.main ul li img{
	height: 368px;
	width: 223px;
}
.main ul:after{
	content: "";
	display: table;
	height: 367px;
	width: 223px;
}
.certificate{
	width: 980px;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin:38px auto;
	padding-bottom:38px;
}
.certificate div{
	padding-top: 11.3px;
	width: 227px;
	height: 371.0px;
	margin-top: 33.2px;
	text-align: center;
}
.certificate div:hover{
	background-color: #142A4E;
}
.certificate div:hover p{
	color: white;
	text-align:left;
	margin-left:15.1px;
}
.certificate div img{
	width: 206.8px;
	height: 287.2px;
}
.certificate div p{
	width:206.8px;
	height:35.4px;
	font-size:13.6px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:rgba(0,0,0,1);
	line-height:22px;
	margin-top: 18.1px;
	text-align:left;
	margin-left:15.1px;
}
}