@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-regular-8-webfont.woff2') format('woff2'),
        url('../fonts/montserrat-regular-8-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AbrilFatface';
    /* 注意：字体文件名通常是 AbrilFatface，没有空格 */
    src: url('../fonts/AbrilFatface-Regular-2.ttf') format('truetype');
    font-weight: normal;
    /* 注意：Abril Fatface 通常只有一种字重，且是常规的，不是 bold。除非你有专门的粗体文件。 */
    font-style: normal;
}

@font-face {
    font-family: 'Notable';
    /* 注意：字体文件名通常是 AbrilFatface，没有空格 */
    src: url('../fonts/Notable-Regular.ttf') format('truetype');
    font-weight: normal;
    /* 注意：Abril Fatface 通常只有一种字重，且是常规的，不是 bold。除非你有专门的粗体文件。 */
    font-style: normal;
}

body {
    font-family: 'Montserrat', Regular;
}

.body-no-scroll {
    overflow: hidden;
    width: 100%;
}

.logo-wenzi {
    font-family: 'Notable';
    font-size: 22px;
    letter-spacing: 0.06em;
}


.header-ys {
    margin-top: 150px;
}

.nav-span {
    color: #FFF;
}

.navbar-two {
    background-color: #2D83A1;
    height: 80px;
}

.nav-padding {
    padding-left: clamp(20px, 2.604vw, 100px);
}

.me-bg {
    background-color: #cb6e6e;
}

.start-img {
    margin-top: 0;
}

.nav-left-list {
    padding-bottom: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100vh;
}

.nav-left-list-div {
    width: 84vw;
    background-color: rgba(255, 255, 255);
    height: 100vh;
    /* overflow-y: auto; */
}

.nav-navigation-list .active {
    color: #2D83A1;
}

.language-big-div {
    background-color: transparent;
}

.nav-navigation-list {
    background-color: #fff;
    padding: 0 16px;
    display: block;
    margin-bottom: 0 !important;
}

.nav-navigation-list li {
    border-bottom: 1px solid #D9D9D9;
    color: #212121;
    font-size: 15px;
}

.nav-language-list {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100vh;
}

.nav-language-list li {
    border-bottom: 1px solid #D9D9D9;
    color: #212121;
    font-size: 15px;
}

.nav-language-list .one {
    background-color: rgba(255, 255, 255);
}

.nav-navigation-ft {
    background-color: #F5F5F5;
    padding-left: 16px;
    height: 60vh;
}

.nav-navigation-ft1 {
    padding: 30px 0 9px 31px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
}

.nav-navigation-ft2 {
    padding-left: 31px;
    line-height: 18px;
    font-size: 12px;
    color: #666666;
    font-weight: 400px;
}

/* 最后一个 li 不需要下划线 */
.nav-language-list li:last-child {
    border-bottom: none;
}

.hamburger-button {
    width: 30px;
    height: 30px;
    background-image: url('../image/hamburger-button.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.top-nav-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030;
    display: flex;
    flex-direction: column;
}

.no-hover-color .nav-link:hover {
    color: #FFF;
    opacity: 0.75;
}

.navbar-msg-hidden {
    display: none !important;
}

.navbar-me-white {
    color: #FFF;
}

.navbar-me-white:hover {
    color: #FFF;
    opacity: 0.75;
}

/* 语言切换下拉菜单样式 */
.dropdown-menu {
    --bs-dropdown-divider-bg: transparent;
    /* 移除分隔线 */
    border: none;
    /* 移除边框 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    /* 添加轻微阴影 */
}

.dropdown-item {
    color: #212121;
    /* 默认字体颜色 */
    padding: 8px 16px;
    /* 调整内边距 */
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #2D83A1;
    /* 悬停和聚焦时的字体颜色 */
    background-color: #f8f9fa;
    /* 轻微背景色变化 */
}

.dropdown-item.active,
.dropdown-item:active {
    color: #2D83A1;
    /* 激活状态的字体颜色 */
    background-color: #e9ecef;
    /* 激活状态背景色 */
}

/* 当前选中语言样式 */
.dropdown-item.current-language {
    color: #2D83A1;
    /* 选中语言字体颜色 */
    font-weight: bold;
    /* 选中语言加粗 */
}

.mobile-nav-img1 {
    background-image: url('../image/phone-call-blue.webp');
    background-position: left 0 top 30px;
    background-repeat: no-repeat;
}

.mobile-nav-img2 {
    background-image: url('../image/message-blue.webp');
    background-position: left 0 top 30px;
    background-repeat: no-repeat;
}

.mobile-nav-img3 {
    background-image: url('../image/email-blue.webp');
    background-position: left 0 top 30px;
    background-repeat: no-repeat;
}

.con-mp {
    margin-top: 70px;
    margin-bottom: 56px;
    margin-left: 2.86%;
    margin-right: 2.86%;
}

#loadingToast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1060;
    /* 高于遮罩层 */
    width: 280px;
    max-width: 90vw;
    background-color: #4791ab;
}

#loadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: none;
}
#errorToast{
    background-color: rgb(255, 255, 255, 1);
}