.banner-main { width: 100%; height: 460px; position: relative }
.banner-main-img { height: 460px; width: 100%; min-width: 1000px; overflow: hidden }
.banner-main-img li { width: 100%; display: none; overflow: hidden; position: absolute; top: 0; left: 0 }
.banner-main-img li img { width: 100%; height: 460px; display: block; position: relative; top: 0 }
.ui-controls ul { position: absolute; bottom: 50px; right: 48% }
.ui-controls ul li { float: left; width: 10px; height: 10px; margin: 0 5px; border: 2px solid rgb(221, 221, 221); background: rgb(238, 238, 238); text-indent: -9999px; overflow: hidden; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s }
.ui-controls ul li:hover { border: 2px solid rgb(204, 204, 204); background: rgb(153, 153, 153) }
.ui-controls ul .current { border: 2px solid rgb(204, 204, 204); background: rgb(153, 153, 153) }
.ui-controls .ui-prev { width: 41px; height: 69px; position: absolute; top: 50%; left: 0; margin-top: -35px; text-indent: -9999px; overflow: hidden; background: url(../images/icon-slides.png) no-repeat -84px 50%; z-index: 999; cursor: pointer }
.ui-controls .ui-next { width: 41px; height: 69px; position: absolute; top: 50%; right: 0; margin-top: -35px; text-indent: -9999px; overflow: hidden; background: url(../images/icon-slides.png) no-repeat -125px 50%; z-index: 999; cursor: pointer }
.ui-controls .ui-prev:hover { background-position-x: 0 }
.ui-controls .ui-next:hover { background-position-x: -42px }
.pic-scroll { width: 1200px; margin: 50px auto 30px }
.pic-scroll .lunbo01 { float: left; width: 600px; height: 400px; border: 5px solid rgb(204, 204, 204); background: rgb(238, 238, 238); position: relative }
.banner-main-img01 { height: 400px; width: 600px; overflow: hidden }
.banner-main-img01 li { width: 600px; display: none; overflow: hidden; position: absolute; top: 0; left: 0 }
.banner-main-img01 li img { width: 600px; height: 400px; display: block; position: relative; left: 0; top: 0 }
.ui-controls01 ul { position: absolute; bottom: 20px; right: 20px }
.ui-controls01 ul li { float: left; width: 10px; height: 10px; margin: 0 5px; border: 2px solid rgb(221, 221, 221); background: rgb(238, 238, 238); text-indent: -9999px; overflow: hidden; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s }
.ui-controls01 ul li:hover { border: 2px solid rgb(204, 204, 204); background: rgb(153, 153, 153) }
.ui-controls01 ul .current { border: 2px solid rgb(204, 204, 204); background: rgb(153, 153, 153) }
.ui-controls01 .ui-prev01 { width: 41px; height: 69px; position: absolute; top: 50%; left: 0; margin-top: -35px; text-indent: -9999px; overflow: hidden; background: url(../images/icon-slides.png) no-repeat -84px 50%; z-index: 999; cursor: pointer }
.ui-controls01 .ui-next01 { width: 41px; height: 69px; position: absolute; top: 50%; right: 0; margin-top: -35px; text-indent: -9999px; overflow: hidden; background: url(../images/icon-slides.png) no-repeat -125px 50%; z-index: 999; cursor: pointer }
.ui-controls01 .ui-prev01:hover { background-position-x: 0 }
.ui-controls01 .ui-next01:hover { background-position-x: -42px }