.banner_container{
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner_container .banner_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mask-image: linear-gradient(to bottom, 
        transparent -10%,
        black 10%,
        black 90%,
        transparent 110%
    );
    -webkit-mask-image: linear-gradient(to bottom, 
        transparent -10%,
        black 10%,
        black 90%,
        transparent 110%
    );
}
.banner_container .banner_title{
    position: absolute;
    font-size: 7.7vw;
    color: #FFFFFF;
    text-shadow: 0px 0.2vw 1.667vw rgba(40,38,38,0.73);
}

.news_main{
    position: relative;
    width: 100%;
    background-color: #F2F2F2;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5.417vw 0 0;
    box-sizing: border-box;
}
.news_main .search_switch{
    position: relative;
    width: 83.33%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_main .search_container {
    position: relative;
    width: 20vw;
    height: 2.7vw;
    border: 1px solid #C0C0C0;
    display: flex;
    align-items: center;
    border-radius: 0.3vw;
    padding: 0 1.198vw 0 1.66vw;
    box-sizing: border-box;
    background-color: transparent;
}

.news_main .search_container .search_input {
    flex: 1;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.94vw;
    color: #333333;
    font-family: none;
}

/* 占位符文字颜色 */
.news_main .search_container .search_input::placeholder {
    font-size: 0.94vw;
    font-family: none;
    color: #999999;
}

.news_main .search_container .search_icon {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5vw;
}
.news_main .search_container .search_icon .gsticon {
    font-size: 1.25vw;
    color: #999999;
    transition: color 0.3s ease;
}
.news_main .search_container .search_icon:hover .gsticon {
    color: #666666;
}

.news_main .switch_container{
    display: flex;
}
.news_main .switch_container .type_name{
    position: relative;
    font-family: none;
    font-weight: bold;
    font-size: 1.25vw;
    color: #999;
    margin-left: 3.8vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: color .4s;
}
.news_main .switch_container .type_name:hover{
    color: #666;
}
.news_main .switch_container .type_name.active{
    color: #434343 !important;
}
.news_main .switch_container .type_name::after{
    position: relative;
    content: "";
    width: 0%;
    height: 1px;
    background-color: #D6020F;
    margin-top: 0.1vw;
    transition: width .4s;
}
.news_main .switch_container .type_name:hover::after{
    width: 50%;
}
.news_main .switch_container .type_name.active::after{
    width: 100% !important;
}

.news_main .news_region{
    position: relative;
    width: 85.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5vw;
    padding-bottom: 9vw;
}
.news_main .news_region .news_list{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.news_main .news_region .news_list .item{
    position: relative;
    width: 33.333%;
    padding: 0 1.27%;
    box-sizing: border-box;
    margin-bottom: 6.667vw;
}
.news_main .news_region .news_list .item .img_container{
    position: relative;
    width: 100%;
    height: 22.292vw;
    overflow: hidden;
}
.news_main .news_region .news_list .item .img_container img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 1s;
}
.news_main .news_region .news_list .item:hover .img_container img{
    scale: 1.05;
}
.news_main .news_region .news_list .item .time{
    font-weight: bold;
    font-size: 0.94vw;
    font-family: none;
    color: #959595;
    line-height: 1;
    margin: 1.354vw 0 1vw;
}
.news_main .news_region .news_list .item .title{
    font-family: none;
    font-weight: bold;
    font-size: 1.25vw;
    color: #1A1A1A;
    line-height: 1.25;
    transition: color .3s;
}
.news_main .news_region .news_list .item:hover .title{
    color: #D6020F;
}

.news_main .news_region .more_btn{
    margin-top: 1.3vw;
    background-color: #D6020F;
    padding: 0.938vw 1.25vw 0.938vw 1.771vw;
    box-sizing: border-box;
    border-radius: 0.5vw;
    display: flex;
    align-items: center;
    transition: background-color .3s;
}
.news_main .news_region .more_btn .text{
    font-family: none;
    font-size: 0.94vw;
    color: #DCDCDC;
    line-height: 1;
    transition: color .3s;
}
.news_main .news_region .more_btn .gsticon{
    font-family: none;
    font-size: 0.94vw;
    color: #DCDCDC;
    line-height: 1;
    margin-left: 1.51vw;
    transition: color .3s;
}
.news_main .news_region .more_btn:hover{
    background-color: #DCDCDC;
}
.news_main .news_region .more_btn:hover .text{
    color: #D6020F;
}
.news_main .news_region .more_btn:hover .gsticon{
    color: #D6020F;
}
.outer_contact_container{
    position: relative;
    width: 100%;
    height: 43.75vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.outer_contact_container .bg_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.outer_contact_container .text_container{
    position: absolute;
    width: 44%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5);
    padding: 3.177vw 0 4.531vw;
    border-radius: 0.5vw;
}
.outer_contact_container .text_container .title{
    font-size: 3.125vw;
    color: #FFFFFF;
    line-height: 1;
}
.outer_contact_container .text_container .title:nth-child(2){
    margin-bottom: 0.9vw;
}
.outer_contact_container .text_container .p_1{
    font-family: none;
    color: #FFFFFF;
    font-size: 1.25vw;
    line-height: 1.5;
}
.outer_contact_container .contact_btn{
    margin-top: 2.6vw;
    background-color: #D6020F;
    padding: 0.9vw 1.771vw 0.9vw 2.865vw;
    box-sizing: border-box;
    border-radius: 0.5vw;
    display: flex;
    align-items: center;
    transition: background-color .3s;
}
.outer_contact_container .contact_btn .text{
    font-family: none;
    font-size: 0.94vw;
    color: #DCDCDC;
    line-height: 1;
    transition: color .3s;
}
.outer_contact_container .contact_btn .gsticon{
    font-family: none;
    font-size: 0.94vw;
    color: #DCDCDC;
    line-height: 1;
    margin-left: 1.51vw;
    transition: color .3s;
}
.outer_contact_container .contact_btn:hover{
    background-color: #DCDCDC;
}
.outer_contact_container .contact_btn:hover .text{
    color: #D6020F;
}
.outer_contact_container .contact_btn:hover .gsticon{
    color: #D6020F;
}
/* 默认在 PC 端隐藏移动端搜索栏 */
.mobile_search_container {
    display: none;
}

@media (max-width: 996px) {
    /* =========================================
       横幅容器与移动端搜索栏适配
    ========================================= */
    .banner_container {
        height: 107vw;
    }
    .banner_container .banner_title {
        font-size: 12.3vw;
        bottom: 31vw;
    }

    /* 移动端专属搜索栏显示与精细化样式 */
    .banner_container .mobile_search_container {
        display: flex !important;
        position: absolute;
        bottom: 8vw;
        left: 50%;
        transform: translateX(-50%);
        width: 64%;
        background: rgba(255, 255, 255, 0.25) !important;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border-radius: 1.5vw;
        padding: 3.5vw 4vw;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        z-index: 5;
    }

    .banner_container .mobile_search_container .mobile_search_input {
        flex: 1;
        border: none;
        outline: none;
        background: transparent;
        font-size: 3.6vw;
        color: #ffffff;
        font-family: none;
        padding-right: 2vw;
    }

    .banner_container .mobile_search_container .mobile_search_input::placeholder {
        color: rgba(255, 255, 255, 0.7);
        font-size: 3.6vw;
    }

    .banner_container .mobile_search_container .mobile_search_icon {
        color: rgba(255, 255, 255, 0.7);
        font-size: 4vw;
        cursor: pointer;
    }

    /* =========================================
       新闻分类切换区适配（隐藏原搜索栏，分类居中）
    ========================================= */
    .news_main {
        padding: 11vw 0 0;
    }
    .news_main .search_switch {
        width: 100%;
        justify-content: center;
    }
    /* 彻底隐藏分类栏右侧的旧搜索栏 */
    .news_main .search_switch .search_container {
        display: none !important;
    }
    .news_main .switch_container {
        width: 100%;
        justify-content: space-around;
    }
    .news_main .switch_container .type_name {
        font-size: 3.8vw !important;
        margin: 0 !important;
    }

    /* =========================================
       新闻列表单列排版
    ========================================= */
    .news_main .news_region {
        width: 91%;
        margin-top: 9vw;
        padding-bottom: 16vw;
    }
    .news_main .news_region .news_list .item {
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 14vw !important;
    }
    .news_main .news_region .news_list .item .img_container {
        height: 56vw !important; /* 调整图片高度，保持美观的画面比例 */
        border-radius: 1vw;
        overflow: hidden;
    }
    .news_main .news_region .news_list .item .time {
        font-size: 3.6vw !important;
        margin: 4.5vw 0 2.5vw !important;
    }
    .news_main .news_region .news_list .item .title {
        font-size: 4.2vw !important;
        line-height: 1.35 !important;
    }

    /* 加载更多按钮 */
    .news_main .news_region .more_btn {
        margin-top: 2vw;
        padding: 3.5vw 6vw !important;
        border-radius: 1.5vw !important;
    }
    .news_main .news_region .more_btn .text,
    .news_main .news_region .more_btn .gsticon {
        font-size: 3.6vw !important;
    }

    /* =========================================
       底部联系板块适配
    ========================================= */
    .outer_contact_container {
        height: 110vw !important; /* 拉长高度以容纳垂直排版 */
    }
    .outer_contact_container .text_container {
        width: 82% !important;
        padding: 8vw 5vw 10vw !important;
        border-radius: 3vw !important;
    }
    .outer_contact_container .text_container .title {
        font-size: 5.4vw !important;
        text-align: center;
    }
    .outer_contact_container .text_container .title:nth-child(2) {
        margin-bottom: 4vw !important;
    }
    .outer_contact_container .text_container .p_1 {
        font-size: 3.6vw !important;
        text-align: center;
        line-height: 1.6 !important;
    }
    .outer_contact_container .contact_btn {
        margin-top: 6vw !important;
        padding: 3.5vw 6vw !important;
        border-radius: 1.5vw !important;
    }
    .outer_contact_container .contact_btn .text,
    .outer_contact_container .contact_btn .gsticon {
        font-size: 3.6vw !important;
    }
}