.header_track{
    position: relative;
    width: 100vw;
    height: 250vh;
}
.header_track .main_image_container{
    position: relative;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
}
.header_track .main_image_container .scale_container{
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    /* 宽度 3 等分 */
    grid-template-columns: repeat(3, 1fr);
    /* 高度 3 等分 */
    grid-template-rows: repeat(3, 1fr);
    /* 边距设置 */
    /* 确保 padding 和 border 不会撑大容器，避免出现滚动条 */
    box-sizing: border-box;
    scale: 3;
    gap: "0px";
}
.header_track .main_image_container .img_container{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 1s;
}
.header_track .main_image_container .img_container_center{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.header_track .main_image_container .img_container img,.header_track .main_image_container .img_container_center img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* .header_track .main_image_container .img_container_center .swiper_flex{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}
.header_track .main_image_container .img_container_center .flex_item{
    width: 100%;
    height: 100%;
    flex: 0;
    transition: all 1s;
}
.header_track .main_image_container .img_container_center .flex_item_active{
    flex: 1;
    transition: all 0.5s;
}
.header_track .main_image_container .img_container_center .flex_item img{
    width: 100%;
    height: 100%;
} */
.header_track .swiper {
    position: relative;
    width: 100%;
    height: 100%;
}  
.header_track .swiper .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_track .swiper img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}  
.header_track .main_image_container .img_edge{
    overflow: hidden;
}
.header_track .main_image_container .img_edge img{
    scale: 1.3;
    transform-origin: 50% 50%;
}
.header_track .main_image_container .left,.header_track .main_image_container .right{
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1vw;
    border-radius: 50%;
    padding: 1vw;
    box-sizing: border-box;
    color: #7C7B79;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    box-shadow: 0px 0px 1vw #777;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_track .main_image_container .left{
    left: 3%;
    transform: translateY(-50%) rotate(180deg);
}
.header_track .main_image_container .right{
    right: 3%;
}
.header_track .main_image_container .text_container{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.header_track .main_image_container .text_width_limit{
    width: 40%;
    color: #fff;
    font-size: 1.25vw;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 1.5;
    font-weight: 400;
}
.header_track .main_image_container .text_width_limit .bold{
    font-weight: bold;
}

.introduction_container{
    position: relative;
    width: 100%;
    height: 52vw;
}
.introduction_container .bg_image{
    position: absolute;
    width: 100%;
    height: 100%;
}
.introduction_container .bg_image img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.introduction_container .text_container{
    position: relative;
    z-index: 1;
    padding-top: 6.075vw;
    padding-left: 12.585vw;
    box-sizing: border-box;
}
.introduction_container .text_container .text_img{
    width: 26vw;
    margin-bottom: 4vw;
}
.introduction_container .text_container .p_1{
    font-weight: bold;
    color: #434343;
    font-size: 2.1vw;
    line-height: 1.5;
}
.introduction_container .text_container .p_2{
    font-size: 1.25vw;
    color: #737373;
    margin: 1.7vw 0 2.4vw;
    line-height: 1;
}
.introduction_container .text_container .understand_btn{
    padding: 0.9vw 3vw;
    background-color: #133984;
    border-radius: 999px;
    box-sizing: border-box;
    line-height: 1;
    font-size: 1.1vw;
    color: #fff;
    display: inline-block;
}
.introduction_container .down_data_container{
    position: absolute;
    width: 91%;
    height: 14vw;
    bottom: 2.9vw;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 1vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.introduction_container .down_data_container .width_limit{
    position: relative;
    width: 97%;
    height: 61%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.introduction_container .down_data_container .left_icon{
    position: relative;
    width: 34%;
    height: 100%;
    border-radius: 0.8vw;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(7px);
}
.introduction_container .down_data_container .left_icon .iconfont{
    font-size: 4.427vw;
    color: #555;
}
.introduction_container .down_data_container .right_info_data{
    position: relative;
    width: 63%;
    height: 100%;
    border-radius: 0.8vw;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(7px);
    /* backdrop-filter: blur(7px) brightness(1.3) contrast(1.2); */
}
.introduction_container .down_data_container .right_info_data .items{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.introduction_container .down_data_container .right_info_data .items .icon_container .iconfont{
    color: #fff;
    font-size: 2.7vw;
}
.introduction_container .down_data_container .right_info_data .items .data_text{
    display: flex;
    flex-direction: column;
    margin-left: 2.1vw;
}
.introduction_container .down_data_container .right_info_data .items .data_text .data{
    color: #133984;
    font-size: 2.5vw;
    font-weight: bold;
}
.introduction_container .down_data_container .right_info_data .items .data_text .text{
    font-size: 1.1vw;
    color: #fff;
}
.book_3d_container {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background-color: #ECE9E5;
    /* 核心：设置视距，数值越小透视变形越夸张，类似广角镜头 */
    perspective: 800px; 
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* 3D 场景容器 */
.scene {
    position: absolute;
    width: 100%;
    height: 100%;
    /* 核心：保持子元素的 3D 空间关系 */
    transform-style: preserve-3d; 
    pointer-events: none;
    user-select: none;
}

/* 飞行的图片基础样式 */
.fly-item {
    position: absolute;
    top: 50%;
    left: 50%;
    /* 开启 GPU 加速，提升动画性能 */
    will-change: transform, opacity; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.fly-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.book_3d_container .center_text{
    position: absolute;
    color: #262626;
}
.book_3d_container .center_text .p_1{
    font-size: 4.271vw;
    text-align: center;
    letter-spacing: 0.06em;
    margin-bottom: 1.7vw;
    line-height: 1;
}
.book_3d_container .center_text .p_2{
    font-size: 1.667vw;
    text-align: center;
    line-height: 1;
}
.display_none{
    display: none;
}
.list_track{
    position: relative;
    z-index: 10; /* 核心：强制它的层级高于前面的 3D 容器 */
    width: 100%;
    height: 500vh;
    background-color: #fff; /* 核心：阻挡底部 3D 动画的视觉穿透 (如果是浅色主题可改为 #fff) */
}
.list_track .image_wrapper_scene{
    position: relative;
    z-index: 10; /* 核心：确保 pin 的时候层级不丢 */
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #fff; /* 核心：防止图片切换时的亚像素白边/闪烁 */
    /* 开启 GPU 独立图层加速，避免受到底层不断重绘的影响 */
    will-change: transform; 
}
.image_wrapper_scene .img_item{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.image_wrapper_scene .img_item img{
    position: absolute;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.image_wrapper_scene .text_progress_bar{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.image_wrapper_scene .text_progress_bar::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,rgba(0,0,0,0.5),transparent 50%);
}
.progress_bar_container{
    position: absolute;
    z-index: 99;
    width: 90%;
    height: 2px;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.2);
}
.progress_bar_container .progress_bar{
    width: 0%;
    height: 100%;
    background-color: #fff;
}
.list_track .text_progress_bar .text_list{
    position: absolute;
    width: 100%;
    height: 100%;
}
.list_track .text_list .text_item{
    position: absolute;
    z-index: 99;
    color: #fff;
    left: 5%;
    padding-bottom: 6.25vw;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
}
.list_track .text_list .text_item .title{
    font-size: 2.5vw;
    margin-bottom: 2.5vw;
    font-weight: bold;
    line-height: 1;
}
.list_track .text_list .text_item .info_text{
    width: 30%;
    font-size: 0.94vw;
    line-height: 2;
}

.text_item {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease; /* 具体的过渡效果 */
}
  
.text_item_active {
    opacity: 1;
    visibility: visible;
}

.news_container{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news_container .width_limit{
    width: 92%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.news_container .title_prev_next{
    width: 97%;
    display: flex;
    justify-content: space-between;
    margin-top: 11vw;
}
.news_container .title_prev_next .prev_next{
    display: flex;
    align-items: flex-end;
}
.news_container .title_prev_next .swiper_btn{
    width: 3.65vw;
    height: 3.65vw;
    border-radius: 50%;
    border: 1px solid #143B84;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1.4vw;
    cursor: pointer;
}
.news_container .title_prev_next .swiper_btn .iconfont{
    font-size: 2vw;
    color: #143B84;
}
.news_container .title_prev_next .prev .iconfont{
    transform: rotate(180deg);
}
.swiper-button-disabled{
    opacity: 0.5;
}
.news_container .title_prev_next .title{
    font-size: 5.6vw;
}
.news_container .swiper {
    width: 100%;
    height: 39vw;
}
.news_container .swiper .swiper-slide{
    display: flex;
    align-items: center;
}
.news_container .swiper .card_container{
    position: relative;
    width: 100%;
    height: 78%;
    background-color: #E8E8E8;
    border-radius: 1.563vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}
.news_container .swiper .card_container .time_ico{
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 1.56vw 1.4vw 0 2.24vw;
}
.news_container .swiper .card_container .time_ico .time{
    margin-top: 0.78vw;
    color: #143B84;
    font-size: 0.94vw;
    transition: color .5s;
}
.news_container .swiper .card_container .time_ico .ico{
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    border: 1px solid #143B84;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: border .5s;
}
.news_container .swiper .card_container .time_ico .ico .iconfont{
    color: #143B84;
    font-size: 2.7vw;
    transform: rotate(-45deg);
    transition: all .5s;
}
.news_container .swiper .card_container .title{
    box-sizing: border-box;
    padding: 0.34vw 6.6vw 0 2.24vw;;
    font-size: 1.875vw;
    font-weight: bold;
    color: #143B84;
    line-height: 1.33;

    display: -webkit-box;
    -webkit-line-clamp: 2;            /* 限制为 2 行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .5s;

}
.news_container .swiper .card_container .text_image{
    position: relative;
    margin-top: 2.725vw;
    width: 94.4%;
    height: 49%;
    overflow: hidden;
    border-radius: 0.9vw;
}
.news_container .swiper .card_container .text_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news_container .swiper .card_container .text_image .text_info{
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 2.1vw 1.8vw 2.188vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    transition: opacity .5s;
}
.news_container .swiper .card_container .text_image .text_info .p_1{
    color: #143B84;
    font-size: 0.94vw;
    line-height: 1.666;
    text-align: center;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_container .swiper .card_container .text_image .text_info .info_btn{
    box-sizing: border-box;
    padding: 0.729vw 2.1vw;
    line-height: 1;
    border-radius: 999px;
    font-size: 0.94vw;
    color: #143B84;
    border: 1px solid #143B84;
}

.news_container .swiper .card_container:hover{
    background-color: #143B84;
    transform: translateY(-3%);
    box-shadow: 0px 10px 15px rgba(0,0,0,0.3);
}
.news_container .swiper .card_container:hover .text_info{
    opacity: 1;
}
.news_container .swiper .card_container:hover .time_ico .time{
    color: #fff;
}
.news_container .swiper .card_container:hover .time_ico .ico{
    border: 1px solid #fff;
}
.news_container .swiper .card_container:hover .time_ico .ico .iconfont{
    color: #DA251C;
    transform: rotate(135deg);
}
.news_container .swiper .card_container:hover .title{
    color: #fff;
}
.news_container .more_btn{
    padding: 0.94vw 3vw;
    box-sizing: border-box;
    font-size: 1.1vw;
    background-color: #133984;
    color: #fff;
    line-height: 1;
    border-radius: 999px;
    margin-bottom: 5.781vw;
}
.footer_webgl_container{
    position: relative;
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, #EEEFF1,#A7BEE0);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
#webgl_container{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100vh;
    /* transform: translateY(68%); */
}
.footer_webgl_container .status_container{
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    display: none;
}
.footer_webgl_container .btn{
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #133984;
    color: #fff;
    font-size: 1vw;
    cursor: pointer;
    margin: 0 2px;
}
.footer_webgl_container .footer_text{
    position: absolute;

}
.footer_webgl_container .status_1{
    top: 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    scale: 0.5;
    transform: translateY(100%);
    transition: all 1s;
}
.footer_webgl_container .status_1.status_active{
    scale: 1;
    transform: translateY(0%);
    transition: all 2s;
}
.footer_webgl_container .status_1 .p_1{
    text-align: center;
    font-size: 2.778vh;
    color: #737373;
    margin-bottom: 2vw;
}
.footer_webgl_container .status_1 .p_2{
    text-align: center;
    font-weight: bold;
    font-size: 9vh;
    color: #193F87;
}

.footer_webgl_container .status_2{
    left: 7%;
    top: 22.5%;
    pointer-events: none;
    user-select: none;
    opacity: 0;
    transform: translateX(100%);
    transition: all 1s;
}
.footer_webgl_container .status_2.status_active{
    transform: translateX(0%);
    transition: all 2s,background-color .3s,color .3s;
}
.footer_webgl_container .status_2 .p_1{
    font-size: 2.6vh;
    color: #737373;
    margin-bottom: 2.8vh;
}
.footer_webgl_container .status_2 .p_2{
    font-weight: bold;
    font-size: 7.4vh;
    color: #193F87;
}
.footer_webgl_container .status_2 .line_red{
    width: 8.98vh;
    height: 3px;
    background-color: #DA271E;
    margin: 8.4vh 0 4vh;
}
.footer_webgl_container .status_2 .p_3{
    color: #535353;
    line-height: 2;
    font-size: 1.8vh;
}
.footer_webgl_container .status_2 .p_3 .number,.footer_webgl_container .status_2 .p_3 .unit{
    font-size: 4.4vh;
    color: #193F87;
    font-weight: bold;
}
.footer_webgl_container .status_2.bg_fliter{
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 19;
    width: 50%;
    height: 100vh;
    pointer-events: none;
    user-select: none;
    background: radial-gradient(circle at -100% 50%,transparent 60%,#9DB4D6);
}
.footer_webgl_container>.contact_btn{
    position: absolute;
    z-index: 20;
    pointer-events: all;
    padding: 1.796vh 5.689vh;
    line-height: 1;
    font-size: 2.096vh;
    color: #fff;
    background-color: #133984;
    border-radius: 999px;
    box-sizing: border-box;
    top: 74%;
}
.footer_webgl_container .status_3{
    z-index: 20;
    color: #fff;
    right: 0;
    bottom: 12.974vh;
    pointer-events: none;
    user-select: none;
    opacity: 0;
    transition: all 1s;
    transform: translateX(100%);
}
.footer_webgl_container .status_3.status_active{
    right: 14.87vh;
    transform: translateX(0%);
    transition: all 2s,background-color .3s,color .3s;
}
.footer_webgl_container .status_3 .line_red{
    position: relative;
    left: 100%;
    transform: translateX(-100%);
    width: 8.98vh;
    height: 3px;
    background-color: #DA271E;
    margin-bottom: 4vh;
}
.footer_webgl_container .status_3 .p_1{
    text-align: end;
    font-weight: bold;
    font-size: 4.8vh;
}
.footer_webgl_container .status_3 .p_2{
    width: 58vh;
    text-align: end;
    font-size: 2.4vh;
    line-height: 2;
    margin: 3.7vh 0 5.3vh;
}
.footer_webgl_container .status_3 .contact_btn{
    position: relative;
    left: 100%;
    transform: translateX(-100%);
    pointer-events: all;
    padding: 1.796vh 5.689vh;
    line-height: 1;
    font-size: 2.096vh;
    color: #0D0D0D;
    background-color: #E5E5E5;
    border-radius: 999px;
    display: inline-block;
    box-sizing: border-box;
    bottom: auto;
}
.footer_webgl_container .status_3.bg_fliter{
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 19;
    width: 50%;
    height: 100vh;
    pointer-events: none;
    user-select: none;
    background: linear-gradient(to left,#9DB4D6,transparent);
}
/* 状态 4 默认与退场状态：层级设为 0（位于地球 canvas 的 z-index: 1 后面） */
.footer_webgl_container .status_4 {
    top: 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
    z-index: 0; /* 🌟 核心：确保初始与退场时在地球后面 */
    transition: transform 1s ease, opacity 1s ease;
}

/* 进场动画激活：在地球后面向上移动 */
.footer_webgl_container .status_4.status_active {
    transform: translateY(0%);
    opacity: 1;
    z-index: 0; /* 🌟 进场上升过程中依然保持在地球后面 */
    transition: transform 2s ease, opacity 2s ease;
}

/* 🌟 核心：过渡动画结束（2秒后）增加此类名，提升到地球前层并开启交互响应 */
.footer_webgl_container .status_4.is_front {
    z-index: 20 !important;       /* 高于地球容器 z-index: 1 */
    pointer-events: auto !important; /* 允许点击内部所有链接与按钮 */
}
.footer_webgl_container .status_4 .footer_logo{
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    box-shadow: 0px 0.5vw 1vw #777;
    margin-bottom: 4.591vh;
}
.footer_webgl_container .status_4 .information{
    color: #333333;
    font-size: 0.938vw;
}
.footer_webgl_container .status_4 .information .contact_information{
    font-weight: bold;
}
.footer_webgl_container .status_4 .information .info_text{
    margin-left: 0.5vw;
    margin-right: 1.5vw;
}
.footer_webgl_container .status_4 .social_media_platform{
    margin: 3.094vh 0 4.691vh;
}
.footer_webgl_container .status_4 .social_media_platform .iconfont{
    font-size: 2.2vw;
    margin: 0 1vw;
    color: #AAAAAA;
}
.footer_webgl_container .status_4 .footer_nav{
    display: flex;
    margin-bottom: 6.287vh;
}
.footer_webgl_container .status_4 .footer_nav .nav_btn{
    padding: 0.729vw 2.708vw;
    line-height: 1;
    box-sizing: border-box;
    font-size: 0.938vw;
    color: #333;
    border-radius: 999px;
    border: 1px solid #535353;
    margin: 0 0.677vw;
}
.footer_webgl_container .status_4 .filing_information{
}
.footer_webgl_container .status_4 .filing_information .filing_info{
    font-size: 0.729vw;
    color: #666666;
    margin-right: 1.458vw;
}

.footer_webgl_container .status_active{
    opacity: 1;
}
.footer_webgl_container .status_4.status_active{
    pointer-events: all;
}
.pc_display{
    display: inline-block;
}
.mobile_display{
    display: none;
}
/* ============================================================
 * 🌟 首页全局各板块按钮 Hover 鼠标微交互动效补全
 * ============================================================ */

/* 1. 首屏 Banner 左右切换箭头 */
.header_track .main_image_container .left,
.header_track .main_image_container .right {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.header_track .main_image_container .left:hover {
    background-color: #133984;
    color: #ffffff;
    /* 保持原有的居中和翻转，追加放大效果 */
    transform: translateY(-50%) rotate(180deg) scale(1.15); 
    box-shadow: 0px 5px 15px rgba(19, 57, 132, 0.4);
}
.header_track .main_image_container .right:hover {
    background-color: #133984;
    color: #ffffff;
    /* 保持原有的居中，追加放大效果 */
    transform: translateY(-50%) scale(1.15);
    box-shadow: 0px 5px 15px rgba(19, 57, 132, 0.4);
}

/* 2. 企业简介板块 “了解我们” 按钮 */
.introduction_container .text_container .understand_btn {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #133984;
}
.introduction_container .text_container .understand_btn:hover {
    background-color: #ffffff;
    color: #133984;
    transform: translateY(-4px); /* 轻微上浮 */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); /* 产生投影 */
}

/* 3. 新闻板块 左右切换圆形按钮 */
.news_container .title_prev_next .swiper_btn {
    transition: all 0.3s ease;
}
.news_container .title_prev_next .swiper_btn .iconfont {
    transition: all 0.3s ease;
}
/* 当按钮不处于禁用状态时，hover才生效 */
.news_container .title_prev_next .swiper_btn:not(.swiper-button-disabled):hover {
    background-color: #143B84;
    transform: scale(1.1);
}
.news_container .title_prev_next .swiper_btn:not(.swiper-button-disabled):hover .iconfont {
    color: #ffffff;
}

/* 4. 新闻板块底部 “查看更多” 按钮 */
.news_container .more_btn {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #133984;
}
.news_container .more_btn:hover {
    background-color: #ffffff;
    color: #133984;
    transform: translateY(-4px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

/* 5. 底部 3D 视差滚动区域里的 “联系我们” 和 “立即定制” 大按钮 */
.footer_webgl_container > .contact_btn,
.footer_webgl_container .status_3 .contact_btn {
    /* transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); */
}
/* status_2 里的 联系我们 */
.footer_webgl_container > .contact_btn:hover {
    background-color: #ffffff;
    color: #133984;
    /* transform: translateY(-4px); */
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}
/* status_3 里的 立即定制 (它本来就有个 translateX(-100%)，这里必须保留) */
.footer_webgl_container .status_3 .contact_btn:hover {
    background-color: #133984;
    color: #ffffff;
    transform: translateX(-100%) translateY(-4px); 
    box-shadow: 0px 10px 25px rgba(19, 57, 132, 0.3);
}
/* ============================================================
 * 🌟 企业实力数据条 (.down_data_container) Hover 微交互
 * ============================================================ */

/* 1. 左侧认证图标 (FSC、BSCI、ISO 等) */
.introduction_container .down_data_container .left_icon .iconfont {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    display: inline-block; /* 保证 transform 生效 */
}
.introduction_container .down_data_container .left_icon .iconfont:hover {
    color: #133984; /* 变成品牌蓝 */
    transform: scale(1.15) translateY(-3px); /* 放大并微上浮 */
}

/* 2. 右侧三个数据块 (占地、员工、经验) */
.introduction_container .down_data_container .right_info_data .items {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}
/* 鼠标放上整个块时，整体轻微上浮 */
.introduction_container .down_data_container .right_info_data .items:hover {
    transform: translateY(-4px);
}

/* 3. 数据块左侧的白色小图标 */
.introduction_container .down_data_container .right_info_data .items .icon_container .iconfont {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: inline-block;
}
/* 联动效果：悬浮数据块时，旁边的白色图标随之放大 */
.introduction_container .down_data_container .right_info_data .items:hover .icon_container .iconfont {
    transform: scale(1.2);
}
@media (max-width: 996px) {
    .header_track .main_image_container .text_container{
        justify-content: flex-start;
        align-items: flex-end;
    }
    .header_track .main_image_container .left, .header_track .main_image_container .right{
        width: 9vw;
        height: 9vw;
        font-size: 4vw;
    }
    .header_track .main_image_container .text_width_limit{
        width: 61.8%;
        font-size: 4.103vw;
        text-align: start;
        margin-left: 4.103vw;
        margin-bottom: 22.051vw;
        line-height: 1.75;
    }
    .introduction_container{
        height: 261.795vw;
    }
    .introduction_container .text_container{
        padding: 16.154vw 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .introduction_container .text_container .text_img{
        width: 75.897vw;
        margin-bottom: 8.462vw;
    }
    .introduction_container .text_container .p_1{
        font-size: 5.641vw;
    }
    .introduction_container .text_container .p_2{
        font-size: 3.59vw;
        margin: 5.641vw 0 10.513vw;
    }
    .introduction_container .text_container .understand_btn{
        padding: 3.077vw 9.231vw;
        font-size: 3.333vw;
    }
    .introduction_container .down_data_container{
        width: 92.051%;
        height: 71.538vw;
        border-radius: 3vw;
        bottom: 4.615vw;
    }
    .introduction_container .down_data_container .width_limit{
        flex-direction: column;
        width: 90%;
        height: 80%;
    }
    .introduction_container .down_data_container .left_icon{
        width: 100%;
        height: 45%;
        border-radius: 2vw;
    }
    .introduction_container .down_data_container .right_info_data{
        width: 100%;
        height: 48%;
        border-radius: 2vw;
    }
    .introduction_container .down_data_container .left_icon .iconfont{
        font-size: 12.821vw;
    }
    .introduction_container .down_data_container .right_info_data .items{
        flex-direction: column;
    }
    .introduction_container .down_data_container .right_info_data .items .icon_container .iconfont{
        font-size: 5.641vw;
    }
    .introduction_container .down_data_container .right_info_data .items .data_text .data{
        font-size: 5.385vw;
        text-align: center;
    }
    .introduction_container .down_data_container .right_info_data .items .data_text .text{
        text-align: center;
        font-size: 3.077vw;
    }
    .introduction_container .down_data_container .right_info_data .items .data_text{
        margin: 0;
    }
    .book_3d_container .center_text .p_1{
        font-size: 9.231vw;
        margin-bottom: 6.41vw;
    }
    .book_3d_container .center_text .p_2{
        font-size: 3.59vw;
    }
    .list_track .text_list .text_item{
        padding-bottom: 17.949vw;
    }
    .list_track .text_list .text_item .title{
        font-size: 9.231vw;
    }
    .list_track .text_list .text_item .info_text{
        width: 69%;
        font-size: 3.59vw;
    }
    .progress_bar_container{
        bottom: 5%;
    }
    /* 新闻动态移动端重置 */
    .news_container .title_prev_next .title{
        font-size: 9.231vw;
    }
    .news_container .title_prev_next .prev_next {
        display: none !important; /* 隐藏切换按钮 */
    }
    .news_container .swiper {
        height: auto !important;
        margin-top: 8.205vw;
        overflow: visible !important;
    }
    .news_container .swiper .swiper-wrapper {
        display: flex !important;
        flex-direction: column !important; /* 竖版排列 */
        transform: none !important;
        height: auto !important;
        gap: 5vw; /* 卡片间距 */
    }
    .news_container .swiper .swiper-slide {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    /* 仅显示前 3 个，隐藏第 4 个及之后的卡片 */
    .news_container .swiper .swiper-slide:nth-child(n+4) {
        display: none !important;
    }
    .news_container .swiper .card_container {
        height: auto !important;
        border-radius: 8vw;
        padding-bottom: 2.7vw;
    }
    .news_container .swiper .card_container .time_ico {
        padding: 5vw 5vw 0 6vw;
    }
    .news_container .swiper .card_container .time_ico .time {
        font-size: 3.59vw;
        margin-top: 2vw;
    }
    .news_container .swiper .card_container .time_ico .ico {
        width: 15.897vw;
        height: 15.897vw;
    }
    .news_container .swiper .card_container .time_ico .ico .iconfont {
        font-size: 9vw;
    }
    .news_container .swiper .card_container .title {
        padding: 2vw 17vw 0 7vw;
        font-size: 5.64vw;
    }
    .news_container .title_prev_next{
        margin-top: 21vw;
    }
    .news_container .swiper .card_container .text_image {
        margin-top: 9.744vw;
        width: 94%;
        height: 45vw;
        border-radius: 6vw;
    }
    .news_container .swiper .card_container .text_image .text_info {
        padding: 8.205vw 5.3vw 6.667vw;
    }
    .news_container .swiper .card_container .text_image .text_info .p_1 {
        font-size: 3vw;
        -webkit-line-clamp: 3;
    }
    .news_container .swiper .card_container .text_image .text_info .info_btn {
        padding: 2.308vw 6.154vw;
        font-size: 3vw;
    }
    .news_container .more_btn {
        margin-top: 8vw;
        margin-bottom: 15vw;
        padding: 3vw 10vw;
        font-size: 3.5vw;
    }
    
    .footer_webgl_container .status_1{
        top: 14%;
    }
    .footer_webgl_container .status_1 .p_1{
        font-size: 4.615vw;
        margin-bottom: 6.667vh;
    }
    .footer_webgl_container .status_1 .p_2{
        font-size: 9.231vw;
    }
    .footer_webgl_container .status_2{
        top: 11%;
        left: 3.59%;
    }
    .footer_webgl_container .status_2.bg_fliter{
        width: 100%;
        height: 100vw;
        top: auto;
        background: radial-gradient(circle at 0% 0%,transparent 70%,#9DB4D6 80%);
    }
    .footer_webgl_container .status_2 .p_1{
        font-size: 3.59vw;
    }
    .footer_webgl_container .status_2 .p_2{
        font-size: 9vw;
    }
    .footer_webgl_container .status_2 .line_red{
        margin: 3vh 0 3.8vh;
    }
    .footer_webgl_container>.status_2.contact_btn{
        top: 45%;
    }
    .footer_webgl_container .status_2 .p_3{
        font-size: 3.59vw;
        line-height: 1.8;
    }
    .footer_webgl_container .status_2 .p_3 .number, .footer_webgl_container .status_2 .p_3 .unit{
        font-size: 7.179vw;
    }
    .footer_webgl_container>.contact_btn{
        font-size: 3.333vw;
        padding: 1.6vh 9.231vw;
    }
    .footer_webgl_container .status_3{
        bottom: 5.8%;
    }
    .footer_webgl_container .status_3.status_active{
        right: auto;
        left: 3.59%;
    }
    .footer_webgl_container .status_3 .p_1{
        text-align: start;
        font-size: 8.2vw;
    }
    .footer_webgl_container .status_3 .p_2{
        text-align: start;
        font-size: 3.59vw;
        width: 85%;
        margin: 0 0 4.933vh;
    }
    .footer_webgl_container .status_3 .line_red{
        left: auto;
        right: auto;
        transform: translateX(0%);
        margin: 3.2vh 0 3.733vh;
    }
    .footer_webgl_container .status_3 .contact_btn{
        left: auto;
        bottom: auto;
        transform: translateX(0%);
        font-size: 3.3vw;
        padding: 1.6vh 9.231vw;
    }
    .footer_webgl_container .status_3.bg_fliter{
        width: 100%;
        height: 100vh;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        background: linear-gradient(290deg,#9db4d68a,transparent 40%);
    }
    .pc_display{
        display: none;
    }
    .mobile_display{
        display: inline-block;
    }
    .footer_webgl_container .status_4{
        top: 13%;
    }
    .footer_webgl_container .status_4 .footer_logo{
        width: 20.5vw;
        height: 20.5vw;
    }
    .footer_webgl_container .status_4 .information{
        font-size: 3.59vw;
        text-align: center;
        line-height: 1.7;
    }
    .footer_webgl_container .status_4 .information .info_text{
        margin: 0;
    }
    .footer_webgl_container .status_4 .information .info_text ~ .info_text {
        display: block;
    }

    .footer_webgl_container .status_4 .social_media_platform{
        margin: 2.7vh 0 3.9vh;
    }
    .footer_webgl_container .status_4 .social_media_platform .iconfont{
        font-size: 7.692vw;
        margin: 0 3vw;
    }
    .footer_webgl_container .status_4 .footer_nav{
        display: none;
    }
    .footer_webgl_container .status_4 .filing_information{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer_webgl_container .status_4 .filing_information .line{
        display: none;
    }
    .footer_webgl_container .status_4 .filing_information .filing_info{
        font-size: 3.1vw;
        line-height: 2;
    }
    #webgl_container{
        pointer-events: none;
        user-select: none;
    }
}