@charset "utf-8";
html{ min-width:1300px;}
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; overflow-x:hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; border-radius: 0;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

/* header */
.header{width: 100%;min-width: 1200px;height: 43px;padding: 6px 0;background-color:#fff;}
.head{width: 1180px;height: 43px;margin: 0 auto;position: relative;}
.news_head{width: 800px;padding-left: 0;}
.icon_logo{width: 80px;height: 43px;float: left;background:url(http://zx.wanmei.com/web201802/img/icon_logo.png) center center no-repeat;}
.news_head .icon_logo{margin-right: 0;}
.head_menu{margin-right: 45px;padding-top: 12px;float: left;}
.news_head .head_menu{margin-right: 15px;}
.head_menu li{width: 117px;height: 20px;float: left;font-size: 18px;line-height: 20px;text-align: center;border-left: 1px solid #bebcdb; cursor: pointer;}
.head_menu li a{width: 117px;height: 20px;display: block;font-size: 18px;line-height: 20px;text-align: center;color: #474098;}
.head_menu li.fir{border: 0;border-right: 1px solid #bebcdb;}
.head_menu li.on a,
.head_menu li:hover a{color: #e98a35;}
.head_wx{width: 102px;height: 35px;padding: 4px 0 4px 50px;float: left;position: relative;background:url(http://zx.wanmei.com/web201802/img/wx_head.png) 5px center no-repeat;}
.head_wx p{line-height: 17px;font-size: 14px;color: #474098;}
.wx_hover{display: none;width: 134px;height: 184px;padding: 0 9px;position: absolute;top: 48px;left: 0;background: #fff;z-index: 99;}
.head_wx:hover .wx_hover{display: block;}
.qrcode_wx{width: 134px;height: 133px;margin-bottom: 8px;background:url(http://zx.wanmei.com/web201802/img/qrcode_wx.jpg) center center no-repeat;background-size: 100%;}
.wx_hover p{padding-left: 14px;color: #585858;font-size: 14px;}
.wx_hover p.color{color: #bd465a;}
.header-primary{ position:relative; height:547px; }
.kk {
    width: 40px;
    height: 40px;
    background: url(http://zx.wanmei.com/web201802/img/kk321.png) center center no-repeat;
    float: left;
    margin-right: 30px;
}
.head_menu li.tips_menu{
    position: relative;
}
/*新闻下拉导航*/
.head_menu li.news_menu{
    position: relative;
    border: 0;
    height: 37px;
}
.head_menu .news_menu .menu_list{
    width: 117px;
    height: 0px;
    background-color: #fff;
    position: absolute;
    top: 37px;
    left: 0;
    overflow: hidden;
    z-index: 100;
}
.head_menu .news_menu .menu_list a{
    display: block;
    width: 117px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #131313;
    font-size: 14px;
    border-top: 1px solid #e1e0ed;
}
.head_menu .news_menu .menu_list a:hover{
    color: #e98a35;
}
/*攻略站下拉导航*/
.head_menu li.game_menu{
    border-right: 1px solid #bebcdb;
}
.head_menu li.tips_menu{
    height: 37px;
    border: 0;
}
.head_menu .tips_menu .menu_list{
    width: 117px;
    height: 0px;
    background-color: #fff;
    position: absolute;
    top: 37px;
    left: 0;
    overflow: hidden;
    z-index: 100;
}
.head_menu .tips_menu .menu_list a{
    display: block;
    width: 117px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #131313;
    font-size: 14px;
    border-top: 1px solid #e1e0ed;
}
.head_menu .tips_menu .menu_list a:hover{
    color: #e98a35;
}
/* index========================== */
.index_bg{ height:1080px; background:url(../images/index_bg.jpg) center top no-repeat;}
.rel1300{ position:relative; width:1300px; margin:0 auto;}
.ren_box{ position:absolute; width:1920px; height:1080px; left:50%; margin-left:-960px; top:0;}
.ren_box li{ width:100%; height:100%;}
.ren1{ position:absolute; left:-50px; bottom:0;}
.ren2{ position:absolute; right:-50px; bottom:0;}

.logo,.slogan{ position:absolute; width:224px; left:50%;margin-left:-112px; top:88px;}
.slogan{ width:840px; margin-left:-420px; top:415px;}
.in_link1,.in_link2{ position:absolute; width:307px; height:200px; top:787px; text-indent:-999px; overflow:hidden;}
.in_link1{ left:110px; background:url(../images/nav1.png)}
.in_link2{ right:110px; background:url(../images/nav2.png)}
.in_link1:hover,.in_link2:hover{ background-position:0 -200px;}
/* inside1========================== */
.inside1_bg{ height:1080px; background:url(../images/inside1_bg.jpg) center top no-repeat;}
.in1_wrap{ position:relative; width:830px; margin-left:470px; padding-top:256px;}
.btn_back{ position:absolute; width:166px; height:73px; right:0; top:80px; background:url(../images/btn_back.png);}
.btn_back:hover{ background-position:0 -73px;}
.in1_tab{ width:831px; height:88px; overflow:hidden;}
.in1_tab li{ float:left; height:88px; margin-left:1px; text-indent:-999px; overflow:hidden; cursor:pointer;}
#in1_tab1{ width:318px; margin-left:0; background:url(../images/in1_tab1.png);}
#in1_tab2{ width:276px; background:url(../images/in1_tab2.png);}
#in1_tab3{ width:235px; background:url(../images/in1_tab3.png);}
.in1_tab li.on{ background-position:0 -88px!important;}

.in1_cont_hide{ position:relative; width:830px; height:590px; margin-top:30px; overflow:hidden;}
.in1_cont{ position:absolute; width:830px; height:591px; left:-830px; top:0;}
.in1_cont1{ width:778px; margin:0 auto; overflow:hidden;}
.in1_hb{ float:left; width:352px; height:500px; background-color:#fff; border:1px solid #4c5d88;}
.in1_hb img{ width:100%;}
.in1_r{ float:right; width:400px; padding-top:30px;}
.in1_r p{ font:normal 24px/42px "Microsoft YaHei"; color:#6b7eb1; text-indent:2em;}
.btn_more{ display:block; width:214px; height:78px; margin:20px auto 0; background:url(../images/btn_more.png);text-indent:-999px; overflow:hidden; }
.btn_more:hover{ background-position:0 -78px;}

.in1_cont2{ position:relative; width:828px; height:448px; margin-top:32px; background-color:#fff;border:1px solid #4c5d88; overflow:hidden;}
.in1_cont2 video{ width:100%; height:100%;}
.btn_paly{ position:absolute;width:104px; height:104px; left:50%; top:50%; margin-left:-52px; margin-top:-52px; background:url(../images/btn_play.png); cursor:pointer; z-index:5;}
.v_tip{ padding-top:20px; font:normal 16px "Microsoft YaHei"; color:#666; text-align:center;}

.in1_cont3{ position:relative; width:830px; height:591px;}
.pingmian_hide{ position:relative; width:754px; height:591px; margin:0 auto; overflow:hidden;}
.pic_swiper{ position:absolute; width:1281px; height:591px; left:50%;margin-left:-640px; top:0px;}
.pic_swiper .swiper-slide{ width:427px; height:584px; padding-top:7px; background:url(../images/pingmian_bg.png);}
.pic_swiper .swiper-slide img{ display:block; width:414px; height:577px; margin:0 auto;}
.btn_prev,.btn_next{ position:absolute; width:22px; height:33px; top:264px; z-index:10; cursor:pointer;}
.btn_prev{ left:0px; background:url(../images/btn_prev.png);}
.btn_next{ right:0px; background:url(../images/btn_next.png);}
/* inside2========================== */
.inside2_bg{ height:1080px; background:url(../images/inside2_bg.jpg) center top no-repeat;}
.in2_wrap{ position:relative; width:775px; padding-top:256px;}
.inside2_bg .btn_back{ right:-513px;background:url(../images/btn_back2.png);}
.inside2_bg .btn_back:hover{ background-position:0 -73px;}

.in2_tab{ width:630px; height:88px; margin:0 auto; overflow:hidden;}
.in2_tab li{ float:left; width:311px; height:88px; margin:0 2px; text-indent:-999px; overflow:hidden; cursor:pointer;}
#in2_tab1{ background:url(../images/in2_tab1.png);}
#in2_tab2{ background:url(../images/in2_tab2.png);}
.in2_tab li.on{ background-position:0 -88px!important;}
.in2_cont_hide{ position:relative; width:775px; height:610px; margin-top:20px; overflow:hidden;}
.in2_cont{ position:absolute; width:775px; height:610px; left:-775px; top:0;}
.xqg_list{ width:722px; margin:0 auto;}
.xqg_list li{ padding-left:20px; font:normal 24px/40px "Microsoft YaHei"; color:#884b4f; background:url(../images/icon_li.png) 0 16px no-repeat;}
.in2_cont3{ position:relative; width:762px; height:312px; margin:0 auto;}
.xqg_hide{ position:relative; width:630px; height:312px; margin:25px auto 0; overflow:hidden;}
.pic_swiper2{ position:absolute; width:1293px; height:312px; left:50%;margin-left:-646px; top:0px;}
.pic_swiper2 .swiper-slide{ width:431px; height:307px; padding-top:5px; background:url(../images/xqg_bg.png);}
.pic_swiper2 .swiper-slide img{ display:block; width:422px; height:303px; margin:0 auto;}
.btn_prev2,.btn_next2{ position:absolute; width:22px; height:33px; top:145px; z-index:10; cursor:pointer;}
.btn_prev2{ left:0px; background:url(../images/btn_prev2.png);}
.btn_next2{ right:0px; background:url(../images/btn_next2.png);}
.btn_main{ display:block; width:214px; height:78px; margin:20px auto 0; background:url(../images/btn_main.png);text-indent:-999px; overflow:hidden; }
.btn_main:hover{ background-position:0 -78px;}

.in2_cont2{ width:775px; margin-top:72px; overflow:hidden;}
.in2_l{ float:left; width:402px; padding-top:10px;}
.in2_l p{ font:normal 24px/42px "Microsoft YaHei"; color:#9b5a63; text-indent:2em;}
.in2_hb{ float:right; width:352px; height:500px; background-color:#fff;}
.in2_hb img{ width:100%;}
.btn_live{ display:block; width:214px; height:78px; margin:20px auto 0; background:url(../images/btn_live.png);text-indent:-999px; overflow:hidden; }
.btn_live:hover{ background-position:0 -78px;}

/* foot */
#wm_bottom_ { height:130px;width:100%;}
.wm_bottom_bg { background-color:#ffffff;min-width:1002px; width:100%; _width:expression((documentElement.clientWidth < 1002) ? "1002px" : "100%" );}
.wm_bottom_main { color:#444444; font-size:12px;min-width:1002px; width:100%; _width:expression((documentElement.clientWidth < 1002) ? "1002px" : "100%" );}
.wm_bottom_warp {}
#wm_bottom_beian { color:#444444; text-decoration:none; border:1px solid #666 !important;}
#wm_bottom_wangjing { color:#444444; text-decoration:none; border:1px solid #666 !important;}
.wm_bottom_items {}
.wm_bottom_warp a:link{ color:#444444; text-decoration:none;font-family:Verdana,\5b8b\4f53,sans-serif;}
.wm_bottom_items a:link  { color:#444444; text-decoration:none; margin-right:15px;}
.wm_bottom_warp a:visited,.wm_bottom_items a:visited { color:#444444; text-decoration:none;}
.wm_bottom_warp a:hover,.wm_bottom_items a:hover { color:#cc0000;}
.wm_bottom_warp a:active,.wm_bottom_items a:active { color:#cc0000;}
.wm_bottom_icp { color:#444444; }
.wm_bottom_copyright {  color:#444444; font-family:Verdana, Geneva, sans-serif,\5b8b\4f53;}

#bgm{position: absolute;top:56px;right: 30px;width: 20px;height: 20px;z-index: 33;}
.equalizer {
    
    display: block;
    text-align: center;
    width: 25px;
    height: 20px;
    margin: 0 auto 0;
    padding-top: 18px;
    line-height: 20px; }
  .equalizer b {
      width: 3px;
      background: #fff;
      display: inline-block;
      vertical-align: bottom;
      height: 12px;
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      margin: 0 2px;
      -webkit-animation-name: up-and-down;
      animation-name: up-and-down;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    .equalizer b:nth-child(1) {
        animation-delay: -0.4s;
        height: 10px; }
    .equalizer b:nth-child(2) {
        animation-delay: -0.8s;
        height: 20px; }
    .equalizer b:nth-child(3) {
        animation-delay: -1.2s;
        height: 15px; }
    
    .pause .equalizer b {
    -webkit-animation: none;
    animation-name: none; }
    @keyframes up-and-down {
  0%, 100% {
    height: 20px; }
  10% {
    height: 12px; }
  20% {
    height: 16px; }
  30% {
    height: 10px; }
  40% {
    height: 8px; }
  50% {
    height: 18px; }
  60% {
    height: 16px; }
  70% {
    height: 20px; }
  80% {
    height: 14px; }
  90% {
    height: 12px; } }