body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#020101; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-seri}
body,html{height:100%;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.wrap{ position:relative; overflow:hidden;}
.game_logo{pointer-events: none; background:url(../images/glogo.png) no-repeat 0 0; position:fixed; z-index:999; left:0; top:40px; width:620px; height:168px; overflow:hidden; text-indent:-999em;}
.foot{pointer-events: none; background:url(../images/foot.png) no-repeat center 0; padding-top:90px; height:53px; line-height:25px; text-align:center; color:#300202; z-index:999; position:fixed; bottom:0; left:0; width:100%;}
.nav{ position:fixed; z-index:9999; top:0; left:0; width:100%;}
.down{width:137px;  cursor:pointer; position:fixed;z-index:998; left:50%; margin-left:-68px; bottom:105px; height:70px;}
.down a{background:url(../images/down.gif) no-repeat 0 0; width:137px; height:70px; display:block;overflow:hidden; text-indent:-999em;}
/*preload_page*/
.preload_page{ position:fixed; background-color:#060404; width:100%; height:100%; z-index:9999;}
.preload_page .con{ position:absolute; width:312px; height:222px; left:50%; top:50%; text-align:center; margin:-111px 0 0 -156px;}
.preload_page p{width: 100%;position: absolute;bottom:0;font-size: 18px;color: #fff;line-height: 22px; left:0;}

/*nav_con*/
.nav_con{width:16px;height:160px;position:fixed;right:35px;top: 50%;margin-top: -80px;z-index:9999; background:url(../images/sb.png) no-repeat center bottom;}
.nav_con li{ position:relative; vertical-align:middle; background:url(../images/nav.png) no-repeat center center; width:16px; margin:0 auto; height:25px; cursor:pointer;}
.nav_con .current{ background:url(../images/navh.png) no-repeat center center;}
.nav_con li i{ position:absolute; top:0; left:-85px; background:url(../images/tip.gif) no-repeat 0 0; height:25px; width:73px; padding-right:5px; text-align:center; color:#fff; font-size:14px; display:none;}
.nav_con .current i{ display:block;}

/*box*/
#box{ height:100%;}
#box1,#box2,#box3,#box4,#box5{ position:fixed; overflow:hidden; width:100%;}
#box1{ background:url(../images/bg1.jpg) no-repeat center top;}
#box2{ background:url(../images/bg2.jpg) no-repeat center top;}
#box3{ background:#000 url(../images/bg3.jpg) no-repeat center top;}
#box4{ background:url(../images/bg4.jpg) no-repeat center top;}
#box5{ background:url(../images/bg5.jpg) no-repeat center top;}

#box .mod_bd{ width:1000px; margin:0 auto;}

.mod_bd{ margin:0 auto; width:1000px; height:100%}

/*box1*/
#box1 .mod_bd{ padding-top:600px;}
.btn_a{ border:1px solid #e31200; color:#e31200; width:150px; height:45px; text-align:center; line-height:45px; font-size:21px; display:block; margin:0 auto;}
.btn_a:hover{ border:1px solid #fff; color:#fff;}
/*box2*/
#box2 .mod_bg{background:#000;border-bottom:#fd0000 solid 65px;filter: Alpha(opacity=80);-moz-opacity:.8;opacity:0.8;height:540px;position:absolute;top:50%;z-index:38;left:0;width:100%;margin-top:-230px;}
#box2 .mod_bd{ height:605px; position:absolute; left:50%; top:50%; margin:-230px 0 0 -500px; z-index:40;}
#box2 .mod_bd .mod_con{ padding-top:20px; width:630px; height:510px; overflow:hidden;}
#box2 .mod_bd .mod_con h3{ font-size:48px; height:55px; line-height:55px; text-indent:5px; font-weight:normal; padding-bottom:10px; background:url(../images/b_line.png) no-repeat left bottom; color:#fff;}
#box2 .mod_bd .mod_con h3 b{ color:#fd0000; padding-left:10px;}
#box2 .mod_bd p{ color:#fff; line-height:25px; width:560px; padding-bottom:10px;}
#box2 .b_txt{ color:#bababa; background:url(../images/b_txt.png) no-repeat 0 0; margin:10px 0 0 42px; width:547px; padding:15px 5px 10px 7px;}
#box2 .b_rw{ position:absolute; top:-194px; right:-114px; width:521px; height:788px;}
/*box3*/
#box3 .mod_bg{ width:1920px; height:526px; position:absolute; top:50%; z-index:23; margin:-140px 0 0 -960px; left:50%;}
#box3 .c_rw{ width:998px; height:754px; position:absolute; z-index:22; left:50%; margin-top:-377px; top:50%; margin-left:-499px;}
#box3 .mod_bd{ height:398px; position:absolute;margin:-140px 0 0 -500px; z-index:40; padding-top:128px; left:50%; top:50%;}
#box3 .c_txt{ padding-top:30px; width:585px; float:left; margin-right:55px;}
#box3 h3{ font-size:48px; font-weight:normal; line-height:65px; padding-bottom:10px; background:url(../images/c_line.png) no-repeat center bottom; color:#fff;}
#box3 h3 b{ color:#fd0000}
#box3 .c_video{ background:url(../images/v.jpg) no-repeat 0 0; width:349px; overflow:hidden; text-indent:-999em; height:185px; float:left;}
#box3 p{ color:#fff; font-size:14px; line-height:25px; padding:10px 0 0 10px;}
/*box4*/
#box4 .mod_bg{ width:1920px; height:659px; position:absolute;top:50%; z-index:23; margin:-180px 0 0 -960px; left:50%;}
#box4 .d_rw{ width:829px; height:708px; position:absolute; top:50%; margin:-380px 0 0 -380px; z-index:20; left:50%;}
#box4 .mod_bd{ height:559px; position:absolute;margin:-180px 0 0 -500px; z-index:40; padding-top:100px; left:50%; top:50%;}
.bar_list{ width:1000px; overflow:hidden;}
.bar_list .bar_hd{ height:24px;}
.bar_list .bar_hd a{ float:right; padding-right:30px; background:#000 url(../images/more.jpg) no-repeat right center; color:#d70000; font-size:14px; height:24px; line-height:24px;}
.bar_list ul{ width:1020px; padding-top:20px;}
.bar_list ul li{ float:left; width:235px; height:157px; margin-right:19px;}
.bar_list ul li img{ display:block;}
#box4 .d_txt{ width:396px;}
#box4 h3{ font-size:48px; font-weight:normal; line-height:65px; padding-bottom:10px; background:url(../images/d_line.png) no-repeat center bottom; color:#fff;}
#box4 h3 b{ color:#fd0000}
#box4 p{ color:#fff; font-size:14px; line-height:25px; padding:10px 0 0 10px;}
/*box5*/
#box5 .mod_bg{ width:1920px; height:711px; position:absolute;top:50%; z-index:23; margin:-340px 0 0 -960px; left:50%;}
#box5 .mod_bd{ height:711px; position:absolute;margin:-340px 0 0 -500px; z-index:40;left:50%; top:50%;}
#box5 .e_txt{ position:absolute; right:0; top:5px; z-index:55; width:427px; height:410px;}
#box5 h3{ font-size:48px; font-weight:normal; line-height:65px; padding-bottom:10px; background:url(../images/e_line.png) no-repeat center bottom; color:#fff;}
#box5 h3 b{ color:#fd0000}
#box5 p{ color:#fff; font-size:14px; line-height:25px; padding:10px 0 0 10px;}
#box5 .wb_con{ border:2px solid #640101; background:#fff; height:300px; margin-top:10px;}
#box5 .focus{ position:relative;}
#box5 .focus li{ display:none; position:absolute;}
#box5 .focus .li_1{ top:-60px; width:584px; height:656px;}
#box5 .focus .li_2{ top:-32px;width:584px; height:626px;}
#box5 .focus .li_3{ top:-39px;width:584px; height:634px;}
#box5 .focus .li_4{ top:77px; left:-143px;width:653px; height:535px;}
#box5 .focus_nav{ position:absolute; left:343px; top:531px; height:168px; width:651px;}
#box5 .focus_nav span{ position:absolute; bottom:0; cursor:pointer;}
#box5 .focus_nav .fn1{ left:0; height:124px; width:161px; background:url(../images/fn1.png) no-repeat 0 0;}
#box5 .focus_nav .fn2{ left:163px; height:138px; width:161px;background:url(../images/fn2.png) no-repeat 0 0;}
#box5 .focus_nav .fn3{ left:327px; height:151px; width:161px;background:url(../images/fn3.png) no-repeat 0 0;}
#box5 .focus_nav .fn4{ left:492px; height:168px; width:159px;background:url(../images/fn4.png) no-repeat 0 0;}
#box5 .focus_nav .fn1.current{ background:url(../images/fn1h.png) no-repeat 0 0;}
#box5 .focus_nav .fn2.current{ background:url(../images/fn2h.png) no-repeat 0 0;}
#box5 .focus_nav .fn3.current{ background:url(../images/fn3h.png) no-repeat 0 0;}
#box5 .focus_nav .fn4.current{ background:url(../images/fn4h.png) no-repeat 0 0;}