.header-height{display:none}
.header-height2{height:120px}
.header{width:100%;position:fixed;top:0;left:0;z-index:100;transition:.4s}
.header .hdr-bg{display:block;width:100%;height:400px;background-color:rgba(0,0,0,.7);position:absolute;left:0;top:0;z-index:-1;opacity:0;pointer-events:none;transition:1.2s}
.header::after{content:'';display:block;width:100%;height:calc(100vh - 400px);background-color:rgba(0,0,0,.7);position:absolute;left:0;top:400px;opacity:0;pointer-events:none;transition:1.2s}
.header .hdr-con{position:relative;padding:20px 0}
.header .logo{width:176px;height:80px;overflow:hidden;position:relative;float:left}
.header .logo img{display:block;width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.header .logo .img2{display:none}
.header .hdr-nav,.header .hdr-other{float:right}
.header .hdr-other{margin:0 27px 0 116px}
.header .hdr-tel{font-size:26px;color:#fff;line-height:80px;padding-left:40px;background:url(../images/mzw/icon-a1-1.png) left center no-repeat;background-size:24px auto;transition:.4s}
.header .hdr-menubtn{display:none}
.nav .li1{float:left;position:relative;margin-left:68px}
.nav .li1:first-child{margin-left:0}
.nav .a1,.nav .a2{display:block;cursor:pointer;position:relative;text-align:center;font-size:16px;color:#fff;transition:.4s}
.nav .a1{height:80px;line-height:80px}
.nav .a1::after,.nav .a2::after{content:'';display:block;width:0;height:1px;background-color:#b19873;transition:.4s;position:absolute;left:0;bottom:11px}
.nav .a2::after{bottom:0}
.nav .tit{display:block}
.nav .models{width:135px;pointer-events:none;padding-top:20px;position:absolute;left:50%;top:calc(100% - 1px);transform:translateX(-50%);box-sizing:border-box}
.nav .li2{margin-bottom:20px;transform:translateY(100%);opacity:0;transition:1s;text-align:center}
.nav .li2:nth-child(2){transition-delay:.1s}
.nav .li2:nth-child(3){transition-delay:.2s}
.nav .li2:nth-child(4){transition-delay:.3s}
.nav .li2:nth-child(5){transition-delay:.4s}
.nav .li2:nth-child(6){transition-delay:.5s}
.nav .li2:nth-child(7){transition-delay:.6s}
.nav .a2{display:inline-block;line-height:2}
.nav .li1.on .a1,.nav .li1:hover .a1{font-weight:700}
.nav .li1.on .a1::after,.nav .li1:hover .a1::after,.nav .li2:hover .a2::after{width:100%}
.header.active,.header.active .hdr-bg,.header.active2,.header.active2 .hdr-bg{background-color:#fff}
.header.active .hdr-tel,.header.active2 .hdr-tel{background-image:url(../images/mzw/icon-a1-2.png);color:#000}
.header.active .logo .img1,.header.active2 .logo .img1{display:none}
.header.active .logo .img2,.header.active2 .logo .img2{display:block}
.header.active .nav .a1,.header.active .nav .a2,.header.active2 .nav .a1,.header.active2 .nav .a2{color:#000}
.header.headerToggle .hdr-bg,.header.headerToggle::after{opacity:1;pointer-events:inherit}
.header.headerToggle .nav .models{pointer-events:inherit}
.header.headerToggle .nav2 .li2{transform:translateY(0);opacity:1}
.footer{overflow:hidden;background-color:#000}
.footer.hide{display:none}
.footer .ftr-row1{border-bottom:1px solid #9b9b9b;padding:73px 0 18px}
.footer .ftr-l{float:left}
.footer .ftr-r{float:right}
.footer .logo{width:176px;margin-bottom:83px}
.footer .ftr-tel .name{font-size:17px;color:#9b9b9b;line-height:1.5}
.footer .ftr-tel .num{font-size:28px;color:#b19873;line-height:1.5}
.footer .ftr-nav{overflow:hidden}
.footer .ftr-nav li{float:left;margin-right:97px}
.footer .ftr-nav li:last-child{margin-right:0}
.footer .ftr-nav dt{font-size:17px;color:#9b9b9b;line-height:1.5;text-align:center;margin-bottom:26px}
.footer .ftr-nav .a1{display:block;transition:.4s;font-size:14px;color:#9b9b9b;line-height:2.6;text-align:center}
.footer .ftr-nav .a1:hover{color:#fff}
.footer .ftr-row2{padding:62px 0 64px}
.footer .copyright{overflow:hidden}
.footer .copyright li{float:left;margin-right:136px}
.footer .copyright li:last-child{margin-right:0}
.footer .copyright dd{font-size:12px;color:#9b9b9b;line-height:2}
.footer .qrcode li{float:left;margin-left:25px}
.footer .qrcode li:first-child{margin-left:0}
.footer .qrcode .con{display:block;position:relative;cursor:pointer}
.footer .qrcode .icon{width:41px;height:41px;float:left;opacity:.4;transition:.4s}
.footer .qrcode .models{display:none;width:113px;height:113px;padding:5px 6px 4px;box-sizing:border-box;background-color:#fff;border-radius:8px;margin-bottom:8px;position:absolute;left:50%;bottom:calc(100% + 13px);transform:translateX(-50%)}
.footer .qrcode .models .pic{width:100%;height:100%;overflow:hidden}
.footer .qrcode .models::after{content:'';display:block;width:18px;height:11px;background:url(../images/mzw/icon-a5.svg) center no-repeat;background-size:100% auto;position:absolute;left:50%;bottom:-8px;transform:translateX(-50%)}
.footer .qrcode .con:hover .icon{opacity:1}
.footer .qrcode .con:hover .models{display:block}
@media only screen and (min-width:950px) and (max-width:1920px){
    .header-height2{height:6.25vw}
    .header .hdr-bg{height:20.83vw}
    .header::after{height:calc(100vh - 20.83vw);top:20.83vw}
    .header .hdr-con{padding:1.041vw 0}
    .header .logo{width:9.166vw;height:4.166vw}
    .header .hdr-other{margin:0 1.406vw 0 6.041vw}
    .header .hdr-tel{font-size:1.354vw;line-height:4.166vw;padding-left:2.083vw;background-size:1.25vw auto}
    .nav .li1{margin-left:3.541vw}
    .nav .a1,.nav .a2{font-size:.833vw}
    .nav .a1{height:4.166vw;line-height:4.166vw}
    .nav .a1::after{bottom:.572vw}
    .nav .models{width:7.031vw;padding-top:1.041vw}
    .nav .li2{margin-bottom:1.041vw}
    .footer .ftr-row1{padding:3.802vw 0 .937vw}
    .footer .logo{width:9.166vw;margin-bottom:4.322vw}
    .footer .ftr-tel .name{font-size:.885vw}
    .footer .ftr-tel .num{font-size:1.458vw}
    .footer .ftr-nav li{margin-right:5.052vw}
    .footer .ftr-nav dt{font-size:.885vw;margin-bottom:1.354vw}
    .footer .ftr-nav .a1{font-size:.729vw}
    .footer .ftr-row2{padding:3.229vw 0 3.333vw}
    .footer .copyright li{margin-right:7.083vw}
    .footer .copyright dd{font-size:.625vw}
    .footer .qrcode li{margin-left:1.302vw}
    .footer .qrcode .icon{width:2.135vw;height:2.135vw}
    .footer .qrcode .models{width:5.885vw;height:5.885vw;padding:.26vw .312vw .208vw;border-radius:.416vw;margin-bottom:.416vw;bottom:calc(100% + .677vw)}
    .footer .qrcode .models::after{width:.937vw;height:.572vw;bottom:-.416vw}
}
@media only screen and (max-width:949px){
    .header-height,.header-height2{display:block;height:50px}
    .header .hdr-bg,.header::after{display:none;pointer-events:inherit}
    .header .hdr-con{padding:0}
    .header .logo{width:120px;height:50px;float:left}
    .header .hdr-other{display:none}
    .header .hdr-tel{line-height:50px}
    .header .hdr-nav{width:calc(100% + 30px);height:calc(100vh - 50px);box-sizing:border-box;border-top:1px solid #f5f5f5;position:absolute;left:-15px;top:50px;display:none;background-color:#fff;overflow:hidden}
    .header .nav{height:100%;overflow-y:auto;overflow-x:hidden}
    .nav .li1{float:none;margin-left:0}
    .nav .li1:nth-child(2n){background-color:#f5f5f5}
    .nav .a1,.nav .a2{font-size:14px;color:#000;text-align:left;padding:0 15px;height:45px;line-height:45px}
    .nav .a1::after,.nav .a2::after{display:none}
    .nav .li1:last-child .a1{border-bottom:none}
    .nav .models{display:none;width:100%;position:static;transform:none;padding-top:0;pointer-events:inherit}
    .nav .li2{opacity:1;transform:none;margin-bottom:0}
    .nav .a2{display:block;margin:0 15px}
    .header .hdr-menubtn{width:30px;height:50px;display:block;float:right;position:relative}
    .g-mzw-nav-a1{width:100%;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}
    .g-mzw-nav-a1 .s{display:block;width:100%;height:4px;background-color:#b19873;transition:.4s}
    .g-mzw-nav-a1 .s2{margin:5px 0}
    .g-mzw-nav-a1.open .s1{transform:translateY(9px) rotateZ(45deg)}
    .g-mzw-nav-a1.open .s2{opacity:0}
    .g-mzw-nav-a1.open .s3{transform:translateY(-9px) rotateZ(-45deg)}
    .header.openActive{background-color:#fff}
    .header.openActive .logo .img1{display:none}
    .header.openActive .logo .img2{display:block}
    .footer .ftr-row1{padding:40px 0}
    .footer .ftr-l,.footer .ftr-r{float:none}
    .footer .logo{margin:0 auto 20px}
    .footer .ftr-tel{text-align:center}
    .footer .ftr-tel .name{font-size:14px}
    .footer .ftr-tel .num{font-size:20px}
    .footer .ftr-nav{display:none}
    .footer .ftr-row2{padding:40px 0}
    .footer .copyright{overflow:hidden;text-align:center}
    .footer .copyright li{float:none;margin-right:0}
    .footer .copyright dd{font-size:14px;line-height:1.75}
    .footer .qrcode{margin-bottom:20px;text-align:center}
    .footer .qrcode li{display:inline-block;float:none}
}