.nav-container{position:absolute;left:0;right:0;top:0;height:70px;z-index:9999}

.nav-container .menu-wrap .home{position:absolute;left:20px;top:0}
.nav-container .menu-wrap .home a{display:block;height:70px;line-height:70px;font-size:24px;font-weight:700}
.nav-wrap .nav a{font-weight:700;letter-spacing:1px}
.nav-wrap .nav a small{display:none}
.nav-container .menu-wrap .home a,.nav-container .nav-wrap .nav a{color:#191919}
.nav-container .sub-nav-btn.open span{background:#191919}
.sub-nav-btn{position:absolute;width:60px;height:20px;right:10px;top:25px;cursor:pointer}
.sub-nav-btn span{display:block;width:30px;height:4px;background:#191919}
.sub-nav-btn.open{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.sub-nav-btn.close{margin-top:6px}
.sub-nav-btn.close span:first-child{transform:rotateZ(45deg)}
.sub-nav-btn.close span:last-child{transform:rotateZ(-45deg)}
@media (min-width:640px){
.nav-container .menu-wrap{display: none;}
.nav-wrap .main-nav{margin:0 auto;max-width:960px}
.nav-wrap .main-nav a{font-size:15px}
.nav-wrap .main-nav .nav{margin-left:-20px;display:flex;justify-content:center;align-items:center}
.nav-wrap .main-nav .nav li{position:relative;height:70px;width:130px;line-height:70px;text-align:center;align-items:center;box-sizing:border-box}
.nav-wrap .main-nav .nav li span{position:absolute;display:block;width:100%;text-align:center}
.nav-wrap .main-nav .nav li .line{position:absolute;left:50%;bottom:22px;content:'';width:0;height:1px;background:#666;transition:.5s}
.nav-wrap .main-nav .nav li:hover .line{left:20px;width:90px}
.nav-wrap .main-nav .nav li .en,.nav-wrap .main-nav .nav li:hover .ch{display:block}
.nav-wrap .main-nav .nav li .ch,.nav-wrap .main-nav .nav li:hover .en{display:none}
.sub-nav-btn.close{ display: none;}
}
@media (max-width:640px){
.menu-wrap{position:fixed;left:0;right:0;top:0;height:70px;background-color: rgba(255, 255, 255, 0.3); /* 半透明背景 */
  -webkit-backdrop-filter: blur(1px); /* Safari 浏览器前缀 */
  backdrop-filter: blur(10px);}
.nav-wrap{position:fixed;left:-100%;top:0;bottom:0;width:100%;background:rgba(0,0,100,.7);overflow-y:auto;transition:.5s}
.nav-wrap.show{left:0}
.sub-nav-btn{right:10px}
.sub-nav-btn.close span{background:#fff}
.nav-wrap .nav{padding: 100px 0 100px 30px;}
.nav-wrap .nav a{color:#fff!important}
.nav-wrap .main-nav .nav li .ch,.nav-wrap .main-nav .nav li .line{display:none}
.nav-wrap .nav a small{padding-left:6px;display:inline}
.nav-wrap .main-nav{margin-top:50px}
.nav-wrap .sub-nav{margin-top:30px}
.nav-wrap .main-nav .nav li{font-size:18px;margin:14px 0}
}