  <style>
        /* ===== 全局样式（根据您提供的CSS文件精简） ===== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
            line-height: 1.6;
            color: #333;
            background: #fafafa;
        }
        
        .section-padding {
            padding: 5rem 2rem;
        }
        
        .section-title {
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 3rem;
            color: #1a365d;
            position: relative;
            padding-bottom: 15px;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #1a237e, #3949ab);
            border-radius: 2px;
        }
        
        /* ===== 页面内容样式 ===== */
        .page-header {
            position: relative;
            height: 560px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            margin-top: 0px; /* 导航高度补偿 */
        }
        
        .page-header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.page-header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* 确保图片填满容器 */
    position: relative;  /* 让遮罩层覆盖在图片上 */
}

/* 添加黑色半透明遮罩（替代原来的 linear-gradient） */
.page-header-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

        
        .page-header-content {
            position: relative;
            z-index: 2;
            text-align: center;
            max-width: 800px;
            padding: 0 20px;
        }
        
        .page-header h1 {
            font-size: 3.5rem;
            margin-bottom: 1rem;
            font-weight: 700;
            text-shadow: 0 2px 5px rgba(0,0,0,0.5);
        }
        
/* ===== 面包屑导航样式 ===== */
/* 修改面包屑导航样式 */
.breadcrumb {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: rgba(255,255,255,.85);
    padding: 0;
    position: absolute;
    bottom: 30px; /* 距离底部距离 */
    left: 350px; /* 距离左侧距离 */
    z-index: 10;
    margin: 0; /* 去掉外边距 */
}

.breadcrumb li a {
    color: rgba(255,255,255,.85);
    text-decoration: none;
    transition: color .3s;
}

.breadcrumb li a:hover {
    color: #fff;
}

.breadcrumb li:last-child {
    color: #fff;
    font-weight: 500;
}

.breadcrumb .fa-angle-right {
    font-size: 12px;
    color: rgba(255,255,255,.7);
}

/* 确保页面头部容器有相对定位 */
.page-header {
    position: relative;
    height: 560px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin-top: 0px;
}

/* 调整页面头部内容居中 */
.page-header-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    padding: 0 20px;
}



        
        /* ===== 关于公司 ===== */
        .about-company {
            background: white;
        }
        
        .about-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }
        
        .about-text h2 {
            font-size: 2.5rem;
            color: #1a237e;
            margin-bottom: 1.5rem;
        }
        
        .about-text p {
            font-size: 1.1rem;
            color: #666;
            line-height: 1.8;
            margin-bottom: 1.5rem;
        }
        
        .about-features {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
            margin-top: 2rem;
        }
        
        .feature-item {
            display: flex;
            align-items: center;
            gap: 1rem;
            background: #f5f9ff;
            padding: 1rem;
            border-radius: 8px;
        }
        
        .feature-item i {
            color: #1a237e;
            font-size: 1.5rem;
            min-width: 40px;
        }
        
        .feature-content h3 {
            font-size: 1.1rem;
            margin-bottom: 0.3rem;
        }
        
        .feature-content p {
            font-size: 0.9rem;
            margin-bottom: 0;
            color: #777;
        }
        
        .about-image-container {
            background-size: cover;
            background-position: center;
            height: 500px;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        
        /* ===== 发展历程 ===== */
        .timeline-section {
            background: #f5f5f5;
        }
        
        .timeline {
            position: relative;
            max-width: 1000px;
            margin: 0 auto;
        }
        
        .timeline::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 3px;
            background: #1a237e;
            left: 50%;
            margin-left: -1.5px;
        }
        
        .timeline-item {
            padding: 20px 40px;
            position: relative;
            width: 50%;
            box-sizing: border-box;
        }
        
        .timeline-item:nth-child(odd) {
            left: 0;
        }
        
        .timeline-item:nth-child(even) {
            left: 50%;
        }
        
        .timeline-content {
            padding: 25px;
            background: white;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            position: relative;
        }
        
        .timeline-content::after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            background: white;
            top: 30px;
            z-index: 1;
            transform: rotate(45deg);
        }
        
        .timeline-item:nth-child(odd) .timeline-content::after {
            right: -10px;
        }
        
        .timeline-item:nth-child(even) .timeline-content::after {
            left: -10px;
        }
        
        .timeline-item .year {
            background: #1a237e;
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-weight: 600;
            margin-bottom: 15px;
            display: inline-block;
        }
        
        /* ===== 团队介绍 ===== */
        .team-section {
            background: white;
        }
        
        .team-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 2.5rem;
        }
        
        .team-member {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
        }
        
        .team-member:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
        }
        
        .team-photo {
            height: 300px;
            overflow: hidden;
        }
        
        .team-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        
        .team-member:hover .team-photo img {
            transform: scale(1.05);
        }
        
        .team-info {
            padding: 25px;
            text-align: center;
        }
        
        .team-info h3 {
            font-size: 1.5rem;
            color: #1a237e;
            margin-bottom: 0.5rem;
        }
        
        .team-info .position {
            color: #666;
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }
        
        .team-info p {
            font-size: 0.95rem;
            line-height: 1.6;
            color: #555;
            margin-bottom: 1.5rem;
        }
        
        .social-icons {
            display: flex;
            justify-content: center;
            gap: 15px;
        }
        
        .social-icons a {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #f0f5ff;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #1a237e;
            transition: all 0.3s;
        }
        
        .social-icons a:hover {
            background: #1a237e;
            color: white;
            transform: translateY(-3px);
        }
        
        /* ===== 响应式调整 ===== */
        @media (max-width: 992px) {
            .about-grid {
                grid-template-columns: 1fr;
                gap: 3rem;
            }
            
            .about-image-container {
                height: 400px;
            }
            
            .timeline::before {
                left: 30px;
            }
            
            .timeline-item {
                width: 100%;
                padding-left: 80px;
                padding-right: 20px;
                left: 0 !important;
            }
            
            .timeline-content::after {
                left: 20px !important;
                right: auto !important;
                top: 20px;
            }
        }
        
        @media (max-width: 768px) {
            .page-header h1 {
                font-size: 2.8rem;
            }
            
            .feature-item {
                grid-column: span 2;
            }
            
            .section-title {
                font-size: 2.2rem;
            }
        }
        
        @media (max-width: 576px) {
            .section-padding {
                padding: 4rem 1.5rem;
            }
            
            .page-header {
                height: 300px;
                margin-top: 80px;
            }
            
            .page-header h1 {
                font-size: 2.3rem;
            }
            
            .breadcrumb {
                font-size: 0.95rem;
            }
        }
		
		/* ===== 企业文化价值样式 ===== */
		/* ===== 企业文化价值样式 ===== */
.values-section {
    background: #f8f9fa;
}

.values-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2.5rem;
}

.value-card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    text-align: center;
}

.value-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(26, 35, 126, 0.15);
}

.value-icon {
    width: 80px;
    height: 80px;
     /* background: linear-gradient(135deg, #1a237e, #3949ab); */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    color: white;
    font-size: 2rem;
}

.value-card h3 {
    font-size: 1.5rem;
    color: #1a237e;
    margin-bottom: 15px;
}

.value-card p {
    font-size: 1rem;
    line-height: 1.7;
    color: #555;
}

/* 2. CSS：让 logo 排成一行，超出隐藏 */
.partners-wrapper {
  overflow: hidden;          /* 关键：把超出的部分裁掉 */
  width: 100%;
}

.partners-logos {
  display: flex;              /* 一行排列 */
  flex-wrap: nowrap;          /* 禁止换行 */
  width: max-content;         /* 宽度由内容撑开 */
  will-change: transform;     /* 性能优化 */
}

.partner-logo {
  flex: 0 0 auto;             /* 不缩放，保持原始宽度 */
  margin-right: 40px;        /* logo 间距，可改 */
}
.partner-logo img {
  height: 60px;              /* 统一高度，宽度自适应 */
  width: auto;
}
/* ===== 合作伙伴样式 ===== */
.partners-section {
    background: white;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.partners-logos {
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 40px 0;
}

.partner-logo {
    min-width: 180px;
    height: 100px;
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.4s ease;
}

.partner-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}

.partner-logo img {
    max-height: 70px;
    max-width: 150px;
}

/* ===== 页脚样式补充 ===== */
@media (max-width: 768px) {
    .values-grid {
        grid-template-columns: 1fr;
    }
    
    .partner-logo {
        min-width: 140px;
        margin: 0 15px;
    }
}
   /* 新闻详情页样式 */
        .news-detail-section {
            background: #f8f9fa;
            padding: 80px 0;
        }
        
        .news-detail-container {
            max-width: 900px;
            margin: 0 auto;
            background: white;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            overflow: hidden;
        }
        
        .news-detail-header {
            padding: 40px;
            border-bottom: 1px solid #eee;
        }
        
        .news-detail-title {
            font-size: 32px;
            font-weight: 700;
            color: #333;
            line-height: 1.4;
            margin-bottom: 15px;
        }
        
        .news-detail-meta {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
            color: #666;
            font-size: 14px;
        }
        
        .news-meta-item {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .news-detail-category {
            background: #667eea;
            color: white;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .news-detail-image {
            width: 100%;
            height: 400px;
            position: relative;
            overflow: hidden;
        }
        
        .news-detail-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .news-detail-content {
            padding: 40px;
            line-height: 1.8;
            color: #444;
            font-size: 16px;
        }
        
        .news-detail-content h2 {
            font-size: 24px;
            color: #333;
            margin: 30px 0 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        
        .news-detail-content h3 {
            font-size: 20px;
            color: #444;
            margin: 25px 0 15px;
        }
        
        .news-detail-content p {
            margin-bottom: 20px;
        }
        
        .news-detail-content blockquote {
            border-left: 4px solid #667eea;
            padding-left: 20px;
            margin: 25px 0;
            font-style: italic;
            color: #666;
        }
        
        .news-detail-content ul, 
        .news-detail-content ol {
            margin: 20px 0;
            padding-left: 30px;
        }
        
        .news-detail-content li {
            margin-bottom: 10px;
        }
        
        .news-detail-footer {
            padding: 30px 40px;
            border-top: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .news-tags {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .news-tag {
            background: #f1f5fe;
            color: #667eea;
            padding: 5px 12px;
            border-radius: 15px;
            font-size: 12px;
        }
        
        .news-share {
            display: flex;
            align-items: center;
            gap: 15px;
        }
        
        .share-text {
            font-size: 14px;
            color: #666;
        }
        
        .share-buttons {
            display: flex;
            gap: 10px;
        }
        
        .share-button {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            transition: transform 0.3s ease;
        }
        
        .share-button:hover {
            transform: translateY(-3px);
        }
        
        .share-wechat {
            background: #2aae67;
        }
        
        .share-weibo {
            background: #e6162d;
        }
        
        .share-linkedin {
            background: #0077b5;
        }
        
        .news-navigation {
            max-width: 900px;
            margin: 30px auto 0;
            display: flex;
            justify-content: space-between;
        }
        
        .news-nav-button {
            background: white;
            padding: 15px 25px;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
            display: flex;
            align-items: center;
            gap: 10px;
            color: #333;
            text-decoration: none;
            transition: all 0.3s ease;
            max-width: 45%;
        }
        
        .news-nav-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            color: #667eea;
        }
        
        .nav-button-text {
            overflow: hidden;
        }
        
        .nav-button-title {
            font-size: 14px;
            color: #666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .nav-button-direction {
            font-size: 16px;
            font-weight: 600;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .related-news {
            max-width: 1200px;
            margin: 80px auto 0;
        }
        
        .related-title {
            font-size: 24px;
            color: #333;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
            position: relative;
        }
        
        .related-title:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 80px;
            height: 3px;
            background: #667eea;
        }
        
        .related-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }
        
        .related-card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 3px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
        }
        
        .related-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.12);
        }
        
        .related-image {
            width: 100%;
            height: 180px;
        }
        
        .related-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .related-content {
            padding: 20px;
        }
        
        .related-date {
            font-size: 12px;
            color: #888;
            margin-bottom: 8px;
        }
        
        .related-card-title {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-bottom: 15px;
        }
        
        .related-link {
            color: #667eea;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        
        @media (max-width: 768px) {
            .news-detail-header,
            .news-detail-content,
            .news-detail-footer {
                padding: 25px;
            }
            
            .news-detail-title {
                font-size: 24px;
            }
            
            .news-detail-image {
                height: 250px;
            }
            
            .news-detail-meta {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
            
            .news-detail-footer {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .news-navigation {
                flex-direction: column;
                gap: 15px;
            }
            
            .news-nav-button {
                max-width: 100%;
            }
            
            .related-grid {
                grid-template-columns: 1fr;
            }
        }
		
		
		/*************** 新闻列表样式 *********/
        .news-section {
            background: #f8f9fa;
            padding: 80px 0;
        }
        
        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .news-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            position: relative;
        }
		/* 让链接铺满整个卡片 */
.news-card-link {
    position: absolute;
    inset: 0;
    z-index: 1;   /* 保证在最上层 */
}

/* 让“阅读更多”文字也能正常显示 */
.news-link {
    position: relative;
    z-index: 2;   /* 在链接之上，可保持 hover 效果 */
    pointer-events: none;  /* 避免阻挡点击穿透 */
}

        
        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        }
        
        .news-image {
            width: 100%;
            height: 220px;
            position: relative;
            overflow: hidden;
        }
        
        .news-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        
        .news-card:hover .news-image img {
            transform: scale(1.1);
        }
        
        .news-category {
            position: absolute;
            top: 15px;
            left: 15px;
            background: rgba(255,255,255,0.9);
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 12px;
            color: #333;
            font-weight: 600;
        }
        
        .news-content {
            padding: 25px;
        }
        
        .news-date {
            color: #666;
            font-size: 14px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .news-title {
            font-size: 20px;
            font-weight: 700;
            color: #333;
            margin-bottom: 12px;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .news-excerpt {
            color: #666;
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 20px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .news-link {
            color: #667eea;
            font-weight: 600;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: gap 0.3s ease;
        }
        
        .news-link:hover {
            gap: 10px;
        }
        
        .pagination {
            display: flex;
            justify-content: center;
            margin-top: 50px;
            gap: 10px;
        }
        
        .pagination a {
            padding: 10px 15px;
            border: 1px solid #ddd;
            color: #333;
            text-decoration: none;
            border-radius: 5px;
            transition: all 0.3s ease;
        }
        
        .pagination a:hover,
        .pagination a.active {
            background: #667eea;
            color: white;
            border-color: #667eea;
        }
        
        .news-header {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .news-header h2 {
            font-size: 36px;
            color: #333;
            margin-bottom: 15px;
            font-weight: 700;
        }
        
        .news-header p {
            font-size: 18px;
            color: #666;
            max-width: 600px;
            margin: 0 auto;
        }
        
        .news-search {
            max-width: 400px;
            margin: 30px auto;
            position: relative;
        }
        
        .news-search input {
            width: 100%;
            padding: 12px 45px 12px 20px;
            border: 1px solid #ddd;
            border-radius: 25px;
            font-size: 16px;
            outline: none;
            transition: border-color 0.3s ease;
        }
        
        .news-search input:focus {
            border-color: #667eea;
        }
        
        .news-search button {
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            background: #667eea;
            border: none;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            color: white;
            cursor: pointer;
        }
        
        @media (max-width: 768px) {
            .news-grid {
                grid-template-columns: 1fr;
                padding: 0 15px;
            }
            
            .news-header h2 {
                font-size: 28px;
            }
            
            .news-header p {
                font-size: 16px;
            }
        }
		
		/* ===== 仅新增的产品卡片样式 ===== */
        .product-card .product-meta {
            margin-top: 8px;
            font-size: 13px;
            color: #666;
            line-height: 1.6;
        }
        .product-card .product-meta li {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px dashed #eee;
            padding: 3px 0;
        }
        .product-card .product-meta .t { color: #333; }
        .product-card .product-meta .c { color: #e60012; font-weight: 600; }

        .product-card .product-buttons {
            margin-top: 12px;
            display: flex;
            gap: 10px;
        }
        .product-card .product-buttons a {
            flex: 1;
            text-align: center;
            padding: 6px 0;
            border-radius: 3px;
            font-size: 13px;
            transition: .3s;
        }
        .product-card .detail {
            background: #f5f5f5;
            color: #333;
        }
        .product-card .quote {
            background: #667eea;
            color: #fff;
        }
        .product-card .detail:hover { background: #e0e0e0; }
        .product-card .quote:hover { background: #5a6fd8; }
		
 /* 仅当前页补充样式 ---企业文化*/

        .value-section{
            padding:5rem 2rem;
            background:#fafafa;
        }
        .value-grid{
            max-width:1200px;
            margin:0 auto;
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
            gap:2.5rem;
        }
        .value-item{
            background:#fff;
            border-radius:15px;
            padding:2.5rem 2rem;
            box-shadow:0 8px 25px rgba(0,0,0,.06);
            transition:.3s;
            text-align:center;
			position: relative;
        }
        .value-item:hover{
            transform:translateY(-8px);
            box-shadow:0 12px 35px rgba(0,0,0,.12);
        }
        .value-icon{
            font-size:3rem;
            color:#1a237e;
            margin-bottom:1.2rem;
        }
        .value-item h3{
            font-size:1.5rem;
            margin-bottom:.8rem;
            color:#1a237e;
        }
        .value-item p{
            font-size:1rem;
            color:#555;
            line-height:1.7;
        }
        .timeline-section{
            padding:5rem 2rem;
            background:#fff;
        }
        .timeline{
            max-width:1000px;
            margin:0 auto;
            position:relative;
        }
        .timeline::before{
            content:'';
            position:absolute;
            left:50%;
            top:0;
            bottom:0;
            width:2px;
            background:#e0e0e0;
            transform:translateX(-50%);
        }
        .timeline-item{
            display:flex;
            margin-bottom:3rem;
            position:relative;
        }
        .timeline-item:nth-child(odd){
            flex-direction:row-reverse;
        }
        .timeline-content{
            flex:1;
            padding:1.5rem 2rem;
            background:#f5f7fa;
            border-radius:10px;
            margin:0 2rem;
            box-shadow:0 4px 15px rgba(0,0,0,.05);
        }
        .timeline-year{
            font-size:1.1rem;
            font-weight:700;
            color:#1a237e;
            margin-bottom:.5rem;
        }
        .timeline-desc{
            font-size:1rem;
            color:#444;
            line-height:1.6;
        }
        .timeline-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 50px;
    height: 50px;
    background: #1a237e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.3rem;
}
        @media(max-width:768px){
            .timeline::before{left:30px;}
            .timeline-item{flex-direction:column;margin-left:60px;}
            .timeline-item:nth-child(odd){flex-direction:column;}
            .timeline-content{margin:0 0 0 1rem;}
            .timeline-icon{left:30px;}
        }
		
		
		
		   /* ===== 仅当前页补充 ===== 招贤纳士*/
        :root{
            --primary:#1a237e;
            --primary-light:#3949ab;
            --grey:#f5f5f5;
            --radius:12px;
        }
        .careers-hero{
            height:60vh;
            background:url('/template/jituan/images/careers-hero.jpg') center/cover no-repeat;
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            text-align:center;
        }
        .careers-hero::after{
            content:'';
            position:absolute;
            inset:0;
            /* background:rgba(26,35,126,.55); */
        }
        .careers-hero-content{
            position:relative;
            z-index:2;
            max-width:700px;
            padding:0 1rem;
        }
        .careers-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700;}
        .careers-hero p{font-size:1.25rem;line-height:1.6;}

        /* 福利亮点 */
        .benefits{
            padding:4rem 2rem;
            background:var(--grey);
        }
        .benefits-grid{
            max-width:1200px;
            margin:0 auto;
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
            gap:2rem;
            text-align:center;
        }
        .benefit-item{
            background:#fff;
            border-radius:var(--radius);
            padding:2rem 1.5rem;
            box-shadow:0 4px 15px rgba(0,0,0,.06);
            transition:.3s;
        }
        .benefit-item:hover{transform:translateY(-5px);}
        .benefit-item i{
            font-size:2.5rem;
            color:var(--primary);
            margin-bottom:1rem;
        }
        .benefit-item h4{font-size:1.2rem;margin-bottom:.5rem;color:#333;}
        .benefit-item p{font-size:.95rem;color:#666;}

        /* 职位列表 */
        .jobs{
            padding:4rem 2rem;
            background:#fff;
        }
        .jobs-container{
            max-width:1000px;
            margin:0 auto;
        }
        .job-card{
            background:#fff;
            border:1px solid #e0e0e0;
            border-radius:var(--radius);
            margin-bottom:1.5rem;
            overflow:hidden;
            transition:.3s;
        }
        .job-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.08);}
        .job-header{
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:1.5rem 2rem;
            cursor:pointer;
        }
        .job-title{font-size:1.3rem;font-weight:600;color:var(--primary);}
        .job-meta{display:flex;gap:1.5rem;font-size:.9rem;color:#555;}
        .job-detail{
            display:none;
            padding:0 2rem 1.5rem;
            border-top:1px solid #f0f0f0;
        }
        .job-detail ul{margin:0 0 1rem 1.2rem;}
        .job-detail li{line-height:1.7;color:#444;}
        .job-apply{
            display:inline-block;
            padding:.6rem 1.8rem;
            background:var(--primary);
            color:#fff;
            border-radius:50px;
            font-size:.95rem;
            text-decoration:none;
            transition:.3s;
        }
        .job-apply:hover{background:var(--primary-light);}

        /* 内推 */
        .refer{
            padding:4rem 2rem;
            background:var(--primary);
            color:#fff;
            text-align:center;
        }
        .refer h2{margin-bottom:1rem;}
        .refer p{max-width:600px;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.7;}
        .refer-mail{
            display:inline-block;
            padding:.8rem 2.5rem;
            background:#fff;
            color:var(--primary);
            border-radius:50px;
            font-weight:600;
            text-decoration:none;
            transition:.3s;
        }
        .refer-mail:hover{background:#f1f1f1;}

        @media(max-width:768px){
            .job-header{flex-direction:column;align-items:flex-start;gap:.5rem;}
            .job-meta{flex-wrap:wrap;}
        }
		
		
		
		
		
		        /* 联系我们===== 仅当前页补充 ===== */
        :root{
            --primary:#1a237e;
            --primary-light:#3949ab;
            --grey:#f5f5f5;
            --radius:12px;
        }
        .contact-hero{
            height:60vh;
            background:url('/template/jituan/images/contact-hero.jpg') center/cover no-repeat;
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            text-align:center;
        }
        .contact-hero::after{
            content:'';
            position:absolute;
            inset:0;
            background:rgba(26,35,126,.55);
        }
        .contact-hero-content{
            position:relative;
            z-index:2;
            max-width:700px;
            padding:0 1rem;
        }
        .contact-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700;}
        .contact-hero p{font-size:1.25rem;line-height:1.6;}

        /* 信息卡片区 */
        /* ===== 覆盖原 .info-cards 区域 ===== */
.info-cards{
    padding:4rem 2rem;
    background:var(--grey);
}
.info-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);   /* 关键：一行4列 */
    gap:2rem;
    max-width:1200px;
    margin:0 auto;
    overflow:hidden;                      /* 防止卡片被挤到下一行 */
}

/* 卡片本身保持不变 */
.info-card{/* 原有样式 */}

        .info-card{
            background:#fff;
            border-radius:var(--radius);
            padding:2.5rem 2rem;
            text-align:center;
            box-shadow:0 5px 20px rgba(0,0,0,.06);
            transition:.3s;
        }
        .info-card:hover{transform:translateY(-5px);}
        .info-card i{
            font-size:2.5rem;
            color:var(--primary);
            margin-bottom:1rem;
        }
        .info-card h4{font-size:1.25rem;margin-bottom:.8rem;color:#333;}
        .info-card p{font-size:1rem;color:#555;line-height:1.7;}

        /* 地图+表单区 */
        .map-form{
            padding:4rem 2rem;
            background:#fff;
        }
        .map-form-container{
            max-width:1200px;
            margin:0 auto;
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:3rem;
            align-items:start;
        }
        .map-wrapper{
            position:relative;
            border-radius:var(--radius);
            overflow:hidden;
            height:450px;
        }
        .map-wrapper iframe{
            width:100%;
            height:100%;
            border:0;
        }
        .form-wrapper{
            background:#fafafa;
            border-radius:var(--radius);
            padding:2.5rem 2rem;
            box-shadow:0 5px 20px rgba(0,0,0,.05);
        }
        .form-wrapper h3{
            margin-bottom:1.5rem;
            color:var(--primary);
            font-size:1.5rem;
        }
        .form-group{
            margin-bottom:1.2rem;
        }
        .form-group label{
            display:block;
            margin-bottom:.4rem;
            font-weight:500;
            color:#333;
        }
        .form-group input,
        .form-group textarea{
            width:100%;
            padding:.8rem 1rem;
            border:1px solid #ddd;
            border-radius:6px;
            font-size:1rem;
            transition:border .3s;
        }
        .form-group input:focus,
        .form-group textarea:focus{
            border-color:var(--primary);
            outline:none;
        }
        .form-group textarea{
            resize:vertical;
            min-height:120px;
        }
        .btn-submit{
            display:inline-block;
            padding:.8rem 2.5rem;
            background:var(--primary);
            color:#fff;
            border:none;
            border-radius:50px;
            font-size:1rem;
            cursor:pointer;
            transition:.3s;
        }
        .btn-submit:hover{background:var(--primary-light);}
		.contact-form-box{
          min-width:0;          /* 防止被父级 flex/grid 压缩 */
          width:100%;
          max-width:100%;
          }
          /* 强制恢复表单字段尺寸 */
.form-wrapper .form-group input,
.form-wrapper .form-group textarea{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    padding:.8rem 1rem !important;
    font-size:1rem !important;
}
.map-form-container{
    grid-template-columns:1fr minmax(320px,1fr);
}
/* 验证码组合 */
.verify-group .verify-box{
    display: flex;
    align-items: center;
    gap: .8rem;
}
.verify-group input[name="checkcode"]{
    flex: 1 1 120px;          /* 至少 120px，剩余空间可再伸展 */
    min-width: 120px;
    padding: .8rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1rem;
}
.verify-group img{
    height: 42px;             /* 与输入框同高，可自行调整 */
    cursor: pointer;
    border-radius: 6px;
}


        /* 总经理老板直达 */
        .boss-contact{
            padding:4rem 2rem;
            background:var(--primary);
            color:#fff;
        }
        .boss-container{
            max-width:1000px;
            margin:0 auto;
            display:flex;
            align-items:center;
            gap:2.5rem;
            flex-wrap:wrap;
        }
        .boss-avatar{
            width:120px;
            height:120px;
            border-radius:50%;
            object-fit:cover;
            border:4px solid rgba(255,255,255,.3);
        }
        .boss-info h3{font-size:1.5rem;margin-bottom:.5rem;}
        .boss-info p{opacity:.9;margin-bottom:1rem;}
        .boss-contact-list{
            display:flex;
            flex-direction:column;
            gap:.8rem;
        }
        .boss-contact-item{
            display:flex;
            align-items:center;
            gap:.8rem;
            font-size:1rem;
        }
        .boss-contact-item i{
            width:30px;
            text-align:center;
        }
        .boss-call-btn{
            margin-top:1rem;
            display:inline-block;
            padding:.7rem 2rem;
            background:#fff;
            color:var(--primary);
            border-radius:50px;
            font-weight:600;
            text-decoration:none;
            transition:.3s;
        }
        .boss-call-btn:hover{background:#f1f1f1;}
		/* 新增两行即可 */
.boss-call-outer{
    display:inline-block;   /* 让外壳保持按钮尺寸 */
    pointer-events:none;    /* 外壳不接收点击，热区就不会被撑大 */
}
.boss-call-btn{
    pointer-events:auto;    /* 内层链接恢复点击 */
}


        /* 响应式 */
        @media(max-width:992px){
            .map-form-container{grid-template-columns:1fr;}
            .boss-container{flex-direction:column;text-align:center;}
			.info-grid{grid-template-columns:repeat(2,1fr);} /* 平板 2 列 */
        }
		@media(max-width:576px){
    .info-grid{grid-template-columns:1fr;}           /* 手机 1 列 */
}