/*=============第一页=============*/	
.header{
	margin:0 auto;
	width:100%;
	height:366px;
	background-color:#000;
	position:relative;
	}
.header canvas {
	width:100%;height:366px/*默认全屏显示 可自己设置高度640px*/;
	display:inline-block;vertical-align:baseline
	position:absolute;
	z-index:-1;
	}
.header .canvaszz{  /*用来解决视频右键菜单，用于视频上面的遮罩层*/
	width:100%;
	background-image: url(../images/in_top_bj.jpg);
	height:366px;
	position:absolute;
	z-index:10;
		filter:alpha(opacity=40);  
      	-moz-opacity:0.4;  
      	-khtml-opacity: 0.4;  
      	opacity: 0.4;
	}

.audio{ 
/*设置音乐显示位置*/
	width:45px;
	position:fixed;top:65px;left:94%;
	z-index:100;
	filter:alpha(opacity=30);  
      -moz-opacity:0.3;  
      -khtml-opacity: 0.3;  
      opacity: 0.3;
	}
.header .top_logo{
	background-image: url(../images/Alpha_top_logo.png);
	margin:0 auto;
	width:750px;
	height:200px;
	position:absolute;
	z-index:30;
	top:30px;
	left: 54%;
	margin-left: -390px;
	}	
.header .top_logo .click{
	width:100%;
	height:100%;
	display:block;
}
.header .nav{
	width:940px;
	height:auto;
	position:absolute;
	z-index:30;
	top:220px;
	left: 50%;
	margin-left: -430px;
	}
.header .nav a.gv { 
	text-decoration:none; 
	background:url(../images/nav_gv2.png) repeat 0px 0px;
	width: 150px; 
	height: 40px; 
	display: block; 
	text-align:center;		/*水平居中*/
	line-height:40px;  /*上下居中*/
	cursor:pointer;
	float:left;/*左浮动*/
	margin:8px 35px 8px 2px;
	font:20px/40px 'microsoft yahei'; color:#066197;
	}
.header .nav a.gv span {
	 display: none;
	 	
}
.header .nav a.gv:hover { 
	background: url(../images/nav_gv2.png) repeat 0px -40px; 
	color:#1d7eb8;
	-webkit-box-shadow: 0 0 6px #1d7eb8;
	transition-duration: 0.5s;
	}
	
.header	.topcn{
	width: 980px;
	top:200px;
	left: 50%;
	margin-left: -490px;
	position:absolute;
	z-index:20;

	}
@media (min-width: 100px) and (max-width:767px){
	.header{
		margin:0 auto;
		width:100%;
		height:500px;
		background-color:#000;
		position:relative;
		top:80px;
		margin-bottom:150px;
	}
	.header canvas{
		width:380%;
		height:500px/*默认全屏显示 可自己设置高度640px*/;
		display:inline-block;vertical-align:baseline
		position:absolute;
		z-index:-1;
	} 
	.header .canvaszz{
		width:380%;
		background-image: url(../images/in_top_bj.jpg);
		background-size:100% 366px;
		height:440px;
		position:absolute;
		top:60px;
		z-index:10;
		filter:alpha(opacity=40);  
      	-moz-opacity:0.4;  
      	-khtml-opacity: 0.4;  
      	opacity: 0.4;
	}
	.header .top_logo{
		background-image: url(../images/Alpha_top_logo.png);
		margin:0 auto;
		width:750px;
		height:200px;
		position:absolute;
		z-index:30;
		top:60px;
		left: 54%;
		margin-left: 120px;
	}	
	.header .top_logo .click{
		width:100%;
		height:100%;
		display:block;
	}
	.header .nav{
	width:940px;
	height:auto;
	position:absolute;
	z-index:30;
	top:250px;
	left: 50%;
	margin-left: 50px;
	}
}