.slider{
    width:480px;
    height:60px;
    overflow:hidden;
    position:absolute;
    left: 900px;
    top: 20px;

    white-space: nowrap;
}
.slider > div{
    position:absolute;
 
      animation:move_slide2 12s infinite;
    opacity:0;
}
.slider > div:nth-child(1){ animation-delay: 0; }
.slider > div:nth-child(2){ animation-delay: 4s; }
.slider > div:nth-child(3){ animation-delay: 8s; }

@keyframes move_slide{
    10%{ opacity:1; }
    80%{ opacity:1; }
    90%{ opacity:0 }
}
@keyframes move_slide2{
    25%{opacity:1;}
    40%{opacity:0;}
}