/*阿凡达网络科技有限公司提供技术支持*/

.bgcolor_s{
    background: #ffffff !important;
}
/******tab切换**tab-group***start*********************/
/* 标签容器 - 自适应换行 */
.tab-group {
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content:center;
}

/* 标签基础样式 */
.tab-group .tab-item {
    padding: 10px 24px;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    background-color: #6f6f6f;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
    white-space: nowrap;
    border: none;
    min-width: 160px;
    
}

/* 选中状态 - 绿色 */
.tab-group .tab-item.active {
    background-color: var(--mainColor);
}

/* 悬停效果 */
.tab-group .tab-item:hover:not(.active) {
    background-color: var(--mainColor);
}

/* 移动端适配 */
@media (max-width: 480px) {
    .tab-group{
        margin:20px auto;
        padding: 0;
        gap:5px;
    }
    .tab-group .tab-item {
        padding: 8px 16px;
        font-size: 14px;
    }
}
/******tab切换**tab-group***end*********************/

/* 黑色半透明底部图层 —— 整体居中定位 */
.banner-tab-layer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 84%;
    width: 100%;
    /*min-width: 60%;*/
    background-color: rgba(0, 0, 0, 0.4);
    padding: 30px 0;
    border-radius: 10px 10px 0 0;
    z-index: 9;
}

/* tab 内部布局容器 */
.banner-tab-layer .tab-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 0;
}

/* tab 样式 */
.banner-tab-layer .tab_list {
    position: relative;
    padding: 0 22px;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease;
    flex: 1;
}

/* 分隔线：完美居中在两个tab之间 */
.banner-tab-layer .tab_list:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    opacity: 0.7;
    background: #fff;
}

/* 点击高亮样式 */
.banner-tab-layer .tab_list.active {
    color: #0074ff;
    font-weight: 500;
}

/* 悬停效果 */
.banner-tab-layer .tab_list:hover {
    color: #0074ff;
}

/* about_wrap  ***start */
.about_wrap {
    margin: 60px auto;
    /*padding: 0 20px;*/
}

/* 桌面端布局 */
.about_wrap .about-container {
    display: flex;
    gap: 50px;
    align-items: center;
}

/* 左侧文字 */
.about_wrap .text-content {
    flex: 1;
}

.about_wrap .section-title{
    text-align: left !important;
    color: var(--main2Color);
    font-size: clamp(2rem, 3vw, 50px);
}
.about_wrap .section-title span{
    color: var(--mainColor);
}

.about_wrap .section-desc{
    text-align: left !important;
    color: #333333;
    font-size: clamp(1.2rem, 3vw, 27px);
}

.about_wrap p {
    font-size: clamp(1rem, 3vw, 18px);
    color: #666666;
    line-height: 1.4;
    margin-bottom: 18px;

    text-align: justify;
    word-break: normal;      /* 正常断词规则 */
    overflow-wrap: break-word; /* 只在必要时断词 */
    white-space: normal;
}

/* ========== 图片核心样式（PC + 移动端通用） ========== */
.about_wrap .image-content {
    flex: 1;
}
.about_wrap .image-content img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover; /* 图片等比例填充，不变形 */
}

/* ==================== 移动端响应式 ==================== */
@media (max-width: 768px) {
    .about_wrap { margin:0 auto;}
    .about_wrap .about-container {
        flex-direction: column;
        gap: 30px;
    }

    /* 移动端图片优化 */
    .about_wrap .image-content {
        width: 100%;
        margin-top: 0;
    }
    
    .about_wrap .section-desc {
        padding: 0;
    }
    
    .banner-tab-layer {
        padding: 10px 0;
        max-width: 100%;
        border-radius: unset;
    }
    .banner-tab-layer .tab_list {
        padding: 10px 5px;
    }
}

/* about_wrap  ***end */

/*location_container ** start*/
/* 总容器：上下结构 */
.location_container {
  max-width: 1600px;
  margin: 2rem auto;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
}

/* Tab栏：横向铺满 */
.location_container .tab-sidebar {
  width: 100%;
  display: flex;
  flex-direction: row;
  z-index: 10;
  background: rgba(255, 255, 255, 0.75);
  left: 0;
  gap: 0;
  position: absolute;
  bottom: 0;
}

/* 按钮：平分宽度、占满整行 */
.location_container .tab-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem 1rem;
  font-size: 1.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.75);
  opacity: 0.85;
  color: #111111;
}

/* 按钮激活状态 */
.location_container .tab-item.active {
  background-color: var(--mainColor);
  color: white;
  font-weight: bold;
}

/* 按钮hover */
.location_container .tab-item:hover:not(.active) {
  background-color: #f0f0f0;
}

/* 图片区域 */
.location_container .image-area {
  width: 100%;
  height: 839px;
  position: relative;
  background-color: #f5f5f5;
  line-height: 0;
  font-size: 0;
}

/* 图片淡入淡出切换 */
.location_container .location-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.location_container .location-image.active {
  opacity: 1;
}

/* ============== 响应式适配 ============== */
@media (max-width: 768px) {
    .location_container {
        border-radius: unset;
    }
    .location_container .tab-sidebar {
      width: 89.4%;
      left: 20px !important;
        
    }
  .location_container .tab-item {
    font-size: 1rem;
    padding: 1.2rem 0.5rem;
  }
  .location_container .image-area {
    height: 380px;
  }
}

@media (max-width: 480px) {
  .location_container .tab-item {
    font-size: 0.95rem;
    padding: 1rem 0.3rem;
  }
  
}
/*location_container ** end*/

/******核心价值观**core_values_section***end********************/
.core_values_section {
    width: 100%;
    overflow: hidden;
    margin:5rem 0 0 0;
}

.core_values_section .section-title {
    text-align: left;
    color: var(--main2Color);
}
.core_values_section .section-desc {
    text-align: left;
}

.core_values_section .core_values_title {
    text-align: left;
    margin-bottom: 8px;
}

.core_values_section .section-subtitle {
    
    color: #555;
}

.core_values_section .cards-container {
    position: relative;
    width: 100%;
    height: 795px;
    background: url('../image/core_values_bg.jpg') center center / cover no-repeat;
    display: flex;
}

.core_values_section .index-cards-container {
    position: relative;
    width: 100%;
    height: 795px;
    background: url('../image/Advantages_bg.jpg') center center / cover no-repeat;
    display: flex;
}
.core_values_section .value-card {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    padding-top: 280px;
}

.core_values_section .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.3s ease;
    z-index: 1;
}

.core_values_section .value-card:hover .card-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.core_values_section .card-icon-wrapper {
    position: relative;
    z-index: 2;
    margin-bottom: 15px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.core_values_section .card-icon {
    width: 80px;
    height: 80px;
    stroke: #fff;
    stroke-width: 1.5;
    fill: none;
}

.core_values_section .card-icon-wrapper img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.core_values_section .card-title {
    position: relative;
    z-index: 2;
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
    max-width: 50%;
}

.core_values_section .card-description {
    position: relative;
    z-index: 2;
    font-size: 1rem;
    max-width: 50%;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.core_values_section .card-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: var(--mainColor);
    transform: scaleX(0);
    transition: transform 0.3s ease;
    z-index: 9999;
}

.core_values_section .value-card:hover .card-description {
    opacity: 1;
    transform: translateY(0);
}

.core_values_section .value-card:hover .card-divider {
    transform: scaleX(1);
}

/* 响应式适配 */
@media (max-width: 992px) {
    .core_values_section{
        padding-top: 2rem;
        margin-top: 0;
    }
    .core_values_section .cards-container  {
        flex-wrap: wrap;
        height: auto;
        min-height: 600px;
    }
    .core_values_section .value-card {
        flex: 1 1 50%;
        min-height: 300px;
    }
    .core_values_section .section-title {
        font-size: 2rem;
    }
    .core_values_section .section-desc {
        padding: 0;
    }
    .core_values_section .card-title {
        font-size: 1.2rem;
    }
}

@media (max-width: 576px) {
    .core_values_section .cards-container  {
        flex-direction: column;
    }
    .core_values_section .value-card {
        width: 100%;
        min-height: 250px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .core_values_section .section-title {
        font-size: 1.75rem;
    }
    .core_values_section .section-subtitle {
        font-size: 0.85rem;
    }
    /* 手机端：默认显示黑色蒙版 + 描述文字 */
    .core_values_section .card-overlay {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .core_values_section .card-description {
        opacity: 1;
        transform: translateY(0);
        max-width: 80%;
    }
}
/******核心价值观**core_values_section***end*******************/

/******全球布局**Global_deployment_container***start******************/
.Global_deployment_container {
    margin: 0 auto;
    text-align: center;
    background: #f3f4f6;
    padding: 4rem 0;
}

.Global_deployment_container .world-map-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 35%; /* 控制地图宽高比，适配原图比例 */
    background-image: url('../image/map_bg.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.Global_deployment_container .section-title {
    color: var(--main2Color);
}

/* 适配小屏幕 */
@media (max-width: 768px) {
    .Global_deployment_container .world-map-wrapper {
        padding-bottom: 70%; /* 移动端调整宽高比，让地图更清晰 */
    }
}
/******全球布局**Global_deployment_container***end*******************/

/* 发展历程 */
.History_section {
    margin: 0 auto;
    padding: 4rem 0 0 0;
}
.History_section .timeline-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    
    /**/
    margin-top: 4rem;
    padding-top: 8rem;
}

.History_section .timeline-container::before {
    content: '';
    position: absolute;
    top: 180px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e0e0e0;
}

.History_section .section-title {
    text-align: left;
    color: var(--main2Color);
}
.History_section .section-desc {
    text-align: left;
}

.History_section .timeline-container .timeline-row {
    display: flex;
    position: relative;
    margin: 2rem auto;
    transition: transform 0.4s ease;
    width: 100%;
}

.History_section .timeline-container .timeline-item {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    position: relative;
    /*padding-top: 50px;*/
    background-image: url('../image/years_line.png');
    background-position: 7px 20px;
    background-repeat: no-repeat;
    margin-right: 20px;
}

.History_section .timeline-container .timeline-img {
    /**/
    position: absolute;
    top: -160px;
    left: -70px;
}

.History_section .timeline-container .timeline-img img {
    width: 80%;
    /*height: 100px;*/
    object-fit: contain;
}

.History_section .timeline-container .timeline-item::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--mainColor);
    z-index: 2;
}

.History_section .timeline-container .timeline-year {
    font-size: clamp(16px, 4vw, 34px);
    font-weight: 600;
    color: var(--mainColor);
    margin-left: 30px;
    margin-bottom: 25px;
    padding-bottom: 8px;
    display: inline-block;
    
    /**/
    margin-top:40px;
}

.History_section .timeline-container .timeline-content-group {
    margin-bottom: 20px;
}

.timeline-container .timeline-list {
    list-style: none;
    padding: 0;
}

.History_section .timeline-container .timeline-list li {
    font-size: clamp(16px, 4vw, 18px);
    color: #666;
    line-height: 1.6;
    margin-bottom: 12px;
    padding-left: 24px;
    position: relative;
    background-image: url('../image/li_icon.png');
    background-position: 0 8px;
    background-repeat: no-repeat;
}

/* 移动端自适应：一页显示1个 */
@media (max-width: 768px) {
    .History_section .section-desc{
        padding: 0;
    }
    .History_section .timeline-container .timeline-item {
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        margin-right: 20px;
    }

    .History_section .timeline-container .timeline-img {
        top: -160px;
        left: 0;    
    }

    .History_section .timeline-container .timeline-year {
        font-size: 28px;
    }
    
    .History_section .timeline-container .timeline-img img {
        width: 80%;
        
    }
    
}
/*发展历程**end**/

/******honor*****start*********************/
.honor-section {
    text-align: center;
    padding: 4rem 0;
    box-sizing: border-box;
}

/*products  start*/

/* 一级分类 */
.honor-section .main-tabs {
    display: flex;
    justify-content: center;
    gap: 120px;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}

.honor-section .main-tab-item {
    padding: 15px 0;
    font-size: clamp(16px, 5vw, 20px);
    color: #333;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    display: flex;
    align-items: center;
    gap: 6px;
}

.honor-section .main-tab-item.active {
    border-color: #005bac;
    color: #222;
}

.honor-section .main-tab-item svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

/* 二级分类 */
.honor-section .sub-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 80px;
    margin-bottom: 40px;
}

.honor-section .sub-tab-item {
    font-size: clamp(16px, 3vw, 20px);
    color: #666666;
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.honor-section .sub-tab-item.active {
    color: #005bac;
}

/* 标题 */
.honor-section .category-title {
    text-align: center;
    font-size: clamp(20px, 5vw, 54px);
    margin-bottom: 40px;
    font-weight: bold;
    color: #222;
}

/* 产品布局核心优化 */
.honor-section .product-container,
.honor-section .all-products-wrapper {
    /*display: flex;*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*flex-wrap: wrap;*/
    justify-content: center;
    gap: 30px;
    max-width: 100%;
}

/* 产品卡片宽度控制 */
.honor-section .product-card {
    width: 100%;
    /*max-width: 380px;*/
    flex: 0 1 calc(33.333% - 20px);
}

/* 产品卡片链接样式重置 */
.honor-section .product-card a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.honor-section .product-img {
    /*width: 100%;*/
    /*height: 337px;*/
    /*background: #f4f5f9;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.honor-section .product-img img {
    max-width: 100%;
    /*max-height: 80%;*/
    object-fit: contain;
}

.honor-section .product-name {
    font-size: clamp(16px, 4vw, 22px);
    margin-bottom: 18px;
    min-height: 45px;
    text-align: center;
    color: #222222;
}

.honor-section .product-btn {
    width: 100%;
    padding: 14px;
    border: none;
    font-size: clamp(14px, 4vw, 18px);
    cursor: pointer;
    background: #f5f5f5;
    color: #666666;
    transition: all 0.3s;
}

.honor-section .product-card:hover .product-btn {
    background: #005bac;
    color: #fff;
}

/* 显示隐藏 */
.honor-section .tab-content {
    display: none;
}

.honor-section .tab-content.active {
    display: block;
}

.honor-section .sub-content {
    display: none;
}

.honor-section .sub-content.active {
    display: block;
}
@media (max-width: 1200px) {
    .honor-section {
        width: 100%;
        padding:4rem 50px;
    }
}

@media (max-width: 1300px) {
    .honor-section {
        width: 100%;
        padding:4rem 50px;
    }
}
/* 响应式 */
@media (max-width: 768px) {
    .honor-section .product-container,
    .honor-section .all-products-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .honor-section {
        padding:2rem 20px !important;
    }
    .honor-section .product-btn {
        background-color: #005bac;
        color: #ffffff;
    }
    .honor-section .main-tabs {
        gap: 50px;
    }
    /* 移动端自动一行一个 */
    .honor-section .product-card {
        flex: 0 1 100%;
    }
    .honor-section .sub-tabs {
        gap: 20px;
    }
}
/*products  start*/

/* Tab导航样式 */
        .honortab-wrap {
            text-align: center;
            margin-bottom: 30px;
            border-bottom: 1px solid #eee;
        }
        .honortab-wrap .tab-item {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 32px;
            color: #666;
            padding: 0 30px 15px;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
        }
        /* 底部激活下划线 */
        .honortab-wrap .tab-item::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background-color: #000;
            transition: width 0.3s ease;
        }
        /* SVG箭头样式 */
        .honortab-wrap .tab-item svg {
            width: 16px;
            height: 16px;
            fill: #666;
            transition: fill 0.3s ease;
        }
        /* 激活状态 */
        .honortab-wrap .tab-item.active {
            color: #000;
        }
        .honortab-wrap .tab-item.active::after {
            width: 80%;
        }
        .honortab-wrap .tab-item.active svg {
            fill: #000;
        }
        /* 内容区域 */
        .cert-box {
            display: none;
        }
        .cert-box.active {
            display: block;
        }
        .cert-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
        }
        .cert-item img {
            width: 100%;
            display: block;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            transition: transform 0.2s ease;
        }
        .cert-item img:hover {
            transform: translateY(-3px);
        }
        .cert-item p{
            margin: 15px 0;
        }
        /* 移动端自适应 */
        @media screen and (max-width:992px) {
            .cert-list {
                grid-template-columns: repeat(2, 1fr);
            }
            .honortab-wrap .tab-item {
                font-size: 26px;
                padding: 0 20px 12px;
            }
            .honortab-wrap .tab-item svg {
                width: 14px;
                height: 14px;
            }
        }
        @media screen and (max-width:576px) {
            .cert-list {
                /*grid-template-columns: 1fr;*/
            }
            .honortab-wrap .tab-item {
                font-size: 22px;
                padding: 0 15px 10px;
            }
        }


.honor-section .section-title {
    color: var(--main2Color);
}

.honor-section .section-desc {
   margin-bottom: 50px;
}

.honor-section .cards-container  {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.honor-section .honor-card {
    background-color: #ffffff;
    transition: transform 0.2s ease;
    cursor: pointer;
    margin-bottom: 50px;
    border: 1px solid #ccc;
}

.honor-section .honor-card:hover {
    transform: translateY(-2px);
}

.honor-section .card-image-wrapper {
    display: flex;
    justify-content: center;
}

.honor-section .card-image {
    display: block;
    border-radius: 20px;
    max-width: 100%;
    height: auto;
}

.honor-section .card-title {
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    /*text-align: left;*/
    margin-top: 10px;
    margin-bottom: 12px;
}

.honor-section .card-divider {
    width: 100%;
    height: 1px;
    /*background-color: #dddddd;*/
}

/* 分页居中 */
.honor-section .page {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .honor-section .cards-container  {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 手机端：核心优化 —— 卡片内所有内容强制居中 */
@media (max-width: 576px) {
    .core_values_section .card-title {
        max-width: 80%;
    }
    .honor-section .cards-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    /* 手机端：所有内容居中 */
    .honor-section .honor-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        max-width: 340px;
    }
    
    .honor-section .card-title {
        text-align: center !important; /* 标题居中 */
    }

    .honor-section .section-desc {
        font-size: 15px;
        padding: 0 10px;
    }
}
/******honor*****end*********************/

/************新闻中心 start*************************************/
/********** news_list_container start **********************/
.news_list_container {
    margin: 0 auto;
    padding: 4rem 0;
}

.news_list_container .section-title {
    text-align: center;
    margin-bottom: 40px;
    color: var(--main2Color);
}

.news_list_container .section-title h2 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.news_list_container .news-card {
    display: flex;
    background-color: #ffffff;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 4px;
    cursor: pointer;
}

.news_list_container .news-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.news_list_container .card-image-wrapper {
    width: 35%;
    overflow: hidden;
}

.news_list_container .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    transform-origin: center center;
}

.news_list_container .news-card:hover .card-image {
    transform: scale(1.2);
}

.news_list_container .card-content {
    width: 65%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news_list_container .news-date {
    color: #666666;
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.news_list_container .date_sty {
    padding-left: 6px;
    font-size: 15px;
}

.news_list_container .news-title {
    font-size: 22px;
    color: #222222;
    margin-bottom: 15px;
    transition: color 0.3s ease;
    cursor: pointer;
    text-align: left;
}

.news_list_container .news-card:hover .news-title {
    color: var(--mainColor);
}

.news_list_container .news-excerpt {
    color: #666666;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.news_list_container .read-more {
    width: 30px;
    height: 1px;
    background-color: #cccccc;
    position: relative;
}

.news_list_container .read-more::after {
    content: '';
    position: absolute;
    right: 0;
    top: -4px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    transform: rotate(-45deg);
}

/* 新闻详情 PC 端布局（保持不变） */
.news_detail_container {
    margin: 4rem auto;
    background: #fff;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* 关键：小屏自动换行 */
    gap: 30px; /* 统一间距 */
}

/* 左侧主内容区 PC */
.news_detail_container .main-content {
    flex: 0 0 70%;
    max-width: 70%;
}

.news_detail_container .news-header h2 {
    font-size: 2rem;
    color: #222;
    margin-bottom: 20px;
    line-height: 1.4;
    text-align: left;
    font-weight: normal;
}

.news_detail_container .meta-info {
    font-size: 0.95rem;
    color: #888;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.news_detail_container .meta-info span {
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 5px;
}

.news_detail_container .news-body p {
    font-size: 1rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 20px;
}



/* 右侧热点 PC */
.news_detail_container .hot-news {
    flex: 0 0 25%;
    max-width: 25%;
}

.news_detail_container .hot-news h2 {
    font-size: 1.5rem;
    color: #222;
    margin-bottom: 30px;
    text-align: left;
}

.news_detail_container .news-card {
    margin-bottom: 30px;
    cursor: pointer;
}

.news_detail_container .card-img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 4px;
}

.news_detail_container .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news_detail_container .news-card:hover .card-img img {
    transform: scale(1.2);
}

.news_detail_container .card-title {
    font-size: 1rem;
    color: #222;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.news_detail_container .news-card:hover .card-title {
    color: var(--mainColor);
}

.news_detail_container .line {
    width: 30px;
    height: 2px;
    background: var(--mainColor);
    transition: width 0.3s ease;
}

.news_detail_container .news-card:hover .line {
    width: 100%;
}

.news_detail_container .card-desc {
    font-size: 0.85rem;
    color: #666;
    margin-top: 10px;
    line-height: 1.6;
}

/* ------------------------------ */
/* 响应式适配（统一、干净、无冲突） */
/* ------------------------------ */

/* 平板端 */
@media (max-width: 992px) {
    .news_detail_container {
        padding: 25px 15px;
    }
    .news_detail_container .main-content,
    .news_detail_container .hot-news {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .news_detail_container .news-header h2 {
        font-size: 1.6rem;
    }
}

/* 手机端 */
@media (max-width: 576px) {
    .news_detail_container {
        padding: 20px 10px;
        margin: 2rem auto;
    }
    .news_detail_container .news-header h2 {
        font-size: 1.3rem;
    }
    .news_detail_container .meta-info {
        font-size: 0.85rem;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 15px;
    }
    .news_detail_container .meta-info span {
        margin-right: 0;
    }
    .news_list_container {
        padding: 20px 10px;
    }
    .news_list_container .news-card {
        flex-direction: column;
    }
    .news_list_container .card-image-wrapper,
    .news_list_container .card-content {
        width: 100%;
    }
    .news_list_container .card-content {
        padding: 15px;
    }
    .news_list_container .news-title {
        font-size: 18px;
    }
    .news_detail_container .news-body img {
        width: 100%;
    }
}
/********** news_list_container end **********************/
/************新闻中心 end*************************************/

/************联系我们 start*************************************/
/**********contact_container start**********************/
.contact_container {
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 4rem 0;
}
/* 左侧图片区域 */
.contact_container .image-section {
    flex: 1;
}
.contact_container .image-section img {
    width: 100%;
    border-radius: 12px;
    display: block;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
/* 右侧内容区域 */
.contact_container .content-section {
    flex: 1;
}
.contact_container .section-title {
    color: var(--main2Color);
    margin-bottom: 30px;
    text-align: left;
}
.contact_container .base-item {
    padding:20px 0 10px 0;
    border-bottom: 1px solid #ccc;
    transition: all 0.3s ease;
    cursor: pointer;
}
/* hover效果：标题变蓝+下划线变蓝 */
.contact_container .base-item:hover .base-name {
    color: var(--mainColor);
}
.contact_container .base-item:hover {
    border-color: var(--mainColor);
}
.contact_container .base-name {
    font-size: 24px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 500;
    transition: color 0.3s ease;
}
.contact_container .base-info p {
    font-size: 16px;
    color: #666;
    margin: 8px 0;
    line-height: 1.6;
}
.contact_container .base-info a {
    color: #666;
    text-decoration: none;
}
/* 响应式适配 */
@media (max-width: 768px) {
    .contact_container  {
        flex-direction: column;
        gap: 30px;
        padding: 20px !important;
    }
    .contact_container .section-title {
        margin-bottom: 0px;
    }
    .contact_container .image-section, .content-section {
        width: 100%;
    }
    .contact_container .content-title {
        font-size: 32px;
        text-align: center;
    }
    .contact_container .base-name {
        font-size: 20px;
    }
}
/**********contact_container end**********************/

/**********contact_banner start**********************/
.contact_banner {
    width: 100%;
    background: url('../image/contact_banner_img.jpg') no-repeat center center;
    background-size: cover;
    min-height: 300px;
    display: flex;
    align-items: center;
    padding: 40px 5%;
    position: relative;
    color: #ffffff;
    font-family: 'Arial', sans-serif;
}

.contact_banner .banner-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin-left: 3%;
}

.contact_banner .banner-title {
    font-size: clamp(2rem, 5vw, 53px);
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}

.contact_banner .banner-subtitle {
    font-size: clamp(1rem, 2vw, 1.4rem);
    line-height: 1.6;
    margin-bottom: 8px;
    opacity: 0.95;
}

/* 小屏幕适配 */
@media (max-width: 768px) {
    .contact_banner {
        min-height: 250px;
        padding: 30px 5%;
    }
    .contact_banner .banner-title {
        margin-bottom: 15px;
    }
}
/**********contact_banner end**********************/

/* 联系我们 ContactUs_container *start*/
.ContactUs_container{
    padding: 4rem 0;
}

.ContactUs_container .section-title {
    color: var(--main2Color);
}

.phone-hint {
    color: #666;
    display: block;
    margin-top: 4px;
    font-size: 12px;
}

.ContactUs_container .intro-text {
    color: #555;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.ContactUs_container .form-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 20px;
}

.ContactUs_container .form-group {
    flex: 1;
    min-width: 300px;
}

.ContactUs_container .form-group label {
    display: block;
    color: #222;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 500;
}

.ContactUs_container .form-group label .required {
    color: #ff0000;
}

.ContactUs_container .form-group input[type="text"],
.ContactUs_container .form-group input[type="email"],
.ContactUs_container .form-group input[type="tel"],
.ContactUs_container .form-group textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 14px;
    color: #333333;
}

.ContactUs_container .form-group textarea {
    min-height: 120px;
    resize: vertical;
}

.ContactUs_container .phone-input {
    display: flex;
    align-items: center;
}

.ContactUs_container .phone-prefix {
    padding:12.5px 10px;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-right: none;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    color: #555;
}

.ContactUs_container .phone-input input {
    /*border-radius: 0 4px 4px 0 !important;*/
}

.ContactUs_container .code-group {
    display: flex;
    gap: 12px;
    align-items: center;
}

.ContactUs_container .code-group input {
    flex: 1;
}

.ContactUs_container .code-placeholder {
    width: 100px;
    height: 42px;
    background-color: #dddddd;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.ContactUs_container .submit-btn {
    display: block;
    width: 180px;
    padding: 14px;
    background-color: var(--mainColor);
    color: #ffffff;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin: 32px auto 40px;
    transition: background-color 0.2s;
}

.ContactUs_container .submit-btn:hover {
    background-color: #29ABE2;
}

.ContactUs_container .contact-footer {
    text-align: center;
    color: #222244;
    font-size: 16px;
}

.ContactUs_container .contact-footer p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.ContactUs_container .contact-footer a {
    color: #222244;
    text-decoration: none;
}

.ContactUs_container .contact-footer a:hover {
    text-decoration: underline;
}

.ContactUs_container .contact-footer .icon {
    margin-right: 8px;
    /*margin-top: 8px;*/
}
.ContactUs_container .contact-footer .icon img{
    width: 70%;
}

@media (max-width: 768px) {
   .ContactUs_container .section-desc {
       padding: 0;
   }
}
/************ContactUs_container* end*************************************/


/************联系我们 end*************************************/

/************技术支持 start*************************************/
/************quality_section* start*************************************/
/* 全局容器：PC 端宽度 1200px → 大屏 1300px，自动居中 */
.quality_section {
    /*width: 100%;*/
    /*max-width: 1200px;*/
    margin: 4rem auto;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
}

/* 大屏幕 ≥1300px 时宽度为 1300px */
@media (min-width: 1300px) {
    .quality_section {
        /*max-width: 1300px;*/
    }
}

.quality_section .section-subtitle {
    color: var(--mainColor);
    font-size: clamp(16px, 4vw, 18px);
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.quality_section .section-title {
    color: var(--main2Color);
    font-size: clamp(16px, 7vw, 54px);
    margin: 0 0 20px;
}

.quality_section .section-intro {
    color: #666;
    font-size: clamp(15px, 3vw, 18px);
    line-height: 1.6;
    text-align: center;
    padding-bottom: 40px;
    max-width: 100%;
    margin: 0 auto;
}

.quality_section .feature-list-container {
    display: flex;
    justify-content: center; /* 关键：整体居中 */
    align-items: flex-start;
    margin: 0 auto 40px;
    flex-wrap: wrap;
    gap: 20px 40px; /* 列间距更大更美观 */
    max-width: 1200px; /* 控制整体宽度，视觉更居中 */
}

.quality_section .feature-column {
    flex: 0 1 auto; /* 不自动拉伸，保持内容宽度 */
    min-width: 260px;
    text-align: left;
}

.quality_section .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    color: #333;
    font-size: clamp(15px, 3vw, 18px);
    justify-content: flex-start;
}

.quality_section .feature-item img {
    margin-right: 10px;
    width: 16px;
    height: 16px;
    object-fit: contain;
}

/* 图片网格 - 自适应 + 固定比例美观 */
.quality_section .image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.quality_section .grid-image {
    width: 100%;
    /*height: 220px;*/
    object-fit: cover;
    border-radius: 12px;
    background: #f0f0f0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.quality_section .grid-image:hover {
    transform: scale(1.03);
}

/* ==================== 响应式适配 ==================== */
@media (max-width: 992px) {
    .quality_section .image-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .quality_section .feature-list-container {
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .quality_section {
        margin: 2rem auto;
        padding: 0 10px;
    }
    .quality_section .feature-list-container {
        flex-direction: column;
        align-items: center; /* 手机端也居中 */
        gap: 10px;
    }
    .quality_section .feature-column {
        min-width: 100%;
        max-width: 320px;
    }
    .quality_section .image-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .quality_section .grid-image {
        /*height: 280px;*/
    }
}
/************quality_section* end*************************************/

/************strengths_section* start*************************************/
.strengths_section {
  margin: 0 auto 60px;
  padding: 0 15px; /* 增加手机端边距，防止贴边 */
  box-sizing: border-box;
}

.strengths_section .section-title {
  color: var(--main2Color);
  font-size: clamp(16px, 7vw, 54px);
  text-align: center;
  margin: 0 0 20px;
}

.strengths_section .section-desc {
  max-width: 1200px;
  margin: 0 auto 40px;
  color: #666;
  font-size: clamp(15px, 3vw, 18px);
  line-height: 1.7;
  text-align: center;
}

/* 核心优势行 */
.strengths_section .strength-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 60px 0;
  gap: 40px;
}

/* 交替布局 - PC端 */
@media (min-width: 769px) {
  .strengths_section .strength-row:nth-child(even) .text-col { order: 1; }
  .strengths_section .strength-row:nth-child(even) .image-col { order: 2; }
  .strengths_section .strength-row:nth-child(odd) .text-col { order: 2; }
  .strengths_section .strength-row:nth-child(odd) .image-col { order: 1; }
}

.strengths_section .text-col {
  flex: 1;
  padding: 0 10px;
}

.strengths_section .strength-row .title_s {
  font-size: clamp(20px, 4vw, 32px);
  color: #222;
  margin-bottom: 16px;
  font-weight: 600;
}

.strengths_section .strength-row p {
  font-size: clamp(15px, 3vw, 18px);
  color: #333333;
  line-height: 1.8;
  max-width: 500px;
  margin: 0;
}

/* 图片列：100%宽度 + 自适应 */
.strengths_section .image-col {
  flex: 1;
  /*max-width: 550px;*/
  width: 100%;
}

.strengths_section .image-col img {
  width: 90% !important; /* 强制100%宽度 */
  height: auto !important; /* 高度自适应，不变形 */
  min-height: unset; /* 移除固定最小高度，避免拉伸 */
  border-radius: 8px;
  display: block;
  background-color: #f0f0f0;
  object-fit: cover;
}

/* 移动端：上下布局 + 完美自适应 */
@media (max-width: 768px) {
  .strengths_section .image-col img {
    width: 100% !important;
  }
  .strengths_section .strength-row {
    flex-direction: column;
    margin: 40px 0;
    gap: 20px;
    text-align: center;
  }

  .strengths_section .text-col,
  .strengths_section .image-col {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .strengths_section .strength-row p {
    max-width: 100%;
  }
}
/************strengths_section* end*************************************/
/************技术支持 end*************************************/

/*****manufacturing_container start*******************/
/* 图片容器：响应式网格 */
.manufacturing_container {
    padding: 4rem 0;
    display: flex;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
}
.manufacturing_container .gallery-item {
    overflow: hidden;
    cursor: pointer;
}
.manufacturing_container .gallery-item img {
    border-radius: 20px;
    width: 100%;
    height: auto;
    display: block;
    /* 缩放过渡动画 + 中心点缩放 */
    transition: transform 0.3s ease;
    transform-origin: center center;
}
/* 鼠标悬停 图片放大1.2倍 */
.manufacturing_container .gallery-item:hover img {
    transform: scale(1.2);
    transition: transform 0.9s ease;
}
/* 分页控件 */
/*.pagination {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*    margin-top: 20px;*/
/*    width: 100%;*/
/*}*/
.pagination button {
    /*width: 30px;*/
    /*height: 30px;*/
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}
.pagination button.active {
    background-color: var(--mainColor);
    color: #fff;
    border-color: var(--mainColor);
}
/* 分页样式 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 40px 0 20px;
    flex-wrap: wrap;
}
.page-btn {
    padding: 8px 16px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.page-btn:hover:not(.disabled) {
    background: var(--mainColor);
    border-color: var(--mainColor);
    color: #fff;
}
.page-btn.active {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}
.page-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* 小屏幕适配 */
@media (max-width: 992px) {
    .manufacturing_container  .gallery-item {
        flex: 1 1 calc(50% - 20px); /* 平板端2列 */
        max-width: calc(50% - 20px);
    }
}
@media (max-width: 768px){
    .manufacturing_container{
        padding:20px !important;
        grid-template-columns: 1fr;
    }
    .position_sty{
        padding: 20px !important;
    }
}
@media (max-width: 576px) {
    .manufacturing_container .gallery-item {
        flex: 1 1 100%; /* 手机端1列 */
        max-width: 100%;
    }
    .manufacturing_container {
        gap: 20px;
    }
}
/*****manufacturing_container section-desc************/