.slider {
  max-width: 974px;
  height: 325px;
  margin: 0px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(images/baner/1.jpg)no-repeat center;
      background-size: cover;
    animation:fade 30s infinite;
-webkit-animation:fade 30s infinite;

} 
.slide2 {
  background: url(images/baner/2.jpg)no-repeat center;
      background-size: cover;
	  animation-delay:10s;
    animation:fade2 30s infinite;
-webkit-animation:fade2 30s infinite;
}
.slide3 {
    background: url(images/baner/3.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 30s infinite;
-webkit-animation:fade3 30s infinite;
}
.slide4 {
    background: url(images/baner/4.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 30s infinite;
-webkit-animation:fade4 30s infinite;
}
.slide5 {
    background: url(images/baner/5.jpg)no-repeat center;
      background-size: cover;
    animation:fade5 30s infinite;
-webkit-animation:fade5 30s infinite;
}
.slide6 {
    background: url(images/baner/6.jpg)no-repeat center;
      background-size: cover;
    animation:fade6 30s infinite;
-webkit-animation:fade6 30s infinite;
}
.slide7 {
    background: url(images/baner/7.jpg)no-repeat center;
      background-size: cover;
    animation:fade7 30s infinite;
-webkit-animation:fade7 30s infinite;
}
.slide8 {
    background: url(images/baner/8.jpg)no-repeat center;
      background-size: cover;
    animation:fade8 30s infinite;
-webkit-animation:fade8 30s infinite;
}
.slide9 {
    background: url(images/baner/9.jpg)no-repeat center;
      background-size: cover;
    animation:fade9 30s infinite;
-webkit-animation:fade9 30s infinite;
}
@keyframes fade
{
  0%  { opacity: 1}
  11% { opacity: 0}
  22% { opacity: 0}
  33% { opacity: 0}
  44% { opacity: 0}
  55% { opacity: 0}
  66% { opacity: 0}
  77% { opacity: 0}
  88% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%  { opacity: 0}
  11% { opacity: 1}
  22% { opacity: 0}
  33% { opacity: 0}
  44% { opacity: 0}
  55% { opacity: 0}
  66% { opacity: 0}
  77% { opacity: 0}
  88% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade3
{
  0%  { opacity: 0}
  11% { opacity: 0}
  22% { opacity: 1}
  33% { opacity: 0}
  44% { opacity: 0}
  55% { opacity: 0}
  66% { opacity: 0}
  77% { opacity: 0}
  88% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade4
{
  0%  { opacity: 0}
  11% { opacity: 0}
  22% { opacity: 0}
  33% { opacity: 1}
  44% { opacity: 0}
  55% { opacity: 0}
  66% { opacity: 0}
  77% { opacity: 0}
  88% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade5
{
  0%  { opacity: 0}
  11% { opacity: 0}
  22% { opacity: 0}
  33% { opacity: 0}
  44% { opacity: 1}
  55% { opacity: 0}
  66% { opacity: 0}
  77% { opacity: 0}
  88% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade6
{
  0%  { opacity: 0}
  11% { opacity: 0}
  22% { opacity: 0}
  33% { opacity: 0}
  44% { opacity: 0}
  55% { opacity: 1}
  66% { opacity: 0}
  77% { opacity: 0}
  88% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade7
{
  0%  { opacity: 0}
  11% { opacity: 0}
  22% { opacity: 0}
  33% { opacity: 0}
  44% { opacity: 0}
  55% { opacity: 0}
  66% { opacity: 1}
  77% { opacity: 0}
  88% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade8
{
  0%  { opacity: 0}
  11% { opacity: 0}
  22% { opacity: 0}
  33% { opacity: 0}
  44% { opacity: 0}
  55% { opacity: 0}
  66% { opacity: 0}
  77% { opacity: 1}
  88% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade9
{
  0%  { opacity: 0}
  11% { opacity: 0}
  22% { opacity: 0}
  33% { opacity: 0}
  44% { opacity: 0}
  55% { opacity: 0}
  66% { opacity: 0}
  77% { opacity: 0}
  88% { opacity: 1}
  100% { opacity: 0}
}