body {
    background-color: #F7F7F7;
}
.a-reset {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Use the inherited text color */
    background: none; /* Remove background */
    border: none; /* Remove border */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
    font: inherit; /* Use the inherited font */
    line-height: inherit; /* Use the inherited line height */
}

.a-reset:visited,
.a-reset:hover,
.a-reset:active,
.a-reset:focus {
    text-decoration: none; /* Ensure no underline on any state */
    color: inherit; /* Use the inherited text color */
    outline: none; /* Remove focus outline */
}

.input-reset {
    border: none; /* Remove border */
    background: none; /* Remove background */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
    font: inherit; /* Use the inherited font */
    line-height: inherit; /* Use the inherited line height */
}
.input-reset:focus {
    outline: none; /* Remove focus outline */
}

/* 菜单栏的样式 */
.form-input {
    background-color: transparent;
    border: none;
}

/* 居中对齐导航菜单项 */
.navbar-nav {
    display: flex;
    justify-content: center;
    background-color: #ffffff;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navback {
    background-color: transparent;
}


.img-search {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.navbar-toggler {
    border: none;
}
.dropdown-menu .dropdown-item:hover {
    background-color: #E5D2AC; /* 选择你想要的背景色 */
    color: #8A0B0B;
}
@media (max-width: 575px) {
    html {
        font-size: calc(100vw / 24);

        /*font-family: PingFangSC, PingFang SC, "Microsoft YaHei", serif;*/
    }
    .headerbac {
        /*background: linear-gradient(0deg, #900E0E, #750202);*/
        background: #FCF3DC;
        height: 60px;
    }

    .navwidth {
        width: 42px;
        height: 42px;
    }

    .imgwidth {
        width: 129px;
        height: 35px;
        margin-left: 15px;
    }
    .navbar-nav {
        padding-left: 15px;
    }
    .input-group {
        display: none;
    }
    .navbar-nav {
     background-color: #ffffff;
    }
    .navbar-nav .nav-link {
        color: #000000;
        /* 更改文字颜色为红色 */
    
    }
    .dropdown-menu {
        background: #ffffff;
        border-radius: 4px;
        color: #8A0B0B;
        margin-right: 15px;
    }
    .dropdown-item {
        padding: 10px;
        color: #8A0B0B;
    }
    .footer {
        display: none;
    }

    .footer-small {
        height: 3.2rem;
        background-color: #FFFFFF;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 10px;
    }

    .footsmall-img {
        width: 1.98rem;
        height: 1.98rem;
    }

    .footer-small-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-small-text {
        font-weight: 300;
        font-size: 0.77rem;
        color: #77231F;
    }
    .footercontent {
        display: none;
    }
}
@media (min-width: 575px) and (max-width: 999px) {
    .headerbac {
        background: linear-gradient(0deg, #900E0E, #750202);
        height: 70px;
    }

    .navwidth {
        width: 52px;
        height: 52px;
    }

    .imgwidth {
        width: 149px;
        height: 40px;
        margin-left: 15px;
    }
    .navbar-nav {
        padding-left: 15px;
    }
    .input-group {
        display: none;
    }
    .navbar-nav {
        background-color: transparent;
       }
       .navbar-nav .nav-link {
           color: #8A0B0B;
        /* 更改文字颜色为红色 */
    
    }
    .dropdown-menu {
        background: #F9E9CA;
        border-radius: 4px;
        color: #8A0B0B;
    }
    .dropdown-item {
        padding: 10px;
        color: #8A0B0B;
    }
    .footer-small {
        display: none;
    }
    .footercontent {
        height: 140px;
        background: linear-gradient(0deg, #900E0E, #750202);
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 15px;
    }

    .footer {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 300;
        font-size: 16px;
        color: #FFFFFF;
    }
    .copyright {
        text-align: center;
        font-size: 14px;
        color: #FFFFFF;
        margin:10px 0
    }

    .foot-img {
        width: 82px;
        height: 82px;
    }

    .xian {
        width: 1px;
        height: 93px;
        background-color: #999999;
        margin: 0 15px;
    }

    .footer-right {
        display: flex;
        align-items: center;
    }

    .footerkefu {
        writing-mode: vertical-lr;
        margin-left: 10px;
    }
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
    
    .nav-link.dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        transition: transform 0.2s ease-in-out;
    }
    
    .nav-item.dropdown:hover .nav-link.dropdown-toggle::after {
        transform: rotate(180deg);
    }
}
@media (min-width: 1000px) {
    .headerbac {
        /*background: linear-gradient(0deg, #900E0E, #750202);*/
        background: #FCF3DC;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .input-group {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 280px;
        height: 38px;
        background: #F7F7F7;
        border-radius: 19px;
        border: 1px solid #C4BDBD;
        padding: 0 20px;
    }

    .navwidth {
        width: 62px;
        height: 62px;
    }

    .imgwidth {
        /*width: 189px;*/
        height: 47px;
    }
    .nav-item {
      margin:0 5px;
    }
    .dropdown-menu {
        background: #F9E9CA;
        border-radius: 4px;
        color: #8A0B0B;
    }
    .dropdown-item {
        padding: 10px;
        color: #8A0B0B;
    }
    .dropdown-menu .dropdown-item:hover {
        background-color: #E5D2AC; /* 选择你想要的背景色 */
        color: #8A0B0B;
    }


    .navbar-nav {
        background-color: transparent;
       }
       .navbar-nav .nav-link {
           color: #8A0B0B;
        /* 更改文字颜色为红色 */
    
    }
    .footer-small {
        display: none;
    }
    .footercontent {
        height: 140px;
        /*background: linear-gradient(0deg, #900E0E, #750202);*/
        background:#FCF3DC;
        color: #900E0E;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 15px;
    }

    .footer {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 300;
        font-size: 16px;
        color: #900E0E;
    }
    .copyright {
        text-align: center;
        font-size: 14px;
        color: #900E0E;
        margin:10px 0
    }

    .foot-img {
        width: 82px;
        height: 82px;
    }

    .xian {
        width: 1px;
        height: 90px;
        background-color: #999999;
        margin: 0 15px;
    }

    .footer-right {
        display: flex;
        align-items: center;
    }

    .footerkefu {
        writing-mode: vertical-lr;
        margin-left: 10px;
    }
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
    
    .nav-link.dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        transition: transform 0.2s ease-in-out;
    }
    
    .nav-item.dropdown:hover .nav-link.dropdown-toggle::after {
        transform: rotate(180deg);
    }
}