﻿<!--
/* Global Style Start */
body,div,h1,h2,h3,h4,h5,form,img,ul,ol,li,dl,dd,p{margin:0;padding:0;}
li{list-style-type:none;}
ul{list-style:none;}
a img{border:0;}
.c{zoom:1;}
.c:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.l{float:left;}
.r{float:right;}
.dn{display:none !important;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.fwb{font-weight:bold;}
.mt10 { margin-top:10px;}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}

a{color:#fff; text-decoration:none; hide-focus:expression(this.hideFocus=true); outline:none;}
a:hover{color:#fff; text-decoration:underline;}
.hide{width:0px; height:0px; display:block; text-indent:-9999px; overflow:hidden;}
/* Global Style End */

/* Frame Style Start */
body{background:#030102; color:#fff; font:12px/1.5 tahoma, '\5b8b\4f53', sans-serif; min-width:1200px; }
.wrap{ margin-top:-500px; position:relative; z-index:50;}
/* Frame Style End */

/* Footer Style Start */
#footer_ied{background:#212122; padding:50px 0 50px 0; color:#666666; text-align:center; line-height:19px; font-family:Tahoma; font-size:12px;}
#footer_ied .wrap_ied{width:1000px; margin:0 auto;}
#footer_ied p.e{font-size:10px;}
#footer_ied a{color:#666666; text-decoration:none;}
#footer_ied a:hover{color:#666666; text-decoration:underline;}
/* Footer Style End */

/* Header Style Start */
.head, .main{width:1200px; margin:0 auto; position:relative;}
.main{background:url(../images/menu_but.png) no-repeat 75% 0; height:400px;}
/* Header Style End */


.ht{overflow:hidden; text-indent:-9999px;}

/* box Style Start */
.logo, .ico_qt, .ico_qz, .startgamebtn, .menu li a{display:block; position:absolute;}
.logo{width:152px; height:80px; top:15px; left:15px;}
.ico_qt, .ico_qz{width:18px; height:18px; top:39px; left:925px;}
.ico_qz{left:945px;}
.startgamebtn{width:270px; height:75px; top:0; left:670px; text-align:center; line-height:70px;cursor:pointer ;color:#c5ab88; text-shadow: 2px 2px 2px #000;  font-size:30px; font-weight:bold }
.startgamebtn:hover {width:270px; height:75px; background:url(../images/menu_hover_a.png);text-decoration: none; color:#efd4b0; text-shadow: 2px 2px 2px #000;  font-size:30px; font-weight:bold}
.menu { width:420px;  height:280px;  top:115px;  left:590px; position:absolute}
.menu li { width:61px; height:261px;  float:left; margin-left:30px; margin-right:4px;}
.menu li a{   width:22px; height:243px;  padding:40px 30px 0px 30px;line-height:25px; font-size:20px; text-decoration: none; color:#fff; text-shadow: 2px 2px 2px #000;}
.menu li a:hover {background:url(../images/menu_hover.png) no-repeat; margin-left:10px;  padding:40px 30px 0px 20px; text-decoration: none; color:#900; text-shadow: 2px 2px 2px #000; font-weight:bold}
.a10 { margin-left:10px;}
.a20 { margin-left:20px;}
/*
.menu li a.no1{left:547px;}
.menu li a.no2{left:642px;}
.menu li a.no3{left:737px;}
.menu li a.no4{left:832px;}
.menu li a.no1:hover{background-position:0 0;}
.menu li a.no2:hover{background-position:-62px 0;}
.menu li a.no3:hover{background-position:-124px 0;}
.menu li a.no4:hover{background-position:-186px 0;}
*/
.pop, .popclose{background:url(../ossweb-img.qq.com/images/chanpin/7/public/a20150303lyfq/pop.png) no-repeat 0 -9999em;}
.pop{background-position:0 0; background-color:#181212; width:624px; position:relative; border:5px solid #483f3f;}
.popclose{background-position:-624px 0; width:69px; height:69px; display:block; position:absolute; top:-5px; right:-74px;}
.poptit{height:64px; line-height:64px; display:block; overflow:hidden; text-align:center; color:#ffe400; font-size:30px; font-family:"宋体"; font-weight:normal;}
.popcon{padding:16px 35px 16px 35px; height:620px; overflow-y:auto; line-height:20px; color:#ffffff; font-size:12px; font-family:"Microsoft YaHei"; font-weight:normal; margin:10px 0;}
.popimg{padding:20px 0;}
.popimg img{display:block;}

.mt40{margin-top:40px;}
/* box Style End */
-->
/*xin*/

#Version{width:100%;height:850px;position:relative;overflow:hidden; z-index:0; margin:0 auto;}
#Flash{width:1920px;height:850px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:1920px;height:850px;position:relative;left:50%;}


.idx-body{ }

.idx-container { margin-left: auto; margin-right: auto; position: relative; width: 1220px; _zoom: 1; }
.idx-container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.idx-banner{height:620px; _overflow: hidden;position: absolute;left: 50%;margin-left: -610px;top: 35px}

.s1-k1,.s4_k1{width: 285px; float: left; }
.s1-k2,.s4_k2{width: 637px; float: left; position: relative;overflow: hidden;}
.s1-k3,.s4_k3{width: 298px;height: 309px; float: right;overflow: hidden}

.s2_k1{width:922px; float: left;}
.s2_k2{width:298px; float: right;padding-top: 64px}

.s3_k1{width:922px; float: left;}
.s3_k2{width:298px; float: right;}

.s1-k3 img.daoju{width:290px; height:260px; float: left; margin-left:5px;}

.left-b1,.left-b2,.left-b3,.left-b4{background-image: url(../images/btn-idx-left.jpg); background-repeat: no-repeat; display: block;}
.left-b1 a:hover,.left-b2 a:hover,.left-b3 a:hover,.left-b4 a:hover{background-image: url(../images/btn-idx-left-hover.jpg)}

.left-b1,.left-b1 a{width: 285px; height: 138px}
.left-b2,.left-b2 a{width: 285px; height: 95px}
.left-b3,.left-b3 a,.left-b4,.left-b4 a{width: 285px; height:76px}
.left-b3,.left-b4{float: left}
.left-b3{margin-right: 1px}

.left-b1,.left-b1 a{display:block; background-position: 0 0}
.left-b2,.left-b2 a{display:block; background-position: 0 -138px}
.left-b3,.left-b3 a{display:block; background-position: 0 -233px}
.left-b4,.left-b4 a{display:block; background-position: -143px -233px}


/*JS幻灯片*/
#temp3{float:left;width:637px;height:auto;margin:0px 0 0 4px;display:inline;overflow:hidden}
#temp3 .JQ-content-box{overflow:hidden;width:637px;height:309px;position:relative}
#temp3 .JQ-slide-content{position:absolute;top:0;left:0}
#temp3 .JQ-slide-content li{position:absolute;overflow:hidden;width:637px;height:309px;vertical-align:text-top}
#temp3 .JQ-slide-content li a{display:block;height:309px}
#temp3 .JQ-slide-content li a:hover{text-decoration:none}
#temp3 .JQ-slide-content li img{width:637px;height:309px}
#temp3 img{display:block}
#temp3 .JQ-slide-nav{position:absolute; right:10px;bottom:10px;height:20px;padding-top:2px;z-index:999}
#temp3 .JQ-slide-nav li{float:left;width:18px;height:18px;border:1px solid rgb(153, 153, 153);text-align:center;cursor:pointer;margin-left:3px;font-size:12px;font-family:Verdana;line-height:18px;opacity 0.7;color:rgb(204, 204, 204);background:rgb(102, 102, 102);overflow:hidden}
#temp3 .JQ-slide-nav li.on{border:1px solid rgb(255, 0, 0);opacity:0.7;color:rgb(0, 0, 0);background:rgb(204, 0, 0)}


.iphone-down{background: url(../images/idown-bg.jpg);height: 309px}
.iphone-down h2{font-size: 20px;color: #ff9400;line-height: 48px}
.iphone-down-img{margin-bottom: 4px}
.iphone-down-img div{display: none;height: 197px}
.iphone-down-btn01,.iphone-down-btn02,.iphone-down-btn01-dis,.iphone-down-btn02-dis{background: url(../images/btn-down-ip.jpg) no-repeat;width: 97px;height: 38px;display: inline-block;}
.iphone-down-btn02{background-position: -100px 0}
.iphone-down-btn01:hover{background-position: 0 -38px}
.iphone-down-btn02:hover{background-position: -100px -38px}
.iphone-down-btn01-dis{background-position: -197px 0}
.iphone-down-btn02-dis{background-position: -197px -38px}

.idx-wrap .logo{top: 10px; left: 0}
.idx-news{width: 637px; height: 309px; background:url(../images/news-bg.jpg) no-repeat;}
.idx-news_tit{height:50px;padding-left: 22px}
.idx-news_tit ul li{width:77px;height:50px; float:left; font-size:20px;text-align:center;margin-right: 20px}
.idx-news_tit ul li a{height:50px; line-height:50px; display: block; text-decoration:none;color:#ffd29a; transition:all .3s ease-in;}
.idx-news_tit ul .cur a{color: #ff7000;background: url(../images/news-li-bg.png)}
.idx-news_tit2 ul li{width: 111px}
.idx-news_tit2 ul .cur a{background-position:0 -50px }
.idx-news_more{float:right; margin:18px 30px 0 0;color: #ff8533;font-size: 14px}

.idx-news_list{display:none; margin:8px 30px 0 22px;height: 245px;overflow: hidden;font-size:14px; color:#dab377}
.idx-news_listh{border:1px #684525 solid;background: #382a21;padding:5px 0 8px 3px;margin-bottom: 5px}
.idx-news_listh h2{font-size: 20px;height: 25px;overflow: hidden;}
.idx-news_listh h2 a{color: #ff0000}
.idx-news_listh p{color: #b89665;padding-left: 7px;height: 16px;overflow: hidden; font-size:14px; line-height:16px; padding-top:3px;}


.idx-news_list ul li{line-height:30px; height:30px; overflow: hidden;}
.idx-news_list ul li a{color:#dab377;}
.idx-news_list ul li a:hover{ color: #b67800}
.idx-news_list ul li a font{display:inline-block;width:400px;overflow:hidden;vertical-align:top; margin-right:0;}
.idx-news_list ul li span{float:right; color:#5c3b08; text-align:center;font-family: "微软雅黑"}
.idx-news_list ul li em{color: #5c3b08;margin-right: 8px}
.idx-news_list .red{color:#b21f00;}
.idx-news_list .red_strong{color:#b21f00;font-weight: bold;}
.idx-news_list .blue{color:blue;}
.idx-news_list .blue_strong{color:blue;font-weight: bold;}

.idx-ts_item{border-left: 1px #040102 solid;position:absolute; width: 643px; height: 309px; overflow: hidden; top: 0; right:-60px; cursor:pointer; background-position: left top; background-repeat: no-repeat}
.idx-ts .active{cursor:default;background-position:left -309px;  }
.idx-ts-zy{position: relative; z-index: 8}
.idx-ts-zy img{position: absolute; left: 0; top: 0; width: 588px; height: 309px; z-index: 11}
.idx-ts-zy .zy-page{ position: absolute; left: 380px; top: 215px; z-index: 30;font-size: 14px;text-align: center;line-height: 30px}
.idx-ts-zy .zy-page a{float: left; width: 55px; margin-right: 10px;color: #6b5f5f}
.idx-ts-zy .zy-page a em{display: block;width: 55px;height: 54px;background:url(../images/zy-btn.png) no-repeat }
.idx-ts-zy .zy-page a.on{color: #ff8533}
.idx-ts-zy .zy-page .zy-btn-01.on em{background-position: 0 -57px}
.idx-ts-zy .zy-page .zy-btn-02 em{background-position: -65px 0}
.idx-ts-zy .zy-page .zy-btn-02.on em{background-position: -65px -57px}
.idx-ts-zy .zy-page .zy-btn-03 em{background-position: -132px 0}
.idx-ts-zy .zy-page .zy-btn-03.on em{background-position: -132px -57px}

.bbx { margin:0 auto; width:1200px; height:auto; overflow:hidden; background:url(../images/news-bg.png) repeat; padding:11px;}

.xin-box1{width:1200px;margin:0 auto;height:auto;overflow:hidden;padding-bottom:30px;position:relative;z-index:12;border:1px solid #4e4640; background:#000}
.xin-box{width:1220px;margin:0 auto;height:auto;overflow:hidden;padding-bottom:30px;position:relative;z-index:12;}
.box_320{width: 560px;float: left;margin:20px 20px 0 20px}
.box_1000{width: 1160px;float: left;margin:20px 20px 0 20px;}

.zb_xt{background:url(../images/di-bg.png) repeat;height:auto;width:560px;}
.zb_xt img{width:520px;padding:20px;height:auto;}
.zb_xt-title{height:40px;background: url(../images/l-bg.jpg) repeat-x;}
.zb_xt-di{height: 10px;background: url(../images/down-bgt.jpg) repeat-x}


.zb_dt-title{height:40px;background: url(../images/l-bg.jpg) repeat-x;}
.zb_dt-di{height: 10px;background: url(../images/down-bgt.jpg) repeat-x}
.zb_dt{background:#1e0e04 url(../images/di-bg.png) repeat;height:auto;width:1160px; float:left;}
.zb_dt img{float:left;margin:20px 50px;width:1024px;height:auto;border:20px solid #4e4640;}

.zb_wen { width:300px;height:500px;float:right;padding:20px 20px 20px 0;overflow:hidden;}
.title_bg{height:40px;width:300px;text-indent:30px;line-height:40px;color:#fff;font-size:18px;margin-left:40px;text-shadow: 2px 2px 2px #000;color: #f8c589;}
.w_1224 { width:1160px; height:auto; overflow:hidden;background:url(../images/di-bg.png) repeat; }
.w_1224 img { width:1100px; padding:30px;}


.navlogo,.nav-box,.tj-btn {overflow: hidden }
.navlogo,.nav,.tj-btn {display: block }
.nav-box {position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); background-repeat: no-repeat; margin: 0; padding: 0; z-index: 99999; background-position: center; background-image: url(../images/nav-box.jpg); background-color: transparent; width: 162px; height: 567px; top: 30%; right: 10px }
.nav-box-2 {background-image: url(../images/nav-box-2.jpg); width: 146px; height: 519px }
.nav-box-2 .logo {height: 128px }
.nav-box-2 .nav {width: 117px; margin-bottom: 9px }
.nav-box-2 .active,.nav-box-2 .nav:hover {width: 121px }
.nav-box-2 .tj-btn {width: 100%; height: 96px; background: url(../images/goto-2.png) center no-repeat }
.nav-box-2 .tj-btn:hover {background-image: url(../images/goto-2-hover.png) }
.nav {text-align: center; width: 130px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 12px; color: #8b8b8b; background: url(../images/icon-1.png) center right no-repeat; -webkit-transition: .2s; transition: .2s }
.nav.active,.nav:hover {background: url(../images/icon-2.png) center right no-repeat; width: 134px; color: #d1ac5c }
.nav:hover {text-decoration: none }
.navlogo {width: 150px; height: 120px; margin-top:30px;margin-left:5px}
.tj-btn {position: absolute; bottom: 0; left: 0; width: 162px; height: 106px; background: url(../images/goto.png) center no-repeat; text-indent: -99999px }
.tj-btn:hover {background-image: url(../images/goto-hover.png) }

.kv-music{position:fixed;z-index:9999;top:0px;left:280px; width:58px;height:100px;}