.banner{overflow: hidden;position: relative; height: 100vh;}
.banner-1 ul li{position: relative;overflow: hidden;}
.banner-1 ul li img{display:block;width: 100%;}
.banner-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}
.banner-2{position: absolute;right: 50%;bottom: 40px;}
.banner-2 ul li{
	float:left;
	width: 12px;
	height: 12px;
	overflow: hidden; 
	margin: 0 5px; 
	border-radius: 50%;
	text-indent: 100px;
	cursor: pointer;
	border:1px #FFFFFF solid;
}
.banner-2 ul .on{background: #FFFFFF;}
.banner-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;}
.banner-3 .prev{left: 10px;}
.banner-3 .next{right: 10px;}
.banner-3 span::selection{background: transparent;}
.banner-3 span:hover{background: rgba(125,125,120,.8);}

@media screen and (max-width: 640px)
{   
	.banner{
		overflow: hidden;
		position: relative; 
		height: 100%;
		margin: 60px 0;
	}
	
	.banner-3 span {
	    position: absolute;
	    color: white;
	    background: rgba(125,125,120,.3);
	    width: 26px;
	    height: 50px;
	    top: 57%;
	    font-family: "宋体";
	    line-height: 50px;
	    font-size: 30px;
	    margin-top: -40px;
	    text-align: center;
	    cursor: pointer;
	}
	
	.banner-2 {
	    position: absolute;
	    right: 41%;
	    bottom: 15px;
	}
}