@CHARSET "UTF-8";
*{
	margin:0px;
	padding:0px;
}
body{
	overflow: hidden;
}
.jc-xk{width:100%;height:100%;position: relative;}
#jc-xk{background:url('../jc-img/jc-xk.png') no-repeat;width:100%;height:100%;position: absolute;}
#jc-bg{background:-webkit-gradient(linear, 100% 0, 0 100%, from(#231320), to(#0b193e));width:100%;height:100%;position: absolute;}

#a_wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.a_tier0{
	position: relative;
}
.a_tier0{
	width: 100%;
}
.a_tier1{
	width: 100%;
}
 .a_tier0{
	width: 100%;
}
/* .a_tier1{
	width: 100%;
	-webkit-animation-name:toLeft;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
} */ 
img{
	width: 6.666%;
	-webkit-transform:scale(0,0);
}
.bounce{
	-webkit-animation-name:bounce;
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:ease-in;
	-webkit-animation-fill-mode: forwards;

}
.rotateAndBounce{
	-webkit-animation-name:rotateAndBounce;
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:ease-in;
	-webkit-animation-fill-mode: forwards;
}
.a_tier0{

}
#cover{
	background: rgba(255,255,255,0.3);
	background:-webkit-radial-gradient(circle,hsla(0,0%,71%,.1),hsla(0,100%,1%,.6));
	width: 100%;
	height: 100%;
	z-index: 9;
	position: fixed;
}
#a_middle_div{
	position:fixed;
	z-index: 10;
}
#logo{
	background: url("../img/ilogo0.png");	
	width: 469px;
	height: 282px;
	-webkit-animation: logo 4s linear forwards;
}
#getinto{
	background: url("../img/getinto0.png");
	width: 141px;
	height: 36px;
	margin: 0px auto;
	margin-top:75px;
	cursor: pointer;
	opacity:0;
	-webkit-animation: getinto 0.8s linear 3s forwards;
	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	
}
#getinto:hover{
	background: url("../img/getinto1.png");
}
@-webkit-keyframes 'bounce'{
	0%{
		opacity:0;
		-webkit-transform: scale(0.1,0.1);
	}
	30%{
		opacity:1;
		-webkit-transform: scale(1,1);
	}
	65%{
		opacity:1;
		-webkit-transform: scale(1,1);
	}
	100%{
		opacity:0;
		-webkit-transform: scale(1,1);
	}
}
@-webkit-keyframes 'rotateAndBounce'{
	0%{
		opacity:0;
		-webkit-transform: rotateY(180deg) rotate(180deg)  scale(0.1,0.1);
	}
	30%{
		opacity:1;
		-webkit-transform: rotateY(180deg) rotate(180deg)  scale(1,1);
	}
	65%{
		opacity:1;
		-webkit-transform: rotateY(180deg) rotate(180deg)  scale(1,1);
	}
	100%{
		opacity:0;
		-webkit-transform: rotateY(180deg) rotate(180deg)  scale(1,1);
	}
}
@-webkit-keyframes 'logo'{
	0%{
		opacity:0;
	}
	20%{
		opacity:0;
	}
	50%{
		opacity:1;
	}
	60%{
		background: url("../img/ilogo0.png");
	}
	100%{
		background: url("../img/ilogo1.png");
	}
}
@-webkit-keyframes 'getinto'{
	0%{
		opacity:0;
		-webkit-transform:skew(20deg,20deg) scale(5,5) translate3d(132px,-99px,0px);
	}
	100%{
		opacity:1;
	}
}