.bannerslide {  /* 在第1个图片随便填入 轮换显示第2到第6个图片 */
	width:100%;
	height:auto;
	position: relative;
	overflow: hidden;
}

.bannerslide img {
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	vertical-align: bottom;
}

@keyframes bannerslide {
	0% { opacity: 0;}
	20% { opacity: 1;}
	40% { opacity: 0;}
	60% { opacity: 0;}
	80% { opacity: 0;}
	100% { opacity: 0;}
}

.bannerslide img:nth-child(1) {opacity: 0;}
.bannerslide img:nth-child(2) {position: absolute; animation: bannerslide 25s infinite;}
.bannerslide img:nth-child(3) {position: absolute; animation: bannerslide 25s infinite 5s;}
.bannerslide img:nth-child(4) {position: absolute; animation: bannerslide 25s infinite 10s;}
.bannerslide img:nth-child(5) {position: absolute; animation: bannerslide 25s infinite 15s;}
.bannerslide img:nth-child(6) {position: absolute; animation: bannerslide 25s infinite 20s;}

/*	5张图片的轮换动画效果 5s切一张		*/
/*	最佳尺寸 1920*240 			*/
/*	1 -- 2 -- 3 -- 4 -- 5 -- 1 img		*/
/*	0 -- 5 - 10 - 15 - 20 - 25 s		*/