body{
	background: #f4f5f8;
}
.banner{
	/*height: 768px;*/
	background: url(../img/banner4.png) no-repeat #FFFFFF;
	background-size: contain;
	/*padding-top: 10%;*/
}
.banner:after{
	content: "";
	display: block;
	padding-top: 95%;
}

.pro{
	width: 100%;
	background: #FFFFFF;
}
.proin{
	width: 1200px;
	height: 600px;
	margin: 0 auto;
	color: #22194F;
	
}
.pro_left{
	width: 480px;
	height: 600px;
	float: left;
	padding-top: 50px;
}
.pro_left h3{
	font-size: 36px;
	padding-bottom: 10px;
}
.pro_left h4{
	font-size: 16px;
	padding-bottom: 60px;
}
.pro_right{
	width: 720px;
	height: 600px;
	float: left;
}
.pros{
	width: 720px;
	
}
.pros a{
	display: block;
	width: 110px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #22194F;
	border: 1px solid #22194F;
	margin-top: 20px;
	margin-left: 41px;
	font-size: 14px;
}
.pros a:hover{
	color: #FFFFFF;
	background: #22194F;
}
.prosin1,.prosin2{
	width: 192px;
	height: 200px;
	float: left;
	text-align: center;
	padding-top: 30px;
}
.prosin2{
	margin-left: 246px;
}
.pro2{
	width: 100%;
	background: #FFFFFF;
}
.pro2in{
	width: 1200px;
	height: 470px;
	margin: 0 auto;
}
.proDes{
	width: 600px;
	height: 470px;
	float: left;
	background: url(../img/probg1.png) no-repeat;
	background-size: contain;
	color: #22194F;
	padding: 300px 70px 0;
}
.proDes2{
	background: url(../img/probg2.png) no-repeat;
	background-size: contain;
}
.proDes h3{
	font-size: 28px;
	padding-bottom: 10px;
}
.proDes h3 span{
	font-size: 16px;
}
.proDes p{
	font-size: 14px;
}