@charset "utf-8";
/* CSS Document */
html, body { width:100%; height:100%;}
body { background:url(../img/sy-bg.jpg) no-repeat; background-size:100% 100%;}
*{margin: 0px;padding: 0px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clear { clear:both;}

/*首页*/
.sy-tl, .sy-gz, .sy-start { width:100%;}
.sy-tl { margin:0 auto; padding-top:45%;}
.sy-gz { margin-top:5px;}
.sy-start { position:absolute;}

.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:99999; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88); } 
.white_content { display: none; position: absolute; top: 20%; left: 0; width: 100%; background:none; z-index:999999; overflow:visible; font-family:微软雅黑; font-size:13px; color:#000;} 
.white_content .text { background:url(../img/sy-gz-bg.png) no-repeat; background-size:100% 100%; width:100%; height:200px; padding-top:80px; margin-top:-30px; z-index:999;}
.white_content .text p { line-height:22px; margin:0 auto; text-indent:2em; width:80%;}

.white_content a { margin-right:50px; background:#fff; width:25px; height:25px; display:block; float:right; font-family:微软雅黑; line-height:25px; text-align:center; color:#000; text-decoration:none; font-size:20px; z-index:99;}
.white_content a:hover { color:#000; text-decoration:none;}
.white_content a:visited { color:#000; text-decoration:none;}

/*准备页*/
.zb-ts { width:100%; margin:0 auto; padding-top:40px;}
.zb-ts .zb-hand, .zb-ts .zb-sm { width:25%; float:left;}

.zb-start { width:100%; margin:10px auto 0;}

.bg-form{-webkit-animation:bgForm 1s infinite linear; display:block;}
@-webkit-keyframes bgForm{
	0%{
		-webkit-transform:translate(0,-30px) scale(1,1);
	}
	25%{
		-webkit-transform:translate(0,-15px) scale(1,1);
	}
	50%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	75%{
		-webkit-transform:translate(0,15px) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,30px) scale(1,1);
	}
}