﻿/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none; color: #000;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal;}
label{vertical-align:middle; font-family:"Microsoft YaHei";}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_st{font-family:\5b8b\4f53;}
.pub_le{float: left;}
.pub_lr{float: right;}
.pc{display: block;}
.mb{display: none;}
.none{display:none;}
body{min-width: 1200px;background:#fffefe;  font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; color: #000;}
.pubMain{width: 1208px; margin: 0 auto; position: relative;}


/* 头部导航条 */
.topBox{background: #fbfeff; display:none!important;}
.topBox .pubMain{height: 62px;}
.topBox .icon{display: block; width: 73px; height: 73px; position: absolute; left: 0; top: 12px;}
.topBox .gameTitle{float: left; width: 190px; padding: 14px 0 0 85px;}
.topBox .gameTitle h2{font-size: 20px; padding-bottom:0px;}

.nav{float: right; width: 824px; height: 62px;}
.nav a.l{width: 185px;}
.nav a.s{width: 106px;}
.nav a:hover{text-decoration: underline;}

.page1 .pubMain{height: 617px;}
.logo{float: left; width: 284px; position: absolute; left: 196px; top: 38px; display: block;}
.videoPop{width: 800px; height: 450px; position: relative; background: #000; display: none;}
.downBtn{position:absolute; left: 0; top: 553px; width: 1188px; height: 56px; text-align: center;}
.downBtn a.and{background-position: -203px 0;}

.page2 .pubMain{height: 642px;}
.mainLe{float: left; width: 277px; height: 642px;}
.mainKf{padding: 38px 0 0 0; height: 273px;}
.mainKf p{height: 110px; padding: 0 0 0 138px;}
.mainKf strong{display: block; font-size:24px; color: #ef4853; padding-top: 16px; line-height: 40px;}
.mainKf span{display: block; font-size: 14px;}
.lunbo{width: 277px; height: 331px; overflow: hidden; position: relative;}
.lunbo .lbBor{width: 271px; height: 262px; border: 3px solid #d7be84;}
.lunbo .hd{width: 130px; height: 16px; position: absolute; left: 50%; top: 257px; margin-left: -65px; z-index: 3;  text-align: center;}
.lunbo .hd span{display: inline-block; width: 16px; height: 16px; margin: 0 1px; cursor:pointer;}
.lunbo .hd span.on{background-position: -18px 0;}
.lunbo .bd{width: 277px; height: 331px; position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden;}
.lunbo .bd img{display: block; width: 277px; height: 331px;}

.mainMid{float: left; width: 600px; height: 642px; padding: 0 0 0 27px;}
.yybox{height: 204px; padding-top: 38px; margin-bottom: 68px;}
.yyCard{float: left; width: 285px; padding: 50px 15px 0 0;}
.yyCard img{display: block; margin: 0 auto; width: 124px; height: 124px;}
.yyForm{float: right; width: 300px; padding-top: 44px;}
.yyForm li{padding:0 0 9px 0; overflow: hidden; text-align: center;}
.yyForm p{text-align: center; color: #FFF;}
.yyBtn{display: block; margin: 0 auto; width: 210px; height: 38px; line-height: 38px; text-align: center; font-size: 18px; color: #7b6635;}
.yyBtn:hover{background-position: 0 -38px; color: #FFF;}
.yyInput{border: 1px solid #FFF; background: #FFF; padding: 2px 10px; width: 190px; height: 20px; line-height: 20px; font-size: 14px; color: #000; display: block; margin: 0 auto; border-radius: 4px;}
.yySelect{display: inline-block; width: 80px; height: 42px; margin-right: 20px; border: 2px solid #f4f3f3; border-radius: 6px; cursor: pointer;}
.yyOn{border: 2px solid #dabe7e;}
.yySelect input{opacity: 0;}

.newsTab{height: 35px; background: #4e4a4a; border-radius: 6px; padding: 0 0 0 6px;}
.newsTab li{float: left; width: 83px; padding-top: 5px;}
.newsTab li a{display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 20px; color:#FFF;}
.newsTab li a:hover,.newsTab li a.on{background: #fff; color: #c8ab69; border-radius: 6px 6px 0 0;}
.newsMore{float: right; width: 84px; height: 35px; line-height: 35px; font-size: 14px; color: #FFF;}
.newsMore strong{font-family: arial; font-size: 20px; padding-right: 10px; float: left;}
.list{padding-top: 8px; display: none;}
.list li{height: 42px; line-height: 42px; color: #caa072; border-bottom: 1px dotted #8d8c8b;  padding-left: 20px;}
.list li a{float: left;width: 570px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #1f1f1f; font-size: 14px;}
.list li a:hover{text-decoration: underline;}

.mainLr{width: 277px; height: 642px; float: right;}
.ncTitle{height: 266px;}
.ncTitle h2{font-size: 18px; font-weight: bold; color: #FFF; line-height: 44px; text-indent: 137px; height: 56px;}
.ncCard{float: left; width: 160px; height: 160px; margin:0 0 0 28px; position: relative;}
.ncCard img{display: block; width: 160px; height: 160px;}
.ncCard span{width: 160px; height: 20px;  position: absolute; left: 0; top: 0; display: block; z-index: 1;
	-webkit-animation: move 2s linear infinite alternate;
	-moz-animation: move 2s linear infinite alternate;
	-ms-animation: move 2s linear infinite alternate;
	-o-animation: move 2s linear infinite alternate;
	animation: move 2s linear infinite alternate;
}
.ncText{float:right; width: 70px; position: relative;}
.ncText span{width: 25px; height: 25px; display: block;  position:absolute; left: 9px; top: 7px; border-radius: 6px;}
.ncText li{font-size: 20px; font-weight: bold; color: #FFF; float: left; width:26px; padding-top: 40px; line-height: 22px;}
.advBox img{display: block; margin: 0 auto; width: 241px; margin-bottom: 11px;}

.page3{}
.page3 .pubMain{height: 437px;}
.pubTitle{height: 106px; padding: 0 121px;}
.pubTitle span.le{float: left; height: 51px; border-bottom: 1px solid #a9c0c0; width: 341px;}
.pubTitle span.lr{float: right; height: 51px; border-bottom: 1px solid #a9c0c0; width: 341px;}
.pubTitle strong{float: left; width: 250px; font-size: 30px; font-weight: bold; color: #819a9a; text-indent: 88px; height: 106px; line-height: 100px;}

.hero{width: 1208px; height: 280px; overflow: hidden;position: relative;}
.heroTab{float: left; width: 114px; height: 250px; padding: 5px 0 0 2px;}
.heroTab a{display: block; width: 110px; height: 30px; line-height: 30px; text-align: center; color: #85a2a2; border: 2px solid #a8c5c5; font-size: 20px;  margin-bottom: 15px;}
.heroTab a:hover,.heroTab a.on{ color: #FFF; border: 2px solid #c8ab69;}
.heroList{width: 1043px; height: 280px; position: relative; overflow: hidden; float: right;}
.heroList .bd{width: 954px; height: 280px; overflow: hidden;}
.heroList .bd ul{width:9999px;}
.heroList .bd li{float: left; width: 191px; height: 280px;}
.heroImg{width: 190px; height: 280px; border-right: 1px solid #c0d1d2; position: relative;}
.heroImg a{display: block; width: 114px; height: 130px; position: absolute; left: 38px; padding-top: 10px;}
.heroImg a.h1{top: 0;}
.heroImg a.h2{top: 150px;}
.heroImg a strong{display: block; width: 114px; height: 66px;  padding-top: 64px; position: absolute; left: 0; top: 0; z-index: 2; font-size: 18px; text-align: center; font-weight: normal; display: none;}
.heroImg a i{display: none;  width: 48px; height: 56px; position: absolute; left: 88px; top: 2px; z-index:3;}
.heroImg a img{display: block; width: 112px; height: 112px; position: absolute; left: 1px; top: 17px; z-index: 1;}
.heroImg a.on i{display: block;}
.heroBtn{display: block; width: 41px; height: 66px;  position: absolute; right: 2px; cursor: pointer;}
.heroPrev{top: 45px;}
.heroNext{top: 125px; background-position: 0 -66px;}

.page4{background:#fffefe;}
.page4 .pubMain{}
.poster-main{width: 1210px; height: 464px; margin: 0 auto; position: relative; overflow: hidden;}
.poster-main .poster-list .poster-item{position: absolute;}
.poster-main .poster-btn{position: absolute; top: 0; cursor: pointer; background: url(about:blank); width: 200px !important;}
.poster-main .poster-prev-btn{left: 0;}
.poster-main .poster-next-btn{right: 0;}

.mpBox{padding-top: 60px;}
.mpTitle{height: 72px;}
.mpName{float: left; width: 164px; height: 51px; text-indent: 58px; font-size: 24px; font-weight: bold; line-height: 51px;}
.mpTab{float: right; width: 1000px; height: 35px; border-bottom: 2px solid #7b7b7d; padding-left: 42px;}
.mpTab a{float: left; width: 198px; height: 23px; font-size: 14px; color: #000;  display: inline; margin-right: 22px; text-align: center; padding-top: 12px; border-bottom: 2px solid #7b7b7d;}
.mpTab a:hover,.mpTab a.on{height: 25px; border-bottom:0 none;}
.mpList{width: 1208px; height: 425px; overflow: hidden;}
.mpList ul{width: 1250px; display: none;}
.mpList li{float: left; width: 287px; height: 208px; display: inline; margin-right: 20px;}
.mpList li img{display: block; width: 287px; height: 163px;}
.mpList li a{font-size: 14px; color: #827b6f;}
.mpList li a:hover{text-decoration: underline;}
.mpList li p{padding-top: 10px;}

.shBox{height: 245px;}
.shList{width: 593px; height: 225px;}
.shText{float: left; padding: 85px 0 0 248px; width: 110px;}
.shText li{float: left; padding-right: 14px; font-size: 16px; line-height: 18px;}
.shText li strong{font-size: 24px; line-height:26px;}
.shCard{width: 170px; text-align: center; padding-top: 43px; float: left;}
.shCard img{display: block; width: 130px; height: 130px; border: 1px solid #000; padding: 5px; margin: 0 auto; background: #FFF;}
.shCard p{padding-top: 9px; font-size: 14px;}

#wrapTemp{background:#f4f2e9 url(/skin/default/images/top.jpg) no-repeat center 0;}
.tempHeader{width: 960px; margin: 0 auto; height: 381px; position: relative;}
.tempHeader .logo{left: 60px; top: 0px;}
.tempHeader .return_btn{width: 98px;right: 0px;position: absolute;top: 130px;}
.tempHeader .return_top{position: fixed;right: 200px;bottom: 100px;display:none;}
.tempMain{width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 50px;}
.temple{width: 100%;} 
.templr{width: 204px; padding-right: 6px;}
.tempTitle{height: 70px; line-height: 70px; padding: 0 34px 0 44px; background: #c79964; color: #fff; font-size: 14px;}
.tempTitle strong{font-size: 28px; font-weight:normal;}
.tempTitle span{padding: 0 7px; font-family:\5b8b\4f53;}
.tempTitle a{color:#fff;}
.tempList{padding: 20px 32px 50px 32px; background:#fff;}
.tempTab{height: 36px; border-bottom: 1px solid #d2d2d2;}
.tempTab a{float: left; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #49494b; display: inline; margin-right: 8px; }
.tempTab a:hover,.tempTab a.on{border-bottom: 3px solid #7ec9cf; color: #6b659f;}
.tempVi{padding-top: 18px;}
.tempVi li{height: 45px; border-bottom: 1px solid #e6e6e6; font-size: 14px;}
.tempVi li a{display: block; height: 45px; line-height: 45px; color: #49494b; padding: 0 6px;}
.tempVi li a ins{color: #928d8d;}
.tempVi li a.on{color: #b28647;}
.tempVi li a:hover{color: #b28647; background: #f0eded;}

.page{text-align: center; font-size: 14px; color: #49494b;}
.page a{color: #49494b; padding: 0 5px;}
.page a:hover{color: #F00;}
.page span{padding: 0 5px;}

.tempDown{padding-top: 41px; padding-bottom: 15px;}
.tempDown a{display:block; width: 203px; height: 56px; line-height: 56px; text-indent:66px; font-size: 24px; color: #fff; background: url(../images/downBtn.png) no-repeat 0 0; margin:0 auto;}
.tempDown a.and{background-position: -203px 0;}

.tempCard{width: 160px; height: 160px; margin: 0 auto; position: relative;}
.tempCard img{display: block; width: 160px; height: 160px;}
.tempCard span{width: 160px; height: 20px;/* background: url(/skin/default/images/line.png) no-repeat 0 0;*/ position: absolute; left: 0; top: 0; display: block; z-index: 1;
  -webkit-animation: move 2s linear infinite alternate;
  -moz-animation: move 2s linear infinite alternate;
  -ms-animation: move 2s linear infinite alternate;
  -o-animation: move 2s linear infinite alternate;
  animation: move 2s linear infinite alternate;
}
.cardP{text-align: center; font-size: 14px; line-height: 18px; color: #424040;}
.tempKf{height: 200px; background: url(/skin/default/images/qyns_qq_bg.jpg) no-repeat 0 0; margin-top:15px; -webkit-background-size:100%; background-size:100%;}
.tempKf p{padding: 0 0 9px 85px;}
.tempKf strong{display: block; font-size:18px; color: #c79964; padding-top: 8px; line-height: 26px;}
.tempKf strong a{color: #ef4853;}
.tempKf .ad_download{padding-top: 28px;}
.tempKf span{display: block; font-size: 12px; color: #c79964;}

.tempArt{padding: 20px 32px 50px 32px;}
.tempTop{text-align: center; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px;}
.tempTop h1{font-size: 26px; color: #49494b; padding: 16px 0; line-height: 36px;}
.tempTop p{font-size: 14px; color: #817f7f;}
.tempText{padding-top: 20px;  font-size: 14px; color: #49494b; line-height: 30px;}
.tempText a{color: #49494b;}
.tempText p{padding-bottom: 10px;}
.tempText img{display: block; margin: 0 auto; max-width: 100%;}

#footer{background:#fff;font-size:14px !important;}
.footBox{width: 982px; margin: 0 auto; padding-top: 45px; overflow: hidden; font-family:\5b8b\4f53;}
.footBox .logo2{float: left; width: 208px; padding-left: 74px;}
.footBox .text{float: right; width: 674px; line-height: 22px;margin-top: 30px;}
.footBox .text p{white-space: normal !important;}
.footBox a span{font-size:12px !important;}
.footBox .text em{padding: 0 12px;}
.footBox,.footBox a{color: #5b5b5b;}
.f_no{font-style: normal;font-size:14px;}
.bq{top:70px !important;display: none;}

.wwybz {display: none;}
.m_qyns_footer{display:none;}
    .pubNav{width:100%;height:89px;min-width:1200px;background:url(/skin/default/images/nav_bg.png) repeat-x ;position:absolute;top:0;left:0;z-index:99;}
    .pubNavList{font-size:0;white-space:nowrap;text-align:center;}
    .pubNavList li{width:260px;display:inline-block;vertical-align:top;position:relative;}
    .pubNavList li:after{content:'';width:1px;height:28px;background:#cecece;position:absolute;top:50%;left:0;margin-top:-14px;opacity:.5;filter:alpha(opacity=50);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
    .pubNavList li:first-child:after{display:none;}
    .pubNavList a{font-size:20px;line-height:82px;color:#cecece;text-align:center;display:block;position:relative;}
    .pubNavList span{line-height:1.5;display:inline-block;vertical-align:middle;margin:0 12px;}
    .pubNavList em{font-size:12px;display:block;/*-webkit-transform:scale(.84);transform:scale(.84);*/font-style: normal;}
    .pubNavList a:before,.pubNavList a:after{content:'';width:8px;height:8px;background:transparent;display:inline-block;vertical-align:middle;-webkit-transform:rotate(54deg) skew(20deg);transform:rotate(54deg) skew(20deg);}
    .pubNavList a:hover{color:#ecc478;}
    .pubNavList a:hover:before,.pubNavList a:hover:after{background:#ecc478;}
    .con_nav_txt{margin-top: 20px;}
    .con_nav_txt a{color: #767060;font-size: 18px;text-decoration: underline;}
    .con_nav_txt a:nth-child(5){text-decoration: none;}
    .newleft_bg{width:204px;height:698px;background:url(/skin/default/images/newleft_bg.png) no-repeat;margin-top: 80px;text-align: center;float: right;}
    .banner .newleft_bg{margin-top:0px;}
    .float_wx {width: 178px;height: 244px;margin-top: 15px;margin-left: 12px;padding-top: 15px;background: url(/skin/default/images/new_float_wx.png) no-repeat;z-index: 9;position: relative;}
    .float_wx::after {background: url(/skin/default/images/scan.png) no-repeat;content: '';width: 165px;height: 14px;position: absolute;top: 20px;left: 5px;-webkit-animation: cardAni 2s linear infinite;}
    @-webkit-keyframes cardAni{
        0%{-webkit-transform:translateY(0);}
        50%{-webkit-transform:translateY(110px);}
        100%{-webkit-transform:translateY(0);}
    }
    .new_index_btn{margin-top: 40px;display: block;}
    .newleft_bg p{color: #302d32;font-size: 16px;margin-top: 40px;}
    .newleft_bg a{display:block;}

.wait {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.8);display: none;}
.wait_close {width: 80px;height: 80px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 58%;z-index: 10;cursor: pointer;}
.wait img {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.qyns_footer{width:100%;background:#272a2c;}
    .qyns_footer .pubMain{width:1200px;min-height:100px;margin:0 auto;padding:30px 0 30px;}
    .qyns_footer .pubMain p{font:12px/24px 'microsoft yahei'; color:#fff;white-space: nowrap;text-align:center;}
    .qyns_footer .pubMain p a{font:12px/24px 'microsoft yahei'; color:#fff; display: inline-block;}
    .qyns_footer .pubMain p em{font-style: normal;margin:0 3px;}

@-webkit-keyframes move{
  0%{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  100%{-webkit-transform: translate3d(0,140px,0);-moz-transform: translate3d(0,140px,0);-ms-transform: translate3d(0,140px,0);-o-transform: translate3d(0,140px,0);transform: translate3d(0,140px,0);}
}
@-moz-keyframes move{
  0%{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  100%{-webkit-transform: translate3d(0,140px,0);-moz-transform: translate3d(0,140px,0);-ms-transform: translate3d(0,140px,0);-o-transform: translate3d(0,140px,0);transform: translate3d(0,140px,0);}
}
@-ms-keyframes move{
  0%{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  100%{-webkit-transform: translate3d(0,140px,0);-moz-transform: translate3d(0,140px,0);-ms-transform: translate3d(0,140px,0);-o-transform: translate3d(0,140px,0);transform: translate3d(0,140px,0);}
}
@-o-keyframes move{
  0%{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  100%{-webkit-transform: translate3d(0,140px,0);-moz-transform: translate3d(0,140px,0);-ms-transform: translate3d(0,140px,0);-o-transform: translate3d(0,140px,0);transform: translate3d(0,140px,0);}
}
@keyframes move{
  0%{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  100%{-webkit-transform: translate3d(0,140px,0);-moz-transform: translate3d(0,140px,0);-ms-transform: translate3d(0,140px,0);-o-transform: translate3d(0,140px,0);transform: translate3d(0,140px,0);}
}

.messPop{width: 558px; height: 335px; position: relative; text-align: center;  display: none;}
.messMain{padding: 46px 0 0 0;}
.messH2{font-size: 24px; font-weight: bold; color: #404040; height: 73px; line-height: 73px;}
.messMain p{font-size: 14px; font-weight: bold; color: #50360e; line-height: 24px; padding:30px 135px 0 135px; height: 80px;}
.messClose2{display: block; width: 216px; height: 46px; line-height: 46px; text-align: center; font-size: 24px; font-weight: bold; color: #7b6635; background: #dabe7e; border-radius: 23px; margin: 0 auto;}
.messClose2:hover{background:#a2833e; text-decoration: none;}
.messPop2{width: 558px; height: 256px; position: relative; text-align: center;  display: none;}
.messClose{display: block; cursor: pointer; position: absolute; width: 42px; height: 42px; right: -22px; top: -22px;}
.messPop2 .messMain p{height: 30px;}

.iframe { 
    width: 530px;
    height: 320px;
    float: left;
    margin-left: 24px;
    padding: 22px 0 0 0;
    border: none;
}
.yyPop{
display:none;}

.f_no:nth-child(1){display:none;}
.f_no:nth-child(2){display:none;}