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


.box_01{
	width:1200px;
	margin:0 auto;
	position:relative;}
.yemian1{
	position:absolute;
	top:90px;
	right:5px;
	background:url(../images/yemian01.png);
	width:838px;
	height:297px;
	animation:demo1 1s linear forwards;
	-webkit-animation:demo1 1s linear forwards;
	-moz-animation:demo1 1s linear forwards;
	-o-animation:demo1 1s linear forwards;
	-ms-animation:demo1 1s linear forwards;
	}
@keyframes demo1{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
@-webkit-keyframes demo1{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
@-moz-keyframes demo1{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
@-o-keyframes demo1{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}
@-ms-keyframes demo1{
	0%{ opacity:0;}
	100%{ opacity:1;}
	}


.yemian1_2{
	position:absolute;
	top:90px;
	right:5px;
	background:url(../images/yemian02.png);
	width:838px;
	height:297px;
	opacity:0;
	animation:demo2 300ms ease-in-out 1s forwards;
	-webkit-animation:demo2 300ms ease-in-out 1s forwards;
	-moz-animation:demo2 300ms ease-in-out 1s forwards;
	-o-animation:demo2 300ms ease-in-out 1s forwards;
	-ms-animation:demo2 300ms ease-in-out 1s forwards;}
@keyframes demo2{
	0%{ opacity:0; top:0px;}
	100%{ opacity:1; top:90px}
	}
@-webkit-keyframes demo2{
	0%{ opacity:0; top:0px;}
	100%{ opacity:1; top:90px}
	}
@-moz-keyframes demo2{
	0%{ opacity:0; top:0px;}
	100%{ opacity:1; top:90px}
	}
@-o-keyframes demo2{
	0%{ opacity:0; top:0px;}
	100%{ opacity:1; top:90px}
	}
@-ms-keyframes demo2{
	0%{ opacity:0; top:0px;}
	100%{ opacity:1; top:90px}
	}
.yemian1_3{
	position:absolute;
	top:90px;
	right:5px;
	background:url(../images/yemian03.png);
	width:838px;
	height:297px;
	opacity:0;
	animation:demo3 400ms ease-in-out 1.3s forwards;
	-webkit-animation:demo3 400ms ease-in-out 1.3s forwards;
	-moz-animation:demo3 400ms ease-in-out 1.3s forwards;
	-o-animation:demo3 400ms ease-in-out 1.3s forwards;
	-ms-animation:demo3 400ms ease-in-out 1.3s forwards;}
@keyframes demo3{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1)}
	}
@-webkit-keyframes demo3{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1)}
	}
@-moz-keyframes demo3{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1)}
	}
@-o-keyframes demo3{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1)}
	}
@-ms-keyframes demo3{
	0%{ opacity:0; transform:scale(0);}
	100%{ opacity:1; transform:scale(1)}
	}
.yemian2_1{
	position:absolute;
	width:717px;
	height:177px;
	right:5px;
	bottom:100px;
	opacity:0;
	background:url(../images/yemian04.png);
	animation:demo4 200ms ease-in-out 1.7s forwards;
	-webkit-animation:demo4 200ms ease-in-out 1.7s forwards;
	-moz-animation:demo4 200ms ease-in-out 1.7s forwards;
	-o-animation:demo4 200ms ease-in-out 1.7s forwards;
	-ms-animation:demo4 200ms ease-in-out 1.7s forwards;}
@keyframes demo4{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-webkit-keyframes demo4{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-moz-keyframes demo4{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-o-keyframes demo4{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-ms-keyframes demo4{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}


.yemian2_2{
	position:absolute;
	width:717px;
	height:177px;
	right:5px;
	bottom:100px;
	opacity:0;
	background:url(../images/yemian05.png);
	animation:demo5 200ms ease-in-out 1.9s forwards;
	-webkit-animation:demo5 200ms ease-in-out 1.9s forwards;
	-moz-animation:demo5 200ms ease-in-out 1.9s forwards;
	-o-animation:demo5 200ms ease-in-out 1.9s forwards;
	-ms-animation:demo5 200ms ease-in-out 1.9s forwards;}
@keyframes demo5{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-webkit-keyframes demo5{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-moz-keyframes demo5{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-o-keyframes demo5{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-ms-keyframes demo5{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}



.yemian2_3{
	position:absolute;
	width:717px;
	height:177px;
	right:5px;
	bottom:100px;
	opacity:0;
	background:url(../images/yemian06.png);
	animation:demo6 200ms ease-in-out 2.1s forwards;
	-webkit-animation:demo6 200ms ease-in-out 2.1s forwards;
	-moz-animation:demo6 200ms ease-in-out 2.1s forwards;
	-o-animation:demo6 200ms ease-in-out 2.1s forwards;
	-ms-animation:demo6 200ms ease-in-out 2.1s forwards;}
@keyframes demo6{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-webkit-keyframes demo6{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-moz-keyframes demo6{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-o-keyframes demo6{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
@-ms-keyframes demo6{
	0%{ opacity:0; right:200px;}
	100%{ opacity:1; right:0px;}
	}
	
	


.yemian2_4{
	position:absolute;
	width:717px;
	height:177px;
	right:5px;
	bottom:100px;
	opacity:0;
	background:url(../images/yemian10.png);
	animation:demo10 200ms ease-in-out 2.3s forwards;
	-webkit-animation:demo10 200ms ease-in-out 2.3s forwards;
	-moz-animation:demo10 200ms ease-in-out 2.3s forwards;
	-o-animation:demo10 200ms ease-in-out 2.3s forwards;
	-ms-animation:demo10 200ms ease-in-out 2.3s forwards;}


	
.yemian2_5{
	position:absolute;
	width:717px;
	height:177px;
	right:5px;
	bottom:100px;
	opacity:0;
	background:url(../images/yemian09.png);
	animation:demo10 200ms ease-in-out 2.5s forwards;
	-webkit-animation:demo10 200ms ease-in-out 2.5s forwards;
	-moz-animation:demo10 200ms ease-in-out 2.5s forwards;
	-o-animation:demo10 200ms ease-in-out 2.5s forwards;
	-ms-animation:demo10 200ms ease-in-out 2.5s forwards;}


.yemian2_6{
	position:absolute;
	width:717px;
	height:177px;
	right:5px;
	bottom:100px;
	opacity:0;
	background:url(../images/yemian08.png);
	animation:demo10 200ms ease-in-out 2.7s forwards;
	-webkit-animation:demo10 200ms ease-in-out 2.7s forwards;
	-moz-animation:demo10 200ms ease-in-out 2.7s forwards;
	-o-animation:demo10 200ms ease-in-out 2.7s forwards;
	-ms-animation:demo10 200ms ease-in-out 2.7s forwards;}

.yemian2_7{
	position:absolute;
	width:717px;
	height:177px;
	right:5px;
	opacity:0;
	bottom:100px;
	background:url(../images/yemian07.png);
	animation:demo10 200ms ease-in-out 2.9s forwards;
	-webkit-animation:demo10 200ms ease-in-out 2.9s forwards;
	-moz-animation:demo10 200ms ease-in-out 2.9s forwards;
	-o-animation:demo10 200ms ease-in-out 2.9s forwards;
	-ms-animation:demo10 200ms ease-in-out 2.9s forwards;}
@keyframes demo10{
	0%{ opacity:0; right:400px;}
	100%{ opacity:1; right:0px;}
	}
@-webkit-keyframes demo10{
	0%{ opacity:0; right:400px;}
	100%{ opacity:1; right:0px;}
	}
@-moz-keyframes demo10{
	0%{ opacity:0; right:400px;}
	100%{ opacity:1; right:0px;}
	}
@-o-keyframes demo10{
	0%{ opacity:0; right:400px;}
	100%{ opacity:1; right:0px;}
	}
@-ms-keyframes demo10{
	0%{ opacity:0; right:400px;}
	100%{ opacity:1; right:0px;}
	}