body,td,th { 
font-family:微软雅黑;
    letter-spacing: 0px; 
    line-height: 20px;
} 

body { 
   margin: 0;
   padding: 0;
    overflow-x: hidden;
	background: #FFFFFF; 
} 

.h1 {
/*	font-size: 75px;*/
	font-weight: 800;
	position: relative;
/*	margin: 65px 0 0 0;*/
	color: #F5F5F5;
	text-decoration: none;
	text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2);
	line-height: 1.2em;
	text-align: center;
}

a:link {color: #0080FF; text-decoration: none} /* 未访问的链接 */
a:visited {color: #0080FF; text-decoration: none} /* 已访问的链接 */
a:hover {color: #fd7103; text-decoration: none} /* 鼠标在链接上 */
a:active {color: #0080FF; text-decoration: none} /* 激活链接 */

.nv a:link {color: #0080FF; text-decoration: none} /* 未访问的链接 */
.nv a:visited {color: #0080FF; text-decoration: none} /* 已访问的链接 */
.nv a:hover {color: #fd7103;font-size: 20px;font-weight: 800; text-decoration: none;} /* 鼠标在链接上 */
.nv a:active {color: #0080FF; text-decoration: none} /* 激活链接 */
.nv {text-shadow: 1px 1px 0 #E0E0E0;}
.nv td{text-align : center;width:120px;height:140px;}
.nv a:hover img{width:110px;ease-in:10s}


.dh a:link {color: #F5F5F5; text-decoration: none} /* 未访问的链接 */
.dh a:visited {color: #F5F5F5; text-decoration: none} /* 已访问的链接 */
.dh a:hover {color: #fd7103; text-decoration: none} /* 鼠标在链接上 */
.dh a:active {color: #0080FF; text-decoration: none} /* 激活链接 */


/*seo灰色字体链接*/
.gainsboro {color: #ADADAD; font-weight: normal; font-family: "宋体";} 
.gainsboro a:link {color: #ADADAD;}
.gainsboro a:visited {color: #ADADAD;} 
.gainsboro a:hover {color: #ADADAD;}
.gainsboro a:active {color: #ADADAD;} 

/*seo白灰色字体链接*/
.baihui {color: #F0F0F0; font-weight: normal; font-family: "宋体";} 
.baihui a:link {color: #F0F0F0;}
.baihui a:visited {color: #F0F0F0;} 
.baihui a:hover {color: #F0F0F0;}
.baihui a:active {color: #F0F0F0;} 

.downbox{width: auto;height:70px;margin:10px 0px 10px 0px;border: 0px solid #01B468;position: relative;text-align: center;}
.downbox span{position: relative;display: inline-block;border: 0px solid #01B468;}

.down a{
font-size: 16px;
font-weight: 800;
position:relative;
padding:20px 20px 20px 20px;
background-color: #01B468;
/*66B3FF浅蓝色*/
border: 1.8px solid #01B468;
border-radius: 8px;
color:#FFFFFF
}

.down a:hover{
font-size: 18px;
font-weight: 800;
position:relative;
padding:25px 25px 25px 25px;
border: 1.8px solid #fd7103;
background-color: #fd7103;
border-radius: 8px;
color:#FFFFFF;
}

.down a:visited{color:#FFFFFF;}

.overlay {
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.logo {
  margin-bottom: 10px;
  height: 120px;
  width: 120px;
}

.containerflat {
  width: 100%;
  height: 350px;
}

#output {
	height: 1px;
	}

.information {
  margin-bottom: 60px;
}

.controls {
  -webkit-font-smoothing: subpixel-antialiased;
  position: absolute;
  left: 20px;
  top: 0;
  background: #111;
  z-index: 100;
}

.vignette {
  background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
  background-image: radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
}

.noise {
  background-image: url("http://matthew.wagerfield.com/flat-surface-shader/assets/styles/../graphics/noise.png");
  opacity: 0.075;
}

.hide {
  opacity: 0;
}

canvas {
	position: absolute;
left: 0;
top: 0;
z-index: -1;
}

#container {

}

#header {
		position: relative;
		float: left;
		width: 100%;
		background: url(../img/01.png) repeat fixed 0 0;
		z-index: 0;
		;box-shadow:0px 6px 16px 0px rgba(0, 0, 0, 0.22);
}