.slider {
  max-width: 400px;
  height: 320px;
  margin: 20px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8,.slide9,.slide10,.slide11,.slide12,.slide13 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(../TMPthings/banner_1.jpg)no-repeat center;
      background-size: auto;
    animation:fade 80s infinite;
-webkit-animation:fade 80s infinite;

} 
.slide2 {
  background: url(../TMPthings/banner_2.jpg)no-repeat center;
      background-size: auto;
    animation:fade2 80s infinite;
-webkit-animation:fade2 80s infinite;
}
.slide3 {
    background: url(../TMPthings/banner_3.jpg)no-repeat center;
      background-size: auto;
    animation:fade3 80s infinite;
-webkit-animation:fade3 80s infinite;
}
.slide4 {
    background: url(../TMPthings/banner_4.jpg)no-repeat center;
      background-size: auto;
    animation:fade4 80s infinite;
-webkit-animation:fade4 80s infinite;
}
.slide5 {
    background: url(../TMPthings/banner_5.jpg)no-repeat center;
      background-size: auto;
    animation:fade5 80s infinite;
-webkit-animation:fade5 80s infinite;
}

.slide6 {
    background: url(../TMPthings/banner_6.jpg)no-repeat center;
      background-size: auto;
    animation:fade6 80s infinite;
-webkit-animation:fade6 80s infinite;
}
.slide7 {
    background: url(../TMPthings/banner_7.jpg)no-repeat center;
      background-size: auto;
    animation:fade7 80s infinite;
-webkit-animation:fade7 80s infinite;
}
.slide8 {
    background: url(../TMPthings/banner_8.jpg)no-repeat center;
      background-size: auto;
    animation:fade8 80s infinite;
-webkit-animation:fade8 80s infinite;
}
.slide9 {
    background: url(../TMPthings/banner_9.jpg)no-repeat center;
      background-size: auto;
    animation:fade9 80s infinite;
-webkit-animation:fade9 80s infinite;
}
.slide10 {
    background: url(../TMPthings/banner_10.jpg)no-repeat center;
      background-size: auto;
    animation:fade10 80s infinite;
-webkit-animation:fade10 80s infinite;
}
.slide11 {
    background: url(../TMPthings/banner_11.jpg)no-repeat center;
      background-size: auto;
    animation:fade11 80s infinite;
-webkit-animation:fade11 80s infinite;
}
.slide12 {
    background: url(../TMPthings/banner_12.jpg)no-repeat center;
      background-size: auto;
    animation:fade12 80s infinite;
-webkit-animation:fade12 80s infinite;
}
.slide13 {
    background: url(../TMPthings/banner_13.jpg)no-repeat center;
      background-size: auto;
    animation:fade13 80s infinite;
-webkit-animation:fade13 80s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 1}


}
@keyframes fade2
{
  0%   {opacity:0}
  7.6% { opacity: 1}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}


}
@keyframes fade3
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 1}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}


}
@keyframes fade4
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 1}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}


}
@keyframes fade5
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 1}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}


}
@keyframes fade6
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 1}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}


}
@keyframes fade7
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 1}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}


}
@keyframes fade8
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 1}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}


}
@keyframes fade9
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 1}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}

}
@keyframes fade10
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 1}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}

}
@keyframes fade11
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 1}
  83.6% { opacity: 0}
  91.2% { opacity: 0}
  100% { opacity: 0}

}
@keyframes fade12
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 1}
  91.2% { opacity: 0}
  100% { opacity: 0}

}
@keyframes fade13
{
  0%   {opacity:0}
  7.6% { opacity: 0}
  15.2% { opacity: 0}
  22.8% { opacity: 0}
  30.4% { opacity: 0}
  38% { opacity: 0}
  45.6% { opacity: 0}
  53.2% { opacity: 0}
  60.8% { opacity: 0}
  68.4% { opacity: 0}
  76% { opacity: 0}
  83.6% { opacity: 0}
  91.2% { opacity: 1}
  100% { opacity: 0}

}