@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;word-warp: break-warp;word-break: break-all;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:1;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input{ vertical-align: middle; outline: none;border:0 }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #d2ebff;}   
input:-moz-placeholder, textarea:-moz-placeholder {color: #d2ebff; }   
input::-moz-placeholder, textarea::-moz-placeholder {color: #d2ebff;}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #d2ebff;}
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl { float: left; }
.fr { float: right;}
.mb2{margin-bottom: 20px;}
.center{ text-align: center;}

.flong-banner{ height: 511px; background: url(../images/banner.jpg) no-repeat center top;}

.sildCode{ width: 220px; float: left; margin-top: 30px; background: #f0f0f0; text-align: center; padding-bottom:20px;}
.sildCode .htit{ font-size: 14px; color: #666; padding: 20px 0 14px 0;}
.sildCode .htit img{ vertical-align: sub; margin-right: 6px;}
.sildCode .codeWrap{ width: 180px; height: 180px; background: #fff; border: 1px solid #e4e4e4; display: block; margin: 0 auto;}
.sildCode .codeWrap img{ width: 154px; height: 154px; margin: 12px; border: 1px solid #90785a}
.sildCode .row-qq{ height: 32px; line-height: 32px; color: #000; font-size: 14px; background: #fff; margin:0 20px; margin-top: 8px;}
.sildCode .row-qq span{ color: #846a49;}
.sildCode .row-qq img{vertical-align: sub; margin-right: 6px;}
.sildCode .addGroup{ margin: 0 auto; margin-top: 10px; width: 124px; height: 28px; text-align: center; line-height: 26px; color: #000; font-size: 16px; background: #fff; border:1px dashed #666; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block;}

.comCont{ width: 940px; margin-top: 30px; padding-bottom: 50px;}
.subTop{ height: 73px; border-bottom: 2px solid #dedede; position: relative;}
.ntab{ margin-top: 10px;}
.ntab a{ height: 37px;  color: #454545; font-size: 16px; text-align: center; line-height: 37px; display: inline-block; float: left; margin-right: 10px; padding: 0 21px;}
.ntab .on,.ntab a:hover{ color: #fff; background-color: #846a49; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.map{ position: absolute; right:0; bottom: 8px; color: #a3a3a3;}
.map a{ color: #a3a3a3;}
.subTit{ display: block; font-size: 32px; color: #333; position: absolute; right:0; top:-6px;}
.newsGroup{ margin-bottom: 60px;}
.newsGroup li{ padding: 30px 0 30px 20px; position: relative; border-bottom: 1px solid #dedede;}
.newsGroup h3{ width: 770px; height: 32px; line-height: 32px; color: #333; font-size: 18px;}
.newsGroup .atit{ position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 2;}
.newsGroup p{ width: 770px; max-height: 42px; color: #a3a3a3; font-size: 12px; line-height: 20px; overflow: hidden;}
.newsGroup .time{ display: inline-block; width: 104px; position: absolute; right:0; top:16px; font-size: 18px; height: 114px; background: url(../images/time.png) no-repeat left 62px; line-height: 26px;}
.newsGroup strong{ font-weight: normal; font-size: 30px; color: #666;}
.newsGroup .on,.newsGroup li:hover{ background-color: #f3f3f3;}
.newsGroup .on .time,.newsGroup li:hover .time{ background:url(../images/time-on.png) no-repeat left 62px;}
.page{text-align: center;}
.page span{display: inline-block;margin: 0 10px;width: 28px;height: 27px}
.page a{color: #5b6689;width: 28px;height: 27px;padding:0 10px;line-height: 27px}
.page a:hover{text-decoration: underline;}
.page span.cur{}
.page a.focus{ color: #fff;background: #ad647e;}
.page .linel{display:none; width: 136px;height: 23px;background: url(../images/linel.png) no-repeat; position: absolute;left: -155px;top: 8px}
.page .liner{display:none; width: 136px;height: 23px;background: url(../images/liner.png) no-repeat; position: absolute;right: -186px;top: 8px}
.vGroup{ text-align: center; padding: 30px 0 0 0;}
.vGroup ul{ padding-left: 50px;}
.vGroup li{ width: 265px; margin:0 23px 33px 0; overflow: hidden; height: 208px; display: inline-block; float: left;}
.vGroup .vimg{ width: 265px; height: 169px; overflow: hidden; position: relative; display: block;}
.vGroup .vimg .play{position: absolute; left:0; top:0; width: 265px; height: 169px; background:rgba(0,0,0,.5) url(../images/play.png) no-repeat center center; display: none;}
.vGroup .vimg:hover .play{ display: block;}
.vGroup img{ width: 265px; height: 169px;}
.vGroup .atit{ font-size: 12px; color: #9a9a9a; text-align: center; height: 20px; line-height: 20px; overflow: hidden; display: block; margin-top: 10px;}

.game-bar{height: 80px; background: rgba(255,255,255,.8);}
.wrap1200{ width: 1200px; margin: 0 auto; position: relative;}
.game-bar dl{ width: 1200px; height: 80px;margin: 0 auto;}
.game-bar dt{ width: 245px; position:relative; height: 80px;}
.game-bar .game-icon{ display: inline-block; width: 100px; height: 100px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: absolute; left:0; top:10px;}
.game-bar .game-icon img{ width: 148px; height: 126px;}
.game-bar h3{ position: absolute; left:112px; top:18px; font-size: 30px; font-weight: bold; color: #846a49;}
.game-bar .icon-tip{ color: #666; font-size: 14px; position: absolute; left:112px; top:60px;}
.game-bar dd{ width: 600px; height: 80px;}
.nav .navItem{ display: inline-block; width: 80px; position: relative; text-align: center; color: #666; font-size: 16px; line-height: 18px; margin: 24px 30px 0 30px;}
.nav strong{ font-size: 12px; color: #ccc; font-weight: normal;}
.nav .navItem.on:after,.nav .navItem:hover:after{ content: ''; position: absolute; left:0; bottom: -19px; height: 2px; background: #846a49; width: 68px;}
.nav .navItem.on{ color: #846a49;}
.page1{ background: url(../images/main_bg1.jpg) no-repeat center top; height: 1062px; overflow: hidden;}
.page2{ background: url(../images/area2.jpg) no-repeat center top; height: 974px; overflow: hidden;}
.page3{ background: url(../images/area3.jpg) no-repeat center top; height: 694px; overflow: hidden;}
.page4{ background: url(../images/area4.jpg) no-repeat center top; height: 769px; overflow: hidden;}
.alogo{ width: 200px;height: 200px; background: url(../images/logo200.png) no-repeat; float: right; margin: 20px 200px 0 0; display: block;}
.btn1{ width: 350px; height: 89px; background: url(../images/btnyy.png) no-repeat center top; display: block; position: absolute; right:114px; top:464px;}
.btn1:hover{ background:url(../images/btnyy-on.png) no-repeat center top;}
.newsBox { height: 323px; border: 2px solid #846a49; background: #fff; position: absolute; left:0; top:632px; width: 100%;}
.newsPic{ width: 600px; height: 266px; border:2px solid #af8d62; overflow: hidden; float: left; margin: 27px 0 0 16px;}
.newsPic .swiper-container{ height: 266px;}
.imgItem{ position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden;}
.imgItem a{ display: block; height: 266px;}
.imgItem img{ width: 100%; height: 100%;}

.newsPic .swiper-pagination-bullet{ width: 16px; height: 16px; opacity: 1; filter:alpha(opacity=100); background: #fff;}
.newsPic .swiper-pagination{ text-align: right;}
.newsPic .swiper-pagination-bullet-active{ width: 42px; background: #cba473; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.newsList{ width: 530px; height: 288px; float: right; margin: 18px 30px 0 0; overflow: hidden;}
.newsTab{ height: 47px; border-bottom: 1px solid #ccc; position: relative;}
.newsTab span{ display: inline-block; width: 80px; line-height: 36px; color: #6b6b6b; font-size: 18px; text-align: center; height: 47px; cursor: pointer;}
.newsTab .on{border-bottom: 2px solid #846a49;}
.newsTab .btnMore{ display: inline-block; width: 52px; height: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 12px; background-color: #846a49; position: absolute; right:7px; top:7px; line-height: 18px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

.newsCont{ padding-top: 10px; display: none;}
.newsCont li{ position: relative; height: 44px; line-height: 44px; overflow: hidden;}
.newsCont a{ color: #6b6b6b; font-size: 12px; font-family:SimSun; padding-left: 64px; display: block; height: 44px; line-height: 44px; width: 480px;border-bottom: 1px dashed #ccc;}
.newsCont .time{ display: inline-block; position: absolute; right: 0; top:0; color: #999; font-size: 12px;}
.newsCont .tag{ width: 48px; height: 24px; background-color: #e4e4e4; display: inline-block; position: absolute; left:0; top:10px; line-height: 24px; text-align: center;}
.newsCont .tag:after{ content: ''; border-left: 6px solid #e4e4e4; border-top:6px solid transparent; border-bottom:6px solid transparent; position: absolute; top:5px; right: -6px;}
.newsCont li:hover .tag,.newsCont .on .tag{ background-color: #846a49; color: #fff;}
.newsCont li:hover .tag:after,.newsCont .on .tag:after{ border-left-color: #846a49;}
.newsCont li:hover a,.newsCont .on a{ color: #846a49;}

.video{ width: 510px; height: auto; margin: 100px 0 0 75px}
.video .tit{ margin-bottom: 32px; text-align: left;}
.vtab{ height: 48px; line-height: 48px; color: #846a49; border-bottom: 1px solid rgba(0,0,0,.2); margin-bottom: 28px;}
.vtab span{ font-size: 22px; color: #e3d1b8; margin: 0 14px 0 0; padding: 0 7px; display: inline-block; height: 48px; cursor: pointer;}
.vtab span:hover,.vtab .on{ border-bottom: 2px solid #846a49;}
.vbox{ display: none;}
.vbox li{ width: 227px; height: 127px; overflow: hidden; background: #846a49; margin: 0 14px 14px 0;}
.vbox a{ display: block;}
.vbox img{ width: 227px; height: 127px;}

.game-data{ width: 548px; margin: 100px 26px 0 0;}
.game-data .tit{ margin-bottom: 30px; text-align: left;}
.dl-row{ width: 510px; margin-bottom: 1px;}
.dl-row dt{ height: 48px; line-height: 48px; border-bottom: 1px solid #bdae98;}
.dl-row h3{ display: inline-block; font-size: 22px; color: #e3d1b8; height: 48px; line-height: 48px; border-bottom: 2px solid #e3d1b8;}
.dl-row dd{ height: ; padding-top: 16px;}
.dl-row dd a{ display: inline-block; float: left; width:530px; height: 20px; line-height: 20px; text-align: center; color: #e3d1b8; font-size: 15px; }
.dl-row dd .nonebg{ background: none;}

.page4 .tit{ padding: 60px 0 50px 0;}

.play-swiper{ width: 1200px; height: 506px; position: relative; overflow: hidden; margin: 0 auto;}
.btn-swiper{ width: 53px; height: 65px; position: absolute; top:45%; margin-top: -38px; display: block; cursor: pointer; z-index: 9}
.btn-prev{ background: url(../images/btnprev.png) no-repeat center top; left:40px;}
.btn-next{background: url(../images/btnnext.png) no-repeat center top; right:40px;}
.data-img {width:772px;height: 437px;}
.data-img img{max-width:100%;}

.section3-box .swiper-container {width: 2316px;position: absolute;left: 50%;margin-left: -1158px;height: 506px;overflow: hidden;}
.section3-box {width: 968px;height: 596px;position: relative;margin: 0 auto;overflow: hidden;}
/* foot */
.foot{ width:100%; height: 180px;padding:30px 0; background:#000}
.foot .box{ width:882px; height:140px; margin:0 auto; overflow: hidden;}
.foot .box .wm{ float:left; width:157px; height:51px; background:url(../images/logo_d.png) no-repeat; margin:10px 30px 0 0; text-indent:-9999px; overflow:hidden;}
.foot .box .zgame{float:left; width:110px; height:60px; margin:10px 37px 0 0;}
.foot .box .txt{ width:548px; float:left; line-height:20px; font-size:15px; color:#666666; font-family:"宋体"}
.foot .box .txt a{ font-size:12px; color:#666666; margin:0 4px; font-family:"宋体"}
.foot .box .txt a:hover{ color:#F00}

.down_wrap{ position:absolute; width:339px; height:182px; left:743px; top:424px; background:rgba(255,255,255,0.5); z-index:9; border-radius:4px; overflow:hidden;}
.down_ma_bg{float:left; position:relative; width:130px; height:110px; margin:8px 0 0 18px; background:url(../images/ma_bg.png)}
.ewm_down{ position:absolute; width:86px; height:86px; left:13px; top:13px;}
.ani_line{ position:absolute; width:100px; height:9px; left:5px; top:5px; background:url(../images/ani_line.png);
-weikit-animation: code 1.5s linear infinite alternate;
-moz-animation: code 1.5s linear infinite alternate;
-o-animation: code 1.5s linear infinite alternate;
-ms-animation: code 1.5s linear infinite alternate;
animation: code 1.5s linear infinite alternate;}
@-webkit-keyframes code {
	0% {top: 15px}
	100% {top: 90px}
}
@-moz-keyframes code {
	0% {top: 15px}
	100% {top: 90px}
}
@-o-keyframes code {
	0% {top: 15px}
	100% {top: 90px}
}
@-ms-keyframes code {
	0% {top: 15px}
	100% {top: 90px}
}
@keyframes code {
	0% {top: 15px}
	100% {top: 90px}
}

.btn_down_box{ float:right; width:158px; margin:8px 18px 0 0}
.btn_down_box a,.sec2_down a{ display:block; width:158px; height:51px; margin-bottom:8px; text-indent:-9999px; overflow:hidden}
.btn_down_app{ background:url(../images/btn_down_app.png)}
.btn_down_android{ background:url(../images/btn_down_android.png)}

.down_wrap .btn_down_desktop{
	display:block;
	width:305px;
	height:51px;
	text-indent: -9999px;
	clear: both;
	margin: 0 auto;
	background: url(../images/btn_down_desktop.png) no-repeat;
}

#wall li b.n{background:#666;}
#wall li b.n1{background:#88bc73;}
#wall li b.n2{background:#f69a56;}
#wall li b.n3{background:#9f73ef;}
#wall li b.n4{background:#73a4f6;}
#wall li b{float:left;color:#fff;font-weight:normal;font-size:13px;display:block;line-height:26px;padding:0 5px;margin:2px 6px 2px 0;background:#ff5c50;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

/* inside_left */
.l_btn_down_app,.l_down_android{ display:block; width:200px; height:63px; margin:17px auto 0; text-indent:-9999px; overflow:hidden;}
.l_btn_down_app{ background:url(../images/btn_down_app2.png);}
.l_down_android{ margin-top:12px; background:url(../images/btn_down_android2.png);}
.l_down_ma_box{ width:210px; margin:0 auto; padding-bottom:14px; border-bottom:1px dashed #dedede;}