:root {
    --bg-color: #C20C0C;
    --bg-blue: #002FA7;
}
body{
    font-size: 62.5%;
    font-family:'SimHei';
}
.head {
    height: 5rem;
    line-height: 5rem;
}
#img-logo {
    max-width: 60%;
    margin-bottom: 0.5rem;
}
.menu-scroll {
    width: 100%;
    overflow-x: auto; /* 允许横向滚动 */
    overflow-y: hidden; /* 隐藏纵向滚动 */
    white-space: nowrap; /* 防止子元素换行 */
    -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
    scrollbar-width: none; /* 隐藏滚动条 - Firefox */
}
.menu-scroll::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 - Chrome/Safari */
}
.menu-scroll::before{
    left: 0;
    background: linear-gradient(to right, white, transparent);
}
.menu-scroll::after{
    right: 0;
    background: linear-gradient(to left, white, transparent);
}

.menu-item a:hover {
    color: var(--bg-blue);
    border-bottom: 0.2rem solid var(--bg-blue);
}
.logo-line {
    display: none;
}
.menu {
    display: inline-block; /* 使子元素保持在一行 */
    width: 100%;
    height: 3rem;
    line-height: 3rem;
}
.menu-item {
    display: inline-block; /* 横向排列 */
    font-size: 1.2rem;
    font-weight:500;
    text-align: center;
    margin-right: 3rem;
}
.menu-item a {
    display: inline-block;
}
.div-login {
    text-align: center;
}
.btn-login {
    font-weight: 500;
    padding: 0.4rem 1.5rem;
    border: 1px solid var(--bg-blue);
    border-radius: 100px;
}
.btn-login:hover {
    background-color: var(--bg-blue);
    color: #fff;
}
.logo-bot {
    width: 150px;
    height: auto;
}
.qrcode-bot {
    width: 100px;
    height: auto;
}
.qrcode-font {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1rem;
}
.logo-font2 {
    font-size: 1rem;
}
.logo-font3 {
    color: #666;
}
@media (max-width: 1330px){
    .menu-item {
        margin-right: 1.5rem;
    }
}
@media (max-width: 768px){
    .logo-line {
        display: block;
        opacity: 1;
        border-image: initial;
        border-color: rgba(195, 202, 215, 0.7);
        border-style: solid;
    }
    .menu-scroll {
        height: 5rem;
        line-height: 5rem;
    }
    .menu-item {
        margin-right: 1.5rem;
    }
    .div-login {
        position: absolute;
        top: -185px;
        right: 0;
        z-index: 1000;
    }
    .img-top,.img-bot {
        height: 213px;
    }
    .font-top h1,.font-bot h1 {
        margin-top: 3rem;
    }
    .btn-contact {
        margin-top: 1rem;
    }
    .logo-font3 {
        margin-top: 1rem;
    }
}