* {margin: 0;padding: 0;}
html {overflow: scroll;}
body,html {width: 1024px;font-size: 12px;	
	font-family: '微软雅黑', Verdana, Arial, Helvetica, sans-serif;}
ul,ol {list-style: none;}
img{display: block;	border: none;}
.container {text-align: center;width:70px;height: 453px;margin-left: 135px;
	margin-top: 20px;overflow: hidden;}
.img {width: 1024px;height:450px;overflow: hidden;position: absolute;background-color: #333333;}
.nav {width: 300%;height: 453px;position: absolute;left: 0px;top: 0;
	z-index: 9;animation: myfirst 15.5s infinite;
	-webkit-animation: myfirst 15.5s infinite;
	-0-animation: myfirst 15.5s infinite;
	-moz-animation: myfirst 15.5s infinite;
	overflow:hidden;}
.nav li {float: left;width:33.33333333%;}
.nav li a img{width:100%;}
@keyframes myfirst {
	0% {left: 0px;}
	28% {left: 0px;}
	50% {left:-100%; }
	66% {left:-100%;}
	80% {left: -200%;}
	99% {left: -200%;}	
	100% {left: -0px;}
}
@-o-keyframes myfirst {
		0% {
		left: 0px;
	}
	28% {
		left: 0px;
	}
	50% {
		left:-100%; /*-1080px;*/
	}
	66% {
		left:-100%;/* -1080px;*/
	}
	80% {
		left: -200%;/*-2160px;*/
	}
	99% {
		left: -200%;/*-2160px;	*/
	}	
	100% {
		left: -0px;
	}
}

@-moz-keyframes myfirst {
		0% {
		left: 0px;
	}
	28% {
		left: 0px;
	}
	50% {
		left:-100%; /*-1080px;*/
	}
	66% {
		left:-100%;/* -1080px;*/
	}
	80% {
		left: -200%;/*-2160px;*/
	}
	99% {
		left: -200%;/*-2160px;	*/
	}	
	100% {
		left: -0px;
	}
}

@-webkit-keyframes myfirst {
		0% {
		left: 0px;
	}
	28% {
		left: 0px;
	}
	50% {
		left:-100%; /*-1080px;*/
	}
	66% {
		left:-100%;/* -1080px;*/
	}
	80% {
		left: -200%;/*-2160px;*/
	}
	99% {
		left: -200%;/*-2160px;	*/
	}	
	100% {
		left: -0px;
	}
	}

@keyframes myfirstArr {
	0% {left: 0px;}
	30% {left: 0px;}
	50% {left: 30px;}
	66% {left: 30px;}
	80% {left: 60px;}
	99% {left: 60px;}
	100% {left: 0px;}
}

@-webkit-keyframes myfirstArr {
	0% {
		left: 0px;
	}
	30% {
		left: 0px;
	}
	50% {
		left: 30px;
	}
	66% {
		left: 30px;
	}
	80% {
		left: 60px;
	}
	99% {
		left: 60px;
	}

	100% {
		left: 0px;
	}
}

@-moz-keyframes myfirstArr {
0% {
		left: 0px;
	}
	30% {
		left: 0px;
	}
	50% {
		left: 30px;
	}
	66% {
		left: 30px;
	}
	80% {
		left: 60px;
	}
	99% {
		left: 60px;
	}

	100% {
		left: 0px;
	}
}

@-o-keyframes myfirstArr {
	0% {
		left: 0px;
	}
	30% {
		left: 0px;
	}
	50% {
		left: 30px;
	}
	66% {
		left: 30px;
	}
	80% {
		left: 60px;
	}
	99% {
		left: 60px;
	}

	100% {
		left: 0px;
	}
}