.banner{width: 690px; height: 270px; position:relative;overflow: hidden; text-align: center; float:left}
.banner ul li {float: left; height:270px;}
.banner ul li img { width:100%; height:270px;}
.banner .dots{position: absolute;left: 0;right: 0;bottom: 20px;}
.banner .dots li{display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #fff;
border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, 
opacity .5s;transition: background .5s, opacity .5s;}
.banner .dots li.active{background: #fff;opacity: 1;}
.banner .prev{position: absolute;top: 120px;left: 15px; width: 45px; height: 60px; display: inline-block; background: url(../img/baner_le.png) no-repeat;}
.banner .next{position: absolute;top: 120px;right: 15px;width: 45px; height: 60px; display: inline-block; background: url(../img/baner_re.png) no-repeat;}