body {font-size:1.3em;font-family:"微软雅黑"; background-color:#000;color:#7a7a7b;}
html{overflow-x:hidden; overflow-y:auto/*auto*/;}
* {margin: 0; padding: 0;}
img{ vertical-align:middle; border:0;}
.clear {clear: both;height: 0px;font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;}
a:active, a:focus {outline:none;}/*删除链接上的虚线框*/
a{ color:#8a8a8a;text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none;}
a:hover{color:#000;}
.conter,.header,.onbtody{ width:640px; margin:0 auto;}
.onbtody{width:640px;height:960px;margin:0 auto;position:relative;}
.onbtody2{ background:url(../images/bg2.jpg) no-repeat;width:640px;height:960px;margin:0 auto;position:relative;} 
.onbtody3{ background:url(../images/bg3.jpg) no-repeat;width:640px;height:960px;margin:0 auto;position:relative;} 
.onbtody4{ background:url(../images/bg4.jpg) no-repeat;width:640px;height:960px;margin:0 auto;position:relative;} 
.onbtody5{ background:url(../images/bg5.jpg) no-repeat;width:640px;height:960px;margin:0 auto;position:relative;} 
/*End 局部*/
.wrapper {margin:0px auto; text-align: center;}
canvas {width:640px; height: 100%;}

#status{color:#FFFFFF;float:right;font-size:11px;left:46%;letter-spacing:2px;padding:6px 12px;position:fixed;text-align:center;top:50%;z-index:999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));_margin-top:50%;}



/*首页*/
.lgoo{position:absolute; top:0%; left: 50%;margin: 0 0 0 -320px;-webkit-animation:coming7 1.2s ease-in 1 normal forwards;height:960px;width:640px;} 	
@-webkit-keyframes coming7{
0%{top:-200%;}
100%{top:0%;}
}			
.left_wz{position:absolute; top:0%; left:50%;margin: 0 0 0 -320px;-webkit-animation:coming8 1.2s ease-in 1 normal forwards;height:960px;width:640px; z-index:9;} 	
@-webkit-keyframes coming8{
0%{top:200%;}
100%{top:0%;}
}			
.right_wz{position:absolute; top:0%; left:50%;margin: 0 0 0 -320px;-webkit-animation:coming9 3.1s ease-in 1 normal forwards;height:960px;width:640px; z-index:8;} 	
@-webkit-keyframes coming9{
0%{top:380%;-webkit-animation: bounceIn 1.4s 1.6s both;}
100%{top:0%;}
}	
.right_wz2{position:absolute; top:0%; left:50%;margin: 0 0 0 -320px;-webkit-animation:coming6 3.4s ease-in 1 normal forwards;height:960px;width:640px; z-index:8;} 	
@-webkit-keyframes coming6{
0%{top:380%;-webkit-animation: bounceIn 1.2s 1.4s both;}
100%{top:0%;}
}	
.sf_wz{position:absolute; top:0%; left:50%;margin:541px 0 0 -320px;-webkit-animation:coming5 1.9s ease-in 1 normal forwards;height:305px;width:640px; z-index:10;} 	
@-webkit-keyframes coming5{
0%{top:380%;-webkit-animation: bounceIn 1.2s 1.4s both;}
100%{top:0%;}
}	
.st_1{position:absolute; top:0%; left:0%;margin:467px 0 0 0px;-webkit-animation:coming4 1.7s ease-in 1 normal forwards;height:133px;width:252px; z-index:10;} 	
@-webkit-keyframes coming4{
0%{top:280%;-webkit-animation: bounceIn 1.2s 1.4s both;}
100%{top:0%;}
}	
.st_2{position:absolute; top:0%; left:0%;margin:467px 0 0 466px;-webkit-animation:coming3 1.7s ease-in 1 normal forwards;height:186px;width:174px; z-index:10;} 	
@-webkit-keyframes coming3{
0%{top:280%;-webkit-animation: bounceIn 1.2s 1.4s both;}
100%{top:0%;}
}	
.st_3{position:absolute; top:0%; left:0%;margin:664px 0 0 0px;-webkit-animation:coming2 2.2s ease-in 1 normal forwards;height:193px;width:167px; z-index:10;} 	
@-webkit-keyframes coming2{
0%{top:280%;-webkit-animation: bounceIn 1.2s 1.4s both;}
100%{top:0%;}
}	
.st_4{position:absolute; top:0%; left:0%;margin:653px 0 0 466px;-webkit-animation:coming1 2.2s ease-in 1 normal forwards;height:177px;width:174px; z-index:10;} 	
@-webkit-keyframes coming1{
0%{top:280%;-webkit-animation: bounceIn 1.2s 1.4s both;}
100%{top:0%;}
}	

.footer_btn{position:absolute; top:824; left:50%;margin: 0 0 0 -167px;-webkit-animation:coming 3.4s ease-in 1 normal forwards;height:92px;width:313px; z-index:10;} 	
@-webkit-keyframes coming{
0%{top:480%;-webkit-animation: bounceIn 1.4s 1.6s both;}
100%{top:824px;}
}	

.pic-txt1{position:absolute; top:260px; right: 50%;margin:0 -245px 0 0;-webkit-animation:coming10 0.5s ease-in 1 normal forwards;} 	
@-webkit-keyframes coming10{
0%{top:100%;}
100%{top:260px;}
}			
.pic-txt3{position:absolute; top:451px; left: 50%;margin:0 0 0 -245px;-webkit-animation:coming11 0.8s ease-in 1 normal forwards;} 	
@-webkit-keyframes coming11{
0%{top:200%;}
100%{top:451px;}
}		
.pic-txt2{position:absolute; top:667px; right: 50%;margin:0 -245px 0 0;-webkit-animation:coming12 1.2s ease-in 1 normal forwards;} 	
@-webkit-keyframes coming12{
0%{top:300%;}
100%{top:667px;}
}			

#boss_div{ position:absolute; top:262px; left:0;}
.boss_div2{position:absolute; top:262px; left:0;}
.pic5-txt2{position:absolute; top:765px; left: 50%;margin: 0 0 0 -156px;-webkit-animation:coming13 0.5s ease-in 1 normal forwards; z-index:8;} 	
@-webkit-keyframes coming13{
0%{left:-100%;}
100%{top:765px;}
}			
.pic5-txt2 .right{ margin:10px 0 0 8px; float:left;}
.pic5-txt2 .right h3{color:#ffc600; font-size:18px;}
.pic5-txt2 .right h3 span{color:#fff; font-size:18px;}
.pic5-txt2 .right p{color:#fff; width:313px; font-size:1.0em; padding:0 0 10px 0;}
.pic5-txt2 .right p img{ float:left;}
	
		
.m-txt3{position:absolute; top:289px; left: 50%;margin: 0 0 0 -300px;-webkit-animation:coming14 1s ease-in 1 normal forwards;width:600px;} 	
@-webkit-keyframes coming14{
0%{top:-60%;}
100%{top:289px;}
}			
.txt3ul{ width:600px; list-style:none;}
.txt3ul li{ float:left; cursor:pointer; margin:4px;-webkit-border-radius:10px;  -moz-border-radius:10px; border-radius:10px;}
.txt3ul li:hover {box-shadow: 0 0 20px #f7b400;}

.m-txt{position:absolute; top:250px; left: 50%;margin: 0 0 0 -320px;-webkit-animation:coming15 1s ease-in 1 normal forwards;height:30px;width:640px;} 	
@-webkit-keyframes coming15{
0%{top:-20%;}
100%{top:250px;}
}			
.m-txt h3{ font-size:38px; color:#ffc600; text-align:center; margin:-90px 0 5px 0;}
.m-txt p{ text-align:center; color:#fff;}
.m-txt p a{ color:#fff;text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none;}
.m-txt p a:hover{color:#f00;}
/*视频弹窗*/
.white_content2 {width:640px;display: none;position: fixed; top:25%;left:0%;z-index:1002; line-height:50px; color:#fff; font-size:1.2em; background-color:#5a0301; padding:10px 0 15px 0;} 
.tc_x2{ float:right; position:absolute; right:15px; top:14px;}
.white_content2 h3{ text-align:center; font-weight:100; background-color:#3e0100;font-size:28px; line-height:60px; color:#ffba00;}

.lb{ width:100%;line-height:30px; margin:5px 0;}
.tabl{ margin:0 auto; color:#fff;}
.tabl a{ color:#fff;text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none;}
.tabl a:hover{color:#f00;}

.table{ margin:0 auto;}
.table th{ width:20%; text-align:right;}
.table td{ width:30%; padding:3px 0;}
.table a{ color:#fff;text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none; margin:0 0 0 10px;}
.table a:hover{color:#f00;}
.table input{ border:2px solid #d2d2d2; background-color:transparent; color:#fff; font-size:1.0em; padding:0 3px;line-height:30px;-webkit-border-radius:8px;  -moz-border-radius:8px; border-radius:8px;}

.m-txt2{position:absolute; top:846px; left: 50%;margin: 0 0 0 -114px;-webkit-animation:coming16 1s ease-in 1 normal forwards;} 	
@-webkit-keyframes coming16{
0%{top:100%;}
100%{top:846px;}
}			
.m-txt2 .left,.m-txt2 .right{ float:left;}
.m-txt2 .left{ width:228px; height:67px; float:left;}


/*视频弹窗*/
.white_content {width:572px; height:300px;display: none;position: fixed; top:30%;left:50%;z-index:1002; line-height:50px; color:#fff; font-size:1.2em; background:url(../images/tc.png) no-repeat; margin:0 0 0 -286px;} 
.tc_x1{ float:right; position:absolute; right:33px; top:14px;}
.white_content h3{ text-align:center; font-weight:100; font-size:28px; line-height:60px; color:#ffba00;}
.lb2{ font-size:0.6em; line-height:26px; width:500px; margin:124px auto 0 auto;}

.fx_title h3{ position:absolute; top:230px; left:50%;margin: 0 0 0 -320px; width:640px; text-align:center; color:#f8c610; font-size:2.6em;}

.fx_title_txt{position:absolute; top:312px; left: 50%;margin: 0 0 0 -320px;height:30px;width:640px;} 	
.fx_title_txt h3{ font-size:38px; color:#ffc600; text-align:center; margin:-90px 0 5px 0;}
.fx_title_txt p{ text-align:center; color:#fff;}
.fx_title_txt p a{ color:#fff;text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none;}
.fx_title_txt p a:hover{color:#f00;}

.fx_pic{position:absolute; top:378px; left:50%;margin: 0 0 0 -320px; width:640px; text-align:center;}

.fx_dhm{position:absolute; top:623px; left:50%;margin: 0 0 0 -320px; width:640px; text-align:center;}
.fx_dhm h3{color:#f8c610; font-size:2.0em;}
.fx_dhm p{font-size:2.0em; color:#000; background-color:#fff; width:85%; margin:8px auto;-webkit-border-radius:10px;  -moz-border-radius:10px; border-radius:10px;}
.fx_dhm span{color:#f8c610;}
.fxhy{position:absolute; top:824; left:29%;margin: 0 0 0 -114px;-webkit-animation:coming17 0.6s ease-in 1 normal forwards;height:67px;width:228px; z-index:10;} 	
@-webkit-keyframes coming17{
0%{top:180%;-webkit-animation: bounceIn 1.4s 1.6s both;}
100%{top:824px;}
}	
.zlyq{position:absolute; top:824; left:70%;margin: 0 0 0 -114px;-webkit-animation:coming18 0.6s ease-in 1 normal forwards;height:67px;width:228px; z-index:10;} 	
@-webkit-keyframes coming18{
0%{top:180%;-webkit-animation: bounceIn 1.4s 1.6s both;}
100%{top:824px;}
}	
.tc_fx{position: fixed; right:0; top:0;}
.white_contentfx {display: none;position: fixed; top:0%;left:0%;z-index:1002; } 
