/*
#banner{height:800px;width:100%;position: relative;overflow: hidden;}
#banner ul{margin: 0;padding: 0;overflow: hidden;}
#banner li a{display: block;height: 800px;width: 1920px;}
#banner li{position:absolute;left:50%;top:0;  margin:0 0 0 -960px;padding:0;  width:1920px; height:800px; overflow:hidden;list-style: none;}
#banner li img{display:block;width: 1920px; height:auto;}
#banner-btn{position: absolute;left: 0; bottom: 15px; z-index: 10; width: 100%; text-align: center;font-size: 0;}
#banner-btn a{display: inline-block;width: 15px;height: 15px;margin:0 3px;vertical-align: middle; background: #f1f1f1; border-radius: 50%;}
 #banner-btn a.on{background: #997a4e;}
*/
#banner{position: relative; z-index: 1; width: 100%;height: 800px;overflow: hidden;}
#banner .prev{position: absolute; z-index: 10; top:50%; left: 6%; margin-top: -50px; width: 50px;height: 100px;background: url("../images/banner_arrow.png") left bottom;}
#banner .next{position: absolute; z-index: 10; top:50%; right: 6%; margin-top: -50px; width: 50px;height: 100px;background: url("../images/banner_arrow.png");}
#banner .prev:hover{background-position: right bottom;}
#banner .next:hover{background-position: right top;}
#banner .bd{position: absolute; z-index: 1; top:0;left: 50%;width: 1920px;margin-left:-960px;}
#banner .bd li{float: left; width: 1920px; overflow: hidden;}
#banner .bd li a{display: block;width: 1920px;height: 800px;}
#banner .bd li img{display: block;width: 1920px;height: 800px;}
#banner .hd{position: absolute;z-index: 2;width: 100%; height: 12px; bottom: 15px; overflow: hidden; text-align: center;font-size: 0;line-height: 0;}
#banner .hd ul{position: relative;left: 50%; float: left;}
#banner .hd li{float: left;position: relative;right: 50%; width: 12px;height: 12px;margin: 0 5px;background: #fff;border-radius: 50%;overflow: hidden; text-indent: -9999px;cursor: pointer;vertical-align: top;}
#banner .hd li.on{background: #4ebbb5;}