li {
    list-style: none;
}
a {
    color: #333;
    text-decoration: none;
}

/* 基础公共样式：清除默认样式 + 设置通用样式 */

@media (min-width: 992px) {
    .collapse .navbar-nav .nav-link {
        font-size: 12px; /* 当屏幕至少为1600px宽时，字体大小固定为26px */
    }
}
@media (min-width: 1260px) {
    .collapse .navbar-nav .nav-link {
        font-size: 14px; /* 当屏幕至少为1200px宽时，字体大小固定为24px */
    }
}
@media (min-width: 1500px) {
    .collapse .navbar-nav .nav-link {
        font-size: 16px; /* 当屏幕至少为1200px宽时，字体大小固定为24px */
    }
}

@media (min-width: 1605px) {
    .collapse .navbar-nav .nav-link {
        font-size: 18px; /* 当屏幕在992px到1199px之间时，字体大小固定为22px */
    }
}

#mainNav {
    background-color: rgba(0,0,0,0.3);
    transition: background-color 0.3s ease; /* 添加过渡效果 */
    padding: 10px 0; /* 垫片 */
    color: white;
}

#mainNav.scrolled {
    background-color: #f5f5f5; /* 滚动后背景颜色 */
    color: #333; /* 文字颜色 */
}
#mainNav.scrolled a{
    background-color: #f5f5f5; /* 滚动后背景颜色 */
    color: #333; /* 文字颜色 */
}
#mainNav.scrolled button{
    color: #333;
}
#mainNav.scrolled span{
    color: #333;
}
#mainNav.scrolled button:hover{
    color: #e8943c;
}

#mainNav.scrolled .dropdown-menu{
    background: #f5f5f5 !important;
}

#mainNav.scrolled .collapse a:hover{
    color: #e8943c;
}
#mainNav.scrolled .active{
    color:#e8943c ;
}


.collapse .navbar-nav .nav-link{
    height: 70px;
    line-height: 70px;
    color: #fff;
    display: block;
    padding: 0 20px;
}
.collapse .navbar-nav .nav-link:hover {
    color: #e8943c;
    border-bottom: 3px solid #e8943c;
}
.navbar-nav .nav-link .icon-down{
    margin-left: 2px;
    display: inline-block;
    color: #fff;
    transition: all 0.5s;
}

.navbar-nav .nav-link:hover .icon-down{
    transform: rotate(-180deg);
    color: #e8943c;
}
.dropdown-menu{
    color: #fff;
    text-align: center;
    --bs-dropdown-min-width: 8rem !important;
    --bs-dropdown-spacer: 0 !important;
    --bs-dropdown-border-radius: none !important;
    background-color:rgba(0,0,0,0.3) !important;
}

.dropdown-menu .dropdown-item{
    line-height: 20px;
    color: white;
    height: 30px;
}

.dropdown-menu .dropdown-item:hover{
    color: #e8943c !important;
    background-color:transparent !important;
}

.collapse .nav-item .active{
    color: #e8943c;
    border-bottom: 3px solid #e8943c;
}

.footer{
    background-color:#e8943c ;
    margin-bottom: 0;

}
.footer .top{
    background: rgba(243, 194, 124, 0.3);
}

.footer .top .group1{
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}

/*
.footer .top p {
    color:#fff;
    font-size: 60px;
    font-weight: 900;
    margin-bottom: 0;
}
*/


.footer .top .group1 a{
    font-size: 14px;
    color: white;
}
.footer .top .group1 a:hover{
    font-size: 14px;
    color: white;
    background: rgba(243, 194, 124, 0.3); !important;
}


.footer .bottom{
    padding: 20px;
    height: 100px;
}

.footer .group{
    color: white;
    margin-bottom: 8px;
}

.footer .group a{
    margin: 0 8px;
}

@media (max-width: 568px) {
    .footer .group1 p{
        font-size: 36px; /* 当屏幕至少为1600px宽时，字体大小固定为26px */
        font-weight: 900;
    }
}

@media (min-width: 568px) {
    .footer .group1 p{
        font-size: 60px;
        font-weight: 900;
    }
}

/*danger*/
@media screen and (min-width: 1440px) {
    .screen {
        padding-bottom: 50px;
        padding-top: 50px;
    }
}

.screen:before{
    background-color: #f9c901;
    border-radius: 0 8px 8px 0;
    bottom: 0;
    content: " ";
    display: block;
    left: -100%;
    position: absolute;
    right: 75%;
    top: 0;
}
.screen2:before{
    background-color: #f9c901;
    border-radius: 8px 0 0 8px;
    bottom: 0;
    content: " ";
    display: block;
    right: -100%;
    position: absolute;
    left: 75%;
    top: 0;
}