@charset "utf-8";
#wrap{background: #f1f1f1;}
#header .menu ul li.nav3{color: #fff; background: #bc292f; }
#banner{ width: 100%; min-width: 1200px; height: 5rem; margin-top: 0; min-height: 500px; position: relative;}
#main{	position: relative; z-index: 1; overflow: hidden; padding-bottom: 50px;}
#main .left{float: left; width: 750px;}
#main .left img{display: block; width: 750px;}

#main .right{float: right; width: 420px; margin: 0 -2px; overflow: hidden;}
#main .right a{float: left; width: 206px; margin: 0 2px 10px;}
#main .right img{display: block; width: 100%;}
#main .right span{display: block; padding: 8px 0 10px; text-align: center; background-color: #ddd;}
@media screen and (max-width: 768px) {
	
	#header .menu ul li.nav3{color: #bc292f; border-top: 0; background:none;}
	#banner{ width: 100%; min-width: 100%; height: 50vw; margin-top: 50px; min-height: 50vw; position: relative;}
	
	#main{	position: relative; z-index: 1; overflow: hidden; padding-bottom: 0px;}
	#main .left{float: none; width: 100%;}
	#main .left img{display: block; width: 100%;}
	
	#main .right{float: none; width: 100%; margin: 0x; overflow: hidden;}
	#main .right a{float: left; width: 33.3%; margin: 0;}
	#main .right img{display: block; width: 100%;}
	
}