<!--
/* 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}
.ml10 { margin-left:10px;}
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*/

#header{background:url(../images/brief_01.jpg) repeat-x;height: 126px;padding-top: 0; width:100%;}
#header a.fl{height: 126px}
#header .ban { float:right; width:50px; height:50px; margin-top:30px;}
#header #demo {overflow:hidden;height:50px; line-height:50px;width:800px; color:#d2d2ca;   white-space:nowrap; float:left; margin-top:30px; font-size:24px; margin-left:20px;}


/* CSS Document */
#Version{width:100%;height:900px;position:relative;overflow:hidden;margin-bottom:-120px;}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:0;}
#Header{margin:0 auto -290px -960px;width:1920px;height:900px;position:relative;left:50%;z-index:-1;}


.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: 369px; 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: 305px;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: 369px; overflow: hidden; top: 0; right:-60px; cursor:pointer; background-position: left top; background-repeat: no-repeat}
.idx-ts .active{cursor:default;background-position:left -369px;  }
.idx-ts-zy{position: relative; z-index: 8}
.idx-ts-zy img{position: absolute; left: 0; top: 0; width: 588px; height: 369px; z-index: 11}
.idx-ts-zy .zy-page{ position: absolute; left: 380px; top: 255px; 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}



.m3{width:100%;height:auto;overflow:hidden;padding-bottom:50px;margin-top:-190px}
.sf05_zb{width:1220px;height:auto;overflow:hidden;margin:0 auto;padding:0 00px 00px 00px;padding-top:00px;margin-top:10px}
.sf05_zb_4{width:398px;height:auto;overflow:hidden;float:left;background:url(../images/news-bg.png) repeat;border:#7b4731 1px solid;position:relative}
.sf05_zb_4_t{width:398px;height:45px;float:left;background:url(../images/zb4.png) repeat;line-height:40px;color:#da9e6f;text-align:center;font-size:19px;font-weight:700;border-bottom:#7b4731 1px solid}
.sf05_zb_4_d{width:398px;height:4px;float:left;background:#7b472f repeat;position:relative}
.sf05_zb_4 .role-itemst{width:378px;height:auto;float:left;position:relative;padding:10px}
.sf05_zb_4 .role-itemst img{width:368px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px}
.sf05_zb_4 .role-itemst img:hover{width:378px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0;padding-bottom:4px}

.sf05_zb_3{width:384px;height:auto;overflow:hidden;float:left;background:url(../images/news-bg.png) repeat;border:#7b4731 1px solid;position:relative}
.sf05_zb_3_t{width:384px;height:45px;float:left;background:url(../images/zb3.png) repeat;line-height:40px;color:#da9e6f;text-align:center;font-size:19px;font-weight:700;border-bottom:#7b4731 1px solid}
.sf05_zb_3_d{width:384px;height:4px;float:left;background:#7b472f repeat;position:relative}
.sf05_zb_3 .role-itemst{width:364px;height:auto;float:left;position:relative;padding:10px}
.sf05_zb_3 .role-itemst img{width:354px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px}
.sf05_zb_3 .role-itemst img:hover{width:364px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0;padding-bottom:4px}

.sf05_zb_2{width:603px;height:auto;overflow:hidden;float:left;background:url(../images/news-bg.png) repeat;border:#7b4731 1px solid}
.sf05_zb_2_t{width:603px;height:45px;float:left;background:url(../images/zb2.png) repeat;line-height:40px;color:#da9e6f;text-align:center;font-size:19px;font-weight:700;border-bottom:#7b4731 1px solid}
.sf05_zb_2_d{width:603px;height:4px;float:left;background:#7b472f repeat;position:relative}
.sf05_zb_2 .role-itemst{width:583px;height:auto;float:left;position:relative;padding:10px}
.sf05_zb_2 .role-itemst img{width:573px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px}
.sf05_zb_2 .role-itemst img:hover{width:583px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0;padding-bottom:4px}

.sf05_zb_1{width:1218px;height:auto;overflow:hidden;float:left;background:url(../images/news-bg.png) repeat;border:#7b4731 1px solid}
.sf05_zb_1_t{width:1218px;height:45px;float:left;background:url(../images/zb1.png) repeat;line-height:40px;color:#da9e6f;text-align:center;font-size:19px;font-weight:700;border-bottom:#7b4731 1px solid}
.sf05_zb_1_d{width:1218px;height:4px;float:left;background:#7b472f repeat;position:relative}
.sf05_zb_1 .role-itemst{width:1178px;height:auto;float:left;position:relative;padding:20px}
.sf05_zb_1 .role-itemst img{width:1158px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:10px}
.sf05_zb_1 .role-itemst img:hover{width:1178px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0;padding-bottom:8px}