*{
    margin: 0px;
    padding: 0;
}
#animation{
    width: 980px; /*设置动画窗口的宽度和图片一致*/
    height: 300px; /*设置动画窗口的高度和图片一致*/
    position: relative; /*相对位置*/
    overflow: hidden; /*超出动画窗口的部分隐藏*/
}
#banner{
    width: 4900px; /*设置图片盒子大小*/
    height: 300px;
    position: absolute; /*绝对位置*/
    left: 0;
    animation: flash 20s infinite; /*设置动画时长循环播放*/
}
#banner img{
    width: 980px;
    height: 300px;
    float: left; /*图片排列成一行*/
}
@keyframes flash{ /*设定动画*/
    0%,20%{left: 0;}
    27%,45%{left: -980px;}
    52%,70%{left: -1960px;}
    77%,93%{left: -2940px;}
    100%{left: -3920px;}
}