ul { list-style: none ; }
img { border: none; }
a { blr: expression(this.onFocus=this.blur()); outline: none; }


.banner { width: 100%; height: 500px; position: relative; overflow:hidden;}


.banner .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 }
.banner .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400;  color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.banner .num li.on { background: #FF7700; } 


.banner .prev,
.banner .next { display: none; width: 40px; height: 100px; background: url(/App/Home/View/Default/Public/banner/images/btn.png) no-repeat; position: absolute; top: 50%;margin-top: -50px;}
.banner .prev { left: 15%; }
.banner .next { right: 15%; background-position: right }

@media(max-width:1024px)
{
   #he_03_mid .banner ul, #he_03_mid .banner ul li{width:100% !important;}
	.banner{height:300px !important;}
	.banner ul li a img{width:1024px !important;height:300px !important;}
}

@media(max-width:768px)
{
	.banner{height:220px !important;}
	.banner ul li a img{width:768px !important;height:220px !important;}
	
	
}

@media(max-width:640px)
{
	
	.banner{height:108px !important;}
	.banner ul li a img{width:430px !important;height:112px !important;}
}