@charset "UTF-8";


/*------------------  top  ------------------*/
body{
	

}
#op{
	position: absolute;
	overflow: hidden;
	width:100%;
	height:650px;
	z-index:3;
}
#op-wrap{
	position:absolute;
	top:0px;
	left:50%;
	
	width:1280px;
	height:100%;
	margin-left:-640px;
}
#op-wrap div img{
	display: block;
	float:left;
}
#op3,#op4{
	position:absolute;

}
#op3{
	opacity:1;
	bottom:-25px;
	left:250px;
	-webkit-transition: all .2s ease 0.7s;
	   -moz-transition: all .2s ease 0.7s;
	    -ms-transition: all .2s ease 0.7s;
	     -o-transition: all .2s ease 0.7s;
	        transition: all .2s ease 0.7s;
}
#op4{
	bottom:210px;
	left:210px;
	-webkit-transition: all .2s ease 1.2s;
	   -moz-transition: all .2s ease 1.2s;
	    -ms-transition: all .2s ease 1.2s;
	     -o-transition: all .2s ease 1.2s;
	        transition: all .3s ease 1.2s;
}
.op #op3{
	opacity:0;
	-webkit-transform: translate(-100px, 10px);
	   -moz-transform: translate(-100px, 10px);
	    -ms-transform: translate(-100px, 10px);
	     -o-transform: translate(-100px, 10px);
	        transform: translate(-100px, 10px);
	-webkit-transition: all 0s ease 0s;
	   -moz-transition: all 0s ease 0s;
	    -ms-transition: all 0s ease 0s;
	     -o-transition: all 0s ease 0s;
	        transition: all 0s ease 0s;
}
.op #op4{
	opacity:0;
	-webkit-transform: scale(1.5,1.5) rotate(180deg);
	   -moz-transform: scale(1.5,1.5);
	    -ms-transform: scale(1.5,1.5);
	     -o-transform: scale(1.5,1.5);
	        transform: scale(1.8,1.8) rotate(380deg);
	-webkit-transition: all 0s ease 0s;
	   -moz-transition: all 0s ease 0s;
	    -ms-transition: all 0s ease 0s;
	     -o-transition: all 0s ease 0s;
	        transition: all 0s ease 0s;
}
#wrapper{
	padding-bottom:20px;
}
#content{
	padding:50px 0 0;
	height:700px;
	text-align: center;
	background:url(../img/intro/bg.jpg) center 0 no-repeat;
	background-size:cover;
	overflow:hidden;
}
#content .wrap{
	position:relative;
	width:100%;
	height:100%;
}
#content h1{
	position:absolute;
	left:50%;
	top:105px;
	margin-left:282px;
}


#content ul{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	-webkit-transition: all 0.5s cubic-bezier(.90, 0, .14, 1);
	-moz-transition: all 0.5s cubic-bezier(.90, 0, .14, 1);
	-o-transition: all 0.5s cubic-bezier(.90, 0, .14, 1);
	-ms-transition: all 0.5s cubic-bezier(.90, 0, .14, 1);

}
#content ul li{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
#content ul li a.next{
	position:absolute;
	left:50%;
	bottom:96px;
	margin-left:425px;
}
#content ul li a.back{
	position:absolute;
	left:50%;
	bottom:96px;
	margin-left:-70px;
}