.banner { overflow: hidden; zoom: 1; }
#focusindex { height:450px; overflow: hidden; position: relative; width: 100% }
#focusindex li { height:450px; overflow: hidden; position: absolute; width: 100%; }
#focusindex li a { display: block; height: 450px; position: absolute; width: 100%; z-index: 2 }
#focusindex .btn { position: absolute; width: 100%; height: 30px; bottom: 0; text-align: center; z-index: 9 }
#focusindex .btn span { display: inline-block; _display: inline; _zoom: 1; width: 14px; height: 14px; _font-size: 0; margin: 5px 10px; cursor: pointer; background: #bebebd; z-index: 8; border-radius: 50% }
#focusindex .btn span.on { background: #f07a06; z-index: 9 }
#focusindex .preNext { width: 44px; height: 44px; position: absolute; top: 180px; background: url(.../images/xz-sprite.png) no-repeat left bottom; cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
#focusindex .pre { left: 0%; z-index: 9 }
#focusindex .next { right: 0%; background-position: right bottom; z-index: 9 }
#focusindex:hover .preNext { opacity: 0.5; }
#focusindex:hover .pre { left: 10%; }
#focusindex:hover .next { right: 10%; }
#focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }
.banner2 { background: url(../images/banner5.jpg) no-repeat center; }
.banner1 { background: url(../images/banner2.gif) no-repeat center; }
.banner3 { background: url(../images/wuyi.jpg) no-repeat center; }
.banner4 { background: url(../images/sjh.jpg) no-repeat center; }
.banner5 { background: url(../images/ban_33.jpg) no-repeat center; }
.banner6 { background: url(../images/ban_44.jpg) no-repeat center; }