@charset "utf-8";
/* CSS Document */

html{overflow-x:hidden; }
body{ width:100%; background:#000 ;}
.qs2_logo_lk a,.qs2_logo_bg{top:15px;left:30px; z-index: 100;}
.qs2_logo_lk a{z-index: 101;}
img{margin:0;padding:0;border:0;}
img{border:none;vertical-align:middle;}
.qs2_logo_bg, .qs2_logo_lk a{position:absolute; width:211px; height:100px;} 
.qs2_logo_bg{z-index:9; background:url(../images/qs2_logo_3d.png);_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/qs2_logo_3d.png',sizingMethod='scale'); cursor:pointer;}
.qs2_logo_lk a {z-index:10;}
.center_box { margin:0 auto;}
.clear{ clear:both;}

.left { float:left}
.right { float:right}

.wid_100 { width:100px;}
.wid_160 { width:160px;}
.wid_120 { width:120px;}
.wid_200 { width:200px; }
.wid_250 { width:250px; }
.wid_280 { width:280px }
.wid_450 { width:450px;}
.wid_300 { width:300px }
.wid_320 {width:320px;}
.wid_325 {width:325px;}
.wid_350 { width:350px }
.wid_360 { width:360px }
.wid_400 { width:400px }
.wid_480 { width:480px }
.wid_490 { width:490px;}
.wid_240 { width:240px;}
.wid_260 { width:260px;}
.wid_550 { width:550px; }
.wid_540 { width:540px; }
.wid_620 { width:620px;}
.wid_630 { width:630px;}
.wid_650 { width:650px;}
.wid_700 { width:700px;}
.wid_760 { width:760px;}
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt60 { margin-top:60px;}
.mt5 { margin-top:5px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml40 { margin-left:40px;}
.ml60 { margin-left:60px;}
.mb50 { margin-bottom:50px;}

.m1{ position:relative;width:1200px; margin:0 auto;z-index:100;}
.content{ position:relative;width:1200px; background:url(../images/content.jpg) no-repeat center top; margin:0 auto; height:auto; margin-top:-200px;z-index:100}
.video{ width:186px; height:105px; }
.video a{ display:block; width:186px; height:105px; border:1px solid #4b2f19;}
.center{position:relative;width:1200px; margin:0 auto;z-index:100;}

.btnbox{ width:460px; height:106px; position:relative}
.btnbox a{ display:block; }
.btnbox a.getgift{ position:absolute;width:247px; height:106px; background:url(../images/sprite.jpg) 0px 0px; left:0px; top:0px;}
.btnbox a.getgift:hover{ background:url(../images/sprite.jpg) 0px -107px;}
.btnbox a.enterhome{ position:absolute; width:212px; height:52px; background:#009; right:0px; top:0px;  background:url(../images/sprite.jpg) -248px 0px;}
.btnbox a.enterhome:hover{  background:url(../images/sprite.jpg) -248px -107px;}
.btnbox a.enterbbs{ position:absolute; width:212px; height:52px; background:#063; right:0px; bottom:0px; background:url(../images/sprite.jpg) -248px -52px;}
.btnbox a.enterbbs:hover{ background-position:-248px -160px;}

#one{ width:975px; height:366px;}
.tit{ width:983px; height:44px;  background:url(../images/tit.jpg) no-repeat;}
.btn4box{ background:url(../images/btn4.jpg) 0 -155px no-repeat;}
.btn4box{ width:885px; height:153px; position:relative}
.btn4box a{ display:block; width:146px; height:153px;}
.btn4box a:hover{ background:url(../images/btn4.jpg) 0 0 no-repeat;}
.btn4box a.weixin{ position:absolute; width:148px; height:153px; background:url(../images/btn4.jpg) 0 -155px no-repeat; left:0px;}
.btn4box a.sina{ position:absolute; width:148px; height:153px; background:url(../images/btn4.jpg) 243px -155px no-repeat; left:243px;}
.btn4box a.bbs{ position:absolute; width:148px; height:153px; background:url(../images/btn4.jpg) 490px -155pxpx no-repeat;left:490px;}
.btn4box a.serice{ position:absolute; width:148px; height:153px; background:url(../images/btn4.jpg) 732px -155px no-repeat; left:732px}
.btn4box a.weixin:hover{ background-position:0 0px;}
.btn4box a.sina:hover{  background-position:-245px 0px;}
.btn4box a.bbs:hover{ background-position:-490px 0px;}
.btn4box a.serice:hover{ background-position:-738px 0px;}
.wx_box{position: absolute;left: 62px;top:815px;display: none;}




*html #pop_17173 { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}


/*介绍*/
.Jieshao{float:left;width:960px;height:370px;margin-top:110px;margin-left:50px;font-family:'微软雅黑';color:#FFCC99;overflow:hidden; background-color: #000;padding:20px;border-radius:15px;}
.Jieshao ol{float:left;background:url(../images/xh.png) no-repeat left 8px ;}
.Jieshao ol li{float:left;width:930px;line-height:30px;margin-left:35px;font-size:16px;font-family:'微软雅黑';display:block;}
.Jieshao ol li strong{font-family:'微软雅黑';font-weight:normal;color:#FFCC99;}
.Jieshao ol li a{color:#d40000;}

.Jieshao2{float:left;width:960px;height:170px;margin-top:110px;margin-left:50px;font-family:'微软雅黑';color:#FFCC99;overflow:hidden; background-color: #000;padding:20px;border-radius:15px;}
.Jieshao2 ol{float:left;margin-left:20px;}
.Jieshao2 ol li{float:left;width:900px;height:30px;line-height:30px;margin-left:15px;font-size:16px;font-family:'微软雅黑';display:block;}
.Jieshao2 ol li strong{font-family:'微软雅黑';font-weight:normal;color:#FFCC99;margin-right:50px}
.Jieshao2 ol li span{font-family:'微软雅黑';}
.Jieshao2 ol li a{color: #05c0ef; font-weight: bold; font-size: 16px;margin-left:50px}
.Jieshao2 ol li a:hover{color: #f8fb02;}

.Jieshao3{float:left;width:960px;height:170px;margin-top:110px;margin-left:50px;font-family:'微软雅黑';color:#FFCC99;overflow:hidden; background-color: #000;padding:20px;border-radius:15px;}
.Jieshao3 ol{float:left;margin-left:20px;}
.Jieshao3 ol li{float:left;width:900px;height:30px;line-height:30px;margin-left:15px;font-size:16px;font-family:'微软雅黑';display:block;}
.Jieshao3 ol li strong{font-family:'微软雅黑';font-weight:normal;color:#FFCC99;margin-right:50px}
.Jieshao3 ol li span{font-family:'微软雅黑';}
.Jieshao3 ol li a{color: #05c0ef; font-weight: bold; font-size: 16px;margin-left:50px}
.Jieshao3 ol li a:hover{color: #f8fb02;}
.Jieshao3 dd{color: #fff;margin:10px 0 0 40px}


/**视频弹窗**/
#single-video,#single-video2{ display:none; height:400px; width:640px; padding:8px 12px; position: absolute;   z-index:100; 
background-color:#170e0a; border:5px solid #170e0a; }
#single-video2{height:500px;}
#single-video h2,#single-video2 h2 { width:90%; height:36px; line-height:30px; font-size:14px; color:#fff; font-weight:bold; }
#single-video .voice-stop,#single-video2 .voice-stop2 { 
	/*cursor: pointer; display: block; height: 26px; position: absolute; right: 15px; top: 11px; width: 36px; z-index:100; text-indent:-9999em;*/
display:block; width:30px; height:30px; text-align:center; position:absolute; right: 10px;top: 10px;
	font-family:'宋体'; font-size:16px; cursor:pointer; background-color:#170e0a; color:#fff;
	 }
/*发码弹窗*/
.pop { position: absolute; z-index: 100; display:; width: 394px; height: 266px; padding: 12px 30px; background-color: #7c2f38;}
.pop h3 { font-family:'微软雅黑','宋体'; font-size:24px; line-height:60px; color:#ffffff; font-weight:700; border-bottom:1px solid #f85e70; text-align:center; width:394px; margin-bottom:20px;}
.pop .close { display:block; text-indent:-9999em; background:url(../images/sprite.jpg) no-repeat; right:-33px; position:absolute; width: 33px; height: 33px; top:0; background-position:-622px -170px;}
.pop p { font-family:'微软雅黑','宋体'; font-size:18px; line-height:28px; color:#ffffff; padding-bottom:8px; }
.pop p.imp { font-size:12px; line-height:20px; color:#e89f48; }
.pop p.indent2 { text-indent:2em;}
.pop .get_code { width:394px; height:38px; margin-bottom:18px;}



#popout-QR-default{ width:86px; height:310px; position:fixed; right:-86px; top:20%; margin-top:-65px; z-index:11; text-indent:-9999em; cursor:pointer; background:url(../images/qr_de.png) left top no-repeat;_background: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/qr_de.png',sizingMethod='scale');}
*html #popout-QR-default{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 120 + 'px');}

/*新建*/
.xinwen_box {  background:url(../images/bg01.png) no-repeat; height:750px; width:1100px;   }
.xinwen_box2 {  background:url(../images/bg02.png) no-repeat; height:550px; width:1100px;}
.xinwen_box3 {  background:url(../images/bg03.png) no-repeat; height:350px; width:1100px;}
#Version{width:100%;height:650px;position:relative; overflow:hidden;}
#Flash{width:1920px;height:650px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:1920px;height:650px;position:relative;left:50%;}
.zbdt_box { width:1000px; height:auto; overflow:hidden}
.zbdt_box li {background:url(../images/bg01.png) no-repeat; height:750px; width:1000px; margin-top:30px; }
.zbdt_box li img{width:800px;height:600px;margin:50px 0px 0px 80px}

/*--------*/
/*装备*/



.nav-box{float:left;width: 1200px;position: relative;z-index: 9999;left:50%;margin-left:-550px;margin-top:-600px}
.downnav{position: absolute;width: 210px;height: 284px;text-indent:-9999px;}
.nav1{top: 330px;left: 80px;background: url(../images/sprite.png) -0px -0px no-repeat;animation:piao 3s .8s infinite;-webkit-animation:piao 3s .8s infinite;}
.nav2{top: 330px;left: 320px;background: url(../images/sprite.png) -210px -0px no-repeat;animation:piao 3s .2s infinite;-webkit-animation:piao 3s .2s infinite;}
.nav3{top: 330px;left: 550px;background: url(../images/sprite.png) -420px -0px no-repeat;animation:piao 3s .5s infinite;-webkit-animation:piao 3s .5s infinite;}
.nav4{top: 330px;left: 780px;background: url(../images/sprite.png) -630px -0px no-repeat;animation:piao 3s infinite;-webkit-animation:piao 3s infinite;}
.nav1:hover{background: url(../images/sprite.png) -0px -284px no-repeat}
.nav2:hover{background: url(../images/sprite.png) -210px -284px no-repeat}
.nav3:hover{background: url(../images/sprite.png) -420px -284px no-repeat}
.nav4:hover{background: url(../images/sprite.png) -630px -284px no-repeat}
@keyframes piao{0%{transform:translateY(0)}
50%{transform:translateY(10px)}
100%{transform:translateY(0)}}
@-webkit-keyframes piao{0%{-webkit-transform:translateY(0)}
50%{-webkit-transform:translateY(20px)}
100%{-webkit-transform:translateY(0)}}

.ding_2 { position:absolute; top:6px; right:0; width:400px; height:55px;}
.ding_2 a img { width:70px; height:55px; opacity:0.5; transition:0.5s; border-radius:2em;}
.ding_2 a img:hover { opacity:1;}