@charset "utf-8";
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h4, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;

	outline:0
}

html * {
	outline:0;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:transparent
}
body {
	color:#333;
	font-size:14px;
font-family:'宋体';
	background:#051939;
}
a, ins {
	text-decoration:none;
	color:#333
}
a:hover {
	color:#dd3c3c;
	text-decoration: none
}
ol, ul {
	list-style:none
}
* {
	padding:0;
	margin:0;
	border:0;list-style:none
}
.clear {
	clear:both
}
.top20 {
	margin-top:20px;
}
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}
 
.video-background {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
}
 
.content { position:relative; height:100%

}









.container {
	width:98%;
	margin:0 auto;
	overflow:hidden；
}





.header {
    width: 100%;
    height: 40px;
    line-height: 40px;
  overflow:hidden; color:#FFF
}
 .header  a{ color:#FFF}

.header-left{ float:left}
.header-right{ float:right}
 .header .header-left span{ margin-right:20px;}
 .header .header-left span.logo{float:left;margin-right:5px;}
 .header .header-left span.logo img{height:30px; }
 .header .header-right span{ margin-left:20px;height:40px; line-height:40px; overflow:hidden; position:relative; display:inline-block}
 .header .header-right em{ margin-left:20px;display:inline-block}
 .header .tianqi{ width:125px;}
 .header iframe{ position:absolute; top:12px;height:18px; line-height:18px; overflow:hidden;}

.topt{ text-align:left; font-size:48px; color:#FFF; margin-top:0px; font-family:"粗黑";font-weight:bold;letter-spacing:10px;}








.name{ color:#FC0; font-size:56px; position:absolute; bottom:200px;left:50%; margin-left:-390px; width:780px;font-family:"粗黑";font-weight:bold}
.name a{ color:#FC0; }
.nav{ position:absolute; bottom:150px;left:50%; margin-left:-390px; width:780px;}
.nav ul{}
.nav ul li{ float:left; font-size:28px; margin-right:30px; margin-top:20px; font-weight:700}
.nav ul li a{ color:#FFF}



.footer {
	width: 100%;
	font-size: 12px;
	color: #fff;
	text-align: center; position:absolute; bottom:20px;left:0px;
}


.footer p{ margin-top:5px; margin-bottom:5px;
}
.footer a {
	color: #fff;
}





@media screen and (max-width:980px) {
	

.container {
 width:-webkit-calc(100% - 20px);
width:-moz-calc(100% - 20px);
width:calc(100% -20px);
 margin:0 auto;
 overflow:hidden
}


.topt{ font-size:30px;}



.name{ color:#FC0; font-size:36px; position:absolute; bottom:290px;left:0; margin-left:-0px; width:100%;}
.nav{ position:absolute; bottom:200px;left:0; margin-left:-0px; width:100%;}

.nav ul{}
.nav ul li{ float:left; font-size:16px; margin-right:10px; margin-top:20px;}


}