@charset "utf-8";
/*******author:Tongyan.Guo**************/
html,body{ width:100%; height:100%;  }
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; background-color:#fff; 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;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0; }
ol,ul{list-style:none;}
a{ font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:underline}
em{ font-style:normal; }
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.nav{
    width: 750px;
    height: 85px;
    padding-top: 5px;
    border-bottom: 1px solid #63508a;
    position: fixed;
    top: 0;
    left: 0;
    background:#fffbf6;
    z-index: 100;
}
.zx_logo{
    margin-left:30px;
    width: 232px;
    height: 80px;
    float: left;
    background: url(http://zx.wanmei.com/web201802/m/img/cover/logo.png) no-repeat;
}
.down_icon{
    display: block;
    width: 210px;
    height: 58px;
    float: right;
    margin-right: 58px;
    margin-top: 16px;
    background: url(http://zx.wanmei.com/web201802/m/img/cover/down_icon.png) no-repeat;
}
.bottom{
    width: 700px;
    height: 64px;
    padding-left: 50px;
}
.bt_logo{
    width: 105px;
    height: 37px;
    float: left;
    margin-top: 11px;
    margin-right: 16px;
    background: url(http://zx.wanmei.com/web201710/mobile/img//wmlogo.png) no-repeat;
}
.conpany_inf {
    margin-left: -16px;
    line-height: 28px;
    font-size: 16px;
}
.wrap{position:relative;width: 750px;height: 1251px;background-repeat: no-repeat;background-position: center top;background-size: 100% auto;}
.page1{background-image: url(../images/page1-bg.jpg);}
.page1-btn-video{position: absolute;left: 50%;top:408px;margin-left:-25px;width: 51px;height: 51px;background: url(../images/page1-btn-video.png) no-repeat center;text-indent: -9999px;background-size: 100% auto;}
.page1-bot-btn{position: absolute;left: 50%;bottom: 46px;margin-left:-257px;width: 514px;height: 93px;background: url(../images/page1-bot-btn.png) no-repeat center;}
.page1-bot-btn a{display: block;position: absolute;top:0;text-indent: -9999px;}
.page1-bot-btn1{left: 0;width: 203px;height: 93px;}
.page1-bot-btn2{left: 203px;width: 92px;height: 93px;}
.page1-bot-btn3{left:295px;width: 219px;height: 93px;}
.page1-nav-box{position: absolute;left: 11px;top:520px;height: 473px;}
.page1-nav-box a{float: left;margin:0 6px;width: 109px;height:473px;text-indent: -9999px;background-image: url(../images/page1-nav.png);background-repeat: no-repeat;}
.page1-nav-box a.nav1{background-position: 0 0;}
.page1-nav-box a.nav2{background-position: -120px 0;}
.page1-nav-box a.nav3{background-position: -240px 0;}
.page1-nav-box a.nav4{background-position: -360px 0;}
.page1-nav-box a.nav5{background-position: -480px 0;}
.page1-nav-box a.nav6{background-position: -600px 0;}
#video_pop{display:none;position: relative;width: 640px;height: 313px;background-color: #000;}
#video{display: block;margin:0 auto;}
.pop{display:none;position: relative;width: 570px;}
.pop-close{position: absolute;right: -18px;top:-18px;width: 64px;height: 64px;background: url(../images/pop-close.png) no-repeat center;background-size: 100% auto;z-index: 33;}
.pop-top,.pop-bot{width: 570px;height: 33px;background-repeat: no-repeat;background-position: center;}
.pop-top{background-image: url(../../pc/images/pop-top.png);background-size: 100% auto;}
.pop-bot{background-image: url(../../pc/images/pop-bot.png);background-size: 100% auto;}
.pop-rep{padding:30px 0;width: 570px;height:700px;background: url(../../pc/images/pop-rep.png) repeat-y center;background-size: 100% auto;}
.pop-cont{position:relative;width: 500px;height:700px;margin:0 auto;overflow-x: hidden;overflow-y: auto;}
.pop-cont img{display: block;margin:0 auto;padding:20px 0;}
.pop-cont p,.pop-cont h2{color:#d4c397;line-height: 20px;text-indent: 2em;font-size: 14px;}
.pop-cont h2{font-size:18px;font-weight:bold; text-align:center;padding:20px 0;}
.page2{background-image: url(../images/page2-bg.jpg);}
.page2-btn-back{display:block;padding:5px 10px;border:1px solid #6d5998;border-radius:10px;position: absolute;left: 10px;top:100px;font-size: 20px;color:#fff;background-color: #6d5998;z-index: 2;}
.page2-school{position: absolute;left: 31px;top:601px;width: 473px;height: 458px;background: url(../images/page2-school.png) no-repeat center;background-size: 100% auto;}
.page2-school p{padding: 108px 54px 22px;font-size: 18px;color:#d4c397;line-height: 28px;text-indent: 2em;}
.school-btn{margin:0 auto;display:block;width: 151px;height: 52px;background: url(../images/school-btn.png) no-repeat center;text-indent: -9999px;background-size: 100% auto;}
.page2-bot-btn{position: absolute;right: 54px;top:698px;width: 176px;}
.page2-bot-btn a{float: left;width: 200px;height:66px;margin:9px 0;text-indent: -99999px;background-image: url(../images/page2-bot-btn.png);background-repeat: no-repeat;}
.page2-bot-btn a.tab1{background-position: 0 0;}
.page2-bot-btn a.tab2{background-position: 0 -84px;}
.page2-bot-btn a.tab3{background-position: 0 -165px;}
.page2-skill{position: absolute;left: 50%;margin-left:-341px;bottom: 10px;width: 682px;height: 172px;background: url(../images/page2-skill.png) no-repeat center;background-size: 100% auto;}
.page2-skill ul{padding:52px 0 0 42px;}
.page2-skill ul li{float: left;width: 108px;margin:0 6px;}
.page2-skill ul li img{display: block;width: 108px;}
.page2-skill ul li p{text-align: center;font-size: 18px;padding-top:5px;color: #d7c696;}
.pop-lunbo{display:none;position: relative;width: 686px;height: 350px;}
.swiper-container{width: 686px;}
.swiper-wrapper{width: 574px;margin:0 auto;}
.swiper-slide img{display:block;margin:0 auto;width: 574px;height: 350px;}
.boxy-modal-blackout{opacity: 0.8 !important}
.pop-lunbo .pop-close{right: 16px;top:-32px;}
.swiper-button-next ,.swiper-button-prev{width: 33px !important;height: 52px !important;background-size: 100% auto !important;}
.swiper-button-next{background-image: url(../images/next.png) !important;}
.swiper-button-prev{background-image: url(../images/prev.png) !important;}
.pop-img{display:none;position:relative;width: 560px;height: 315px;}
.pop-img img{display: block;width: 560px;margin:0 auto;}
.pop-img .pop-close{right: -19px;top:-19px;}