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

.nav5_1{
	position:absolute;
	width:491px;
	height:302px;
	background:url(../images/yemian22.png);
	top:100px;
	right:250px;
	animation:demo29 1s ease-in-out forwards;
	-moz-animation:demo29 1s ease-in-out forwards;
	-ms-animation:demo29 1s ease-in-out forwards;
	-o-animation:demo29 1s ease-in-out forwards;
	-webkit-animation:demo29 1s ease-in-out forwards;}
@keyframes demo29{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
@-webkit-keyframes demo29{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
@-ms-keyframes demo29{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
@-moz-keyframes demo29{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
@-o-keyframes demo29{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
	
.nav5_2{
	position:absolute;
	width:491px;
	height:302px;
	background:url(../images/yemian23.png);
	top:100px;
	right:250px;
	opacity:0;
	animation:demo30 500ms ease-in-out 1s forwards;
	-moz-animation:demo30 500ms ease-in-out 1s forwards;
	-ms-animation:demo30 500ms ease-in-out 1s forwards;
	-o-animation:demo30 500ms ease-in-out 1s forwards;
	-webkit-animation:demo30 500ms ease-in-out 1s forwards;}
@keyframes demo30{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:250px;}
	}
@-webkit-keyframes demo30{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:250px;}
	}
@-ms-keyframes demo30{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:250px;}
	}
@-moz-keyframes demo30{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:250px;}
	}
@-o-keyframes demo30{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:250px;}
	}
.nav5_3{
	position:absolute;
	width:491px;
	height:302px;
	background:url(../images/yemian24.png);
	top:100px;
	right:250px;
	opacity:0;
	animation:demo31 500ms ease-in-out 1s forwards;
	-moz-animation:demo31 500ms ease-in-out 1s forwards;
	-ms-animation:demo31 500ms ease-in-out 1s forwards;
	-o-animation:demo31 500ms ease-in-out 1s forwards;
	-webkit-animation:demo31 500ms ease-in-out 1s forwards;}
@keyframes demo31{
	0%{ opacity:0; right:500px;}
	100%{ opacity:1; right:250px;}
	}
@-webkit-keyframes demo31{
	0%{ opacity:0; right:500px;}
	100%{ opacity:1; right:250px;}
	}
@-ms-keyframes demo31{
	0%{ opacity:0; right:500px;}
	100%{ opacity:1; right:250px;}
	}
@-moz-keyframes demo31{
	0%{ opacity:0; right:500px;}
	100%{ opacity:1; right:250px;}
	}
@-o-keyframes demo31{
	0%{ opacity:0; right:500px;}
	100%{ opacity:1; right:250px;}
	}