#mian{ width:100%; min-width:1000px; margin:auto;  min-height:1000px; _height:1000px; height:auto;   overflow:hidden;  position:relative;  background:url("../images/bg3.jpg") no-repeat center bottom;}
#top{background:url("../images/top1.jpg") no-repeat center top; width:100%; margin:auto;  height:379px; z-index:2; overflow:hidden;  }
#game-nav{ width:100%; height:144px; margin:auto; position:relative; background:url("../images/nav.png") no-repeat center top; }
.nav_box{ width:980px; position:relative; margin:auto; height:69px; z-index:3; background:url("../images/nb.png") no-repeat center top;}
.nav_box ul{ width:100%; height:69px;}
.nav_box ul li{ width:120px; position:relative; height:69px;  }
.nav_box ul li.n-left{ float:left;}
.nav_box ul li.n-right{ float:right;}

.nav_box ul li a{ position:absolute; top:0px;   width:125px; z-index:22;   height:69px; display:inline-block;  }
.nav_box ul li.n-left a{left:0px; }
.nav_box ul li.n-right a{right:0px;}
.nav_box ul li.hover a{background:url("../images/all_nav.png") no-repeat;}
.nav_box ul li.hover .nav-home{ background-position:0 0; }
.nav_box ul li.hover .nav-news{ background-position:-125px 0; }
.nav_box ul li.hover .nav-down{ background-position:-250px 0; }
.nav_box ul li.hover .nav-data{ background-position:-375px 0; }
.nav_box ul li.hover .nav-commlnity{ background-position:-500px 0; }
.nav_box ul li.hover .nav-service{ background-position:-625px 0; }
.nav_box ul li .n-list{ width:122px; position:absolute; text-align:center; height:106px; padding-top:10px; display:block; overflow:hidden; top:69px;}
.nav_box ul li.n-left .n-list{ left:5px;}
.nav_box ul li.n-right .n-list{ right:5px;}
.nav_box ul li.hover .n-list{  background:url("../images/n_bg.png") no-repeat center top;}
.nav_box ul li .n-list a{ background:none; width:100%; height:20px; margin:0px; padding:0px;  line-height:20px; display:block; position:relative; overflow:hidden; color:#748fb0;}
.nav_box ul li .n-list a:hover{ color:#00c4d0;}
.nav_box ul li .notxt{ height:0px;}
.nav_box ul li .n-list a.n-hot{ background:url("../images/hot.jpg") no-repeat 92px 5px;}

.web-ser-name{ color:#ffffff; position:absolute; right:50%; margin-right:-440px; top:353px;display:inline; width:180px; height:29px; font-size:13px;}
.web-cat-but{ width:114px; height:30px; font-size:14px; color:#ffde00; position:absolute; left:50%; margin-left:136px; display:inline; top:350px;}
.web-cat-but:hover{ color:#ffffff;}
.web-wx-img{ width:287px; height:278px; position:absolute; background:url("../images/weixin.png");  z-index:444; top: 164px;right: 50%; margin-right: -526px; display:inline; display:none;}
.webxi-exit{ float:right; width:38px; height:38px; cursor:pointer; display:block; overflow:hidden; margin-top:4px; }
.mweb-cat-but{ width:388px; height:183px;  right:50%; margin-right:-480px; display:block; position:absolute;  top:195px; z-index:40;}


.go_top{ position:fixed; _position:absolute; right:50%; margin-right:-578px; bottom: 200px; _bottom: "auto"; z-index:99; width:76px; height:128px;  overflow:hidden; cursor:pointer; _z-index:99999; display:none;}
.got-paly{ width:100%; height:52px; line-height:52px; display:block; background:url("../images/top.png") no-repeat 0 0;}
.got-paly:hover{ background-position:-76px 0;}
.go_top a{ width:100%; height:24px; line-height:24px; float:left; display:block; color:#556a83; margin-top:1px; background:url("../images/top.png") no-repeat 0 -53px; }
.go_top a:hover{ color:#09929d;  background:url("../images/top.png") no-repeat -76px -53px;}