html, body { font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

ul, ol { padding: 0;}

.banner {width:100%; height:500px; overflow:hidden; position:relative;font-size:0; margin:0 auto; min-width:1300px
}

.banner li { list-style: none; }

.banner ul li { float: left; }





#b03 { width:1410px; margin: 0 auto;}

#b03 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}

#b03 .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;

}

#b03 .dots li.active 

{

  background: #fff;

  opacity: 1;

}