﻿﻿@charset "utf-8";

html{width: 100%;height: 100%;}
body{ width: 100%;margin:0; padding:0; font-size:14px;overflow-x: hidden; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #e3eff8;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;} 
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.bg{  
    width: 100%;
    min-height: 905px;
    min-width: 1080px;
    overflow: hidden;
    position: relative;
}
.bg_bottom{width: 100%;height: 596px;position: absolute;left: 0;bottom: 0;background:url(../images/bg_bottom.jpg) center top no-repeat;}
.container{height: 100%;width: 1080px;margin: 0 auto;position: relative;}

@font-face {
  font-family: 'fz';
  src: url('fz.ttf')  format('truetype');
}


.bg{ width: 100%;min-height: 375px;min-width: 1260px;}
.bg.fir{ background:url(../images/neiye1902.jpg) center top no-repeat;position: relative;}

.container{width: 1260px;margin: 0 auto;position: relative;}

/*top star*/
.zx_logo{
  width: 245px;
  height: 125px;
  position: absolute;
  top: 52px;
  left: 238px;
  background: url(../images/zxlogo.png) no-repeat;
  display: none;
}
.zx_logo a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.top_box {
    width: 624px;
    height: 370px;
    position: relative;
    margin-left:50px;
    padding-bottom:20px;
 } 

.logo {
    width: 100px;
    height: 99px;
    margin-left:188px;
    background-size: cover;
    margin-bottom:10px; 
    position:absolute;
    left: 330px;
    top:20px;
   
 }
 .logo a {
    width: 100%;
    height: 100%;
    display: block;
}
 .logo a img{
  width:100%;
  display:block;
}
.slogan {
    width: 470px;
    height: 300px;
    margin: 0 auto;
}
.sub_title{
    width: 567px;
    height: 32px;
    margin: 0 auto;
    margin-top: -25px;
    overflow: hidden;
}
 .sub_tit{
  text-align: center;
 }
 .sub_tit h2{
  font-size: 20px;
  color: #667ae0;
  font-weight: bold;
}
.subconfig{
  margin-top: 10px;
}
.wen img{
  max-width: 100%;
}
.wen .zhushi{
  text-align: center;
}
.article{
  margin-top: 36px;
}
.article h3{
  font-size: 18px;
  color: #464646;
}
.biaoyu h1{
  font-size: 19px;
  color: #e9c3c5;
  text-align: center;
}
.biaoyu{
  margin-top: 58px;
  margin-bottom: 66px;
}
.ding_btn{
  width: 266px;
  height: 72px;
  margin: 0 auto;
  margin-top: 80px;
}
.ding_btn a{
  display: block;
  width: 268px;
  height: 74px;
  font-size: 22px;
  color: #fff;
  text-align: center;
  line-height: 74px;
  background: url(../images/ding1902.png) no-repeat;
  text-indent:-9999px;
}
.ding_btn a:hover{ background-position:0 -74px;}

.content_box{
  width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 50px;
}
.con_left{
  width: 770px;
  margin-right: 10px;
  float: left;
}

.xin_tit{
  width: 670px;
  height: 52px;
  line-height: 52px;
  color: #fff;
  background: url(../images/nav_bg1902.png) no-repeat;
  padding-left: 56px;
  padding-right: 44px;
}
.xin_tit span a{
    color: #fff;
}
.xin_tit h1{
  float: left;
}
.weizhi{
  float: right;
}
.gameziliao{
  width: 670px;
  height: 52px;
  line-height: 52px;
  color: #fff;
  background: url(../images/game_ziliao.jpg) no-repeat;
  padding-left: 56px;
  padding-right: 44px;
}
.startegy{
  width: 553px;
  height: 33px;
  line-height: 33px;
  color: #fff;
  background: url(../images/startegy.jpg) no-repeat;
  padding-left: 56px;
  padding-right: 44px;
}
.sub_tit{
  width: 770px;
  height: 92px;
  padding-top: 20px;
  background: url(../images/touming.png) no-repeat;
  border-bottom: 1px solid #637bce;
}
.subconfig .on {
  color: red;
}
.subconfig a{
  color: #333;
}
.wen{
  margin-top: 10px;
  padding: 0 20px;
  line-height: 25px;
}
.wen p{

  line-height: 1.8;
}
/*新闻导航*/
.zonghe_news,.colleagues_news{
  width: 718px;
}
.n_list_nav {
    width: 718px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 26px;
    border-bottom: 3px solid #dee3f6;
}
.n_list_nav ul {
    width: 553px;
    height: 32px;
}
.n_list_nav ul li {
    width: 80px;
    height: 32px;
    margin-right: 20px;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
    color: #707070;
    float: left;
    cursor: pointer;
}

.n_list_nav ul li a {
    color: #707070;
}
.n_list_nav ul li.on, .n_list_nav ul li:hover {
    border-bottom: 3px solid #5e76ca;
    color: #c2a460;
}
/*20170323更新*/
.appreciate_tit{background: url(../images/appreciate_nav.jpg) no-repeat;}
.ztcx_tit{background: url(../images/ztcx_nav.jpg) no-repeat;}
.colleagues_tit{background: url(../images/colleagues_nav.jpg) no-repeat;}
.colleagues_news .n_list_nav ul li { width:98px; font-size:18px;}
.colleagues_news .n_list_nav ul li a {color: #7c4f92;}
.colleagues_news .n_list_nav ul li.on,.colleagues_news .n_list_nav ul li:hover {
    border-bottom: 3px solid #7c4f92;
    color: #c2a460;
}
.tongrenlist{ padding-left:0px;}
.tongrenlist li{ float:left; width:230px; margin-right:24px; text-align:center;}
.tongrenlist li img{ width:240px; height:140px; display:block;}
.tongrenlist li p{ padding:12px 0; font-size:14px; color:#464646;}


/*weixin*/
.news_bottom {
  width: 572px;
  height: 175px;
  padding: 30px 20px 35px 60px;
  margin-top: 150px;
  position: relative;
  border: 1px solid #a3c3f2;
}

.news_bottom .wx_box {
  width: 140px;
  position: absolute;
  top: 30px;
  left: 20px;
}
.wx_code {
  width: 140px;
  height: 140px;
  margin-bottom: 8px;

  text-align: center;
}
.wx_code img {
  width: 140px;
  height: 140px;
  display: block;
}
.wx_box p {
  width: 140px;
  line-height: 20px;
  color: #646363;
  text-align: center;
}
.news_bottom h4 {
  margin-top: -10px;
  margin-bottom: 15px;
  margin-left: 120px;
  color: #9e9e9e;
  font-size: 26px;
}
.aboutGame {
  width: 445px;
  margin-left: 120px;
  margin-bottom: 30px;
  color: #49635c;
  line-height: 24px;
}
.target_list {
  position: absolute;
  bottom: 20px;
  left: 180px;
  border-left: 1px solid #a83b3b;
}
.target_list a {
  width: 94px;
  height: 15px;
  line-height: 15px;
  display: block;
  float: left;
  border-right: 1px solid #5768bb;
  color: #5768bb;
  font-size: 14px;
  text-align: center;
}
.news_bottom .r_share {
  width: 230px;
  height: 25px;
  position: absolute;
  top: 28px;
  right: 10px;
}
.news_bottom .r_share span {
  width: 35px;
  line-height: 25px;
  float: left;
  color: #454547;
}
.r_share a {
  width: 24px;
  height: 24px;
  margin: 0 4px;
  margin-bottom: 5px;
  display: block;
  float: left;
}
.news_bottom .r_share a {
  margin-right: 6px;
  float: left;
}
.r_share a.share_bd {
  background: url(../images/share_baidu1902.png) no-repeat center center;
}
.r_share a.share_kj {
  background: url(../images/share_qzone1902.png) no-repeat center center;
}
.r_share a.share_tx{
  background: url(../images/share_qq1902.png) no-repeat center center;
}
.r_share a.share_wb {
  background: url(../images/share_weibo1902.png) no-repeat center center;
}
.r_share a.share_rr {
  background: url(../images/share_renren1902.png) no-repeat center center;
}

/*右侧*/
.con_right{
  width: 320px;
  float: left;

}
.top_cont {
    width: 320px;
    height: 414px;
    position: relative;
}
.tc_tit {
    width: 224px;
    height: 52px;
    padding-left: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 52px;
    background: url(../images/sysdw1902.png) center center no-repeat;
}
.tc_dw {
    width: 320px;
    height: 182px;
    float: left;
}
.code2D {
    width: 166px;
    height: 183px;
    float: left;
    text-align: center;
	background-color:#677ece;
	margin-right:1px;
}
.code2D img {
    width: 134px;
    height: 134px;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 5px;
}
.code2D p{
  color: #fff;
  font-size: 14px;
}
.tc_dw a {
    width: 153px;
    height: 91px;
    display: block;
    text-align: center;
    float: left;
    background: #fff;
    color: #0bac9c;
    font-size: 21px;
}
.tc_dw a.appstore {
    height: 91px;
    background: url(../images/appstore.jpg) center center no-repeat;
}
.tc_dw a.android {
	 margin-top:1px;
   height: 91px;
    background: url(../images/android1902.png) center center no-repeat;
}
.new_server{
  width: 274px;
  height: 134px;
  background: #fff;
  float: left;
  border-left: 1px solid #a3c3f2;
  border-right: 1px solid #a3c3f2;
}
.new_server{
  padding:22px;
}
.item_tit{
  width: 265px;
  height: 30px;
  border-bottom: 1px solid #ffe7e8;
  overflow: hidden;
  padding-bottom: 5px;

}
.item_tit.xinfu{
  background: url(../images/xinfu1902.png) no-repeat;
}
.item_tit.game_tiem{
  height: 30px;
  background: url(../images/game_inf.png) no-repeat;
}
.item_tit.game_zi{
  background: url(../images/game_new.png) no-repeat;
}
.item_tit h2{
  float: left;
  font-size: 22px;
  color: #2ac5a6;

}
.item_tit span{
  font-size: 12px;
}
.list_more {
    display: block;
    text-indent: -9999px;
    width: 19px;
    height: 19px;
    background: url(../images/more1902.png) no-repeat;
    position: absolute;
    right: 20px;
    top: 260px;
}
.news_list{
  margin-top: 10px;
}
.news_list li{
  padding-left: 16px;
  margin-bottom: 5px;
    position: relative;
}
.news_list li a{
    font-size: 14px;
    color: #5768bb;
}
.news_list ul li b {
  display: block;
  width: 11px;
  height: 13px;
  position: absolute;
  top: 2px;
  left: 0;
  background: url(../images/tit_icon1902.png) no-repeat;
}
.libao{
  width: 322px;
  height: 356px;
}
.box1 {
    width: 318px;
    height: 118px;
    background: url(../images/adver1.jpg) no-repeat;
    border: 1px solid #a3c3f2;
   
}
.box2 {
    width: 318px;
    height: 118px;
    background: url(../images/adver4.jpg) no-repeat;
    border-left: 1px solid #a3c3f2;
    border-right: 1px solid #a3c3f2;
    border-bottom: 1px solid #a3c3f2;
}
.box3 {
    width: 318px;
    height: 118px;
    background: url(../images/adver3.jpg) no-repeat;
    border-left: 1px solid #a3c3f2;
    border-right: 1px solid #a3c3f2;
    border-bottom: 1px solid #a3c3f2;

}
.box1 a, .box2 a, .box3 a{
  display: block;
  width: 320px;
  height: 118px;
}
/*客服QQ官方客服*/
.official_box{
    width: 248px;
    height: 315px;
    padding: 35px;
    padding-bottom: 0;
    background: #fff;
    float: right;
    border: 1px solid #a3c3f2;
    margin-top: -2px;
    margin-bottom: 1px;
    position: relative;
}
.official_wechat, .official_client{
    width: 110px;
    height: 236px;
    float: left;
}
.official_wechat h3, .official_client h3{
    font-size: 18px;
    color: #8f5797;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.official_box .qrcode{
    width: 108px;
    height: 108px;
    margin-bottom: 10px;
}
.official_wechat p, .official_client p{
    font-size: 12px;
    color: #4c4948;
    text-align: center;
}
.official_wechat p.p01, .official_client p.p01{
    font-size: 14px;
}
.seg_line{
    width: 15px;
    height: 148px;
    float: left;
    margin: 0 6px;
    margin-top: 10px;
    background: url(../images/seg_ling.png) no-repeat;
}
.hot_line{
    width: 168px;
    height: 42px;
    margin: 0 auto;
}
.hot_line p{
    font-size: 14px;
    color: #dd6369;
}
.hot_line p span{
    font-weight: bold;
    font-size: 14px;
    color: #dd6369;
}
.hot_line p a{
    font-size: 14px;
    color: #dd6369;
}

/*列表页*/
.list_box{
  width: 653px;
  margin: 0 auto;
  padding-top: 20px; 
  border-bottom: 1px solid dashed;
}
.list_box ul{
   margin-bottom: 30px;
   margin-left: 30px;
   border-bottom: 1px solid dashed;
}
.list_box ul li{
  list-style-type: disc;
  line-height: 1.8;
}
.list_box li span{
  float: right;
}
.list_box li a{
  color: #464646;
}
.list_box li a:hover{
  color: #e24f52;
}
.paging {
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding-top: 20px;
    color: #333;
}
.paging a{
    display: inline-block;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    background-color: #4c75f0;
}
/*资料*/
.ziliao_box{
  width: 653px;
  margin: 0 auto;
  padding-top: 20px; 
}
.ziliao_box h2{
  color: #e12041;
  font-size: 14px;
  text-align: center;
}
.zhiye{
  margin-top: 15px;
  margin-bottom: 15px;
}
.zhiye h1, .game_jieshao h1,.xitong_inf h1{
  font-size: 34px;
  color: #e9c3c5;
  margin-bottom: 15px;
  margin-top: 10px;
}
.zhiye ul li{
  float: left;
  margin-right: 8px;
}
.game_jieshao{
  padding-bottom: 26px;
  border-bottom: 1px solid #e9c3c5;
}
.game_jieshao span{
  float: left;
  display: inline-block;
  width: 80px;
  height: 20px;
  color: #fff;
  background: #e9c3c5;
  text-align: center;
}
.game_jieshao ul{
  width:555px;
  height: 24px;
  margin-left: 85px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #ccc;
} 
.game_jieshao ul.teshu{
  height: 48px;
}
.game_jieshao ul li{
  float: left;
}
.game_jieshao ul li a{
  color: #464646;
  padding: 0 5px;
}
.xitong_inf{
   padding-bottom: 26px;
   border-bottom: 1px solid #e9c3c5;
}
.xitong_inf span{
  float: left;
  display: inline-block;
  width: 80px;
  height: 20px;
  color: #fff;
  background: #e9c3c5;
  text-align: center;
 
}
.xitong_inf ul{
  width:555px;
  height: 24px;
  margin-left: 85px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #ccc;
} 
.xitong_inf ul li{
  float: left;

}
.xitong_inf ul li a{
  color: #464646;
  padding: 0 5px;
}
.xitong_inf  ul.teshu{
  height: 70px;
}
.xitong_inf  ul.teshu li{
   margin-bottom: 3px;
}
.list_more:hover{
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -moz-transform:rotate(360deg);  /* Firefox */
    -ms-transform:rotate(360deg);   /* IE 9 */
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transition:transform 0.6s linear;
    transition:transform 0.6s linear;
}
.youxiziliao_tit {
    width: 553px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    background: url(../images/nav_bg2.jpg) no-repeat;
    padding-left: 56px;
    padding-right: 44px;

}
.hudong ul.teshu{
    width: 555px;
    height: 48px;
    margin-left: 85px;
    margin-bottom: 8px;
    border-bottom: 1px dashed #ccc;
}