轮播图出现的问题

为什么我的轮播图一播到第五张图片就没有了？后面全是空白，播放时间一到就又会重新开始，图片格式为640*400希望各位大佬可以帮我找找问题所在。
代码如下

}
/* 暂停动画 */
div>ul:hover{
animation-play-state: paused;
}

div > ul > li {
width: 640px;
float: left;
}

div img {
width: 100%;
}
/创建动画/
@keyframes imgMove {
from {
transform: translateX(0px);
}
to {
transform: translateX(-4480px);
}
}