@media only screen and (min-width: 300px) and (max-width: 800px) {
	.box1{height:300px !important;}
	.box-1{height:100% !important;}
	.box-1 ul{margin: 0;padding: 0;height: 100% !important;}
}
 a {text-decoration: none;color: black;}
 .box1{width:100%;height: 800px;margin:0;overflow: hidden;position: relative;}
 .box-1{width:100%;
     height: 100%;}
 .box-1 ul{margin: 0;padding: 0;height:100%;}
 .box-1 ul li{width:100%;height:100%;position: relative;overflow: hidden;}
 .box-1 ul li img{display:block;width:100%; height:100%;}
 .box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
	 padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
	 white-space: nowrap;font-weight: normal;color: ghostwhite}
 .box-2{position: absolute;right:100px;bottom:40px;}
 .box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
	 background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
 .box-2 ul .on{background: rgba(255,255,255,0.6);}
 .box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
	 top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
	 text-align: center;cursor: pointer;}
 .box-3 .prev{left: 10px;}
 .box-3 .next{right: 10px;}
 .box-3 span::selection{background: transparent;}
 .box-3 span:hover{background: rgba(125,125,120,.8);}