.banner ul, .banner li {
    list-style: none;
}
.banner{position: relative;overflow: auto;text-align:center;width:100%;margin:0 auto}
.banner .dots{position:absolute;left:0;right:0;bottom:30px;z-index:3;}
.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}