body {margin:0 auto;overflow:hidden;}  

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

.audio{ 
/*设置音乐显示位置*/
	width:45px;
	position:absolute;top:65px;right:6%;
	z-index:100;
	filter:alpha(opacity=30);  
      -moz-opacity:0.3;  
      -khtml-opacity: 0.3;  
      opacity: 0.3;
	}
.header .top_0{
	width:100%;
	position:absolute;
	z-index:30;
	height:auto;
	/* top:20%; */
}
.header .top_logo{
	margin:0 auto;
	}	

.header .nav0{
	height:auto;
	position:absolute;
	z-index:51;
	/* width:100%; */
	/* top:65%; */
	}

.header .nav a.gv { 
	text-decoration:none; 
	display: block; 
	text-align:center;		/*水平居中*/  /*上下居中*/
	cursor:pointer;
	float:left;/*左浮动*/
	/* color:#066197; */
	}

.header .nav a.gv span {
	 display: none;
	 	
}
.header .nav a.gv:hover { 

	color: #07F3F3;
    -webkit-box-shadow: 0 0 6px #07F3F3;
	transition-duration: 0.5s;
	}
	
.header	.topcn{
	width: 980px;
	top:42%;
	left: 50%;
	margin-left: -490px;
	position:absolute;
	z-index:20;

	}

/* 背景效果结束 */	
	
	
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500);

*{
	padding:0;
	margin:0;
}

body{
	font-family: "Microsoft YaHei", sans-serif;
	font-size:100%;
	background:#000;
	color:#07F3F3;
}

a{
	text-decoration: none;
	color:#fff;
}
	a:hover{
		color:#999;
	}
p{
	line-height: 2em;
	margin:0 0 20px;
	text-align: center;
}

.wrap{
	width: 100%;
	/* margin:150px auto; */
	/* top:45vh; */
	z-index:50;
	position:absolute;
}

.type-wrap{
	margin:10px auto;
	padding:20px;
	/* background:url(../css/img/bg-k.png) 50% 50% no-repeat; */
	/* background:rgba(255, 255, 255, 0.18); */
	/* border-radius:5px; */
	/* border:#199cc4 1px solid; */
	text-align: center;
	width:600px;
	/* height:100px; */
}

.links{
	margin:20px 0;
	font-size: 0.75em;
	text-align: center;
}


/* code for animated blinking cursor */
        .typed-cursor{
            opacity: 1;
            font-weight: 100;
            -webkit-animation: blink 0.7s infinite;
            -moz-animation: blink 0.7s infinite;
            -ms-animation: blink 0.7s infinite;
            -o-animation: blink 0.7s infinite;
            animation: blink 0.7s infinite;
        }
        @-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-webkit-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-moz-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-ms-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }
        @-o-keyframes blink{
            0% { opacity:1; }
            50% { opacity:0; }
            100% { opacity:1; }
        }

        .typed-fade-out{
            opacity: 0;
            animation: 0;
            transition: opacity .25s;
        }
	
/* 文字输入效果结束 */
	
	
	
/* 响应式布局开始 */
	
@media only screen and (min-width: 600px){
.header .nav0{
	top:60vh;
	width: 100%;
}
.header .nav{
	width:492px;
	height:auto;
    margin:0 auto;
}
.header .nav a.gv{
	line-height: 55px;
    font: 2.0em 'microsoft yahei';
    margin: 40px;
    width: 166px;
    height: 55px;
    color: #067EC5;
}	
.header .nav a.gv:hover { 
	background: url(img/nav_gv-wap.png) repeat 0px -55px; 
}
.wrap{
	font-size: 2.5em;
	top:40vh;
}
.header .top_logo{
	width:100vw;
	}	
.header .top_logo img{
	width:100%
}
.header .top_0{
	top:15vh;
}
}
@media only screen and (min-width: 1000px){
.header .nav0{
	top:50px;
	right:0;
}
.header .nav{
	width:80px;
	height:auto;
	margin-right:0;
	}
.header .nav a.gv{
		line-height:34px;
		font:18px/34px 'microsoft yahei';
		margin: 44% 2px 20% 2px;
		background:url(img/nav_gv.png) repeat 0px 0px; 
		width: 50px; 
		height: 86px; 
		color:#066197;
}
.header .nav a.gv:hover { 
	background: url(img/nav_gv.png) repeat 0px -83px; 
}
.wrap{
	font-size:1.5em;
	top:45vh;
}
.header .top_logo{
	width:750px;
	}	
.header .top_logo img{
	width:750px;
}
.header .top_0{
	top:20vh;
}
}