html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, li { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: bottom; }
button, input[type=button] { overflow: visible; box-sizing: content-box; }
label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
button, input, select, textarea { margin: 0; }
button, input[type=button] { width: auto; overflow: visible; }
input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { padding: 0; margin: 0; }
body, html { min-width: 1338px; font-size: 14px; font-family: "Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; margin: 0 auto; background: #282a2c;}
.ox { overflow-x: auto !important; }
.cl:before, .cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
a{text-decoration:none;}
/* munu */
#menu { position: fixed; top: 50%; left:70px; margin-top: -250px; z-index: 15;text-align: center; width: 120px;height: 406px;padding-top:138px;background: url(../images/menu-bg.png) no-repeat center; }

#menu a { display: block; height: 100%;  }
#menu dd { margin:0 auto 4px;width:54px;height:54px;background: url(../images/menu-i.png) no-repeat center; }
#menu dd.active {background-image: url(../images/menu-on.png);}

.section { height: 1080px; position: relative; }
/* page1 */
.page1 { max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/section1-bg.jpg) 50% center no-repeat; overflow: hidden;}
.layer1{position: absolute;left:50%;margin-left:-960px;bottom:0;width:1865px;height:894px;background: url(../images/layer1.png) no-repeat left top;z-index: 2;}
.layer2{position: absolute;right:-100px;top:-167px;width: 100%;height: 1080px;background: url(../images/layer3.png) no-repeat left top;}
.video-box{position: absolute;left: 0;bottom: 0;width: 1865px;height: 968px;}
.logo{position: absolute;left: -226px;top:20px;}
.rel1400{ position:relative; width:1400px; height:100%; margin:0 auto;}
.page1 .slogan {position: absolute; width: 100%; height: 493px; left: 0; bottom: -150px; background: url(../images/slogan.png) no-repeat center 0; z-index: 5;}
.page1 .btn-video{position: absolute;right: -60px;top:320px;width: 170px;height: 170px;background: url(../images/btn-video.png) no-repeat center;cursor: pointer;}


.moveIn{-webkit-animation: moveIn 1s 0.2s ease-in-out both;animation: moveIn 1s 0.2s ease-in-out both;}
@keyframes moveIn{
    0%{transform: scale(1.6);opacity: 0;}
    100%{transform: scale(1);opacity: 1}
}
@-webkit-keyframes moveIn{
    0%{-webkit-transform: scale(1.6);opacity: 0;}
    100%{-webkit-transform: scale(1);opacity: 1}
}



/* page3 */
.page2 { max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/section2-bg.jpg) 50% center no-repeat; overflow: hidden;}
.section-title{position: absolute;left:0; width: 100%; top:50%;margin-top:-490px;z-index: 1000;}
.section-title img{display: block; margin: 0 auto;}
/* page3 */
.page3 { max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/section2-bg.jpg) 50% center no-repeat; overflow: hidden;}
.page3-shade{position: absolute;left: 50%;margin-left:-960px;bottom: -233px;width: 1336px;height: 897px;background: url(../images/page3-shade.png) no-repeat center;z-index: 2;}
.zy-box{position:absolute;left:50%;margin-left:-960px;top:50%;margin-top:-240px;width: 1920px;height: 600px;background:#090d22;}
.zy-tab{position: absolute;left:68px;bottom: -45px;z-index: 4;}
.zy-tab a{display:block; margin-right:6px; width: 86px; height: 86px; cursor: pointer; float: left;}
.zy-tab a.tab1{background: url(../images/tab1.png) no-repeat 0 0;}
.zy-tab a.tab2{background: url(../images/tab2.png) no-repeat 0 0;}
.zy-tab a:hover,.zy-tab a.on{background-position: 0 -86px;}

.zy-role{position: absolute;display: none;z-index: 3; width:1920px;height:1080px;left: -260px; top: -240px;}

.zy-name{position: absolute;top:55px;left: 5px;width: 334px;height: 261px;background: url(../images/zy-name.png) no-repeat center;z-index: 3;}
.zy-text{position: absolute;left: 0px;top:340px;width: 416px;line-height: 30px;font-size: 18px;color: #1d1529;text-indent: 2em;z-index: 3;}
.zy-shade{position: absolute;left:-260px;top:0;width: 1137px;height: 600px;background: url(../images/zy-shade.png) no-repeat center;z-index: 2;}
.zy-video{display:none;position: absolute;right: -260px;top:0;}
.zy-video video{height: 600px;}
.page3-cont{position:absolute;left:50%;margin-left:-960px;top:50%;margin-top:-450px;width: 1920px;height: 945px;
   background:url(../images/page3-cont.jpg) no-repeat center;}


.page3 .nav{ position: absolute; left: 0; bottom: 50%; margin-bottom:-368px; width: 100%; text-align: center;}
.page3 .nav a{display: inline-block; width: 85px; height: 107px; margin: 0 36px; cursor: pointer;}
.page3 .nav a.n1{background: url(../images/a1.png) no-repeat 0 0;}
.page3 .nav a.n2{background: url(../images/a2.png) no-repeat 0 0;}
.page3 .nav a.n3{background: url(../images/a3.png) no-repeat 0 0;}

.video_box{ position: absolute; top: 50%; left: 50%; width: 823px; height: 450px;margin: -270px 0 0 -410px;}
.video_main{display: block; width: 823px; height: 450px; margin: 10px auto; position: relative;}
.video_main span{background: url(../images/k2.png) no-repeat 0 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.video_main a{background: url(../images/k3.png) no-repeat 0 0; cursor: pointer; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.video_main a strong{display: block; width: 100%; height: 100%; background: url(https://zx.wanmei.com/hd/1910/newjob/images/video_play.png) no-repeat center;}
.video_main video{width: 817px; height: 444px; display: block; position: absolute; left: 3px; top: 3px; z-index: 1; background: #000; border-radius: 60px;}

.video_text{position: absolute; bottom: -70px; left: -35px; width: 813px; }
.video_text img{position: absolute; bottom: 4px; left: 30px; display: none; }

/* 
/* page4 */
.page4 { max-width: 1920px; margin: 0 auto; position: relative; background: url(../images/section2-bg.jpg) 50% center no-repeat; overflow: hidden;}
.page4-cont{position:absolute;left:50%;margin-left:-960px;top:50%;margin-top:-250px;width: 1920px;height: 600px;background:url(../images/page3-cont.jpg);}
.sideMenu{width:1220px;position: absolute;top: 0;left: 50%;margin-left: -610px;}
.sideMenu ul{ width:1220px; }
.sideMenu ul li{ height:600px; float:left;  }
.nr{margin: 0 auto;width: 1220px;height: 600px;background: url(../images/nr-bg.jpg) no-repeat;position: relative; }

.page5{height: 210px;}
.nr-cont{position: absolute;left: 52px;top:180px;width:1120px;height:360px;padding-right:10px;font-size: 18px;color: #e3ebf8;line-height: 36px;overflow-x: hidden;overflow-y: auto;}
.nr-cont::-webkit-scrollbar{width:8px;height:7px;background-color:rgba(0,0,0,0);}
   .nr-cont::-webkit-scrollbar-track{background:url(../images/scroll-bg.png) repeat-y center;}
   .nr-cont::-webkit-scrollbar-thumb{background-color:#7ddcff;} 
.nr-cont p{text-indent: 2em;}
.zx_load_header{width: 100%;min-width: 1200px;height: 43px;padding: 6px 0;/background-color:#fff;}
.zx_load_header .head{width: 1180px;height: 43px;margin: 0 auto;position: relative;}
.zx_load_header .news_head{width: 800px;padding-left: 0;}
.zx_load_header .icon_logo{width: 80px;height: 43px;float: left;background:url(https://zx.wanmei.com/web201802/img/icon_logo.png) center center no-repeat;}
.zx_load_header .news_head .icon_logo{margin-right: 0;}
.zx_load_header .head_menu{margin-right: 45px;padding-top: 12px;float: left;}
.zx_load_header .news_head .head_menu{margin-right: 15px;}
.zx_load_header .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;}
.zx_load_header .head_menu li a{width: 117px;height: 20px;display: block;font-size: 18px;line-height: 20px;text-align: center;color: #8e6d45;}
.zx_load_header .head_menu li.fir{border: 0;border-right: 1px solid #bebcdb;}
.zx_load_header .head_menu li.on a,
.zx_load_header .head_menu li:hover a{color: #e98a35;}
.zx_load_header .head_wx{width: 102px;height: 35px;padding: 4px 0 4px 50px;float: left;position: relative;background:url(https://zx.wanmei.com/web201907/images/wx_head.png) 5px center no-repeat;}
.zx_load_header .head_wx p{line-height: 17px;font-size: 14px;color: #8e6d45;}
.zx_load_header .wx_hover{display: none;width: 134px;height: 184px;padding: 0 9px;position: absolute;top: 48px;left: 0;background: #fff;z-index: 99;}
.zx_load_header .head_wx:hover .wx_hover{display: block;}
.zx_load_header .qrcode_wx{width: 134px;height: 133px;margin-bottom: 8px;background:url(https://zx.wanmei.com/web201802/img/qrcode_wx.jpg) center center no-repeat;background-size: 100%;}
.zx_load_header .wx_hover p{padding-left: 14px;color: #585858;font-size: 14px;}
.zx_load_header .wx_hover p.color{color: #bd465a;}
.zx_load_header .header-primary{ position:relative; height:547px; }
.zx_load_header .kk {width: 40px;height: 40px;background: url(https://zx.wanmei.com/web201802/img/kk321.png) center center no-repeat;float: left;margin-right: 30px;}
.zx_load_header .head_menu li.tips_menu{position: relative;}
.zx_load_header .head_menu li.news_menu{position: relative;border: 0;height: 37px;}
.zx_load_header .head_menu .news_menu .menu_list{width: 117px;height: 0px;background-color: #fff;position: absolute;top: 37px;left: 0;overflow: hidden;z-index: 100;}
.zx_load_header .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;}
.zx_load_header .head_menu .news_menu .menu_list a:hover{color: #e98a35;}
.zx_load_header .head_menu li.game_menu{border-right: 1px solid #bebcdb;}
.zx_load_header .head_menu li.tips_menu{height: 37px;border: 0;}
.zx_load_header .head_menu .tips_menu .menu_list{width: 117px;height: 0px;background-color: #fff;position: absolute;top: 37px;left: 0;overflow: hidden;z-index: 100;}
.zx_load_header .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;}
.zx_load_header .head_menu .tips_menu .menu_list a:hover{color: #e98a35;}

.zx_load_health{width: 100%;margin: 0 auto;padding-top: 62px;text-align: center;padding-bottom: 40px; background: #FFF;}
.zx_load_health h1 {font-size: 24px;font-weight: bold;color: #828788;margin-bottom: 10px;}

.zx_bottom{background: #FFF; padding: 15px 0; color: #444; font-size: 12px;}
.zx_bottom_main{width: 1200px; height: 140px; margin: 0 auto; position: relative;}
.zx_bottom_main a{color: #444;}
.zx_bottom_main a:hover{color: #c00;}
.zx_bottom_left{width: 380px; height: 48px; position: absolute; left: 40px; top: 50%; margin-top: -24px;}
.zx_bottom_wm{float: left; width: 180px; height: 48px;}
.zx_bottom_wmlogo{display: block; width: 160px; height: 48px; background: url(https://zx.wanmei.com/web201603/images/cover1604/wmlogo.png) no-repeat center center; overflow:hidden; text-indent: -999px;}
.zx_bottom_record{float: right; width: 170px; height: 48px; border-left: 1px solid #c5c5c5;}
.zx_bottom_ba{width: 112px; height:46px; border: 1px solid #3b3b3b; float: right; background: url(https://static.games.wanmei.com/public/images/wm_icon_bg.gif) no-repeat -78px -211px;}
.zx_bottom_ba span{width: 74px; text-align: center; float: right; padding-top:6px;}
.zx_bottom_right{width: 740px; height: 140px; float: right;}
.zx_bottom_line{height: 20px; line-height: 20px;}
.zx_bottom_margin a{margin-right: 20px;}
.zx_bottom_icon{float: left; height: 14px; margin-right: 3px; margin-top: 4px;}
.prompt_bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(21,24,38,0.84); z-index: 1; display: none; }
#prompt_video{ position: absolute; top: 50%; left: 50%; width: 800px; height: 424px; margin: -212px 0 0 -400px; background-color: #000; display: none; z-index: 10; }
#prompt_video video{ width: 100%; height: 100%; }
#prompt_video .close{ position: absolute; top: 0; right: -58px; width: 58px; height: 58px; background: url(https://zx.wanmei.com/hd/1910/newjob/images/close_video.png) no-repeat 0 0; }