
.bannerslide {
	width:100%;
	height:auto;
	position: relative;
	overflow: hidden;
}

.bannerslide img {
	width: 100%;
	height: auto;
	position: absolute; 
	top: 0;
	left: 0;
	vertical-align: bottom;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

@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) {position: static; /*第一张图片用于占位*/}
.bannerslide img:nth-child(2) {animation: bannerslide 25s infinite 0s;}
.bannerslide img:nth-child(3) {animation: bannerslide 25s infinite 5s;}
.bannerslide img:nth-child(4) {animation: bannerslide 25s infinite 10s;}
.bannerslide img:nth-child(5) {animation: bannerslide 25s infinite 15s;}
.bannerslide img:nth-child(6) {animation: bannerslide 25s infinite 20s;}

/*	5张图片的轮换动画效果 5s切一张		*/
/*	最佳尺寸 1920*240 			*/
/*	1 -- 2 -- 3 -- 4 -- 5 -- 1 img		*/
/*	0 -- 5 - 10 - 15 - 20 - 25 s		*/
