body{margin:0 auto;overflow:hidden; position:relative;}
.header{margin:0 auto;width:100%;height:100%;background-color:#000;position:relative;}
.header canvas{width:100%;height:auto;display:inline-block;vertical-align:baselineposition:absolute;z-index:-1;}
.header .canvaszz{  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/pic2.png);width:400px;height:432px;position:absolute;z-index:30;top:50%;left:50%; transform: translate3d(-50%,-50%,0) scale(1.1) ; background-size: 100% auto;}
.header .top_beian{width:232px;height:100px;position:absolute;z-index:30;top:80%;left:50%; transform: translate3d(-50%,-50%,0) scale(1.1) ; background-size: 100% auto; color:#fff; font-size:22px;}
.header .nav{width:804px;height:auto;position:absolute;z-index:30;top:420px;left:50%;margin-left:-400px;}
.header .nav a.gv{text-decoration:none;background:url(img/nav_gv.png) repeat 0px 0px;width:130px;height:43px;display:block;text-align:center;line-height:43px;
cursor:pointer;float:left;}

@media (max-width: 768px) {
    .header .top_logo{transform: translateX(-50%);top:400px;left:50%;}
}