.index-banner { width:100%; height:400px; margin:0 auto; position:relative}
.index-banner ul li { position:absolute; left:0; top:0; display:none; width:100%; height:400px; background-repeat:no-repeat; background-position:center top}
.index-banner ul li a { display:block; width:100%; height:400px}
.index-banner .number { position:absolute; left:50%; bottom:20px; margin-left:-50px}
.index-banner .number span { float:left; display:block; margin:0 5px 0 0; background-color:#333; border-radius:100%; -webkit-transition:.2s; transition:.2s; -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.2); box-shadow:0 1px 0 0 rgba(0,0,0,.2); text-decoration:none; width:13px; height:13px; cursor:pointer; text-indent:-999em; border:2px solid #fff}
.index-banner .number span.on { background:#e10000}