<style type="text/css">


.slide_css{
	width: 800px;
	height: 400px;
	border:4px solid red;
	position: relative;
	overflow: hidden;
}
.slide_css ul{
	position: absolute;
	padding: 0;
	margin: 0;
	width: calc(100%*5);
	animation-delay: 2s;
	animation-name: example;
	animation-duration: 9s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes example {
	0% {left: 0px;}
	25% {left: -800px;}
	50% {left: -1600px;}
	75% {left: -2400px;}
	100% {left: -3200px;}
}
.slide_css ul li{
	float: left;
	list-style: none;
}
.slide_css ul ui img{
	width: 800px;
	height: 400px;
}
.slide_css ul li p{
	position: relative;
	top: -100px;
	z-index: 99;
	font-family: verdana;
	font-size: 2em;
	color: #fff;
	text-shadow: 2px 2px 8px #000;

}


