
					ul,li{padding: 0;list-style: none;}
						.banner {
							position: relative;
							overflow: auto;
							text-align: center;
						}
						/*.banner img{
							width:550px;
							height:280px;	
						}
						@media (max-width: 768px) {
						.banner img{
							width:100%;
							height: auto;	
						}	
							
                        }*/
						.banner li {
							list-style: none;
						}
						
						.banner ul li {
							float: left;
						}
						
						.banner ul li a{
							display:block;
						}
						
						#img1 .dots {
							position: absolute;
							bottom: 12px;
							overflow: hidden;
							right: 10px;
							z-index: 999;
						}
						#img2 .dots {
							position: absolute;
							bottom: 10px;
							overflow: hidden;
							right: 10px;
							z-index: 999;
						}
						
						.dots li {
							float: left;
							width: 0.7em;
							height: 0.7em;
							margin: 3px;
							text-indent: -999em;
							border: 1px 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;
						}
						
						.dots li.active {
							background: #fff;
							opacity: 1;
						}
						
						#img1 .arrow {
							position: absolute;
							top: 200px;
						}
						
						#img1 #al {
							left: 15px;
						}
						
						#img1 #ar {
							right: 15px;
						}