.top-swiper {
    position: relative;
    max-height: 85rem;
}

.top-swiper .swiperitem {
    width: 100%;
    height: auto;
}

/* 未激活 */
.top-swiper .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.6rem;
    background: #ccc;
    opacity: 1;
    margin: 0;
    flex-shrink: 0;
}

/* 激活 */
.top-swiper .swiper-pagination-bullet-active {
    width: 4.2rem;
    height: 4.2rem;
    background: transparent;
    border: 1px solid #e62129;
    opacity: 1;
    position: relative;
    flex-shrink: 0;
}

.top-swiper .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #e62129;
    border-radius: 50%;
}

.top-swiper .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    /* 指示器之间的间距，可以调整这个值 */
    position: relative;
}

.top-swiper .pagination_container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    position: absolute;
    bottom: 4.6rem;
    margin: auto;

    width: 100%;
    z-index: 1;
    margin: auto;
    flex-shrink: 1;
}

.top-swiper .swiperIcon {
    width: 1.6rem;
}

.top-swiper .swiperIcon img {
    max-width: 100%;
    height: auto;
}

.top-swiper .wBox {
    display: flex;
    justify-content: center;
}

.top-swiper .swiperBtn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top-swiper .centerIcon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-swiper .preBtn {
    margin-right: 1.2rem;
}

.top-swiper .preBtn {
    transform: rotate(90deg);
}

.top-swiper .nextBtn {
    transform: rotate(-90deg);
}

.top-swiper .preBtn,
.nextBtn {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.top-swiper .preBtn:hover,
.nextBtn:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    color: #fff;
}

/* 移除 swiper 按钮中 SVG 的过渡效果 */
.top-swiper .preBtn .chev,
.top-swiper .nextBtn .chev,
.transformer-swiper-prev .chev,
.transformer-swiper-next .chev {
    transition: none !important;
}

.top-swiper .swiperText_content {
    position: absolute;
    bottom: 20.1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(130px);
    transition: all 0.8s ease;
}

.top-swiper .swiperText_content .titleLag {
    font-weight: 600;
    font-size: 4.6rem;
    color: #ffffff;
 text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.top-swiper .lockMore {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.6rem;
    height: 5.6rem;
    border-radius: 7rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    margin-top: 3rem;
    font-weight: 400;
    font-size: 1.6rem;
    color: #ffffff;
    font-style: normal;
    text-transform: none;
    /* 核心样式：定位+溢出隐藏 */
    position: relative;
    overflow: hidden;
    /* 隐藏超出按钮的背景 */
    z-index: 1;
    /* 让文字在背景上层 */
    background: transparent;
    /* 过渡动画：控制填充速度 */
    transition: color 0.1s ease;
}

.top-swiper .lockMore img {
    width: 0.7rem;
    height: 1.1rem;
    margin-left: 0.8rem;
}

/* 核心：伪元素做填充背景 */
.top-swiper .lockMore::before {
    content: '';
    /* 绝对定位铺满按钮 */
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    /* 初始宽度为0（隐藏） */
    height: 100%;
    z-index: -1;
    /* 背景在文字下层 */

    /* 填充的背景色（可自定义） */
    background: #2a7cd9;

    /* 过渡动画：宽度变化的平滑效果 */
    transition: width 0.3s ease;
}

/* 鼠标移入效果 */
.top-swiper .lockMore:hover::before {
    width: 100%;
    /* 宽度拉满，从左往右填充 */
}

/* 鼠标移入时文字变色（可选） */
.top-swiper .lockMore:hover {
    color: #fff;
}

h1 {
    opacity: 0;
    transform: translateY(130px);
    transition: all 0.8s ease;
}

.news {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    padding: 4.9rem 0 2.7rem 0;
}

.news .newsSwiper {
    width: 100%;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transform: translatex(-130px);
    transition: all 0.8s ease;
}

.news .my-swiper-2 {}

/* 未激活 */
.my-swiper-2 .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.6rem;
    background: #ccc;
    opacity: 1;
    margin: 0;
    flex-shrink: 0;
}

/* 激活 */
.my-swiper-2 .swiper-pagination-bullet-active {
    width: 2.6rem;
    height: 2.6rem;
    background: transparent;
    border: 1px solid #e62129;
    opacity: 1;
    position: relative;
    flex-shrink: 0;
}

.my-swiper-2 .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background: #e62129;
    border-radius: 50%;
}

.my-swiper-2 .swiper-paginationNews {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.6rem;
    /* 指示器之间的间距，可以调整这个值 */
    position: absolute;
    bottom: 4.3rem;
    z-index: 1;
    padding-right: 1.6rem;
}

.my-swiper-2 .swiper-slide img {
    max-width: 100%;
    height: auto;
}

.newsSwiper_imgbox {
    overflow: hidden;
}

.newsSwiper_imgbox img {
    transition: transform 0.3s ease;
    width: 100%;
    height: 100%;
    /* 统一高度：按原始图(798x485)比例锁定宽高比，不同比例图片自动 cover 裁切 */
    aspect-ratio: 798 / 485;
    object-fit: cover;
    display: block;
}

.swiper-slide:hover .newsSwiper_imgbox img {
    transform: scale(1.1);
}

.my-swiper-2 .swiper-slide {
    position: relative;
}

.my-swiper-2 .maskBox {
    width: 100%;
    height: 100%;
    position: absolute;
    /*background-color: rgba(7, 0, 0, 0.1);*/
    z-index: 1;
    top: 0;
}

.my-swiper-2 .textDetails {
    position: absolute;
    z-index: 2;
    bottom: 0;
    padding: 2.4rem 2.6rem;
    width: 100%;
     background-color: rgba(7, 0, 0, 0.5);
}

.my-swiper-2 .textDetails .textDetails_title {
    font-weight: 600;
    font-size: 2rem;
    color: #ffffff;
    font-style: normal;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.my-swiper-2 .textDetails .textDetails_msg {
    font-weight: 400;
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.7);
    font-style: normal;
    text-transform: none;
    margin-top: 0.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news .newsList {
    background-image: url('../image/indexImg/newsBagImg.png');
    background-size: cover;
    opacity: 0;
    transform: translatex(130px);
    transition: all 0.8s ease;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.news .navTab_cont {
    padding: 2rem 2.6rem;
    border-bottom: 1px solid #f3f3f3;
    background: linear-gradient(0deg, #ffffff 0%, #e2efff 100%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news .navTab_cont_left {
    display: flex;
    align-items: center;
}

.news .navTab_cont_left img {
    width: 0.4rem;
    height: 2.6rem;
    margin-right: 1.2rem;
}

.news .navTab_cont_left .spanOne {
    font-weight: 600;
    font-size: 3rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
}

.news .navTab_cont_left .spanTwo {
    font-weight: 400;
    font-size: 2.8rem;
    color: #999999;
    font-style: normal;
    text-transform: none;
}

.news .navTab_cont_lright {
    display: flex;
    align-items: center;
}

.news .navTab_cont_lright .selsctTab {
    font-weight: 400;
    font-size: 2rem;
    color: rgba(51, 51, 51, 0.7);
    font-style: normal;
    text-transform: none;
    cursor: pointer;
}

.news .navTab_cont_lright .selsctTab:first-of-type {
    margin-right: 5rem;
}

.news .navTab_cont_lright .selsctTab.active {
    color: #2a7cd9;
    font-weight: 600;
}

.news .navTab_cont_lright .selsctTab:hover {
    color: #2a7cd9;
    font-weight: 600;
}

.news .nwes_list_content {
    padding: 2.6rem;
    display: flex;
    flex-direction: column;
}

.news .nwes_list_content .newsItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news .nwes_list_content .newsItem:last-of-type {
    margin-bottom: 0rem;
}

.news .nwes_list_content .newsItem .frstBox {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color:#7f7e7e;
    flex-shrink: 0;
    margin-right: 1rem;
}

.news .nwes_list_content .newsItem .newsText_conter {
    font-weight: 400;
    font-size: 1.8rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
    flex-shrink: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 95%;
}

.news .nwes_list_content .newsItem .newsTimer {
    font-weight: 400;
    font-size: 1.6rem;
    color: #666666;
    flex-shrink: 0;
    font-style: normal;
    text-transform: none;
}

.news .nwes_list_content a {
    flex: 1;
    margin-bottom: 4.2rem;
}

.news .nwes_list_content a:last-of-type {
    margin-bottom: 0rem;
}

.news .nwes_list_content a:hover .newsTimer {
    color: #2a7cd9;
    font-weight: 600;
}

.news .nwes_list_content a:hover .newsText_conter {
    color: #2a7cd9;
    font-weight: 600;
}

.news .nwes_list_content a:hover .frstBox {
    background-color: #2a7cd9;
}

/* ========== 以下是修复好的完整代码，直接全部复制替换 ========== */
.solution_box {
    background-color: #fff;
    padding: 3rem 0;
}

.solution_box .solution_titleLag {
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateX(130px);
    transition: all 0.8s ease;
}

.solution_box .solution_titleLag img {
    width: 0.4rem;
    height: 2.6rem;
    margin-right: 1.2rem;
}

.solution_box .solution_titleLag .solutionName_box {
    display: flex;
    align-items: center;
}

.solution_box .solution_titleLag .solutionName_box .solutionName {
    font-weight: 600;
    font-size: 3rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
}

.solution_box .solution_titleLag .solutionName_box .solutionEneling {
    font-weight: 400;
    font-size: 2.8rem;
    color: #999999;
    font-style: normal;
    text-transform: none;
}

.solution_content_box {
    margin-top: 2rem;
}

.solution_box .solution_top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 0;
}

.solution_box .solution_top_left {
    position: relative;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateX(-130px);
    transition: all 0.8s ease;
    overflow: hidden;
}

.solution_box .solution_top_left:hover img {
    transform: scale(1.1);
}

.solution_box .solution_top_left .solution_top_leftBag {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solution_box .folt_box {
    position: absolute;
    bottom: 3.6rem;
    padding: 0 3.6rem;
    width: 100%;
}

.solution_box .folt_box .solution_top_left_icon {
    width: 2.8rem;
    height: 3.6rem;
    margin-bottom: 1.2rem;
}

.solution_box .folt_box .substation {
    font-weight: 600;
    font-size: 2.6rem;
    color: #ffffff;
    font-style: normal;
    text-transform: none;
    margin-bottom: 0.8rem;
}

.solution_box .folt_box .substation_msg {
    font-weight: 400;
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 2.6rem;
    font-style: normal;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.solution_box .folt_box .substation_btn {
    width: 12.6rem;
    height: 4.2rem;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 7rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    font-weight: 400;
    font-size: 1.4rem;
    color: #ffffff;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.7rem;
    position: relative;
    overflow: hidden;
    /* 必须加：隐藏溢出背景 */
    z-index: 1;
    transition: color 0.3s ease;
}

.solution_box .folt_box .substation_btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #2a7cd9;
    z-index: -1;
    transition: width 0.3s ease;
}

.solution_box .folt_box .substation_btn:hover {
    border: 1px solid rgba(255, 255, 255, 0.26);
}

.solution_box .folt_box .substation_btn:hover::before {
    width: 100%;
    /* 从左往右填满 */
}

.solution_box .folt_box .substation_btn:hover {
    color: #fff;
    /* 文字保持白色 */
}

.solution_box .folt_box .substation_btn .rightIcon {
    width: 0.6rem;
    height: 0.9rem;
    margin-left: 0.6rem;
}

.solution_box .solution_top_right {
    height: 100%;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateX(130px);
    transition: all 0.8s ease;
}

.solution_box .solution_top_right_topBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex: 1;
    align-items: stretch;
}

.solution_box .solution_top_right_topBoxOne {
    overflow: hidden;
    transition: all 0.8s ease;
}

.solution_box .solution_top_right_topBoxOne:hover img {
    transform: scale(1.1);
}

.solution_box .solution_top_right_topBox .solutionTowImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solution_box .solution_top_right_topBox .solution_top_right_topBoxTwo {
    position: relative;
    background-color: #f3f3f3;
    display: flex;
    flex-direction: column;
        height: 100%;
}

.solution_box .solution_top_right_topBox .solution_top_right_topBoxTwo .folt_className {
    position: absolute;
    bottom: 3.7rem;
    width: 100%;
    padding: 0 2.8rem;

}

.solution_box .folt_className .hdIcon {
    width: 3.8rem;
    height: 3.6rem;
    margin-bottom: 1.2rem;
}

.solution_box .folt_className .newEnergy {
    font-weight: 600;
    font-size: 2.6rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
}

.solution_box .folt_className .newEnergyMsg {
    font-weight: 400;
    font-size: 1.6rem;
    color: #333333;
    line-height: 32px;
    font-style: normal;
    text-transform: none;
    margin-top: 0.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.solution_box .solution_top_right_bottomBox {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    flex: 1;
    align-items: stretch;
}

.solution_box .solution_top_right_bottomBoxOne::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    /* 三角形样式 */
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1.5rem solid #2a7cd9;
    z-index: 1;
    /* 三角形颜色和背景一致 */
}

.solution_box .solution_top_right_bottomBoxTwo,
.solution_box .solution_bottom_two,
.solution_box .solution_bottom_four {
    transition: all 0.8s ease;
    overflow: hidden;
}

.solution_box .solution_top_right_bottomBoxTwo:hover img {
    transform: scale(1.1);
}

.solution_box .solution_bottom_two:hover img {
    transform: scale(1.1);
}

.solution_box .solution_bottom_four:hover img {
    transform: scale(1.1);
}

.solution_box .solution_top_right_bottomBoxTwo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.folt_abq:hover .newEnergy {
    color: #2a7cd9;
}
.folt_abq:hover .title_folt_moudsmk {
    color: #2a7cd9 !important;
}
.solution_box .solution_top_right_bottomBoxOne {
    background-color: #2a7cd9;
    height: 100%;
    position: relative;
    padding: 7rem 3.6rem 3.6rem 3.6rem;
}

.solution_box .industrialEnterprise {
    font-weight: 600;
    font-size: 2.6rem;
    color: #ffffff;
    font-style: normal;
    text-transform: none;
}

.solution_box .industrialEnterpriseMsg {
    font-weight: 400;
    font-size: 1.6rem;
    color: #ffffff;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0.8rem;
    margin-bottom: 1.6rem;
}

.solution_box .industrialEnterprise_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12.6rem;
    height: 4.2rem;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 7rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    font-weight: 400;
    font-size: 1.4rem;
    color: #ffffff;
    font-style: normal;
    text-transform: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
}

.solution_box .industrialEnterprise_btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #1f6bb8;
    z-index: -1;
    transition: width 0.3s ease;
}

.solution_box .industrialEnterprise_btn:hover::before {
    width: 100%;
}

.solution_box .industrialEnterprise_btn img {
    width: 0.6rem;
    height: 0.9rem;
    margin-left: 0.6rem;
}

.solution_box .solution_bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;

    opacity: 0;
    transform: translateX(-130px);
    transition: all 0.8s ease;
    transition-delay: 0.3s;
}

.solution_box .solution_bottom .solution_bottom_two img {
    max-width: 100%;
    height: auto;
}

.solution_box .solution_bottom .solution_bottom_four img {
    width: 100%;
    height: 100%;
}

.solution_box .solution_bottom .solution_bottom_one {
    position: relative;
    background-color: #f3f3f3;
}

.solution_box .solution_bottom .solution_bottom_three {
    position: relative;
    background-color: #f3f3f3;
}

.solution_box .solution_bottom .folt_moudsmk {
    position: absolute;
    bottom: 3.7rem;
    padding: 0 3.6rem;
}

.solution_box .solution_bottom .folt_moudsmk img {
    width: 3.3rem;
    height: 3.5rem;
    margin-bottom: 1.2rem;
}

.solution_box .solution_bottom .folt_moudsmk .title_folt_moudsmk {
    font-weight: 600;
    font-size: 2.6rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
    margin-bottom: 0.9rem;
}

.solution_box .solution_bottom .folt_moudsmk .msg_folt_moudsmk {
    font-weight: 400;
    font-size: 1.6rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 解决方案底部两个白色盒子 右侧小三角 */
.solution_box .solution_bottom_one,
.solution_box .solution_bottom_three {
    position: relative;
}

.solution_box .solution_bottom_one::after,
.solution_box .solution_bottom_three::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1.5rem solid #ffffff;
    /* 白色三角 */
    z-index: 10;
}

.transformer-swiper-block {
    position: relative;
    /* opacity: 0;
    transform: translateX(-130px);
    transition: all 0.8s ease; */

}

/* Swiper容器样式 */
.transformer-swiper {
    width: 100%;

    overflow: hidden;
}

.transformer-swiper .swiper-wrapper {
    align-items: center;
    display: flex;
}

.transformer-swiper .swiper-slide {
    /*height: auto;*/
    display: flex;
    align-items: center;
    width: 100% !important;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    max-height: 72rem;
}

/* 右上：左右切换（默认浅色，仅悬停时蓝色背景） */
.transformer-swiper-nav {
    position: absolute;
    top: 6.9rem;
    z-index: 5;
    display: flex;
    gap: 1.2rem;
    pointer-events: none;
    right: 0;
    left: 0;
    justify-content: flex-end;
}

.transformer-swiper-nav button {
    pointer-events: auto;
}

.transformer-swiper-prev {
    transform: rotate(90deg);
}

.transformer-swiper-next {
    transform: rotate(-90deg);
}

.transformer-swiper-prev,
.transformer-swiper-next {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.35);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    line-height: 1;
    padding: 0;
    background: rgba(255, 255, 255, 0.92);
    color: #5a6672;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.2s ease,
        box-shadow 0.25s ease,
        opacity 0.2s ease;
}

.transformer-swiper-prev:hover,
.transformer-swiper-next:hover {
    background: #1f66d1;
    color: #fff;
    border-color: rgba(31, 102, 209, 0.9);
    box-shadow: 0 6px 18px rgba(31, 102, 209, 0.35);
    /* transform: scale(1.05); */
}

.transformer-swiper-prev.swiper-button-disabled,
.transformer-swiper-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    transform: none;
}

.transformer-swiper-prev.swiper-button-disabled:hover,
.transformer-swiper-next.swiper-button-disabled:hover {
    background: rgba(255, 255, 255, 0.92);
    color: #5a6672;
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}

/* 底部指示器：8 列等分 + 未选中毛玻璃，选中红色更高 */
.transformer-product-nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 3rem;
    gap: 0;
    z-index: 1;
}

.transformer-tab {
    min-width: 0;
    width: 100%;
    align-self: end;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: flex-end; */
    text-align: center;
    /* padding: 1.4rem 0.8rem 1.8rem; */
    justify-content: center;
    min-height: 11.4rem;
    color: #fff !important;
    text-decoration: none;
    font-size: 2rem;
    font-weight: 600;

    border-right: 1px solid rgba(255, 255, 255, 0.23);
    box-sizing: border-box;
    transition:
        min-height 0.7s cubic-bezier(0.33, 0.86, 0.25, 1),
        background 0.55s ease,
        box-shadow 0.55s ease;
    /* 未选中：半透明 + 毛玻璃 */
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.transformer-tab:last-child {
    border-right: none;
}

.transformer-tab-main {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding: 0 0.4rem;
}

.transformer-tab-sub {
    display: none;
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.06em;
}

.transformer-tab-go {
    display: none;
    margin-top: 1.2rem;
    width: 4.6rem;
    height: 4.6rem;
}

.transformer-tab-go img {
    max-width: 100%;
    height: auto;
}

.transformer-tab.active {
    min-height: 18.1rem;
    background-image: url('../image/indexImg/lbtBjRed.png');
    background-size: cover;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-weight: 700;
    color: #fff !important;
    transform-origin: bottom center;
    animation: transformerTabRise 0.85s cubic-bezier(0.33, 0.86, 0.25, 1) both;
}

@keyframes transformerTabRise {
    from {
        transform: scaleY(0.63);
        opacity: 1;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

.transformer-tab.active .transformer-tab-sub,
.transformer-tab.active .transformer-tab-go {
    display: flex;
}

.transformer-product-container .transformer_msk {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.transformer-product-container .transformer_img {
    width: 100%;
    /* 统一高度：按多数图片(1920x713)的比例锁定宽高比，超出部分 cover 裁切 */
    aspect-ratio: 1920 / 713;
    height: auto;
    object-fit: cover;
    display: block;
}

.transformer_content_box {
    position: absolute;
    top: 6rem;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateX(-130px);
    transition: all 0.8s ease;
    transition-delay: 0.2s;
}

.transformer_content_box .small_title {
    font-weight: 400;
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.35);
    font-style: normal;
    text-transform: none;
    margin-bottom: 1rem;
}

.transformer_content_box .lag_title {
    font-weight: bold;
    font-size: 3.2rem;
    color: #ffffff;
    letter-spacing: 0.1rem;
    font-style: normal;
    text-transform: none;
    margin-bottom: 3rem;
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
}

.transformer_content_box .transformer_detailmsg {
    font-weight: 400;
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 3.2rem;
    font-style: normal;
    text-transform: none;
    width: 60%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
      text-shadow: 1px 1px 3px rgba(0,0,0,1);
}

.transformer_content_box .transformer_lock {
    width: 16rem;
    height: 5rem;
    background: #2a7cd9;
    border-radius: 5rem;
    font-weight: 400;
    font-size: 1.6rem;
    color: #ffffff;
    font-style: normal;
    text-text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.9rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
}

/* 滑入背景：从左到右填充 */
.transformer_content_box .transformer_lock::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #1f6bb8;
    /* 悬浮加深色 */
    z-index: -1;
    transition: width 0.3s ease;
}

/* 鼠标悬浮 */
.transformer_content_box .transformer_lock:hover::before {
    width: 100%;
}

.cooperation {
    background: #f3f3f3;
    padding: 3.6rem 0 2.9rem 0;
}

.cooperation .cooperationBagimg {
    background-image: url('../image/indexImg/hbbgm.png');
    background-repeat: no-repeat;
    /* 不重复 */
    background-position: right center;
    /* 靠右 + 垂直居中 */
    background-size: auto 100%;
    /* 保持比例（可选） */
}

.cooperation .cooperation_topnav {
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateX(-130px);
    transition: all 0.8s ease;
}

.cooperation .cooperation_topnav img {
    width: 0.4rem;
    height: 2.6rem;
    margin-right: 1.2rem;
}

.cooperation .cooperation_topnav .cooperation_title {
    font-weight: 600;
    font-size: 3rem;
    color: #333333;
    font-style: normal;
    text-transform: none;
}

.cooperation .cooperation_topnav .cooperationEnling {
    font-weight: 400;
    font-size: 2.8rem;
    color: #999999;
    font-style: normal;
    text-transform: none;
}

.cooperation .cooperationMsg {
    font-weight: 400;
    font-size: 2rem;
    color: #333333;
    line-height: 4rem;
    font-style: normal;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 1.7rem;
    width: 45%;
    opacity: 0;
    transform: translateX(-130px);
    transition: all 0.8s ease;
    transition-delay: 0.2s;
}

.cooperation .cooperation_lock {
    width: 16rem;
    height: 5rem;
    background: #2a7cd9;
    border-radius: 5rem;
    font-weight: 400;
    font-size: 1.6rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    text-transform: none;
    margin-top: 2rem;

    /* 加这两行：定位 + 溢出隐藏 */
    position: relative;
    overflow: hidden;
    z-index: 1;

    /* 过渡动画 */
    transition: color 0.3s ease;
    opacity: 0;
    transform: translateX(-130px);
    transition: all 0.8s ease;
    transition-delay: 0.6s;
}

/* 滑入背景：从左到右填充 */
.cooperation .cooperation_lock::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #1f6bb8;
    /* 悬浮加深色 */
    z-index: -1;
    transition: width 0.3s ease;
}

/* 鼠标悬浮 */
.cooperation .cooperation_lock:hover::before {
    width: 100%;
}

.cooperation .cooperation_list {
    width: 39%;
    overflow: hidden;
    margin-top: 5.5rem;
    opacity: 0;
    transform: translateX(-40px) scale(0.96);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: 0.3s;
}

/* 激活时显示 */
.section.active .cooperation .cooperation_list {
    opacity: 1;
    transform: translateX(0) scale(1);
}

/* 跑马灯相关样式 */
.marquee-cooperation {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.marquee-cooperation .cooperation_marquee_inner {
    display: flex;
    gap: 2rem;
    white-space: nowrap;
    position: relative;
    transition: transform 0.1s linear;
}

.marquee-cooperation .cooperation_list_box {
    flex-shrink: 0;
    min-width: max-content;
}

/* 确保图片适应容器 */
.marquee-cooperation .cooperation_item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* jQuery.Marquee 跑马灯容器样式 */
.marquee-cooperation {
    overflow: hidden;
    width: 100%;
}

.cooperation_marquee_inner {
    display: flex;
    gap: 2rem;
    /* 两个网格框之间的间距 */
}

/* cooperation_list 无缝滚动（仅作用于当前模块） */
.cooperation_list .boxmyMarquee {
    overflow: hidden;
    width: 100%;
}

.cooperation_list .myMarquee {
    overflow: hidden;
    width: 100%;
}

.cooperation_list .cooperation_list_box {
    display: inline-flex;
    align-items: flex-start;
    padding: 1.2rem 0;
    /* 上下间距 */
    white-space: nowrap;
}

/* Swiper 无缝滚动专用（仅作用于合作伙伴模块） */
.cooperation_list .cooperation-swiper {
    width: 100%;
    overflow: hidden;
}

.cooperation_list .cooperation-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
    /* 匀速无缝 */
}



.cooperation_list .cooperation_col {
    width: 20.8rem;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    margin-right: 2rem;
    /* 左右间距（兼容 IE，不用 gap） */
}

.cooperation_list .cooperation_item {
    width: 20.8rem;
    height: 7.6rem;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        box-shadow 0.25s ease,
        transform 0.25s ease;
    cursor: pointer;
    margin-bottom: 1.2rem;
    /* 上下间距（兼容 IE，不用 gap） */
}

.cooperation_list .cooperation_col .cooperation_item:last-child {
    margin-bottom: 0;
}

.cooperation_list .cooperation_item img {
    max-width: 90%;
    max-height: 70%;
    filter: grayscale(100%);
    opacity: 0.7;
    transition:
        filter 0.25s ease,
        opacity 0.25s ease;
    display: block;
}

.cooperation_list .cooperation_item:hover {
    box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, 0.18);
    transform: translateY(-0.1rem);
}

.cooperation_list .cooperation_item:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

.nature {
    background-image: url('../image/indexImg/yzr.png');
    background-size: cover;
    padding: 9.2rem 0;
}

.nature .lag_bt {
    font-weight: 600;
    font-size: 5rem;
    color: #ffffff;
    font-style: normal;
    text-transform: none;
    text-align: center;
    opacity: 0;
    transform: translateY(130px);
    transition: all 0.8s ease;
}

.nature .nature_lock {
    width: 16.6rem;
    height: 4.6rem;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 7rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    font-weight: 400;
    font-size: 1.6rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    transition: color 0.1s ease;
    opacity: 0;
    transform: translateY(130px);
    transition: all 0.8s ease;
    transition-delay: 0.2s;

}

.nature .nature_lock img {
    width: 0.7rem;
    height: 1.1rem;
    margin-left: 0.8rem;
}

.nature .nature_lock::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #2a7cd9;
    z-index: -1;
    transition: width 0.3s ease;
}

.nature .nature_lock:hover::before {
    width: 100%;
}

.nature .nature_lock:hover {
    color: #fff;
}

/* 激活时的状态 */
.section.active .top-swiper .swiperText_content,
.section.active h1,
.section.active .nature .lag_bt,
.section.active .nature .nature_lock {
    opacity: 1;
    transform: translateY(0);
}

.section.active .newsSwiper,
.section.active .newsList,
.section.active .solution_box .solution_top_left,
.section.active .solution_box .solution_titleLag,
.section.active .solution_box .solution_top_right,
.section.active .solution_box .solution_bottom,
.section.active .transformer_content_box,
.section.active .cooperation .cooperation_topnav,
.section.active .cooperation .cooperationMsg,
.section.active .cooperation .cooperation_lock,
.section.active .cooperation .cooperation_list,
.section.active .transformer-swiper-block {
    opacity: 1;
    transform: translateX(0);
}

.dtImg {
    display: none;
}

/* 2. 大屏 1440px ~ 1599px（2K 显示器缩小窗口 / 15.6 寸高性能本） */
@media (max-width: 1599px) {
    .top-swiper .swiperText_content {
    bottom: 29rem;
}
    .transformer-tab.active {
    min-height: 15.1rem;
    background-image: url('../image/indexImg/lbtBjRed.png');
    background-size: cover;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-weight: 700;
    color: #fff !important;
    transform-origin: bottom center;
    animation: transformerTabRise 0.85s cubic-bezier(0.33, 0.86, 0.25, 1) both;
}
    .top-swiper {
    position: relative;
    max-height:67rem;
}
    .cooperation_list_box .cooperation_item img {
        max-width: 70%;
    }

    .news .nwes_list_content a {
        margin-bottom: 2.8rem;
    }

    .transformer_content_box .transformer_lock {
        margin-top: 2.9rem;
    }

}

/* 3. 中大屏 1366px ~ 1439px（最常见笔记本 1080P 全屏） */
@media (max-width: 1439px) {
    .cooperation_list_box .cooperation_item img {
        max-width: 60%;
    }
}

/* 4. 标准屏 1280px ~ 1365px（老款笔记本 / 小屏显示器） */
@media (max-width: 1365px) {
    .cooperation_list_box .cooperation_item img {
        max-width: 50%;
    }
}

/* 5. 小PC屏 1199px ~ 1279px（1280×720 老显示器） */
@media (max-width: 1279px) {
    .cooperation_list_box .cooperation_item img {
        max-width: 40%;
    }

    .news .nwes_list_content a {
        margin-bottom: 2.4rem;
    }
}

/* 6. 迷你PC / 横版平板 992px ~ 1199px */
@media (max-width: 1199px) {
    .top-swiper .swiperText_content .titleLag {
        font-size: 4.6rem;
    }

    .top-swiper .swiperText_content {
        bottom: 20rem;
    }

    .top-swiper .pagination_container {
        bottom: 3rem;
    }
}

/* 7. 竖版平板 768px ~ 991px */
@media (max-width: 991px) {
    .top-swiper .wBox{
        display: none;
    }
    .news .nwes_list_content .newsItem .newsText_conter {
        font-size: 1.6rem;
    }

    .news .navTab_cont_left img {

        height: 2rem;

    }

    .solution_box .solution_titleLag img {
        height: 2rem;
    }

    /*.news .nwes_list_content a {*/
    /*    margin-bottom: 4.4rem;*/
    /*}*/

    /* .solution_box .solution_top_right {
        transition-delay: 0.6s;
      } */
    .dtImg {
        display: block;

    }

    .dtImg img {
        max-width: 100%;
        height: auto;
        margin-top: 2rem;
    }

    .transformer-product-nav {
        display: none !important;
    }

    .top-swiper .lockMore {
        font-size: 1.3rem;
        width: 12rem;
        height: 4rem;
    }

    .top-swiper .swiper-pagination-bullet-active {
        width: 3rem;
        height: 3rem;
    }

    .top-swiper .preBtn,
    .nextBtn {
        width: 3rem;
        height: 3rem;
    }

    .news {
        grid-template-columns: 1fr;
        padding-top: 2rem;
        gap: 1rem;
    }

    .solution_box .solution_top {
        grid-template-columns: 1fr;
    }

    .solution_box .solution_bottom {
        grid-template-columns: 1fr 1fr;
    }

    .solution_box .solution_top_right_bottomBoxOne {
        padding: 2rem;
    }

    .news .navTab_cont_lright .selsctTab:first-of-type {
        margin-right: 2rem;
    }

    .solution_box .solution_bottom .folt_moudsmk {
        bottom: 4rem;
    }

    .solution_box .solution_top_right_topBox .solution_top_right_topBoxTwo .folt_className {
        bottom:2rem;
    }

    .solution_box .folt_className .newEnergy,
    .solution_box .solution_bottom .folt_moudsmk .title_folt_moudsmk {
        font-size: 2rem;
    }

    .solution_box .solution_bottom .solution_bottom_one {
        border-bottom: 1px solid #ccc;
    }

    .solution_box .folt_box .substation_msg,
    .solution_box .folt_className .newEnergyMsg,
    .solution_box .industrialEnterpriseMsg,
    .solution_box .solution_bottom .folt_moudsmk .msg_folt_moudsmk {
        font-size: 1.5rem;
    }

    .solution_box .folt_box .substation {
        font-size: 2rem;
    }

    .solution_box .industrialEnterprise {
        font-size: 2rem;
    }

    .solution_box .industrialEnterprise_btn {
        width: 10rem;
        height: 3rem;
        font-size: 1.3rem;
    }

    .solution_box .folt_box .substation_btn {
        width: 10rem;
        height: 3rem;
        font-size: 1.3rem;
    }

    .news .navTab_cont_left .spanOne {
        font-size: 2rem !important;
    }

    .news .navTab_cont_left .spanTwo {
        font-size: 1.8rem !important;
    }

    .news .navTab_cont_lright .selsctTab {
        font-size: 1.6rem !important;
    }

    .solution_box .solution_titleLag .solutionName_box .solutionName {
        font-size: 2rem !important;
    }

    .solution_box .solution_titleLag .solutionName_box .solutionEneling {
        font-size: 1.8rem !important;
    }

    .cooperation .cooperation_topnav .cooperation_title {
        font-size: 2rem !important;
    }

    .cooperation .cooperation_topnav .cooperationEnling {
        font-size: 1.8rem !important;
    }

    .cooperation .cooperationMsg {
        width: 100% !important;
    }

    .cooperation .cooperation_list {
        width: 100% !important;
    }

    .cooperation .cooperation_lock {
        width: 10rem;
        height: 3rem;
        font-size: 1.3rem;
    }

    .cooperation .cooperationBagimg {
        background-image: none !important;
    }

    .cooperation .cooperationMsg {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .cooperation .cooperation_list {
        margin-top: 2.5rem;
    }

    .nature .lag_bt {
        font-size: 2.4rem;
    }

    .nature .nature_lock {
        width: 10rem;
        height: 3rem;
        font-size: 1.3rem;
    }

    .nature {
        padding: 4rem 0;
    }
}

/* 8. 手机 <768px */
@media (max-width: 767px) {
    .news .nwes_list_content .newsItem .frstBox{
        width: 0.3rem;
        height: 0.3rem;
       
    }
    .cooperation_list .cooperation_col {
        width: 17.5rem;
}
    .cooperation_list .cooperation_list_box {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
}
  .cooperation_list .cooperation_item {
      width: 100%;
  }

    .cooperation .cooperation_topnav .cooperationEnling{
        display: none;
    }
    .solution_box .solution_titleLag .solutionName_box .solutionEneling{
        display: none;
    }
    .solution_box .folt_className .hdIcon{
        display: none;
    }
    .news .navTab_cont_left .spanTwo{
        display: none;
    }
    .solution_box .solution_bottom .folt_moudsmk img{
        display: none;
    }
    .top-swiper .swiperitem{
        height: auto;
    }
    .solution_box .folt_box {
        bottom: 3rem;
    }

    .solution_box .solution_top_right_topBox .solution_top_right_topBoxTwo {
        height: 13rem;
    }

    .top-swiper .swiperText_content .titleLag {
        font-size: 2rem;
        padding: 0 2rem;
    }

    .top-swiper .swiperText_content {
        bottom: 3rem;
    }

    .top-swiper .lockMore {
        margin-top: 1.5rem;
    }

    .transformer_content_box {
        top: 2rem;
    }

    .transformer_content_box .lag_title {
        font-size: 2rem;
        margin-bottom: 0rem;
    }

    .transformer_content_box .transformer_detailmsg {
        font-size: 1.47rem;
        line-height: 3rem;
        width: 90%;
        -webkit-line-clamp: 1;
    }

    .transformer-swiper-nav {
        top: 1.5rem;
    }

    .transformer-swiper-prev,
    .transformer-swiper-next {
        width: 4rem;
        height: 4rem;
    }

    .transformer_content_box .transformer_lock {
        margin-top: 1rem;
    }

    .transformer_content_box .transformer_lock {
        width: 10rem;
        height: 3rem;
        font-size: 1.3rem;
    }
}