/* 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; font-family:\5b8b\4f53;}
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{background:#fffefe; min-width: 1208px; 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;}
.topBox .pubMain{height: 62px;}
.topBox .icon{display: block; width: 73px; height: 73px; position: absolute; left: 2px; top: 14px;}
.topBox .gameTitle{float: left; width: 190px; padding: 14px 0 0 85px;}
.topBox .gameTitle h2{font-size: 20px; padding-bottom:0px;}
.yyPop,.tip-wrap{display:none;}

.nav{float: right; width: 824px; height: 62px;}
.nav a{float: left; /* width: 133px; */padding-right:28px; height: 62px; line-height: 62px; text-indent: 36px; font-size: 16px; background: url(../images/icon_01.png) no-repeat 0  center;}
.nav a.l{/*width: 185px;*/}
.nav a.s{width: 106px;}
.nav a:hover{text-decoration: underline;}

.page1{background: url(../images/bg1.jpg) no-repeat center 0;}
.page1 .pubMain{height: 614px;}
.logo{float: left; width: 284px; position: absolute; left: 196px; top: 38px; display: none;}
.videoBox{/*background: url(../images/videoImg.png) no-repeat 0 0;*/ width: 60px; height: 60px; position: absolute;left: -40px;top: 300px;cursor: pointer;}
.videoBox span{display: block; width: 100%; height: 100%; background: url(../images/videoIcon.png) no-repeat 0 0;background-size: cover;}
.videoPop{width: 800px; height: 450px; position: relative; background: #000; display: none;}
.closeBtn{width: 58px; height: 58px; position: absolute; right: -58px; top: 0; background: url(../images/close.png) no-repeat 0 0; cursor: pointer;}
.downBtn{position:absolute; left: -340px; top: 450px; width: 1188px; height: 56px; text-align: center; display: none; }
.downBtn a{display: inline-block; width: 203px; height: 56px; line-height: 56px; text-indent:45px; font-size: 24px; color: #fff; background: url(../images/downBtn.png) no-repeat 0 0; margin:0 12px;}
.downBtn a.and{background-position: -203px 0;}
.openBtn{position:absolute;left:0px;bottom:27px;height: 164px;}
.openBtn1 p{width: 22px;height: 158px;padding:0 10px; background: #c79964;color: #fff;line-height: 22px;padding-top: 6px;text-align: center;font-size: 16px;}
.openBtn1 img{width: 164px;}
.openBtn2 a{display: block;width: 238px;height: 82px;}
.openBtn2 a.ios{background: url(../images/downBtn.jpg) 0 0 no-repeat;}
.openBtn2 a.and{background: url(../images/downBtn.jpg) 0 -82px no-repeat;}
.openBtn3 a.libao{display: block;width: 120px;height: 164px;background: url(../images/guLc.jpg) no-repeat;}


.page2{background: url(../images/bg2.jpg) no-repeat center 0;}
.page2 .pubMain{height: 639px;padding-top: 6px;}
.mainLe{float: left; width: 141px; height: 642px;padding-left: 29px;background: url(../images/mediaBg.jpg) no-repeat;}
.mainKf{width: 141px; height: 545px;padding-top: 21px;color: #fff;}
.mainKf>div{padding-left: 24px;width:90px;margin-bottom: 16px;text-align: right;font-size: 14px;}
.mainKf>div a{display:block;height: 36px;color: #fff;}
.mainKf>div a h5{line-height: 20px;}
.mainKf>div a p{height: 16px;font-size: 12px;}
.mainKf .kf-weibo{background: url(../images/kf_weibo.png) 0 1px no-repeat;}
.mainKf .kf-tieba{background: url(../images/kf_baidu.png) 0 1px no-repeat;}
.mainKf .kf-buluo{background: url(../images/kf_buluo.png) 0 1px no-repeat;}
.mainKf .kf-qq{background: url(../images/kf_qq.png) 0 1px no-repeat;}
.mainKf .kf-tip{background: url(../images/kf_tishi.png) 0 1px no-repeat;}
.mainKf .kf-tip p{font-size: 12px;}
.mainKf h4{line-height: 20px;}
.mainKf .kf-qq a{margin-top: 2px;}

.lunbo{width: 700px; height: 287px; overflow: hidden; position: relative;}
.lunbo .lbBor{width: 271px; height: 262px; border: 3px solid #d7be84;}
.lunbo .hd{width: 700px; height: 16px; position: absolute; left: 0; bottom: 0px; z-index: 3; background:rgba(0,0,0,0.4); text-align: center;}
.lunbo .hd p{float: right;padding-right: 15px;}
.lunbo .hd span{display: inline-block; width: 10px; height: 10px; margin-right: 6px;background-color: #fff; border-radius: 5px; cursor:pointer;}
.lunbo .hd span.on{background-color: #fcd986;}
.lunbo .bd{width: 700px; height: 287px; position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden;}
.lunbo .bd img{display: block; width: 700px;}

.mainMid{float: left; width: 600px; height: 642px; padding: 0 0 0 27px;}
.yybox{height: 204px; background: url(../images/yybg.jpg) no-repeat 0 bottom; 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;background: url(../images/submit.png) no-repeat 0 0; 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;}
.yyIos{background: url(../images/ios.png) no-repeat center center;}
.yyAnd{background: url(../images/and.png) no-repeat center center;}
.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; background: url(../images/newsIcon.jpg) no-repeat 0 center; padding-left: 20px;}
.list li a{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: 40px; text-indent: 137px; height: 40px;}
.ncCard{padding:0 20px;}
.ncCard span{display: block;width: 25px; height: 25px; background: url(../images/le.png) no-repeat;margin-left: 156px;}
.ncCard .moniDown{display: block; width:239px;height: 93px; margin-top: 40px;background: url(../images/moniqi.png) no-repeat;}
.advBox img{display: block; margin: 0 auto; width: 241px; margin-bottom: 11px;}

.page3{background: url(../images/bg3.jpg) no-repeat center 0;}
.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;}
.pubTitle strong.titBg1{background: url(../images/titIcon1.png) no-repeat 33px center;}
.pubTitle strong.titBg2{background: url(../images/titIcon2.png) no-repeat 33px center;}

.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; background: url(../images/tabBg.png) no-repeat 0 -30px; margin-bottom: 14px;}
.heroTab a:hover,.heroTab a.on{background:#c8ab69 url(../images/tabBg.png) no-repeat 0 0; color: #FFF; border: 2px solid #c8ab69;}
.heroTab a.links{font-size: 14px; background-image: none;}
/*.heroTab a.links:hover,{color: #85a2a2;}*/
.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; background: url(../images/heroOn.png) no-repeat 0 0; 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; background: url(../images/new.png) no-repeat 0 0; 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; background: url(../images/lb.png) no-repeat 0 0; 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; background: url(../images/mp.png) no-repeat 0 0; 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; background: url(../images/mpOn.jpg) no-repeat 0 0; 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: 460px; overflow: hidden;}
.mpVos{display: none;}
.mpVos .page{padding-top:10px;}
.mpList .bd ul{width: 9999px; height: 416px; overflow: hidden;}
.mpList .bd li{float: left; width: 307px; height: 416px;}
.mpList .bd li div{width: 287px; height: 208px;}
.mpList .bd li img{display: block; width: 287px; height: 163px;}
.mpList .bd li a{font-size: 14px; color: #827b6f;}
.mpList .bd li a:hover{text-decoration: underline;}
.mpList .bd li p{padding-top: 10px;text-align: center;}
.mpList .hd{text-align: center; padding-top: 12px;}
.mpList .hd li{display: inline; padding: 4px 10px; background: #cfcdcf; font-size: 14px; color: #6a6a6a; margin: 0 5px; cursor: pointer;}
.mpList .hd li.on{background: #836e9d; color: #FFF;}

.shBox{height: 245px;}
.shList{width: 593px; height: 225px;}
.shBg1{background: url(../images/m1.jpg) no-repeat 0 0;}
.shBg2{background: url(../images/m2.jpg) no-repeat 0 0;}
.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:#fffefc url(../images/tempBg.jpg) no-repeat center 0;}
.tempHeader{width: 960px; margin: 0 auto; height: 370px; position: relative;}
.tempHeader .logo{left: 60px; top: 0px;}
.tempMain{width: 960px; margin: 0 auto; overflow: hidden; padding-bottom: 50px;}
.temple{width: 730px;}
.templr{width: 204px; padding-right: 6px;}
.tempTitle{height: 70px; line-height: 70px; padding: 0 34px 0 44px; background: #424040; 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;}
.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; width:52px;}
.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; clear: both; overflow: hidden;}
.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(../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(../images/kfBg.png) no-repeat 0 0;}
.tempKf p{padding: 0 0 9px 100px;}
.tempKf strong{display: block; font-size:18px; color: #ef4853; padding-top: 30px; line-height: 26px;}
.tempKf span{display: block; font-size: 12px;}

.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;}
.footBox{width: 982px; margin: 0 auto; padding: 45px 0; overflow: hidden; font-family:\5b8b\4f53;}
.footBox .logo2{float: left; width: 208px; padding-left: 74px;}
.footBox .text{float: right; width: 674px; line-height: 20px;}
.footBox .text em{padding: 0 12px;}
.footBox,.footBox a{color: #5b5b5b;}


@-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; background: url(../images/messBg1.png) no-repeat 0 0; 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; background: url(../images/messBg2.png) no-repeat 0 0; display: none;}
.messClose{display: block; cursor: pointer; position: absolute; background: url(../images/close3.png) no-repeat 0 0; width: 42px; height: 42px; right: -22px; top: -22px;}
.messPop2 .messMain p{height: 30px;}
.messPop3{width: 1000px; position: relative; text-align: center; background: url(../images/messBg2.png) no-repeat 0 0; display: none;}
.messPop3 img{width: 100%;}


.infoSearch{height: 100px; background: #eaeaea;}
.selectBox{padding: 31px 62px 0 62px; height: 34px;}
.selectList{float: left; width: 148px; height: 34px; display: inline; margin-right: 16px; background: #7ec9cf url(../images/j1.png) no-repeat 125px center; text-align: center; position: relative; cursor: pointer;}
.selectList span{display: block; font-size: 16px; background:#fff;  width: 110px; height: 32px; border:1px solid #7ec9cf; line-height: 32px; color: #424040;}
.selectPop{position: absolute; left: 0; top: 33px; width: 146px; overflow: hidden; overflow-y: auto; border:1px solid #7ec9cf; background: #FFF; display: none;}
.selectPop a{display: block; height: 20px; line-height: 20px; color: #424040; font-size: 14px;}
.selectPop a:hover{background: #424040; color: #FFF;}

.selectBtn{float: right; width: 130px; height: 34px; line-height: 34px; text-align: center; background: #dabe7f; font-size: 18px; font-weight: bold; color: #49494b;}
.selectBtn:hover{background: #dead40;}
.infoList{width: 840px; margin: 0 auto; padding: 40px 0 0 0;}
.infoTitle{height: 52px; border-bottom:1px solid #4e4e4e; margin-bottom: 38px;}
.infoTitle strong{width: 130px; float: left; height: 49px; border-bottom: 4px solid #7ec9cf; text-align: center; line-height: 49px; color:#424040; font-size: 30px;}
.infoh3{height: 58px;}
.infoh3 strong{display: block; width: 128px; height: 30px; line-height: 30px; background: #7ec9cf url(../images/j2.png) no-repeat 10px center; text-indent: 30px; font-size: 18px; color: #FFF; border-radius: 10px;}
.infoUl{padding: 0 0 24px 20px; overflow: hidden;}
.infoUl li{float: left; width: 117px; height: 38px; line-height: 38px; text-indent: 10px; background:url(../images/j3.png) no-repeat 0 center;}
.infoUl a{font-size: 16px; color: #424040;}
.infoUl a:hover{text-decoration: underline;}
.infoEvent{padding: 0 0 24px 0;}
.infoEvent li{float: left; width: 197px; height: 80px; display: inline; margin: 0 10px 20px 0;}
.infoEvent a{display: block; width: 195px; height: 78px; text-align: center; border:1px solid #86ccd2;}
.infoEvent a strong{font-size: 24px; color: #3e787d; font-weight: normal; display: block; padding: 14px 0 4px 0;}
.infoEvent a span{width: 138px; height: 20px; background:#7ec9cf; border-radius: 10px; color: #FFF;font-size: 14px; line-height: 20px; display: block; margin: 0 auto;}
.infoEvent a:hover{border:1px solid #2b8990;}
.selectPop::-webkit-scrollbar{width:7px;height:7px;background-color:rgba(0,0,0,0);}
.selectPop::-webkit-scrollbar-track{background-color: #ccc;}
.selectPop::-webkit-scrollbar-thumb{background-color:#000;} 
.selectPop::-webkit-scrollbar-thumb:hover{background-color:rgba(209,114,0,1);}
.selectPop::-webkit-scrollbar-thumb:active{background-color:rgba(209,114,0,1);}
.selectPop::-webkit-scrollbar-track-piece{margin: 0 0;}

.iframe {
    width: 700px;
    height: 308px;
    float: left;
    padding: 22px 0 0 0;
    border: none;
}

.floatPop{width: 186px; height: 660px; position: fixed; right: 0; top: 50%; margin-top: -330px; z-index: 99999;}
.floatClose{display: block; width: 39px; height: 302px; position: absolute; right:-40px; top: 60px; background: url(../images/floatBtn.png) no-repeat 0 0; cursor: pointer;}
.floatDiv{width: 186px; height: 660px; position: absolute; left: 0; top: 0; background: url(../images/floatBg.png) no-repeat 0 0;}
.zhaiClose{display: block; width: 22px; height: 22px; background: url(about:blank); position: absolute; right: 0; top: 0; cursor: pointer;}
.floatYy{padding: 124px 0 0 0; height: 119px;}
.floatYy a{display: block; background: url(../images/yyBtn2.png) no-repeat 0 0; width: 156px; height: 39px; line-height: 39px; text-align: center; color: #FFF; font-size: 20px; margin: 0 auto;}
.floatYy a:hover{background-position: 0 -39px; text-decoration: none;}
.floatYy p{text-align: center; color: #FFF; font-size: 14px; line-height: 30px;}
.floatYy span{color: #ea0924; padding: 0 5px;}

.floatLibao{width: 186px; height: 102px; position: relative; margin-bottom: 28px;}
.floatOk{display: none; background: url(../images/floatOk.png) no-repeat 0 0; width: 102px; height: 102px; margin: 0 auto;}
.floatPit{position: absolute; width: 228px; height: 153px; background: url(../images/floatPs.png) no-repeat 0 0; left: -179px; top: -100px; color: #b76529; display: none;}
.floatPit h2{text-align: center; height: 42px; line-height: 42px; font-size: 20px; font-weight: bold; padding-right: 16px;}
.floatPit p{line-height: 16px; padding-right: 16px; text-align: center;}







.leftPop{width: 180px; height: 100%; position: fixed; left: 0; top: 0; background: #383838; z-index: 100;}
.gudNav{width: 180px; height: 336px; position: fixed; left: 0; top: 50%; margin-top: -168px;}
.gudNav a.gudLink{display: block; width: 180px; height: 56px; background-image: url(../images/gu_icon.png); background-position: 0 0; background-repeat: no-repeat; font-size: 14px; color: #a7a6a6; text-indent: 46px; line-height: 56px;}
.gudNav a.g1{background-color: #313030; background-position: 0 -112px;}
.gudNav a.g2{background-position: 0 -56px;}
.gudNav a:hover,.gudNav a.on{background-position: 0 0; color: #FFF;}
.gudNav a.goIndex{display: block; width: 125px; height: 38px; background:url(../images/goIndex.png) no-repeat 0 0; font-size: 14px; color: #383838; line-height: 38px; text-indent: 46px; margin: 0 auto; margin-top: 15px;}
.gudNav a.goIndex:hover{background-position: 0 -38px; color: #FFF;}
#gudTemp{background:#FFF url(../images/gudBg.jpg) no-repeat center 62px; max-width: 1920px; margin: 0 auto;}
.gudHeader{height: 577px; position: relative; margin: 0 auto; width: 1006px;}
.gudHeader .logo2{position: absolute; display: block; width:453px; left: 40px; top: 80px; display: none;}
.gudweb{height: 250px; width: 518px; position: absolute; left: 9px; top: 308px;}
.gudCard{float: left; width: 160px;}
.gudCard img{display: block; width: 160px; height: 160px;}
.gudCard p{text-align: center; color: #e9f8f9; padding-top: 8px;}
.gudDown{float: left; width: 236px;}
.gudDown a{display: block; width: 236px; height: 80px; line-height: 80px; text-indent: 88px; font-size: 22px; color: #FFF;}
.gudDown a.ios{background-image:url(../images/ios2.png); background-position: 40px center; background-repeat: no-repeat; background-color: #ec4451;}
.gudDown a.and{background-image:url(../images/and2.png); background-position: 40px center; background-repeat: no-repeat; background-color: #000;}
.gudLc{width:118px; height: 160px; float: left; background: url(../images/guLc.jpg) no-repeat 0 0; overflow:hidden; text-indent:-9999px;}
.gudQues{float: left; width: 270px;padding-top: 20px;padding-left: 30px;}
.gudQues a{float: left; width: 125px; height: 43px; line-height: 43px; font-size: 16px; color: #FFF; text-indent: 43px; background: url(../images/gud_ques.png) no-repeat 0 0; margin-bottom: 7px;}
.gudQues a.q1{background-position: 0 0;}
.gudQues a.q2{background-position: 0 -50px;float: right;}

.gudMain{width: 1006px; margin: 0 auto; }
.gudNum{width: 1006px; height: 50px; position: absolute; left: 50%; top: 28px; z-index: 9; color: #ec4451; margin-left: -503px;}
.gudNum strong{font-size: 50px; font-family: arial; padding-right: 10px;}
.gudNum span{font-size: 30px;}

.gudBox1{background: #f4f4f4; height: 525px; position: relative;}
.gudBox1 .bd{width: 100%; height: 391px; overflow: hidden;}
.gudBox1 .bd li{height: 391px; position: relative;}
.gudBox1 .gudPer{height: 391px; width: 100%; position: absolute; right: -100px; top: 0; z-index: 1;  filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.gudBox1 .gp1{background: url(../images/g1.jpg) no-repeat center 0;}
.gudBox1 .gp2{background: url(../images/g2.jpg) no-repeat center 0;}
.gudBox1 .gp3{background: url(../images/g3.jpg) no-repeat center 0;}
.gudBox1 .gp4{background: url(../images/g4.jpg) no-repeat center 0;}
.gudBox1 .gp5{background: url(../images/g5.jpg) no-repeat center 0;}
.gudBox1 .gp6{background: url(../images/g6.jpg) no-repeat center 0;}
.gudBox1 .gudTxt{width:974px; position: absolute; left: 45%; top:110px; margin-left: -487px; z-index: 2; color: #49494b;  filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.gudBox1 .gudTxt h3{font-size: 18px; line-height: 28px; padding-bottom: 16px; padding-left: 5px;}
.gudBox1 .gudTxt p{ width: 380px; font-size: 12px; line-height: 22px; padding-left: 5px;}
.gudBox1 .gudName{height: 40px; line-height: 40px; padding-bottom: 10px;}
.gudBox1 .gudName img{float: left;}
.gudBox1 .gudName strong{float: left; font-size: 36px; padding-left: 12px;}
.gudBox1 .hd{width: 100%; height: 112px; padding: 11px 0; overflow: hidden; background: #e2e1e6; text-align: center;}
.gudBox1 .hd span,.gudBox1 .hd a{display: inline-block; width: 112px; height: 112px; margin: 0 8px; cursor: pointer; overflow: hidden; text-indent: -999px;}
.gudBox1 .hd span.p1{background: url(../images/gs1.png) no-repeat 0 0;}
.gudBox1 .hd span.p2{background: url(../images/gs2.png) no-repeat 0 0;}
.gudBox1 .hd span.p3{background: url(../images/gs3.png) no-repeat 0 0;}
.gudBox1 .hd span.p4{background: url(../images/gs4.png) no-repeat 0 0;}
.gudBox1 .hd span.p5{background: url(../images/gs5.png) no-repeat 0 0;}
.gudBox1 .hd span.p6{background: url(../images/gs6.png) no-repeat 0 0;}
.gudBox1 .hd span.on{background-position: 0 -112px;}
.gudBox1 .hd a.gudmore{background: url(../images/gs7.png) no-repeat 0 0;}
.gudBox1 .hd a:hover{background-position: 0 -112px;}


.gudBox2{position: relative;}
.gudBox2 .gudMain{height:608px;}
.gudGame{padding: 166px 0 0 0; height: 407px;}
.gudGame .bd{float: left; width: 725px; height: 407px; overflow: hidden;}
.gudGame .bd li{float: left; width: 725px; height: 407px; position: relative;}
.gudGame .bd li img{display: block; width: 725px; height: 407px;}

.gudGame .hd{width: 269px; height: 407px; float: right;}
.gudGame .hd span{display: block; width: 269px; height:130px; margin-bottom: 8px; position: relative; cursor: pointer;}
.gudGame .hd span.n1{background: url(../images/game3s.jpg) no-repeat 0 0;}
.gudGame .hd span.n2{background: url(../images/game2s.jpg) no-repeat 0 0; margin-bottom: 9px;}
.gudGame .hd span.n3{background: url(../images/game1s.jpg) no-repeat 0 0; margin-bottom: 0;}
.gudGame .hd span strong{display: block; height: 26px; line-height: 26px; text-align: center; font-weight: bold; position: absolute; left: 0; bottom: 0; z-index: 1; background: #16202a; background: rgba(0,0,0,0.6); width: 100%; font-size: 14px; color: #FFF; font-weight:normal;}
.gudGame .hd span em{width: 261px; height:122px; border: 4px solid #ec4451; position: absolute; left: 0; top: 0; z-index: 2; display: none;}
.gudGame .hd span.on em{display: block;}

.gamePop{border: 3px solid #dcc186; width: 240px; padding: 4px 18px 0 18px; font-size: 14px; color: #222627; background: #FFF; position: absolute; left:50%; top: 90%; display: none;}
.gamePop h3{font-size: 24px; font-weight: bold; padding-bottom:4px;}
.gamePop p{line-height: 18px; padding-bottom: 4px;}
.popRight1 .gamePop{left:-250px;}
.popRight2 .gamePop{left:-180px;}
.popRight3 .gamePop{left:-280px; top:60%;}
.popRight4 .gamePop{left:100%; top:-100%;}
.popRight5 .gamePop{left:-250px; top:-110%;}
.popRight6 .gamePop{left:-35px;}
.popRight7 .gamePop{left:0; top:-100%;}
.popRight8 .gamePop{left:0; top:-80px;}
.popRight9 .gamePop{left:100%; top:0px;}
.popRight10 .gamePop{left:0; top:-107px;}
.popRight11 .gamePop{left:-250px; top:-200%;}
.gameClick{display: block; position: absolute; cursor: pointer;}
.pos1{width: 37px; height: 34px; left: 3px; top: 35px;}
.pos2{width: 44px; height: 34px; left: 0px; top: 75px;}
.pos3{width: 50px; height: 20px; left: 40px; top: 33px;}
.pos4{width: 88px; height: 35px; left: 105px; top: 64px;}
.pos5{width: 100px; height: 20px; left: 90px; top: 33px;}

.pos6{width: 109px; height: 33px; right: 275px; top: 0;}
.pos7{width: 109px; height: 33px; right: 159px; top: 0;}
.pos8{width: 109px; height: 33px; right: 49px; top: 0;}
.pos9{width: 49px; height: 44px; right: 0; top: 0;}

.pos10{width: 358px; height:51px; right: 57px; top: 75px;}
.pos11{width: 358px; height: 77px; right: 57px; top: 126px;}
.pos12{width: 358px; height: 105px; right: 57px; top: 232px;}

.pos13{width: 44px; height:41px; left: 0; bottom:14px;}
.pos14{width: 149px; height: 25px; left: 72px; bottom: 24px;}
.pos15{width: 149px; height: 28px; left: 72px; bottom: 49px;}

.pos16{width: 44px; height:77px; right:9px; top:64px;}
.pos17{width: 44px; height: 77px; right:9px; top:143px;}
.pos18{width: 44px; height: 77px; right:9px; top:222px;}

.pos19{width: 64px; height: 58px; right:242px; bottom:0;}
.pos20{width: 64px; height: 58px; right:178px; bottom:0;}
.pos21{width: 64px; height: 58px; right:114px; bottom:0;}
.pos22{width: 64px; height: 58px; right:50px; bottom:0;}

.pot1{width:88px; height: 26px; left: 0; top: 0;}
.pot2{width:73px; height: 26px; left: 88px; top: 0;}
.pot3{width:73px; height: 26px; left: 161px; top: 0;}

.pot4{width:72px; height: 70px; left: 234px; top: 106px;}
.pot5{width:35px; height: 35px; left: 465px; top: 42px;}
.pot6{width:126px; height: 60px; left: 300px; top: 12px;}
.pot7{width:73px; height: 26px; left: 163px; top: 183px;}
.pot8{width:270px; height: 65px; right: 0; bottom: 13px;}
.pot9{width:306px; height: 13px; right: 0; bottom: 0;}

.pot10{width:58px; height: 58px; left: 4px; bottom: 0;}
.pot11{width:55px; height:55px; left: 62px; bottom: 0;}

.pot12{width:39px; height:37px; right: 0px; top: 0;}
.pot13{width:39px; height:37px; right: 0px; top: 37px;}

.pox1{width: 210px; height:78px; left: 0; top: 0;}
.pox2{width: 57px; height:47px; left: 213px; top: 42px;}
.pox3{width: 57px; height:47px; left: 275px; top: 42px;}

.pox4{width: 55px; height:48px; left: 0; top: 97px;}
.pox5{width: 55px; height:48px; left: 0; top: 151px;}
.pox6{width: 55px; height:48px; left: 0; top: 205px;}
.pox7{width: 112px; height:97px; left: 50px; top: 272px;}
.pox8{width: 245px; height:27px; left: 0; bottom:0px;}
.pox9{width: 168px; height:164px; right: 0; top:87px;}
.pox10{width: 38px; height:33px; right: 0; top:0;}
.pox11{width: 131px; height:30px; left: 211px; top:0;}
.pox12{width: 115px; height:30px; left: 342px; top:0;}
.pox13{width: 115px; height:30px; left: 457px; top:0;}
.pox14{width: 111px; height:30px; left: 572px; top:0;}

.pox15{width: 53px; height:46px; left:250px; bottom:0;}
.pox16{width: 53px; height:46px; left:305px; bottom:0;}
.pox17{width: 53px; height:46px; left:360px; bottom:0;}
.pox18{width: 53px; height:46px; left:416px; bottom:0;}
.pox19{width: 53px; height:46px; left:471px; bottom:0;}
.pox20{width: 53px; height:46px; left:527px; bottom:0;}
.pox21{width: 70px; height:55px; right:70px; bottom:0;}
.pox22{width: 70px; height:55px; right:0px; bottom:0;}

.gudBox3{background: #f4f4f4; position: relative;}
.gudBox3 .gudMain{height:527px;}
.gudList{width: 1006px; height: 370px; overflow: hidden; padding: 124px 0 0 0;}
.gudList ul{width: 1010px;}
.gudList li{float: left; width: 251px;}
.chTop{height: 62px; background:url(../images/ch_01.png) no-repeat  center 0; line-height: 35px; text-align: center; font-size: 18px; color: #FFF;}
.chList{height: 232px; line-height: 30px; font-size: 14px; color: #383838; border-right: 1px solid #dedde1;}
.chlast{border-right: 0 none;}
.chList span{padding-right: 5px;}
.chList a{color: #383838;}
.chList a:hover{text-decoration: underline;}
.chList p{padding-left: 14px;width: 212px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.chMore{display: block; margin: 0 auto; width: 152px; height: 30px; text-align: center; line-height: 30px; background: #dcc186; border-radius: 8px; font-size: 14px; color: #383838;}
.chMore:hover{background: #af8834; color: #FFF;}

.gudBox4{ position: relative;}
.gudBox4 .gudMain{height:530px;}

.gudEvent{padding-top: 110px; width: 1006px; overflow: hidden;}
.gudEvent ul{width: 1050px;}
.gudEvent li{float: left; width: 327px; height: 173px; display: inline; margin: 0 12px 12px 0;}
.gudEvent li a{display: block; width: 327px; height: 173px; background: #8bc8cf; position: relative; overflow: hidden;}
.gudEvent li a .evText{width: 100%; height: 100%; position: absolute; left: -10px; top: 0; z-index: 4; color: #FFF; font-size: 14px;}
.gudEvent li a .evText strong,.gudEvent li a .evText span{display: block; padding:0 0 0 27px;}
.gudEvent li a .evText strong{font-size: 28px; padding: 60px 0 4px 27px;}
.gudEvent li a .eventGo{display: block; width: 75px; height: 26px; background: url(../images/eventGo.png) no-repeat 0 0; position: absolute; right: 0; bottom: 20px; z-index: 3;}
.gudEvent li a .eventImgs{display: block; width: 100%; height: 100%; position: absolute; right: -20px; top: 0; z-index: 1;}
.gudEvent li a .evText,.gudEvent li a .eventImgs{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.gudEvent li a.on .evText{left: 0;}
.gudEvent li a.on .eventImgs{right: 0;}



.hoSelect{height: 200px; background: #f1f1f1; padding-top: 20px; padding-left: 30px;}
.hoTab1{float: left; width: 707px; height: 62px;}
.hoTab1 a{float: left; width: 106px; line-height: 34px; line-height: 34px; text-align: center; font-size: 18px; color: #49494b; display: inline; margin-right: 5px;}
.hoTab1 a.on,.hoTab1 a:hover{border-bottom: 5px solid #7ec9cf; color: #7ec9cf;}
.hoSearch{float: left; width: 196px; height: 62px;}
.hoSea{background: url(../images/hosearch.png) no-repeat 0 0; width: 191px; height: 27px;}
.hoSea input{float: left; width: 102px; height: 27px; border:0 none; background: none; padding: 0 0 0 30px; font-size: 13px; color: #000;}
.hoSea span{float: right; width: 56px; height: 27px; overflow: hidden; text-indent: -999px; cursor: pointer;}
.hoTab2{float: left; width: 920px; height: 110px;}
.hoTab2 a,.hoTab2 img{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.hoTab2 a{float: left; width: 168px; height: 93px; display: inline; margin-right: 8px; border:3px solid #a0a0a0; position: relative; overflow: hidden; color:#49494b;}
.hoTab2 a img{display: block; width: 100%; height: 100%; position: absolute; right: -10px; top: 0;}
.hoTab2 a.on,.hoTab2 a:hover{border:3px solid #7ec9cf; color: #7ec9cf;}
.hoTab2 a span.ssIcon{display:block;width: 168px; height: 93px;position: absolute; left: 0; top: 0; z-index: 4; background: url(../images/ssIcon.png) no-repeat 0 0;}
.hoTab2 a.on span.ssIcon,.hoTab2 a:hover span.ssIcon{background-position: 0 -93px;}
.hoTab2 a.on img,.hoTab2 a:hover img{right: 0;}
.hoTab2 a .ssText{width: 70px; height: 50px; position: absolute; left: 2px; top: 32px; z-index:5; text-align: center;}
.hoTab2 a .ssText strong{display: block; font-size: 20px; font-weight: bold; height: 28px; border-bottom: 1px solid #6d6d6d;}
.hoData{width: 902px; overflow: hidden; margin: 0 auto; padding-top: 48px;}
.hoData ul{width: 950px;}
.hoData li{width: 112px; height: 158px; float: left; display: inline; margin-right: 46px;}
.hoData li img{display: block; width: 110px; height: 110px; border:2px solid #899697; border-radius:110px;}
.hoData li span{display: block; text-align: center; padding-top: 10px; font-size: 14px; color: #49494b;}

#wrapHero{background:#fffefc url(../images/heroArtBg.jpg) no-repeat center 62px;}
.heroHead{width: 1208px; margin: 0 auto; position: relative; height: 540px;}
.hoName{display: block; width: 65px; height: 249px; position: absolute; left: 121px; top: 120px; z-index: 99; background: url(../images/nameBg.jpg) no-repeat 0 0; font-weight: bold; font-size: 32px; color: #FFF;}
.hoName span{display: block; padding:60px 10px 0 10px; text-align: center;}
.hoName table{margin: 0 auto;}
.hoName table,.hoName td{height: 100%; text-align: center; width: 32px;}
.hoIcon{width: 508px; height: 462px; background: url(../images/hoiconBg.png) no-repeat 0 0; position: absolute; top: 10px; left: 86px; z-index: 98;}
.hoIcon img{display: block; width: 100%; height: 100%;}
.holr{width: 467px; height: 302px; position: absolute; right: 124px; top: 106px;}
.hoFirst{height: 43px; padding-bottom: 9px;}
.hof1{float:left; background: url(../images/ho_01.png) no-repeat 0 center; width: 156px; height: 43px; text-indent: 48px; font-size: 14px; color: #49494b; line-height: 43px;}
.hof2{float: left; display: inline; margin-right: 11px;}
.hof3{float: left; width: 34px; padding-top: 5px;}
.hof3 span{display: block; width: 34px; height: 34px; background: url(../images/ho_music.png) no-repeat 0 0; cursor: pointer;}
.hof3 span.musicPlay{background-position: 0 0;}
.hof3 span.musicOff{background-position: 0 -34px;}
.hoSecond{width: 346px; height: 33px; line-height: 33px; background: url(../images/ho_02.jpg) no-repeat 0 0; border:1px solid #71aeac; margin-bottom: 15px; font-size: 14px; color: #49494b;}
.hoSecond strong{font-weight: normal; width: 77px; height: 33px; text-align: center; border-right: 1px solid #71aeac; float: left;}
.hoSecond span{float: left; width: 260px; height: 33px; text-indent: 16px;}
.hoThird{border:1px solid #cbaa5f; background: #fffefc; padding: 0 30px; height: 198px; position: relative;}
.hoThird span.jiao{background: url(../images/ho_03.png) no-repeat 0 0; width: 9px; height: 9px; display: block; position: absolute; line-height: 0; font-size: 0;}
.hoThird span.j1{left: 4px; top: 4px;}
.hoThird span.j2{right: 4px; top: 4px;}
.hoThird span.j3{right: 4px; bottom: 4px;}
.hoThird span.j4{left: 4px; bottom: 4px;}
.hoThird h3{padding: 30px 0 0 0; height: 32px; border-bottom: 1px solid #e6d5af; font-size: 18px; color: #262627;}
.hoThird p{line-height: 24px; color: #222627; padding-top: 10px;}
.heroMain{width: 1208px; margin: 0 auto; position: relative; height: auto !important; min-height: 750px; height: 750px;}
.heroWidth{width: 962px; margin: 0 auto;}
.mao{display: block; position: absolute; right: -20px; top: 450px; z-index: 2;}
.heroTop{overflow: hidden; padding-bottom: 30px;}
.httop{width: 467px;}
.httit{height: 60px; text-align: center;}
.httit strong{display: inline-block; height: 60px; line-height: 60px; font-size: 24px; color: #262627; padding-left:50px; font-weight: normal;}
.httit strong.htt1{background: url(../images/htt1.png) no-repeat 0 center;}
.httit strong.htt2{background: url(../images/htt2.png) no-repeat 0 center;}
.httit strong.htt3{background: url(../images/htt3.png) no-repeat 0 center;}
.httit strong.htt4{background: url(../images/htt4.png) no-repeat 0 center;}
.httBox{width: 228px; height: auto !important; min-height: 190px; height: 190px; border:1px solid #c8c6c6; background: #fffefc;}
.httNS{height: 56px; border-bottom: 1px solid #c8c6c6; background: #eaf5f6; text-align: center;}
.httNS span{display: inline-block; height: 56px; line-height: 56px; background: url(../images/ho_03.png) no-repeat 0 center;}
.httNS strong{background: url(../images/ho_03.png) no-repeat right center; font-size: 18px; color: #856b4d; padding: 0 22px; font-weight: normal;}
.httqus{padding: 10px 20px 10px 20px; font-size: 14px; color: #262627; line-height: 20px;}
.httqus strong{height: 24px; line-height: 24px; background: url(../images/l.gif) no-repeat center center; display: block; text-align: center; font-weight: normal;}
.httqus p{padding: 6px 0 4px 0;}

.heroFot{overflow: hidden; padding-bottom: 40px;}
.htfot{width: 467px;}
.httBox2{height:auto !important; min-height: 322px; height: 322px; border:1px solid #c8c6c6; padding-top: 30px;}
.httNs2{width: 250px; height: 34px; line-height: 34px; margin: 0 auto; text-align: center; background: #d4b085; border-radius: 17px;}
.httNs2 span{display: inline-block; height: 34px; line-height: 34px; background: url(../images/ho_04.png) no-repeat 0 center;}
.httNs2 strong{background: url(../images/ho_04.png) no-repeat right center; font-size: 24px; color: #fffefc; padding: 0 22px; font-weight: normal;}
.httFont{font-size: 14px; line-height: 24px; color: #222627; padding: 20px 100px 20px 100px;}
.yfList{height: 80px; padding: 0 0 0 62px;}
.yfList img{float: left; width: 54px; height: 54px; border:2px solid #899697; border-radius:54px;}
.yfList strong{background: url(../images/icon_01.png) no-repeat 23px center; text-indent: 62px; width: 280px; height: 56px; line-height: 56px; font-size: 18px; color: #262627; float: left; font-weight: normal;}
.herofoot{background: #efefef;}
.hfMain{width: 960px; height: 240px; margin: 0 auto; position: relative;}
.hfTit{height: 68px;}
.hfTit strong{float: left; width: 196px; text-indent: 33px; height: 68px; line-height: 68px; font-size: 28px; color: #262627; font-weight: normal;}
.hfTit span{float: right; padding: 27px 0 0 0; width: 141px;}
.hfTit a{display: block; width: 106px; height: 22px; line-height: 22px; text-align: center; border:1px solid #9a9797; font-size: 14px; color: #262627; background: #efefef;}
.hfTit a:hover{background: #FFF;}
.hfScroll{width: 960px; height: 150px; position: relative;}
.hfScroll a.hfbtns{position: absolute; top: 16px; width: 22px; height: 82px; border:1px solid #9a9797; background-color: #efefef; background-image: url(../images/pv.png); background-position: 0 0; background-repeat: no-repeat;}
.hfScroll a.hfbtns:hover{background-color: #FFF;}
.hfScroll a.prev{left: 32px;}
.hfScroll a.next{right: 32px; background-position:-22px 0;}
.hfScroll .bd{width: 780px; margin: 0 auto; height: 150px; overflow: hidden;}
.hfScroll .bd ul{width: 3500px;}
.hfScroll .bd li{width: 167px; height: 150px; float: left; cursor: pointer;}
.hfScroll .bd img{display: block; width: 110px; height: 110px; border:2px solid #899697; border-radius: 110px;}
.hfScroll .bd span{display: block; padding-right: 55px; padding-top: 6px; text-align: center; font-size: 14px; color: #262627;}

.heroHead a.hfbtns{position: absolute; top: 215px; width: 22px; height:100px; border:1px solid #9a9797; background-color: #efefef; background-image: url(../images/pv.png); background-position: 0 center; background-repeat: no-repeat;}
.heroHead a.hfbtns:hover{background-color: #FFF;}
.heroHead a.prev1{left: 32px;}
.heroHead a.next2{right: 32px; background-position:-22px center;}

.giftcode-pop{position: fixed;top: 0;left: 0;z-index: 99;width:100%;height:100%;background-color: rgba(0,0,0,0.6);display: none;}
.giftcode{position: absolute;top: 50%;left: 50%;width: 631px;height: 355px;color: #fff; padding-top: 28px; margin:-191px 0 0 -315px;background: url(../images/libaoBg.jpg) no-repeat;}
.giftcode .close{position: absolute;top: 0;right: -63px; width: 63px;height: 63px; background: url(../images/giftClose.jpg) no-repeat;}
.giftcode strong{color: #ffe9b5;}
.gift-tit{display: inline-block; height:34px;line-height: 34px;background:  url(../images/libaoTitBg.png) left center no-repeat, url(../images/libaoTitBg.png) right center no-repeat; font-size: 18px;color: #ffe9b5;padding: 0 20px;}
.gift-left{float: left;width:226px;padding-left: 35px;}
.gift-left img{width: 180px;height: 180px;padding-top: 17px;}
.gift-left .wx-word{font-size: 12px;line-height: 20px;padding-left: 40px;margin-top: 18px;}
.gift-left .wx-word p{}
.gift-right{float: left;width: 345px;padding-left: 6px;}
.gift-right .gift-tit{margin-left: 16px;}
.gift-right h4{text-align: center;font-size: 18px;color: #ffe9b5;line-height: 40px;}
.gift-right .number{height: 55px;line-height: 55px;text-align: center;font-size: 24px; color: #ffe9b5;background: url(../images/libaomaBg.png) no-repeat;margin-bottom: 24px;}
.gift-right p{font-size: 16px;line-height: 30px;padding-left: 4px;}