@media screen and (min-width:721px){
.banner{clear:both;position:relative;width:100%;height:500px; overflow:hidden;}
.banner .bd{}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ float:left; width:100% !important;  height:500px; position:relative; z-index:0;background-position:center center;}
.banner .bd li .pic{ z-index:1; position:absolute;}
.banner .bd li .pic img{ width:1200px;height:500px;}
.banner .bd li .title{ z-index:2; position:absolute; background:url(../images/bannertitle.png) repeat left top; color:#fcd300; font-size:30px; line-height:40px; font-weight:bold; padding:10px 20px; top:150px; left:140px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0; display:none;}
.banner .bd li a{ height:500px; display:block;  }
.banner .hd{display:none;}
.banner span{ position:absolute; top:210px; width:40px; height:60px; cursor:pointer; background-image:url(../images/slider-arrow.png); background-repeat:no-repeat; filter: alpha(opacity=50); opacity: 0.5; background-color:#333;}
.prev{ left:0; background-position:-126px -137px;}
.next{ right:0; background-position:-6px -137px;}
}
@media screen and (max-width:720px){
.banner{clear:both;position:relative;height:260px; overflow:hidden;}
.banner .bd{ position:relative;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ float:left; width:100% !important;  height:260px; position:relative; z-index:0;background-position:60% center;background-size:auto 100%;}
.banner .bd li .pic{ z-index:1; position:absolute;}
.banner .bd li .pic img{}
.banner .bd li .title{ display:none;z-index:2; position:absolute; background:url(../images/bannertitle.png) repeat left top; color:#fff; font-size:12px; line-height:20px; padding:10px 20px; bottom:30px; left:30px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.banner .bd li a{ height:260px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:#ccc; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; border-radius:50%; background-position:center center;}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1; }
.banner span{display:none;}
}