.banner{ overflow: hidden; height:800px; width: 100%;  position:relative; }
.banner-box{ min-width:1300px; height:800px;overflow: hidden; position:relative; margin:0 auto; }
.banner-box .bd div{width: 100%;;height: 800px;}
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:800px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%;  top: 0; left: 0; margin-left: 0; height: 800px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:44%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(./../images/lr.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(./../images/lr.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute;bottom: 61px;width: 100%;display: block;}
.banner-box .hd ul { width: 1300px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 9; }
.banner-box .hd ul li.on{ background: #009944 ; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }