@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:22px; }
}

a{
	color:#000;
}

img{
	display:block;
	width: 100%;
	height: auto;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

.wrapper{
	width:100%;
	margin:0px auto;
	overflow:hidden;
}


h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}


#cover{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(images/cover-bg.jpg);
	background-size: 100% 100%;
	z-index: 9999;
}

#cover .zi1{
	position: absolute;
	width:72.8%;
	left:13.5%;
	top:15.9%;
}
#cover .zi2{
	position: absolute;
	width:79%;
	left:10.4%;
	top:53%;
}
#cover .logo{
	position: absolute;
	width:52.3%;
	left:22.9%;
	top:6.9%;
}
#cover .btn1,#cover .btn2,#cover .btn3{
	position: absolute;
	width:33%;
	top:76%;
}
#cover .btn1{left:1%;  }
#cover .btn2{ left:33%; }
#cover .btn3{ left:66%; }




@-ms-keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.8,1.8); }
	to{ }
}
@-moz-keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.8,1.8); }
	to{ }
}
@-o-keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.8,1.8); }
	to{ }
}
@-webkit-keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.8,1.8); }
	to{ }
}
@keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.8,1.8); }
	to{ }
}
#cover .zi1{
	animation:'zi1' 0.6s ease-in-out 0s forwards;
	-ms-animation:zi1 0.6s ease-in-out 0s forwards;
	-moz-animation:zi1 0.6s ease-in-out 0s forwards;
	-o-animation:'zi1' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'zi1' 0.6s ease-in-out 0s forwards;
}



@-ms-keyframes zi2{
	from{ filter:alpha(opacity=0); opacity:0; top:64%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:64%;}
	to{ }
}
@-moz-keyframes zi2{
	from{ filter:alpha(opacity=0); opacity:0; top:64%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:64%;}
	to{ }
}
@-o-keyframes zi2{
	from{ filter:alpha(opacity=0); opacity:0; top:64%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:64%;}
	to{ }
}
@-webkit-keyframes zi2{
	from{ filter:alpha(opacity=0); opacity:0; top:64%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:64%;}
	to{ }
}
@keyframes zi2{
	from{ filter:alpha(opacity=0); opacity:0; top:64%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:64%;}
	to{ }
}
#cover .zi2{
	animation:'zi2' 1.1s ease-in-out 0s forwards;
	-ms-animation:zi2 1.1s ease-in-out 0s forwards;
	-moz-animation:zi2 1.1s ease-in-out 0s forwards;
	-o-animation:'zi2' 1.1s ease-in-out 0s forwards;
	-webkit-animation:'zi2' 1.1s ease-in-out 0s forwards;
}





@-ms-keyframes logo{
	from{ filter:alpha(opacity=0); opacity:0; top:0%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:0%;}
	to{ }
}
@-moz-keyframes logo{
	from{ filter:alpha(opacity=0); opacity:0; top:0%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:0%;}
	to{ }
}
@-o-keyframes logo{
	from{ filter:alpha(opacity=0); opacity:0; top:0%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:0%;}
	to{ }
}
@-webkit-keyframes logo{
	from{ filter:alpha(opacity=0); opacity:0; top:0%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:0%;}
	to{ }
}
@keyframes logo{
	from{ filter:alpha(opacity=0); opacity:0; top:0%;}
	56%{ filter:alpha(opacity=0); opacity:0; top:0%;}
	to{ }
}
#cover .logo{
	animation:'logo' 1.1s ease-in-out 0s forwards;
	-ms-animation:logo 1.1s ease-in-out 0s forwards;
	-moz-animation:logo 1.1s ease-in-out 0s forwards;
	-o-animation:'logo' 1.1s ease-in-out 0s forwards;
	-webkit-animation:'logo' 1.1s ease-in-out 0s forwards;
}



@-ms-keyframes btn{
	from{ filter:alpha(opacity=0); opacity:0;}
	68%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@-moz-keyframes btn{
	from{ filter:alpha(opacity=0); opacity:0;}
	68%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@-o-keyframes btn{
	from{ filter:alpha(opacity=0); opacity:0;}
	68%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@-webkit-keyframes btn{
	from{ filter:alpha(opacity=0); opacity:0;}
	68%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@keyframes btn{
	from{ filter:alpha(opacity=0); opacity:0;}
	68%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}

#cover .btn{
	animation:'btn' 1.8s ease-in-out 0s forwards;
	-ms-animation:btn 1.8s ease-in-out 0s forwards;
	-moz-animation:btn 1.8s ease-in-out 0s forwards;
	-o-animation:'btn' 1.8s ease-in-out 0s forwards;
	-webkit-animation:'btn' 1.8s ease-in-out 0s forwards;
}