#wrap{
    width: 100%;
    height: 100px; 
   
    position: relative; 
    margin: 1px auto; 
    overflow: hidden;
}
#list{
    position: absolute;
    left: 0; 
    top: 0; 
    margin: 0; 
    padding: 0;    
    -webkit-animation: 4s move infinite linear; 
    width: 200%; 
}
#list li {
    list-style: none; 
    width: 218px; 
    height: 106px; 
    border: 1px solid #fff; 
    background: #000; 
    color: #fff; 
    font: 50px/98px Arial;
    text-align: center;
    float: left;
}
@-webkit-keyframes move{
    0% {
          left: 0;
    }
    100% {
          left: -200px;
    }
}
@keyframes move {
    0% {
       left: 0;
    }
    100% {
       left: -200px;
    }
}
#wrap:hover #list {
    -webkit-animation-play-state: paused; /*动画暂停播放*/
}