.pages li {width: 14px; height: 14px; float: left; border-radius: 8px;  margin: 0 2px; border: 1px solid #fff; background: transparent;}
.pages li.active { background-color: #fff;}
.pages { position: absolute; z-index: 999; bottom: 20px; left: 50%; text-align: center; margin-left: -50px; height: 16px; }
#lunbo { width: 100%; height: auto; overflow: hidden;}
.banner,.tupian { height:100%;}
#lunbo,.banner { position: relative;}
.tupian { text-align: center; color: white;}
.tupian  img{ display: block; width: 100%;}

@media (max-width: 599px) and (min-width: 320px){
	.pages li{ width: 7px; height: 7px; border-radius: 4px;}
	.pages{ margin-left: -27.5px; bottom: 5px;}
}