/* 导航栏样式 */
.navDiv {
    height: 10vh;
    width: 100vw;
    background-color: rgba(70, 90, 99, 0.2);
    user-select: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;

    display: flex;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 40px;

    transition: box-shadow 0.3s ease;
    /* 添加过渡动画 */
    cursor: pointer;
    /* 改变光标为手指 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    /* 初始阴影 */
    backdrop-filter: blur(10px);
    /* 背景模糊效果 */
}

/* 导航栏鼠标悬停效果 */
.navDiv:hover {
    background-color: rgba(70, 90, 99, 0.4);
    box-shadow: 2px 0px 2px 2px rgba(0, 0, 0, 0.5);
}

/* 主导航菜单 */
.navDiv nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}

/* 主导航菜单项 */
.navDiv nav li {
    position: relative;
}

/* 主导航链接 */
.navDiv nav a {
    display: block;
    padding: 0.5rem 1rem;
    color: #2A2E31;
    text-decoration: none;
}
.navDiv nav h3{
    padding: 1vh;
}

/* 主导航链接悬停效果 */
.navDiv nav h3:hover {
    background-color: rgb(255, 255, 255, 0.4);
    /* color: black; */
    border-radius: 4px;
}

/* 子菜单 */
.navDiv .sub-menu {
    display: none;
    position: absolute;
    background-color: rgb(255, 255, 255, 0.8);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border: 5px solid transparent;
    margin-top: 1px;
}

/* 子菜单项 */
.navDiv .sub-menu li {
    display: block;
    font-size: 1.3vw;
}

/* 子菜单链接 */
.navDiv .sub-menu a {
    padding: 0.5vw 1vw;
    display: block;
    color: black;
}

/* 子菜单链接悬停效果 */
.navDiv .sub-menu a:hover {
    background-color: rgba(70, 90, 99, 0.2);
    /* color: #2A2E31; */
}

/* 当主菜单项悬停时显示子菜单 */
.navDiv .has-sub-menu:hover .sub-menu {
    display: block;
    border-radius: 4px;
}

/* 当主菜单项或子菜单项悬停时显示子菜单 */
.navDiv .has-sub-menu:hover .sub-menu,
.navDiv .sub-menu:hover {
    display: block;
    border-radius: 4px;
}

.navH3 {
    font-size: 1.7vw;
    line-height: 1.8vw;
}

/* 图片盒子 */
.navImgBox {
    display: flex;
    align-items: center;
    margin-right: auto;
}

/* 图片 */
.navImage {
    width: auto;
    height: 13vh;
    position: absolute;
    top: 0;
    left: 0;

}
.logoName{
    font-size: 2vw;
    font-weight: 500;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin-left: 7vw;
}