/*body{background-color: #262626}*/
*{
		padding: 0;
		margin: 0;
	}
	.container{
		max-width: 800px;
		margin: 0 auto;
	}
	.slide{
		width: 100%;
		min-height: 470px;
		overflow: hidden;
		position: relative;

	}
	.slide .img{
		overflow: hidden;
		position: absolute;
		transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
	}
	.jp{
		display:block;
		width: calc(100% - 14px);
		margin:0px auto;
		color:#fff;
		height:10em;
		position:absolute;
		left:0px;
		bottom:40px;
		background:#262626;
		filter:alpha(Opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
	}
	.slide .img img{
		width: 100%;
		height: 100%;
		
	}
	.slide .img1{
		width: 40%;
		height: 20%;
		top: 30%;
		left: -50%;
		z-index: 1;
	}
	.slide .img2{
		width: 60%;
		height: 30%;
		top: 20%;
		left: -20%;
		z-index: 2;
	}
	.slide .img3{
		width: 100%;
		height: 45%;
		top: 10%;
		
		z-index: 3;
	}
	.slide .img4{
		width: 60%;
		height: 30%;
		top: 20%;
		left: 60%;
		z-index: 2;
	}
	.slide .img5{
		width: 40%;
		height: 20%;
		top: 30%;
		left: 110%;
		z-index: 1;
	}
	.slide-bt{
		position: absolute;
		left: 50%;
		bottom: 2.2em;
		z-index: 10;
	}
	.slide-bt span{
		width: 24px;
		height: 8px;
		background: #c9caca;
		float: left;
		margin: 5px;
		border-radius: 4px;
	}
	.slide .slide-bt .on{
		background: #ffd200;
	}
	button{
		width: 50px;
		margin: 20px;
	}
       .swt6{
	display: block;
	width: 14em;
	height: 3em;
	position: absolute;
	top: 18em;
	left: 25%;
}
 .swt7{
	display: block;
	width: 14em;
	height: 3em;
	position: absolute;
	top: 58em;
	left: 23%;
}
 .swt8{
	display: block;
	width: 14em;
	height: 3em;
	position: absolute;
	top: 122em;
	left: 23%;
}
 .swt9{
	display: block;
	width: 100%;
	height: 18em;
	position: absolute;
	top: 147em;
}