*{margin:0;
 padding:0;
 list-style:none;}
 .wrap{height:30rem;
 width:100%;
 margin:15px auto;
 overflow: hidden;
 position: relative;
 }
 .wrap ul{position:absolute;} 
 .wrap ul li{height:30rem;}
 .wrap ol{position:absolute;
 left:5px;
 bottom:10px;}
 .wrap ol li{height:20px; width: 20px;
 background:#ccc;
 padding-bottom: 1.5rem;
 border:solid 1px #666;
 margin-left:5px;
 color:#000;
 float:left;
 line-height:center;
 text-align:center;
 cursor:pointer;}
 .wrap ol .on{background:#E97305;
 color:#fff;}
 .wrap img{
 	width: 99%;
 	height: 30rem;
 }
 @media only screen and (max-width: 800px){
 	.wrap {
    height: 12rem;
    width: 100%;
    margin: 15px auto;
    overflow: hidden;
    position: relative;
}
.wrap {
    height: 12rem;
    width: 100%;
    margin: 15px auto;
    overflow: hidden;
    position: relative;
}
.wrap img {
    width: 100%;
    height: 12rem;
}
	
 }