#banner{
	width:100%;
	margin:0 auto;
	height:auto;
	background: url(../images/bg_banner.jpg) repeat-x center 100%;overflow:hidden;
	position:relative;
	background-size:auto 100%;
	text-align:center;
	padding:0

}
#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;
	float:left;
	height:auto
}
#banner .left .bn2{
	width:100%;
	clear:both;
	text-align:center;
	padding-top:0
}
#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%;background-position:52% 50%;margin-top:60px}}@media screen and (max-width:480px){#banner{background-size:302% 100%;background-position:57% 50%}}