* { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



.banner { position: relative; width: 100%; overflow: auto; font-size: 18px; line-height: 24px; text-align: center; color: rgba(255,255,255,.6); text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); background: #5b4d3d; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
.banner ul { list-style: none; width: 300%; }
.banner ul li { display: block; float: left; width: 33%; min-height: 350px; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; box-shadow: inset 0 -3px 6px rgba(0,0,0,.1); }




.banner .dots { position: absolute; left: 0px; right: 0; bottom: 5px; text-align: center; }
.banner .dots li { display: inline-block;*display:inline; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: 0.4; zoom: 1; font-size: 0; }
.banner .dots li.active { background: #06ade4; opacity: 1; }

.banner .arrows { position: absolute; bottom: 20px; right: 20px; color: #fff; }
.banner .arrow { display: inline; padding-left: 10px; cursor: pointer; }