#banner {
	position:relative;	
}
#banner img {
	width:100%;	
}
#banner .text {
	position:absolute;
	top:50%;	
	left:0;
	margin-top:-75px;
	width:100%;
	text-align:center;
}
#banner .text .h2 {
	padding-bottom:20px;
	background:url(../image/h2bg.jpg) no-repeat bottom center;	
}
#banner .text .h2 h2 {
	font-size:32px;
	font-weight:normal;
	padding-bottom:10px;	
}
#banner .text .red {
	font-size:20px;
	color:#d52e21;
	font-weight:bold;
}	
#banner .text .btn {
	display:inline-block;
	width:150px;
	height:40px;
	background:#f2f0f2;
	border-radius:3px;
	line-height:40px;
	text-align:center;
	margin:20px 5px;	
}
#banner .text .btn {
	*display:inline;	
}
#banner .text .on {
	color:white;
	background:#d52e21;	
}



#main .about {
	width:90%;
	padding:20px 5% 50px;
	max-width:1200px;	
	margin:auto;
	text-align:justify;
	color:#333;
}
#main .about img {
	max-width:100%;	
	}



#main .zzry {
	width:80%;
	padding:0 10%;
}
#main .zzry li {
	text-align:center;
	display:inline-block;	
	width:32.5%;
	margin:3% 0 0;
}
#main .zzry li {
	*display:inline;	
}
#main .zzry li img {
	width:80%;	
}
@media screen and (max-width:1280px){
	#main {
		background-size:100%;	
	}
}
@media screen and (max-width:1024px){
	#banner .text .h2 {
		padding-bottom:10px;	
	}
	#banner .text .h2 h2 {
		font-size:24px;	
	}
	#banner .text {
		margin-top:-56px;	
	}
	#banner .text .btn {
		width:130px;
		height:30px;
		line-height:30px;	
	}
}
@media screen and (max-width:768px){
	#main .zzry {
		width:90%;
		padding:0 5%;	
	}
}
@media screen and (max-width:640px){
	#banner .text {
		position:relative;
		margin-top:-70px;	
	}
	#banner .text .h2 {
		padding-bottom:5px;	
	}
	#banner .text .h2 h2 {
		font-size:20px;	
	}
	#banner .text .h2 p{
		display:none;	
	}
	#banner .text .btn {
		margin:10px 5px;	
	}
	#main .about {
		padding:0 5px 20px;	
	}
	#main .zzry {
		width:96%;
		padding:0 2%;	
	}
}
@media screen and (max-width:414px){
#main .zzry li {
	width:49%	
}

}