input,
button {
    /* 去掉轮廓线 */
    outline: none;
    border: none;
}

.inp::placeholder {
    color: #999 !important;
    opacity: 1;
}


/* 二级导航栏样式 - 核心修复 */
.dropdown {
    position: relative;
    z-index: 1001; /* 高于header的1000，确保下拉菜单层级 */
}

.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0; /* 改为left:0，避免transform创建新层叠上下文 */
    width: 100%; /* 宽度匹配父元素 */
    background-color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 9999; /* 极高的z-index，确保不被遮挡 */
    border-radius: 4px;
    transition: all 0.3s ease; /* 简化过渡，提升性能 */
    /* 移除transform，避免创建新层叠上下文 */
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    z-index: 9999; /* 强制最高层级 */
}

.dropdown-item {
    /*  padding: 12px 12px; /* 补全内边距，提升体验 */
    color: #333;
    text-decoration: none;
    display: block;
    transition: all 0.2s;
    text-align: center; /* 文字居中，匹配导航样式 */
}

.dropdown-item:hover {
    background-color: #004CD8;
    color: white;
}

/* 修复header样式，移除overflow:hidden */
header {
    overflow: visible !important; /* 确保下拉菜单不被裁剪 */
    position: relative; /* 确保z-index生效 */
}

/* 轮播图相关样式 */
.news-carousel-container {
    overflow: hidden;
}

.carousel-track {
    display: flex;
    width: 100%;
}

.carousel-slide {
    flex: 0 0 100%;
    position: relative;
}

.prev-btn,
.next-btn {
    transition: all 0.3s ease;
}

.prev-btn:hover,
.next-btn:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

.indicator-dot.active {
    background-color: white;
    opacity: 1; /* 修复拼写错误：background-opacity -> opacity */
}

/* 搜索 */
.ser-layer {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    backdrop-filter: blur(.05rem);
    pointer-events: none; /* 默认不可点击，showdiv时再开启 */
}

.ser-layer.showdiv {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* 允许点击 */
}

.ser-layer .serclose {
    font-size: .3rem;
    position: absolute;
    right: 1.3rem;
    top: 1.25rem;
    text-align: center;
    line-height: .3rem;
    cursor: pointer;
    color: #fff;
    font-family: 'lib';
}

.ser-layer .serform {
    width: 90%;
    margin: 0 auto;
    transform: translateY(1.5rem);
    transition: .2s .1s
}

.ser-layer.showdiv .serform {
    transform: translateY(0);
    transition: .5s .3s
}

.ser-layer .serform .input-group {
    max-width: 25.5rem;
    margin: 0 auto;
    position: relative;
}

.ser-layer .serform .input-group .sub {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.8rem;
    height: 2.5rem;
    overflow: hidden;
    background: 0 0;
    cursor: pointer;
    border-radius: 0 .05rem .05rem 0
}

.ser-layer .serform .input-group .sub:after {
    content: '';
    position: absolute;
    top: .6rem;
    bottom: 0;
    left: 0;
    z-index: 2;
    right: 0;
    background: url(../images/ser.png) no-repeat;
}

.ser-layer .serform .input-group .inp {
    height: 2.5rem;
    border: 0;
    border-right: 0;
    padding-right: 1.2rem;
    width: 100%;
    padding-left: 2.2rem;
    background: #fff;
    border-radius: .4rem;
    font-size: 18px;
    color: #333;
    position: relative;
    z-index: 2;
}

.swi-close-outlined:before {
    content: "\00d7";
    /* × 符号 */
    font-weight: bold;
    font-size: 2.24rem;
}