/*========== banner =============*/
#banner{
	width:100%;
	margin:0 auto;
	height:auto;
	background:transparent url(../images/page/bg_banner.jpg) repeat-x center 100%;
	overflow:hidden;
	position:relative;
	background-size:auto 100%;
	padding:0;
}
.index{}
#banner > .main{position:relative;}
#banner .left{
	float:left;
	width:50%;
	text-align:center;
	position:relative;
	left:2%;
	height:auto;
	padding:0;
}
#banner .left .bn1{
	width:100%;
	padding-top:12%;
	display:block;
	text-align:center;
	float:left;
	height:auto;
}
#banner .left .bn1 img{}
#banner .left .bn2{width:100%;clear:both;text-align:center;padding-top:0%;}
#banner .left .bn2 img{}
#banner .left .bn3{width:100%;clear:both;text-align:center;padding:3% 0 0 0;}
#banner .left .bn4{width:100%;clear:both;text-align:center;padding:3% 0 12% 0;}
#banner .pic-node{background:#f2b385;text-align:center;}
#banner .pic-node .node{min-height:35px;width:70px; margin:0 auto;text-align:center;}
#banner .pic-node a{width:15px;height:15px;border-radius:20px;margin:10px 5px; background:#fff;display:block;float:left;}
#banner .pic-node a:hover{background:#518a00}
@media screen and (max-width:1024px) {
	#banner{overflow:hidden;margin:0;padding:0;
	background-size:222% 100%;}
	#banner .bg2{width:98%;margin:0 auto;}
	#banner .bg2 img{width:100% !important;}
	#banner .left{
		position:relative;
		bottom:0;
		max-width:50%;
	}
}
@media screen and (max-width:800px) {
	#banner{background-size:252% 100%;margin-top:60px;background-position:52% 50%}
}
@media screen and (max-width:480px) {
	#banner{background-size:302% 100%;background-position:57% 50%}
}