@charset "utf-8";
/* 版块容器 */
.product-center-section {
    max-width: 1600px;
    margin: 80px auto;
    padding: 0 20px;
}

/* 版块名称 + 长下划线（通栏） */
.product-center-title {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}
/* 产品中心下方长下划线（通栏） */
.product-center-title::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #e5e5e5; /* 浅灰色长下划线 */
    position: absolute;
    bottom: -20px;
    left: 0;
}

/* 顶部按钮栏 */
.product-center-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.product-tab-btn {
    background: transparent;
    border: none;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    padding: 5px 0;
    position: relative;
    transition: color 0.3s;
}
.product-tab-btn a{color:#333;}
.product-tab-btn a:hover{color:#1890ff;}
.product-tab-btn.active,
.product-tab-btn:hover {
    color: #1890ff;
}
.product-tab-btn.active::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #1890ff;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* 产品卡片容器 */
.product-card-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

/* 产品卡片 */
.product-card {
    text-align: center;
    cursor: pointer;
}
/* 图片容器（hover放大） */
.product-card-img {
    overflow: hidden;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}
.product-card:hover .product-card-img {
    transform: scale(1.05); /* 鼠标悬浮图片放大5% */
}
.product-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-card-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
	color:#333;
}
.product-card-category {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}
.product-card-arrow {
    font-size: 14px;
    color: #1890ff;
    opacity: 0;
    transition: opacity 0.3s;
}
.product-card:hover .product-card-arrow {
    opacity: 1;
}

/* MORE按钮容器 + 上方长下划线（通栏） */
.product-more-wrap {
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}
/* MORE上方长下划线（通栏） */
.product-more-wrap::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #e5e5e5; /* 浅灰色长下划线 */
    position: absolute;
    top: 0;
    left: 0;
}
/* MORE按钮 */
.product-more-btn {
    text-align: center;
}
.product-more-btn button {
    background: transparent;
    border: 1px solid #ccc;
    padding: 10px 30px;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
}
.product-more-btn button:hover {
    border-color: #1890ff;
    color: #1890ff;
}

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

.fanyi-case-tab {
    width: 100%;
    height: 100vh;
    display: flex;
    background: url('/img/home_case_03.jpg') center/cover no-repeat;
}
.fanyi-case-left {
    width: 75%;
    padding: 50px;
    color: white;
    display: flex;
    align-items: flex-end; /* 文字整体靠下 */
    padding-bottom: 80px; /* 调整底部间距，控制文字到底部的距离 */
}
/* 新增文字容器，方便控制内边距 */
.fanyi-text-wrap {
    width: 100%;
    max-width: 500px; /* 限制文字宽度，匹配效果图 */
}
.fanyi-case-right {
    width: 25%;
    background: rgba(0,0,0,0.5);
    color: white;
    display: flex;
    flex-direction: column;
    height: 100%; /* 确保容器高度填满 */
}
/* 新增：行业案例导航样式（更大更高，仅显示） */
.fanyi-nav-title {
    flex: 1; /* 均分高度 */
    display: flex;
    align-items: center; /* 文字垂直居中 */
    padding: 0 20px; /* 仅左右内边距，高度由flex均分 */
    font-size: 24px; /* 字体比普通导航大 */
    font-weight: bold;
    border-bottom: 1px solid #fff;
    cursor: default; /* 鼠标默认样式，无交互 */
    min-height: 0; /* 解决flex高度溢出问题 */
}
/* 普通交互导航样式（包含查看更多） */
.fanyi-nav-item {
    flex: 1; /* 均分高度 */
    display: flex;
    align-items: center; /* 文字垂直居中 */
    padding: 0 20px; /* 仅左右内边距，高度由flex均分 */
    cursor: pointer; 
    border-bottom: 1px solid #fff;
    transition: all 0.3s; /* 新增：所有属性过渡，包括字体大小 */
    font-size: 18px; /* 默认字体大小 */
    min-height: 0; /* 解决flex高度溢出问题 */
}
/* 鼠标悬浮时字体放大 */
.fanyi-nav-item:hover {
    font-size: 20px; /* 放大后的字体大小 */
    padding-left: 25px; /* 可选：轻微左移，增强交互感 */
}
.fanyi-nav-item.fanyi-active {
    background: #1890ff;
    font-size: 20px; /* 激活态也保持放大字体 */
}
/* 查看更多链接样式（嵌套在nav-item内） */
.fanyi-nav-more-link {
    color: white;
    text-decoration: none;
    width: 100%; /* 占满导航项宽度，点击区域更大 */
    height: 100%; /* 占满导航项高度 */
    display: flex;
    align-items: center;
}
.fanyi-content-item {
    display: none;
}
.fanyi-content-item.fanyi-active {
    display: block;
}
/* 标题样式微调，匹配效果图下划线 */
.fanyi-content-item h2 {
    font-size: 36px;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    display: inline-block;
}
/* 描述文字样式 */
.fanyi-content-item p {
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 30px 0;
}
/* 按钮样式（匹配效果图） */
.fanyi-btn {
    display: inline-block;
    padding: 10px 30px;
    background: #fff;
    color: #333;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    margin-right: 15px; /* 两个按钮间距 */
}
/* 第二个按钮样式（如需区分可调整） */
.fanyi-btn.second {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
/* 新增：查看更多对应的内容项样式（可自定义） */
#fanyiContent4 h2 {
    color: #fff;
}

/* 版块容器（无修改） */
.news-info-section {
    max-width: 1600px;
    margin: 80px auto;
    padding: 0 20px;
}

/* 第一部分：标题+描述（无修改） */
.news-header {
    text-align: center;
    margin-bottom: 40px;
}
.news-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}
.news-desc {
    font-size: 16px;
    color: #666;
    margin-bottom: 5px;
}
.news-subdesc {
    font-size: 14px;
    color: #999;
}

/* 第二部分：Tab菜单（无修改） */
.news-tabs {
    text-align: right;
    margin-bottom: 30px;
}
.news-tab-item {
    display: inline-block;
    padding: 8px 15px;
    background: #f5f5f5;
    color: #666;
    border-radius: 4px;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.3s;
}
.news-tab-item.active,
.news-tab-item:hover {
    background: #1890ff;
    color: #fff;
}

/* 第三部分：内容区（左右分栏）（无修改） */
.news-content-wrap {
    display: flex;
    gap: 30px;
}

/* 左侧轮播区（核心修复：强化圆点显示） */
.news-carousel {
    width: 40%;
}
.news-carousel-panel {
    display: none;
}
.news-carousel-panel.active {
    display: block;
}
/* 轮播容器核心样式（重点修复圆点） */
.carousel-container {
    position: relative;
    overflow: hidden;
    
}
.carousel-wrapper {
    display: flex;
    transition: transform 0.5s ease;
    width: 100%;
}
.carousel-item {
    min-width: 100%;
    background: #f9f9f9;
   
    overflow: hidden;
}
/* 圆点指示器样式（核心修复：增大尺寸、加深颜色、提高层级） */
.carousel-dots {
    position: absolute;
    bottom: 20px; /* 上移一点，避免被遮挡 */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px; /* 增大间距 */
    z-index: 999; /* 提高层级，确保不被遮挡 */
    padding: 5px 10px;
    background: rgba(0,0,0,0.1); /* 加浅背景，增强对比度 */
    border-radius: 15px;
}
.carousel-dot {
    width: 12px; /* 增大尺寸 */
    height: 12px; /* 增大尺寸 */
    border-radius: 50%;
    background: #999; /* 加深未选中颜色 */
    cursor: pointer;
    transition: all 0.3s;
    border: 2px solid #fff; /* 加白色边框，增强辨识度 */
}
.carousel-dot.active {
    width: 25px; /* 增大选中尺寸 */
    border-radius: 6px;
    background: #1890ff; /* 主题蓝，更醒目 */
    border-color: #1890ff;
}
/* 原有轮播项样式（无修改） */
.carousel-date {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #1890ff;
    color: #fff;
    width: 50px;
    height: 60px;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
    font-size: 12px;
    z-index: 2;
}
.carousel-date::first-line {
    font-size: 20px;
    font-weight: bold;
}
.carousel-img {
    position: relative;
    height: 400px;
    overflow: hidden;
}
.carousel-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.carousel-tag {
    position: absolute;
    background: #007bff;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 2;
}
.carousel-tag:nth-of-type(1) {
    top: 20px;
    right: 20px;
}
.carousel-tag:nth-of-type(2) {
    bottom: 20px;
    right: 20px;
}
.carousel-title {
    font-size: 18px;
    padding: 15px 20px 10px;
    font-weight: 600;
}
.carousel-desc {
    font-size: 14px;
    color: #666;
    padding: 0 20px 20px;
    line-height: 1.6;
}
.carousel-title a{color:#333;}
.carousel-title a:hover{color:#1890ff;}

/* 右侧列表区（无任何修改） */
.news-list-wrap {
    width: 60%;
}
.news-list {
    display: none;
}
.news-list.active {
    display: block;
}
.news-list-item {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}
.news-list-item:last-child {
    border-bottom: none;
}
.list-date {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #eee;
    border-radius: 4px;
    text-align: center;
    padding: 5px 0;
    margin-right: 15px;
    color: #666;
    font-size: 12px;
}
.list-date::first-line {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
.list-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    cursor: pointer;
    transition: color 0.3s;
}
.list-title a{color:#333;}
.list-title a:hover{color:#1890ff;}
.list-title:hover {
    color: #1890ff;
}
.list-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 响应式适配（无修改） */
@media (max-width: 992px) {
    .news-content-wrap {
        flex-direction: column;
    }
    .news-carousel, .news-list-wrap {
        width: 100%;
    }
}

.partner-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 版块容器 - 独立作用域 */
.partner-section {
    max-width: 1600px;
    margin: 80px auto;
    padding: 0 40px; /* 增加左右内边距，给箭头预留空间 */
    position: relative;
}

/* 版块标题样式 */
.partner-title-wrap {
    text-align: center;
    margin-bottom: 100px;
}
.partner-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    position: relative;
    display: inline-block;
}
.partner-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background: #1890ff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

/* 滑动容器核心样式 */
.partner-slider-wrap {
    position: relative;
    width: 100%;
    overflow: visible !important; /* 关键：允许箭头超出容器显示 */
}

/* 左右滑动按钮 - 核心修复 */
.partner-slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: #fff;
    color: #1890ff;
    border: 2px solid #1890ff;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 9999; /* 最高层级，确保不被遮挡 */
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    /* 强制显示，避免被隐藏 */
    opacity: 1 !important;
    visibility: visible !important;
}
/* 左按钮 - 完整显示在左侧外侧 */
.partner-slider-btn.prev-btn {
    left: -60px; /* 向左偏移，完整显示在容器外侧 */
}
/* 右按钮 - 完整显示在右侧外侧 */
.partner-slider-btn.next-btn {
    right: -60px; /* 向右偏移，完整显示在容器外侧 */
}
/* 按钮hover效果 */
.partner-slider-btn:hover {
    background: #1890ff;
    color: #fff;
    transform: translateY(-50%) scale(1.05);
}

/* 滑动内容容器 */
.partner-slider-container {
    width: 100%;
    overflow: hidden;
}
.partner-slider-list {
    display: flex;
    gap: 30px; /* logo之间的间距 */
    transition: transform 0.5s ease-in-out;
    width: max-content;
}

/* 合作伙伴logo项 */
.partner-item {
    width: 220px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    flex-shrink: 0; /* 防止被压缩 */
}
.partner-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* 响应式适配 - 移动端也保证箭头显示 */
@media (max-width: 768px) {
    .partner-section {
        padding: 0 30px;
    }
    .partner-slider-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .partner-slider-btn.prev-btn {
        left: -20px;
    }
    .partner-slider-btn.next-btn {
        right: -20px;
    }
    .partner-item {
        width: 100px;
        height: 70px;
    }
}

@media (max-width: 480px) {
    .partner-section {
        padding: 0 25px;
    }
    .partner-slider-btn {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    .partner-slider-btn.prev-btn {
        left: -18px;
    }
    .partner-slider-btn.next-btn {
        right: -18px;
    }
}

/* 版块全局样式 - 匹配截图底色 */
.about-us-section {
    background-color: #f9f9f9; /* 截图同款浅灰底色 */
    padding: 80px 0;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

/* 第一部分：版块名称 */
.about-us-title-wrap {
    text-align: center;
    margin-bottom: 60px;
}
.about-us-title {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    position: relative;
    display: inline-block;
}
.about-us-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background-color: #1890ff; /* 主题蓝下划线 */
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

/* 第二部分：文字+视频左右布局 */
.about-us-content {
    display: flex;
    gap: 40px;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 60px;
}
/* 左侧文字 */
.about-us-text {
    flex: 1;
    color: #666;
    line-height: 1.8;
    font-size: 16px;
}
.about-us-desc {
    margin-bottom: 20px;
}
.about-us-more {
    color: #1890ff;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
}
.about-us-more:hover {
    text-decoration: underline;
}
/* 右侧视频 */
.about-us-video {
    flex: 1;
}
.about-us-video video {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 第三部分：5个数据卡片 */
.about-us-cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    flex-wrap: wrap;
    gap: 20px;
}
.about-us-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    flex: 1;
    min-width: 150px;
}
/* 卡片左侧小图标 */
.card-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
/* 卡片右侧文字 */
.card-text {
    line-height: 1.5;
}
.card-num {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.card-label {
    font-size: 14px;
    color: #999;
}
/* ========== 关于我们轮播图（全新类名：about-carousel-*） ========== */
/* 轮播图容器：固定高度，防止布局错乱 */
.about-carousel-wrapper {
    flex: 1;
    width: 100%;
    max-width: 700px; /* 大屏最大宽度 */
    height: 400px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 轮播轨道 */
.about-carousel-track {
    display: flex;
    transition: transform 0.5s ease;
    width: 100%;
    height: 100%; /* 继承父容器高度 */
}

/* 轮播项 */
.about-carousel-item {
    flex: 0 0 100%;
    width: 100%;
    height: 100%; /* 继承父容器高度 */
}
.about-carousel-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; /* 保持图片比例，填充容器，裁剪多余部分 */
    object-position: center; /* 图片居中显示 */
}

/* 轮播指示器 */
.about-carousel-indicators {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}
.about-carousel-indicators .indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: all 0.3s ease;
}
.about-carousel-indicators .indicator.active {
    background-color: #fff;
    width: 20px;
    border-radius: 4px;
}

/* 左右箭头（可选） */
.about-carousel-prev,
.about-carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    border: none;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s ease;
}
.about-carousel-prev {
    left: 15px;
}
.about-carousel-next {
    right: 15px;
}
.about-carousel-prev:hover,
.about-carousel-next:hover {
    background-color: rgba(0,0,0,0.5);
}

/* ========== 响应式适配 ========== */
@media (max-width: 768px) {
    .about-us-content {
        flex-direction: column;
        gap: 20px;
    }
    .about-carousel-wrapper {
        width: 100%;
        height: 250px; /* 移动端高度缩小 */
    }
}

/* 响应式适配 */
@media (max-width: 992px) {
    .about-us-content {
        flex-direction: column;
    }
    .about-us-text, .about-us-video {
        flex: none;
        width: 100%;
    }
    .about-us-cards {
        justify-content: center;
    }
    .about-us-card {
        flex: none;
        width: 45%;
    }
	 .about-carousel-wrapper {
        max-width: 600px; /* 平板最大宽度 */
        height: 350px;
    }
	
}
@media (max-width: 768px) {
    .about-us-card {
        width: 100%;
        justify-content: center;
    }
    .about-us-title {
        font-size: 28px;
    }
    .about-us-section {
        padding: 60px 0;
    }
}

/* 外层强制铺满容器 - 最高优先级 */
.about-us-outer-wrap {
  width: 100% !important; /* 强制占满屏幕宽度 */
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f9f9f9 !important; /* 强制背景色铺满 */
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 版块核心样式 - 强制覆盖 */
.about-us-section {
  background-color: #f9f9f9 !important; /* 截图同款浅灰底色 */
  padding: 80px 0 !important;
  margin: 0 auto !important;
  width: 100% !important; /* 强制占满父容器 */
  max-width: none !important; /* 取消最大宽度限制 */
  box-sizing: border-box !important;
  position: relative !important;
}

/* 内容内层容器 - 仅控制内容居中，不限制背景 */
.about-us-inner {
  max-width: 1600px !important; /* 内容最大宽度 */
  margin: 0 auto !important; /* 内容居中 */
  padding: 0 20px !important; /* 小屏内边距 */
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 第一部分：版块名称 - 强制居中 */
.about-us-title-wrap {
  text-align: center !important;
  margin-bottom: 60px !important;
  width: 100% !important;
}
.about-us-title {
  font-size: 32px !important;
  font-weight: bold !important;
  color: #333 !important;
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
}
.about-us-title::after {
  content: '' !important;
  width: 60px !important;
  height: 3px !important;
  background-color: #1890ff !important;
  position: absolute !important;
  bottom: -10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* 第二部分：文字+视频布局 - 强制适配 */
.about-us-content {
  display: flex !important;
  gap: 40px !important;
  align-items: flex-start !important;
  margin-bottom: 60px !important;
  width: 100% !important;
  flex-wrap: wrap !important;
}
.about-us-text {
  flex: 1 !important;
  min-width: 300px !important;
  color: #666 !important;
  line-height: 1.8 !important;
  font-size: 16px !important;
}
.about-us-desc {
  margin-bottom: 20px !important;
  text-indent:2em;
}
.about-us-more {
  color: #1890ff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  display: inline-block !important;
  margin-top: 10px !important;
}
.about-us-video {
  flex: 1 !important;
  min-width: 300px !important;
}
.about-us-video video {
  width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* 第三部分：卡片布局 - 强制适配 */
.about-us-cards {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  width: 100% !important;
}
.about-us-card {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  background-color: #fff !important;
  padding: 20px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  flex: 1 !important;
  min-width: 150px !important;
}
.card-icon {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
}
.card-text {
  line-height: 1.5 !important;
}
.card-num {
  font-size: 18px !important;
  font-weight: bold !important;
  color: #333 !important;
}
.card-label {
  font-size: 14px !important;
  color: #999 !important;
}

/* 响应式强制适配 */
@media (max-width: 992px) {
  .about-us-content {
    flex-direction: column !important;
    gap: 20px !important;
  }
  .about-us-text, .about-us-video {
    flex: none !important;
    width: 100% !important;
  }
  .about-us-cards {
    justify-content: center !important;
  }
  .about-us-card {
    flex: none !important;
    width: 45% !important;
  }
}
@media (max-width: 768px) {
  .about-us-card {
    width: 100% !important;
  }
  .about-us-title {
    font-size: 28px !important;
  }
  .about-us-section {
    padding: 60px 0 !important;
  }
}

/* 全局样式重置 - 避免外层干扰 */
.about-us-outer-wrap * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 版块全局样式 - 背景图+居中 */
.contact-section {
   /* background-image: url("/img/banner-about.jpg"); /* 替换为你的背景图地址 */*/
    background-size: cover;
    background-position: center;
    padding: 80px 20px;
    margin: 0 auto;
    width: 100%;
}

/* 容器：控制卡片宽度+居中 */
.contact-container {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    justify-content: center;
}

/* 左右卡片：宽高一致 */
.contact-card {
    width: 45%; /* 左右卡片宽度相同 */
    min-height: 380px; /* 固定最小高度，保证视觉一致 */
    background-color: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
}

/* 卡片标题样式 */
.contact-card-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 45px;
    position: relative;
}
.contact-card-title::after {
    content: "";
    width: 40px;
    height: 3px;
    background-color: #1890ff;
    position: absolute;
    bottom: -8px;
    left: 0;
}

/* 左侧联系电话列表 */
.contact-phone-list {
    list-style: none;
    flex: 1;
}
.contact-phone-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
    line-height: 1.6;
    color: #666;
}
.item-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #1890ff;
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
    margin-top: 2px;
}
.phone-number {
    color: #1890ff;
    font-weight: 500;
}

/* 右侧社交媒体列表 */
.social-list {
    display: flex;
    gap: 50px;
    justify-content: center;
    flex: 1;
    align-items: center;
}
.social-item {
    text-align: center;
}
.social-qrcode {
    width: 150px;
    height: 150px;
    object-fit: contain;
    margin-bottom: 10px;
    
}
.social-text {
    color: #666;
    font-size: 14px;
}

/* 响应式适配：小屏堆叠卡片 */
@media (max-width: 768px) {
    .contact-container {
        flex-direction: column;
    }
    .contact-card {
        width: 100%;
        min-height: auto;
    }
    .social-list {
        flex-wrap: wrap;
    }
}

/* 基础重置 & 样式隔离 */
.branch-info-section,
.branch-info-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    font-family: "Microsoft Yahei", sans-serif;
}

/* 版块外层 - 灰色背景 */
.branch-info-section {
    background-color: #f5f5f5; /* 浅灰色背景，可根据需求调整 */
    padding: 60px 20px;
    width: 100%;
}

/* 内容容器 - 居中+限制最大宽度 */
.branch-info-container {
    max-width: 1600px;
    margin: 0 auto;
}

/* 标题区域 */
.branch-info-title-wrapper {
    text-align: center;
    margin-bottom: 40px;
}

.branch-info-main-title {
    font-size: 28px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
}

.branch-info-divider {
    width: 60px;
    height: 3px;
    background-color: #333;
    margin: 0 auto;
}

/* 卡片网格 - 一行三列 */
.branch-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 一行三列，自动均分宽度 */
    gap: 25px; /* 卡片间距 */
}

/* 单个卡片样式 */
.branch-card {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 55px 20px;
    display: flex;
    align-items: center;
    gap: 20px; /* 图标和文字间距 */
    transition: box-shadow 0.2s ease;
}

/* 卡片悬浮效果（可选） */
.branch-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* 卡片左侧图标 */
.branch-card-icon {
    width: 110px;
    height: 110px;
    flex-shrink: 0; /* 不压缩图标尺寸 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.branch-icon-img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 保证图标完整显示，不拉伸 */
}

/* 卡片右侧文字区域 */
.branch-card-content {
    flex: 1; /* 占满剩余宽度 */
}

/* 第一行文字（分支机构名称）- 字体更大 */
.branch-name {
    font-size: 18px; /* 比其他文字大 */
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4;
}

/* 第二行文字（地址） */
.branch-address {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 6px;
}

/* 第三行文字（电话） */
.branch-phone {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* 响应式适配 */
/* 平板端：一行两列 */
@media (max-width: 992px) {
    .branch-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 移动端：一行一列 */
@media (max-width: 768px) {
    .branch-cards-grid {
        grid-template-columns: 1fr;
    }
    
    .branch-card {
        flex-direction: column; /* 移动端图标在上，文字在下 */
        text-align: center;
        gap: 15px;
    }
    
    .branch-info-main-title {
        font-size: 24px;
    }
}

/* 样式隔离，避免冲突 */
.breadcrumb-section,
.breadcrumb-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

/* 面包屑外层 - 灰色背景 */
.breadcrumb-section {
    background-color: #f5f5f5; /* 浅灰色背景，和分支机构版块背景统一 */
    padding: 15px 20px;
    width: 100%;
    border-bottom: 1px solid #e0e0e0; /* 可选：加底部边框，区分层级 */
}

/* 内容容器 - 居中限制宽度 */
.breadcrumb-container {
    max-width: 1600px;
    margin: 0 auto;
}

/* 面包屑内容行 */
.breadcrumb-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #666;
}

/* 面包屑项通用样式 */
.breadcrumb-item {
    color: #666;
    transition: color 0.2s;
}

/* 首页项样式 */
.home-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.home-icon {
    font-size: 12px;
}

/* 分隔符 */
.breadcrumb-separator {
    color: #999;
    font-size: 12px;
}

/* 当前项（联系我们）样式 */
.current-item {
    color: #333;
    font-weight: 500;
    cursor: default;
}

/* 悬浮效果 */
.breadcrumb-item:not(.current-item):hover {
    color: #1890ff;
}

/* 响应式适配：小屏压缩间距 */
@media (max-width: 768px) {
    .breadcrumb-wrapper {
        font-size: 13px;
        gap: 6px;
    }
}

/* 样式隔离 */
.about-fanyi-section,
.about-fanyi-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 版块外层 - 灰色背景 */
.about-fanyi-section {
    background-color: #fff; /* 浅灰色背景，与其他版块统一 */
    padding: 60px 20px;
    width: 100%;
}

/* 内容容器 - 居中+限制宽度 */
.about-fanyi-container {
    max-width: 1600px;
    margin: 0 auto;
    text-align: center; /* 标题/标语居中 */
}

/* 1. 版块名称 */
.about-fanyi-title-wrap {
    margin-bottom: 30px;
}
.about-fanyi-main-title {
    font-size: 28px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
}
.about-fanyi-title-divider {
    width: 60px;
    height: 3px;
    background-color: #333;
    margin: 0 auto; /* 下划线居中 */
}

/* 2. 大字体标语 */
.about-fanyi-slogan {
    margin-bottom: 30px;
}
.about-fanyi-slogan p {
    font-size: 22px;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
}

/* 3. 公司简介（3段P标签） */
.about-fanyi-desc {
    margin-bottom: 40px;
    text-align: left; /* 正文左对齐，方便阅读 */
}
.about-fanyi-desc p {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px; /* 段落间距 */
	text-indent:2em;
}
.about-fanyi-desc p:last-child {
    margin-bottom: 0;
}

/* 4. 展示图片 */
.about-fanyi-img-wrap {
    width: 100%;
    overflow: hidden;
   
}
.about-fanyi-img {
    
    height: 300px;
    object-fit: cover;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .about-fanyi-main-title {
        font-size: 24px;
    }
    .about-fanyi-slogan p {
        font-size: 18px;
    }
    .about-fanyi-desc p {
        font-size: 15px;
    }
}

/* 样式隔离 */
.core-capability-section,
.core-capability-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

/* 版块外层 - 灰色背景 */
.core-capability-section {
    background-color: #f5f5f5; /* 与关于我们版块统一的浅灰色 */
    padding: 60px 20px;
    width: 100%;
}

/* 内容容器 - 居中+限制宽度 */
.core-capability-container {
    max-width: 1500px;
    margin: 0 auto;
}

/* 第一部分：标题区域 */
.core-capability-title-wrap {
    text-align: center;
    margin-bottom: 40px;
}
.core-capability-main-title {
    font-size: 28px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
}
.core-capability-title-divider {
    width: 60px;
    height: 3px;
    background-color: #333;
    margin: 0 auto 15px; /* 下划线居中，与副标题间距 */
}
.core-capability-subtitle {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}

/* 第二部分：3个卡片容器 - 一行三列 */
.core-capability-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; /* 卡片间距 */
}

/* 单个卡片基础样式 */
.core-capability-card {
    background-color: #fff;
    border-bottom: 3px solid #226bbc; /* 卡片底部蓝色边框 */
    overflow: hidden; /* 隐藏图片缩放的溢出部分 */
    transition: all 0.3s ease; /* 过渡动画，保证交互流畅 */
    height: 100%; /* 强制所有卡片高度一致 */
    display: flex;
    flex-direction: column;
}

/* 卡片图片容器 */
.card-img-wrap {
    width: 100%;
    height: 200px; /* 图片区域固定高度 */
    overflow: hidden; /* 隐藏图片缩放溢出 */
    transition: height 0.3s ease; /* 图片高度变化的过渡 */
}
.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片铺满容器，保持比例 */
}

/* 卡片内容区域 */
.card-content {
    padding: 25px 20px;
    flex: 1; /* 占满剩余高度 */
    transition: all 0.3s ease; /* 背景/文字颜色过渡 */
}
.card-title {
    font-size: 22px;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
    transition: color 0.3s ease;
}
.card-list {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}
.card-list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 12px; /* 为列表项符号留空间 */
    transition: color 0.3s ease;
}
/* 列表项前的小圆点 */
.card-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #666;
    transition: color 0.3s ease;
}

/* 鼠标hover卡片的交互效果 */
.core-capability-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); /* 可选：添加hover阴影 */
}
/* 1. 图片高度缩小 */
.core-capability-card:hover .card-img-wrap {
    height: 120px; /* 图片高度从200px缩到120px，可按需调整 */
}
/* 2. 内容区域蓝色背景+白色文字 */
.core-capability-card:hover .card-content {
    background-color: #226bbc; /* 蓝色背景，与底部边框色一致 */
}
.core-capability-card:hover .card-title {
    color: #fff; /* 标题白色 */
}
.core-capability-card:hover .card-list li {
    color: #fff; /* 列表文字白色 */
}
.core-capability-card:hover .card-list li::before {
    color: #fff; /* 小圆点白色 */
}

/* 响应式适配 */
/* 平板端：一行两列 */
@media (max-width: 992px) {
    .core-capability-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    /* 最后一个卡片占满一行 */
    .core-capability-cards .core-capability-card:last-child {
        grid-column: 1 / -1;
    }
}

/* 移动端：一行一列 */
@media (max-width: 768px) {
    .core-capability-cards {
        grid-template-columns: 1fr;
    }
    .core-capability-main-title {
        font-size: 24px;
    }
    .core-capability-subtitle {
        font-size: 15px;
    }
    /* 移动端hover效果简化（可选） */
    .core-capability-card:hover .card-img-wrap {
        height: 150px;
    }
}
/* 样式隔离 */
.business-layout-section,
.business-layout-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 版块外层容器 - 相对定位 */
.business-layout-section {
    position: relative;
    width: 100%;
    height: 800px; /* 固定高度，可根据背景图调整 */
    overflow: hidden;
}

/* 背景图容器 - 绝对定位铺满 */
.business-layout-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 背景图铺满且保持比例 */
}

/* 内容容器 - 相对定位，层级高于背景 */
.business-layout-container {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px; /* 增加左右内边距，防止卡片超出背景 */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 第一部分：标题区域（居中） */
.business-layout-title-wrap {
    text-align: center; /* 标题居中 */
    margin-bottom: 60px;
    color: #fff; /* 白色文字，适配深色背景 */
    width: 100%; /* 占满宽度，保证居中 */
}
.business-layout-main-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}
.business-layout-subtitle {
    font-size: 18px;
    opacity: 0.9;
}

/* 第二部分：右侧卡片容器（限制宽度，不超背景） */
.business-layout-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 400px; /* 卡片宽度 */
    margin-left: auto; /* 靠右对齐 */
    max-width: 100%; /* 不超过容器宽度 */
}

/* 单个卡片样式 - 90%透明度白底，保留背景可见 */
.business-card {
    background: rgba(255, 255, 255, 0.2); /* 90%不透明度白底，可清晰看到背景 */
    padding: 25px 20px;
    border-radius: 8px;
    border-left: 4px solid #a2b2d5; /* 左侧蓝色竖线装饰 */
    /* 移除毛玻璃效果，保证背景清晰可见 */
}

/* 卡片数字 - 大号字体 */
.card-number {
    font-size: 48px;
    font-weight: 700;
    color: #fff; /* 蓝色数字，突出重点 */
    line-height: 1.2;
    margin-bottom: 8px;
}

/* 卡片标签 */
.card-label2 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}

/* 卡片描述 */
.card-desc {
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .business-layout-section {
        height: auto;
        padding: 80px 0;
    }
    .business-layout-container {
        padding: 0 20px;
    }
    .business-layout-cards {
        width: 100%;
        margin-left: 0;
    }
    .business-layout-main-title {
        font-size: 28px;
    }
    .card-number {
        font-size: 36px;
    }
}

/* 防止背景图加载闪烁 */
.bg-img {
    transition: opacity 0.5s ease;
}

/* 样式隔离 */
.mission-vision-section,
.mission-vision-section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 版块外层 - 100%宽度+背景图 */
.mission-vision-section {
    position: relative;
    width: 100%;
    padding: 80px 20px;
    background-color: #f5f5f5; /* 背景图加载前的占位色 */
}

/* 背景图容器 - 铺满100% */
.mission-vision-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 背景图铺满且保持比例 */
  /*  opacity: 0.15; /* 背景图降低透明度，避免干扰内容 */*/
}

/* 内容容器 - 居中+层级高于背景 */
.mission-vision-container {
    position: relative;
    z-index: 2;
    max-width: 1600px;
    margin: 0 auto;
    text-align: center; /* 标题居中 */
}

/* 第一部分：版块名称+下划线 */
.mission-vision-title-wrap {
    margin-bottom: 120px; /* 增加间距，适配图标上移 */
}
.mission-vision-main-title {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
}
.mission-vision-title-divider {
    width: 60px;
    height: 3px;
    background-color: #1890ff; /* 蓝色下划线 */
    margin: 0 auto;
}

/* 第二部分：3个卡片容器（一行三列） */
.mission-vision-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* 单个卡片样式 */
.mv-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 0 20px 30px; /* 顶部无padding，适配图标上移 */
    position: relative;
}

/* 图标容器（上移+hover变色核心） */
.mv-icon-wrap {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #fff; /* 初始白色背景 */
	box-shadow: 0px 10px 15px 0px rgba(199, 212, 227, 0.25);
     /* 初始蓝色边框 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -60px; /* 向上偏移40px，突出卡片外 */
    margin-bottom: 20px;
    transition: all 0.3s ease; /* 过渡动画 */
    z-index: 10; /* 确保图标在最上层 */
}

/* img标签图标样式 */
.mv-icon {
    width: 66px;
    height: 66px;
    object-fit: contain; /* 保证图标比例不变 */
    filter: invert(30%) sepia(90%) saturate(2000%) hue-rotate(190deg) brightness(90%) contrast(90%); /* 初始蓝色（匹配原SVG） */
    transition: all 0.3s ease;
}

/* 卡片内容区 */
.mv-card-content {
    width: 100%;
    text-align: center;
}

/* 卡片标题 */
.mv-card-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

/* 卡片标题下划线 */
.mv-card-title-divider {
    width: 40px;
    height: 2px;
    background-color: #1890ff;
    margin: 0 auto 15px;
}

/* 卡片描述 */
.mv-card-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* ========== img图标hover变色特效（核心） ========== */
/* 鼠标hover到卡片时，图标容器背景变蓝，图标变白 */
.mv-card:hover .mv-icon-wrap {
    background-color: #1890ff; /* 图标背景变蓝 */
    border-color: #1890ff; /* 边框同步变蓝 */
}
.mv-card:hover .mv-icon {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); /* 图标变为纯白色 */
}

/* 响应式适配 */
@media (max-width: 768px) {
    .mission-vision-cards {
        grid-template-columns: 1fr;
    }
    .mission-vision-main-title {
        font-size: 24px;
    }
    .mv-icon-wrap {
        width: 70px;
        height: 70px;
        margin-top: -35px;
    }
    .mv-icon {
        width: 20px;
        height: 20px;
    }
}

    /* ========== 版块名称样式（独立类名） ========== */
    .section-title-bar {
        width: 100%;
        padding: 60px 20px;
        background-color: #ffffff;
    }
    .title-container {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }
    .section-main-title {
        font-size: 28px;
        font-weight: 700;
        color: #333333;
        margin-bottom: 10px;
        position: relative;
        display: inline-block;
    }
    .section-main-title::after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 2px;
        background-color: #333333;
    }
    .section-sub-desc {
        font-size: 16px;
        color: #666666;
        line-height: 1.6;
        margin-top: 20px;
    }

    /* ========== 发展历程时间线样式（独立类名） ========== */
    .development-timeline-section {
        width: 100%;
        padding: 0 20px 80px;
        background-color: #ffffff;
    }
    .dt-container {
        max-width: 1600px;
        margin: 0 auto;
    }
    /* 时间线滑动区域 */
    .dt-timeline-wrap {
        display: flex;
        align-items: center;
        position: relative;
        margin-bottom: 60px;
    }
    /* 滑动箭头 */
    .dt-arrow {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: none;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
        padding: 0;
    }
    .dt-arrow svg path {
        stroke: #1890ff;
        stroke-width: 3;
    }
    .dt-arrow-left {
        margin-right: 10px;
    }
    .dt-arrow-right {
        margin-left: 10px;
    }
    /* 时间线滚动容器 */
    .dt-timeline-scroll {
        flex: 1;
        overflow: hidden;
        position: relative;
    }
    /* 时间线轨道 */
    .dt-timeline-track {
        display: flex;
        align-items: center;
        position: relative;
        height: 90px;
        transition: transform 0.3s ease;
    }
    .dt-timeline-track::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9;
        transform: translateY(-50%);
        z-index: 1;
    }
    /* 年份节点 */
    .dt-year-node {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 80px;
        margin: 0 40px;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }
    /* 年份圆点 */
    .year-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #d9d9d9;
        margin-bottom: 30px;
        transition: all 0.2s ease;
        position: relative;
        z-index: 2;
    }
    .dt-year-node.active .year-dot {
        background-color: #1890ff;
        width: 15px;
        height: 15px;
    }
    /* 年份文字 */
    .year-text {
        font-size: 14px;
        color: #666666;
        line-height: 1;
        transition: all 0.2s ease;
    }
    .dt-year-node.active .year-text {
        color: #666666;
        font-weight: normal;
		margin-top:10px;
	
    }
    /* 年份下划线 */
    .year-underline {
        width: 60px;
        height: 2px;
        background-color: transparent;
        margin-top: 8px;
        transition: all 0.2s ease;
    }
    .dt-year-node.active .year-underline {
        background-color: #1890ff;
    }
    /* 文字展示区 */
    .dt-content-wrap {
        max-width: 100%;
        margin: 0;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        color: #666666;
        line-height: 2;
        text-align: left;
        min-height: auto;
        display: block;
    }

    /* ========== 响应式适配 ========== */
    @media (max-width: 768px) {
        /* 版块名称适配 */
        .section-main-title {
            font-size: 24px;
        }
        .section-sub-desc {
            font-size: 14px;
        }
        /* 时间线适配 */
        .dt-timeline-wrap {
            padding: 0 5px;
        }
        .dt-arrow {
            width: 20px;
            height: 20px;
        }
        .dt-year-node {
            width: 60px;
            margin: 0 20px;
        }
        .year-text {
            font-size: 12px;
        }
        .year-underline {
            width: 40px;
        }
        .dt-content-wrap {
            font-size: 12px;
            line-height: 1.8;
        }
    }