ul,li {list-style: none;}
		a {text-decoration: none;color: black;}
		.box{width: 100%;height: 570px;margin: 0px auto;overflow: hidden;position: relative;}
		.box-1 ul{}
		.box-1 ul li{width: 100%px;height: 570px;position: relative;overflow: hidden;}
		.box-1 ul li img{display:block;width: 100%; height: auto;}
		.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;  display: block;
    right: 16px;
    bottom: 16px;
    left: 50%;
    width: 115px;
    height: 15px }
		.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: 36px;height: 60px;
						top:50%; font-family: "宋体";line-height: 60px;font-size:30px;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);}
		


		@media screen and (max-width: 1290px) {
			
			.box{width: 100%;height: 500px;margin: 0px auto;overflow: hidden;position: relative;}	
}
		
		@media screen and (max-width: 768px) {
			
			.box{width: 100%;height: 180px;margin: 0px auto;overflow: hidden;position: relative;}			
}