.content{
				background: #092741;margin-top: 40px;
				animation: bg 9s linear infinite;
				height: 200px;
			}
			.box{
				width: 800px;height: 200px;margin: 0 auto;
				position: relative;overflow: hidden;
			}
			.box .slide{
				width: 400%;height: 100%;
				position: absolute;top: 0;left: 0;
				animation: slide 9s linear infinite;
			}
			.content:hover,.content:hover .slide{
				animation-play-state:paused ;
			}
			.box .slide a{
				display: block; width: 25%;height: 100%;float: left;
			}
			.box .slide a img{
				width: 100%;height: 100%;
			}
			
			@keyframes slide{
				0%{left: 0;}
				20%{left: 0;}
				33%{left: -100%;}
				53%{left: -100%;}
				67%{left: -200%;}
				87%{left: -200%;}
				100%{left: -300%;}
			}
			@keyframes bg{
				0%{background: #092741;}
				20%{background: #092741;}
				25%{background: #144c65;}
				53%{background: #144c65;}
				58%{background: #ff9000;}
				87%{background: #ff9000;}
				92%{background: #092741;}
			}