@charset "utf-8";
/* CSS Document */

.nav4_1{
	position:absolute;
	width:448px;
	height:203px;
	top:100px;
	left:600px;
	opacity:0;
	background:url(../images/yemian18.png);
	animation:demo28 800ms ease forwards;
	-moz-animation:demo28 800ms ease forwards;
	-ms-animation:demo28 800ms ease forwards;
	-o-animation:demo28 800ms ease forwards;
	-webkit-animation:demo28 800ms ease forwards;}
@keyframes demo28{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-webkit-keyframes demo28{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-moz-keyframes demo28{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-ms-keyframes demo28{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-o-keyframes demo28{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}

.nav4_2{
	position:absolute;
	width:448px;
	height:203px;
	top:100px;
	left:600px;
	opacity:0;
	background:url(../images/yemian19.png);
	animation:demo25 800ms ease 800ms forwards;
	-moz-animation:demo25 800ms ease 800ms forwards;
	-ms-animation:demo25 800ms ease 800ms forwards;
	-o-animation:demo25 800ms ease 800ms forwards;
	-webkit-animation:demo25 800ms ease 800ms forwards;}
@keyframes demo25{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-webkit-keyframes demo25{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-moz-keyframes demo25{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-ms-keyframes demo25{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-o-keyframes demo25{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
	
.nav4_3{
	position:absolute;
	width:448px;
	height:203px;
	top:100px;
	left:600px;
	opacity:0;
	background:url(../images/yemian20.png);
	animation:demo26 800ms ease 1.6s forwards;
	-moz-animation:demo26 800ms ease 1.6s forwards;
	-ms-animation:demo26 800ms ease 1.6s forwards;
	-o-animation:demo26 800ms ease 1.6s forwards;
	-webkit-animation:demo26 800ms ease 1.6s forwards;}
@keyframes demo26{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-webkit-keyframes demo26{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-moz-keyframes demo26{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-ms-keyframes demo26{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-o-keyframes demo26{
	0%{ opacity:0; top:-300px; left:200px;}
	90%{ opacity:1; top:100px; left:200px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
.nav4_4{
	position:absolute;
	width:448px;
	height:203px;
	top:100px;
	left:600px;
	opacity:0;
	background:url(../images/yemian21.png);
	animation:demo27 800ms ease 2.4s forwards;
	-moz-animation:demo27 800ms ease 2.4s forwards;
	-ms-animation:demo27 800ms ease 2.4s forwards;
	-o-animation:demo27 800ms ease 2.4s forwards;
	-webkit-animation:demo27 800ms ease 2.4s forwards;}

@keyframes demo27{
	0%{ opacity:0; top:-300px; left:400px;}
	90%{ opacity:1; top:100px; left:400px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-webkit-keyframes demo27{
	0%{ opacity:0; top:-300px; left:400px;}
	90%{ opacity:1; top:100px; left:400px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-moz-keyframes demo27{
	0%{ opacity:0; top:-300px; left:400px;}
	90%{ opacity:1; top:100px; left:400px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-ms-keyframes demo27{
	0%{ opacity:0; top:-300px; left:400px;}
	90%{ opacity:1; top:100px; left:400px;}
	100%{ opacity:1; top:100px; left:600px;}
	}
@-o-keyframes demo27{
	0%{ opacity:0; top:-300px; left:400px;}
	90%{ opacity:1; top:100px; left:400px;}
	100%{ opacity:1; top:100px; left:600px;}
	}