.slider {
  width: 300px;
　　height: 200px;
　　overflow: hidden;
　　margin: 0 auto;

}
.slider-item {
  width: 300px;
  float: left;
}
img{
  width:100%;
}
.slider-inner {
  width: 300%;
  animation: slider 10s infinite ease;
}

@keyframes slider {
	0% {
	transform: translateX(0);
	}
	33% {
	transform: translateX(-300px);
	}
	66% {
	transform: translateX(-600px);
	}
	100% {
	transform: translateX(0);
	}
}
