/* Site header & navigation */
.clearfix:after{content:"";display:block;height:0;clear:both}

.z_header{height:80px;position:fixed;left:0;top:0;width:100%;z-index:99999;backdrop-filter:saturate(180%) blur(20px);background:hsla(0,0%,100%,.9);box-shadow:0 4px 10px 0 rgba(68,68,68,.05)}
.z_header_content{width:80%;margin:0 auto;display:flex;align-items:center}
.z_header .logo{display:block;line-height:80px;flex-shrink:0}
.z_header .logo img{vertical-align:middle}
.header_r{flex:1;display:flex;align-items:center;justify-content:center}
.header_nav li{display:inline-block;line-height:80px;margin-right:25px;position:relative}
.header_nav li a{font-size:16px;transition:color .3s}
.header_nav li:hover a,.header_nav li.active a{color:#1a56db}
.header_nav li .li07{display:flex;align-items:center;border:1px solid #1a56db;padding:4px 10px;border-radius:67px;height:28px;cursor:pointer;margin-left:10px}
.header_nav li .li07 a{color:#1a56db;font-size:14px}
.mobile_btn{cursor:pointer;display:none;width:50px;height:50px;background:#1a56db;justify-content:center;align-items:center;flex-direction:column;gap:6px;border-radius:6px;flex-shrink:0}
.mobile_btn span{display:block;width:26px;height:2px;background:#fff;transition:all .45s}
.mobile_btn.on span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.mobile_btn.on span:nth-child(2){opacity:0}
.mobile_btn.on span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.slide_box{background:#1a56db;width:100%;height:0;overflow:hidden;position:fixed;left:0;top:80px;z-index:100;transition:height .4s}
.slide_box.active{height:calc(100vh - 80px);overflow-y:auto}
.slide_nav{margin-top:80px}
.slide_nav li{margin-bottom:30px;text-align:center}
.slide_nav li a{font-size:16px;color:#fff}
.z_mask{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.8);z-index:99;visibility:hidden;opacity:0;transition:all .3s}
.z_mask.active{visibility:visible;opacity:1}

@media screen and (max-width:1280px){
    .z_header_content{width:94%}
}
@media screen and (max-width:980px){
    .mobile_btn{display:flex}
    .header_nav{display:none}
    .header_r{justify-content:flex-end}
    .z_header_content{width:94%}
    .z_header{height:50px}
    .z_header .logo{line-height:50px}
    .slide_box{top:50px}
}