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

.nav3_box{
	position:absolute;
	width:357px;
	height:139px;
	top:200px;
	right:300px;}
.nav3_1{
	background:url(../images/yemian15.png);
	width:357px;
	height:139px;
	position:absolute;
	animation:demo24 500ms ease-in-out forwards;
	-moz-animation:demo24 500ms ease-in-out forwards;
	-ms-animation:demo24 500ms ease-in-out forwards;
	-o-animation:demo24 500ms ease-in-out forwards;
	-webkit-animation:demo24 500ms ease-in-out forwards;}
@keyframes demo24{
	0%{ transform:scale(0); right:-50px;}
	100%{transform:scale(1); right:0px;}
	}
@-webkit-keyframes demo24{
	0%{ transform:scale(0); right:-50px;}
	100%{transform:scale(1); right:0px;}
	}
@-moz-keyframes demo24{
	0%{ transform:scale(0); right:-50px;}
	100%{transform:scale(1); right:0px;}
	}
@-o-keyframes demo24{
	0%{ transform:scale(0); right:-50px;}
	100%{transform:scale(1); right:0px;}
}
@-ms-keyframes demo24{
	0%{ transform:scale(0); right:-50px;}
	100%{transform:scale(1); right:0px;}
	}
.nav3_2{
	background:url(../images/yemian16.png);
	width:357px;
	height:139px;
	padding-left:190px;
	padding-top:65px;
	color:#FFF;
	font-family:"宋体";
	font-size:27px;
	position:absolute;
	 opacity:0;
	animation:demo15 500ms ease-in-out 500ms forwards;
	-moz-animation:demo15 500ms ease-in-out 500ms forwards;
	-ms-animation:demo15 500ms ease-in-out 500ms forwards;
	-o-animation:demo15 500ms ease-in-out 500ms forwards;
	-webkit-animation:demo15 500ms ease-in-out 500ms forwards;}
@keyframes demo15{
	0%{ opacity:0; top:-300px;}
	100%{ opacity:1; top:0px;}
	}
@-webkit-keyframes demo15{
	0%{ opacity:0; top:-300px;}
	100%{ opacity:1; top:0px;}
	}
@-moz-keyframes demo15{
	0%{ opacity:0; top:-300px;}
	100%{ opacity:1; top:0px;}
	}
@-ms-keyframes demo15{
	0%{ opacity:0; top:-300px;}
	100%{ opacity:1; top:0px;}
	}
@-o-keyframes demo15{
	0%{ opacity:0; top:-300px;}
	100%{ opacity:1; top:0px;}
	}
.nav3_3{
	background:url(../images/yemian16.png);
	width:357px;
	height:139px;
	padding-left:190px;
	padding-top:65px;
	color:#FFF;
	font-family:"宋体";
	font-size:27px;
	position: absolute;
	left:30px;
	opacity:0;
	animation:demo16 200ms ease-in-out 1s forwards;
	-moz-animation:demo16 200ms ease-in-out 1s forwards;
	-ms-animation:demo16 200ms ease-in-out 1s forwards;
	-o-animation:demo16 200ms ease-in-out 1s forwards;
	-webkit-animation:demo16 200ms ease-in-out 1s forwards;}
@keyframes demo16{
	0%{ opacity:0; top:0px; left:0px;}
	100%{ opacity:1; top:0px; left:30px;}
	}
@-webkit-keyframes demo16{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; left:30px;}
	}
@-moz-keyframes demo16{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; left:30px;}
	}
@-ms-keyframes demo16{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; left:30px;}
	}
@-o-keyframes demo16{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; left:30px;}
	}	



.nav3_4{
	background:url(../images/yemian16.png);
	width:357px;
	height:139px;
	padding-left:190px;
	padding-top:65px;
	color:#FFF;
	font-family:"宋体";
	font-size:27px;
	position: absolute;
	right:30px;
	opacity:0;
	animation:demo17 200ms ease-in-out 1s forwards;
	-moz-animation:demo17 200ms ease-in-out 1s forwards;
	-ms-animation:demo17 200ms ease-in-out 1s forwards;
	-o-animation:demo17 200ms ease-in-out 1s forwards;
	-webkit-animation:demo17 200ms ease-in-out 1s forwards;}
@keyframes demo17{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:30px;}
	}
@-webkit-keyframes demo17{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:30px;}
	}
@-moz-keyframes demo17{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:30px;}
	}
@-ms-keyframes demo17{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:30px;}
	}
@-o-keyframes demo17{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; right:30px;}
	}
	
.nav3_5{
	background:url(../images/yemian16.png);
	width:357px;
	height:139px;
	padding-left:190px;
	padding-top:65px;
	color:#FFF;
	font-family:"宋体";
	font-size:27px;
	position: absolute;
	left:79px;
	opacity:0;
	animation:demo18 200ms ease-in-out 1.2s forwards;
	-moz-animation:demo18 200ms ease-in-out 1.2s forwards;
	-ms-animation:demo18 200ms ease-in-out 1.2s forwards;
	-o-animation:demo18 200ms ease-in-out 1.2s forwards;
	-webkit-animation:demo18 200ms ease-in-out 1.2s forwards;}
@keyframes demo18{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:79px;}
	}
@-webkit-keyframes demo18{	
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:79px;}
	}
@-moz-keyframes demo18{	
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:79px;}
	}
@-ms-keyframes demo18{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:79px;}
	}
@-o-keyframes demo18{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:79px;}
	}	

	


.nav3_6{
	background:url(../images/yemian16.png);
	width:357px;
	height:139px;
	padding-left:190px;
	padding-top:65px;
	color:#FFF;
	font-family:"宋体";
	font-size:27px;
	position: absolute;
	right:79px;
	opacity:0;
	animation:demo19 200ms ease-in-out 1.2s forwards;
	-moz-animation:demo19 200ms ease-in-out 1.2s forwards;
	-ms-animation:demo19 200ms ease-in-out 1.2s forwards;
	-o-animation:demo19 200ms ease-in-out 1.2s forwards;
	-webkit-animation:demo19 200ms ease-in-out 1.2s forwards;}
@keyframes demo19{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:79px;}
	}
@-webkit-keyframes demo19{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:79px;}
	}
@-moz-keyframes demo19{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:79px;}
	}
@-ms-keyframes demo19{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:79px;}
	}
@-o-keyframes demo19{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:79px;}
	}
	
	
	



.nav3_7{
	background:url(../images/yemian16.png);
	width:357px;
	height:139px;
	padding-left:190px;
	padding-top:65px;
	color:#FFF;
	font-family:"宋体";
	font-size:27px;
	position: absolute;
	left:107px;
	opacity:0;
	animation:demo20 200ms ease-in-out 1.4s forwards;
	-moz-animation:demo20 200ms ease-in-out 1.4s forwards;;
	-ms-animation:demo20 200ms ease-in-out 1.4s forwards;
	-o-animation:demo20 200ms ease-in-out 1.4s forwards;
	-webkit-animation:demo20 200ms ease-in-out 1.4s forwards;}
@keyframes demo20{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:107px;}
	}
@-webkit-keyframes demo20{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:107px;}
	}
@-moz-keyframes demo20{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:107px;}
	}
@-ms-keyframes demo20{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:107px;}
	}
@-o-keyframes demo20{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:107px;}
	}	

	


.nav3_8{
	background:url(../images/yemian16.png);
	width:357px;
	height:139px;
	padding-left:190px;
	padding-top:65px;
	color:#FFF;
	font-family:"宋体";
	font-size:27px;
	position: absolute;
	right:107px;
	opacity:0;
	animation:demo21 200ms ease-in-out 1.4s forwards;
	-moz-animation:demo21 200ms ease-in-out 1.4s forwards;
	-ms-animation:demo21 200ms ease-in-out 1.4s forwards;
	-o-animation:demo21 200ms ease-in-out 1.4s forwards;
	-webkit-animation:demo21 200ms ease-in-out 1.4s forwards;}
@keyframes demo21{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:107px;}
	}
@-webkit-keyframes demo21{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:107px;}
	}
@-moz-keyframes demo21{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:107px;}
	}
@-ms-keyframes demo21{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:107px;}
	}
@-o-keyframes demo21{
	0%{ opacity:0; right:0px;}
	100%{ opacity:1; top:0px; right:107px;}
	}
	


.nav3_9{
	background:url(../images/yemian16.png);
	width:357px;
	height:139px;
	padding-left:190px;
	padding-top:65px;
	color:#FFF;
	font-family:"宋体";
	font-size:27px;
	position: absolute;
	left:139px;
	opacity:0;
	animation:demo22 200ms ease-in-out 1.6s forwards;
	-moz-animation:demo22 200ms ease-in-out 1.6s forwards;
	-ms-animation:demo22 200ms ease-in-out 1.6s forwards;
	-o-animation:demo22 200ms ease-in-out 1.6s forwards;
	-webkit-animation:demo22 200ms ease-in-out 1.6s forwards;}
@keyframes demo22{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:139px;}
	}
@-webkit-keyframes demo22{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:139px;}
	}
@-moz-keyframes demo22{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:139px;}
	}
@-ms-keyframes demo22{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:139px;}
	}
@-o-keyframes demo22{
	0%{ opacity:0; left:0px;}
	100%{ opacity:1; top:0px; left:139px;}
	}
	
	
.nav3_10{
	background:url(../images/yemian17.png);
	width:357px;
	height:139px;
	position:absolute;
	opacity:0;
	animation:demo23 1s ease-in-out 1.8s forwards;
	-moz-animation:demo23 1s ease-in-out 1.8s forwards;
	-ms-animation:demo23 1s ease-in-out 1.8s forwards;
	-o-animation:demo23 1s ease-in-out 1.8s forwards;
	-webkit-animation:demo23 1s ease-in-out 1.8s forwards;}
@keyframes demo23{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1);}
	}
@-webkit-keyframes demo23{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1);}
	}
@-moz-keyframes demo23{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1);}
	}
@-ms-keyframes demo23{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1);}
	}
@-o-keyframes demo23{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1);}
	}