.banner{ overflow: hidden; height:600px; width: 100%;  position:relative; margin-left:-4px }
.banner-box{height:600px;overflow: hidden; position:relative; margin:0 auto; }
.banner-box .bd div{width: 100%;height: 600px;}
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:600px; 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: 600px; 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;margin-left:-400px }
.banner-box .hd ul { width: 1420px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height: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: #ce0001 ; width: 20px; }
.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; }