/* about.css - 公司简介页面专属样式 */

/* ========== 基础变量与重置 ========== */
:root {
    --color-primary: #1a1a1a;
    --color-secondary: #0066cc;
    --color-accent: #3b68c5;
    --color-accent-light: #3388ee;
    --color-white: #ffffff;
    --color-light-gray: #f9fafc;
    --color-gray: #666666;
    --color-dark-gray: #333333;
    --border-radius: 8px;
    --border-radius-lg: 12px;
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-heavy: 0 8px 30px rgba(0, 0, 0, 0.12);
    --transition: all 0.3s ease;
}

/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Noto Sans SC', sans-serif;
    line-height: 1.6;
    color: var(--color-dark-gray);
    background: var(--color-white);
}

.container {
    max-width: 3000px;
    margin: 0 auto;
    padding: 0 0px;
}*/

/* 让 .header-with-banner 高度由内容撑开 */
.header-with-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    /* 不设固定 height */
}

.banner-background {
    position: relative; /* 改为 relative，让 img 决定高度 */
    width: 100%;
    /* height 由 img 决定 */
}

.banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; /* 保持原始比例 */
    opacity: 0;
    transform: scale(1.15);
    transform-origin: center;
    transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, opacity;
    display: block;
    z-index: 0;
}

/* 只有 active 的图片参与布局（撑开容器） */
.banner-image.active {
    position: relative; /* ← 关键！让它脱离 absolute，参与文档流 */
    z-index: 1;
    opacity: 1;
    animation: bannerZoomIn 5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes bannerZoomIn {
    0%, 15% { transform: scale(1.15); }
    100%    { transform: scale(1); }
}

/* 覆盖层也要跟随图片高度 */
.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 100%);
    z-index: 1;
}



@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 文字内容要放在图片上方 */
.banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* 真正的垂直+水平居中 */
    z-index: 2;
    padding: 0 20px;
    box-sizing: border-box;
    
}

.banner-content .container {
    text-align: center;
    max-width: 1200px;
    width: 100%;
}

.banner-content h1 {
    font-size: clamp(2.5rem, 8vw, 4rem); /* 响应式字体 */
    font-weight: 700;
    margin: 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    color: white;
    opacity: 0;
    animation: fadeInUp 1s ease-out 0.7s forwards;
}

/* 防止水平滚动条 */
.company-page {
    overflow: hidden;
}

/* ========== 公司内容选项卡 ========== */
.company-tabs-section {
    background: var(--color-white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid #eee;
}

.company-tabs {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    flex-wrap: wrap;
    overflow-x: auto;
}

.tab-btn {
    position: relative;
    padding: 25px 35px;
    background: transparent;
    border: none;
    font-size: 1.2rem;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    border-radius: 0;
    margin-right: 10px;
}

.tab-btn:hover {
    color: var(--color-accent);
}

.tab-btn.active {
    color: #3b68c5;
    font-weight: 600;
}

.tab-indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--color-accent);
    transition: width 0.3s ease;
}

.tab-btn.active .tab-indicator {
    width: 100%;
    animation: indicatorExpandFromLeft 0.3s ease forwards;
}

@keyframes indicatorExpandFromLeft {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.tab-btn:hover .tab-indicator {
    width: 100%;
    background-color: var(--color-accent);
}

.tab-btn.active .tab-indicator {
    animation: indicatorExpandFromLeft 0.3s ease forwards;
    width: 100%;
}

.tab-btn i {
    font-size: 1.3rem;
    transition: color 0.3s ease;
}

.tab-btn.active i {
    color: var(--color-accent);
}

.tab-btn:hover i {
    color: var(--color-accent);
}

/* ========== 公司内容区域 ========== */
.company-content-section {
    display: none;
    padding: 0px 0;
    animation: fadeIn 0.5s ease;
	max-width:100%;
}

.company-content-section.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.section-title {
    font-size: 2.8rem;
    color: var(--color-primary);
    padding-top: 80px;
    color: #222;
   	margin: 0px 15px 15px 15px;
    font-weight: 700;
    
}
/* ========== 公司介绍 - 图文左右布局 ========== */
.intro-content-wrapper {
    display: flex;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 0px;
    text-align: left;
    gap: 60px;
	
}

.intro-text {
    flex: 1;
	margin-top:150px;
	line-height: 1.6;
}

.intro-desc {
    font-size: 1.1rem;
    line-height:2;
    color: var(--color-gray);
    margin: 15px 15px 15px 15px;
}

.intro-features {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left:60px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.feature-item i {
    font-size: 2rem;
    color: var(--color-accent);
    margin-top: 5px;
}

.feature-item h3 {
    font-size: 1.3rem;
    color: var(--color-primary);
    margin-bottom: 5px;
}

.feature-item p {
    color: var(--color-gray);
    line-height: 1.6;
}

.intro-image {
    flex: 1;
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-heavy);
    margin: 60px
}

.intro-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.intro-image:hover img {
    transform: scale(1.03);
}

/* ========== 核心数据展示样式修复 ========== */
.company-stats {
    position: relative;
    padding: 0px 0; /* 增加内边距，使区域更大 */
    overflow: hidden;
    /*min-height:600px; *//* 增加最小高度以适应3x3布局 */
	line-height:0;
}

/* 3x3网格布局 - 纯文字版本 */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列 */

    gap: 20px; /* 调整间距 */
    margin-top: 90px;
    padding-right: 400px;
    padding-left: 150px;
}

/* 纯文字item - 无背景、无边框、无阴影 */
.stat-item {
    background: transparent; /* 透明背景 */
    padding: 5px; /* 最小内边距 */
    border-radius: 0; /* 无圆角 */
    text-align: center;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*min-height: 150px;  减少最小高度 */
    position: relative;
    overflow: hidden;
    border: none; /* 无边框 */
    box-shadow: none; /* 无阴影 */
    backdrop-filter: none; /* 无毛玻璃效果 */
}

/* 悬停效果 - 仅文字放大 */
.stat-item:hover {
    transform: scale(1.05); /* 轻微放大 */
}

.stat-item:hover .stat-number .counter-number {
 
    transform: scale(1.1); /* 数字放大 */
    transition: color 0.3s ease, transform 0.3s ease;
}

.stat-item:hover .stat-label .counter-label{
   
    transform: scale(1.05); /* 标签轻微放大 */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* 数字样式 */
.stat-number  {
    font-size: 3.5rem; /* 数字大小 */
    font-weight: 900; /* 加粗 */
    color: var(--color-black); /* 金色 */
    margin-bottom: 5px; /* 减小间距 */
    font-family: 'Noto Sans SC', sans-serif;
    position: relative;
    z-index: 2;
    line-height: 1;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* 数字样式 */
.counter-number  {
    font-size: 3.5rem; /* 数字大小 */
    font-weight: 900; /* 加粗 */
    color: var(--color-black); /* 金色 */
    margin-bottom: 5px; /* 减小间距 */
    font-family: 'Noto Sans SC', sans-serif;
    position: relative;
    z-index: 2;
    line-height: 1;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* 标签样式 */
.stat-label {
    font-size: 1.2rem; /* 标签大小 */
    color: var(--color-black);
    font-weight: 500;
    position: relative;
    z-index: 2;
    line-height: 1.2;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* 标签样式 */
.counter-label {
    font-size: 1.2rem; /* 标签大小 */
    color: var(--color-black);
    font-weight: 500;
    position: relative;
    z-index: 2;
    line-height: 1.2;
    transition: color 0.3s ease, transform 0.3s ease;
}
/* 方案三：使用单独的内容包装器 */
.stats-content-wrapper {
    position: relative;
    z-index: 4;
    padding: 4px; /* 调整内边距 */
}

/* ========== Footer紧贴上方内容 ========== */
#footer-container {
    position: relative;
    z-index: 10;
    margin-top: 0;
}


/* ========== 公司团队部分样式 ========== */
.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-header .section-title {
    font-size: 2.8rem;
    color: var(--color-primary);
    padding-top: 80px;
    color: #222;
   	margin: 0px 15px 15px 15px;
    font-weight: 700;
    text-align: center;
	line-height:1.6;
}

.section-header .section-subtitle {
    color: var(--color-gray);
    text-align: center;
    line-height: 1.7;
    font-size: 1.3rem;
    margin: 15px 15px 15px 15px;
}

/* 团队左右布局 - 纯图片样式 */
.team-layout {
    display: flex;
    gap: 60px;
    margin-bottom: 80px;
    align-items: flex-start;
}

.team-image-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
	padding-left:30px;
}

/* 纯图片样式 - 无边框、无阴影、无圆角 */
.team-image {
    width: 100%;
    height: auto;
    position: relative;
    background: transparent;
}

.team-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
    border-radius: 10px;
    box-shadow: none;
}

.team-image:hover img {
    transform: scale(1.01);
}

.team-info-container {
    flex: 1;
    padding: 30px 0;
}

.team-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.team-subtitle {
    font-size: 1.8rem;
    color: var(--color-primary);
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.team-quote {
    background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent));
    padding: 30px;
    border-radius: var(--border-radius-lg);
    color: var(--color-white);
    position: relative;
}

.team-quote i.fa-quote-left {
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 20px;
    left: 20px;
}

.team-quote p {
    font-size: 1.2rem;
    line-height: 1.6;
    font-style: italic;
    margin-bottom: 15px;
    padding-left: 30px;
}

.quote-author {
    font-size: 1rem;
    text-align: right;
    font-weight: 500;
    opacity: 0.9;
}

/* 团队价值观部分 */
.team-values-section {
    padding-top: 60px;
    border-top: 1px solid #eee;
}

.values-title {
    font-size: 2.2rem;
    color: var(--color-black);
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}

/* ========== 公司荣誉部分样式 ========== */
#company-honor .section-header {
    margin-bottom: 50px;
}

.honor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.honor-card {
    background: var(--color-white);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.honor-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-heavy);
}

.honor-icon {
    height: 120px;
    background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent));
    display: flex;
    align-items: center;
    justify-content: center;
}

.honor-icon i {
    font-size: 3rem;
    color: var(--color-white);
}

.honor-content {
    padding: 30px;
    text-align: center;
}

.honor-content h3 {
    font-size: 1.4rem;
    color: var(--color-primary);
    margin-bottom: 15px;
}

.honor-content p {
    color: var(--color-gray);
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 0.95rem;
}

.honor-year {
    display: inline-block;
    background: var(--color-light-gray);
    color: var(--color-secondary);
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 0.9rem;
}

/* ========== 公司文化部分样式更新 ========== */
.culture-content {
    position: relative;
    width: 100%; /* 确保容器占满宽度 */
}
.culture-image {
    width: 100%;
    height: auto; /* 保持原始宽高比 */
    transition: transform 0.8s ease;
    display: block;
}

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

.culture-text-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.3) 50%,
        rgba(0, 0, 0, 0.7) 100%
    );
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 20px;
    color: white;
    z-index: 2;
     pointer-events: none; /* ←←← 关键！允许鼠标穿透 */
}

.culture-vision {
    max-width: 1200px;
    width: 100%;
    padding: 300px 0 300px;
    text-align: left;
    animation: fadeInUp 1s ease-out 0.5s both;
	line-height:1.6;
}

.culture-vision h3 {
    font-size: 3.8rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	color:white;
   
}

.culture-vision p {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.4;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    max-width: 600px;
    opacity: 0.95;
	
}

/* 核心价值部分 - 同样突破容器限制 */
.core-values {
    position: relative;
    padding: 0px 0 0px;
    margin-top: 0px;
    width: 100vw; /* 使用视口宽度 */
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: 1;
}

/* 核心价值背景图片 - 满屏宽度 */
.core-values > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%; /* 只覆盖部分区域作为装饰背景 */
    object-fit: cover;
    z-index: 1;
    opacity: 0.8; /* 降低透明度使其更像背景 */
    display: block;
}

/* 核心价值内容容器 - 保持原有container宽度 */
.core-values .container {
    position: relative;
    z-index: 2; /* 确保内容在背景之上 */
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

/* 核心价值标题 - 居中显示 */
.core-values .values-title {
    font-size: 2.5rem;
    color: var(--color-black);
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    /*text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.3);*/
    display: inline-block;
    padding: 15px 40px;
    /*border-radius: 30px;
    backdrop-filter: blur(5px);*/
    margin-top: 100px;
    /* 完全居中 */
    left: 50%;
    transform: translateX(-50%);
}

/* 核心价值标题 - 纯黑色字体，完全透明背景 */
.core-values .values-title {
    font-size: 2.5rem;
    color: var(--color-primary); /* 确保使用primary颜色（黑色） */
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    background: transparent;
    display: inline-block;
    padding: 15px 40px;
    border-radius: 30px;
    margin-top: 0;
    left: 50%;
    transform: translateX(-50%);
    /* 移除所有装饰 */
    text-shadow: none;
    backdrop-filter: none;
    border: none; /* 移除边框 */
    font-weight: 700; /* 添加字体加粗，确保颜色更明显 */
}

/* ========== 核心价值部分优化 ========== */
.core-values {
    position: relative;
    padding: 0px 0 0px;
    margin-top: 0px;
    overflow: visible; /* 允许内容超出背景区域 */
    z-index: 1;
}

/* 核心价值背景容器 */
.core-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%; /* 只覆盖部分区域作为装饰背景 */
    z-index: 1;
    overflow: hidden;
}

.core-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8; /* 降低透明度使其更像背景 */
}

/* 核心价值内容容器 */
.core-values .container {
    position: relative;
    z-index: 2; /* 确保内容在背景之上 */
}

/* 核心价值标题 - 黑色，增强对比度 */
.core-values .values-title {
    font-size: 2.8rem;
    color: #000000; /* 纯黑色 */
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding: 15px 40px;
    margin-top: 0;
    font-weight: 800; /* 更粗的字体 */
    letter-spacing: 1px; /* 增加字母间距 */
	margin-top:50px;
  
    left: 50%;
    transform: translateX(-50%);
}
 
/* ========== 公司荣誉部分 - 优化设计 ========== */
.honor-container {
  display: flex;
  align-items: flex-start;
  /* 关键修改：不再 width: 100%，而是设最大宽度并居中 */
  max-width: 2000px;       /* 根据你的设计调整，比如 1400px / 1600px */
  width: 100%;
  margin: 0 auto;          /* ← 水平居中 */
  padding: 0 0px;         /* 可选：防止小屏贴边 */
  box-sizing: border-box;
}

/* 左边长图区域 */
.honor-left img {
  width: 100%;
  height: auto; /* 保持宽高比 */
  display: block;
  /* 如果仍有1px间隙，加这个 */
  vertical-align: top;
}


/* 右边内容区域 */
.honor-right {
    flex: 1;
    display: flex;
    flex-direction: column;
	max-width:100%;
}

/* 荣誉简介部分 - 新的左右布局 */
.honor-intro {
    background: var(--color-white);
    box-shadow: var(--shadow);
	max-width:100%;
	
   
}

/* 上半部分布局容器 */
/* 确保荣誉顶部区域使用 flex 布局，并底部对齐 */
.honor-top {
  display: flex;
  gap: 20px;
  align-items: flex-start; /* 关键：左右两列底部对齐 */
}

.honor-text p {
    color: var(--color-gray);
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

.honor-stats {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.honor-stat {
    text-align: center;
    min-width: 120px;
}

.honor-stat .number {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 5px;
    line-height: 1;
}

.honor-stat .label {
    font-size: 14px;
    color: var(--color-gray);
    font-weight: 500;
}

.honor-certificate-small .certificate-label {
    font-size: 14px;
    color: var(--color-gray);
    font-weight: 500;
    text-align: center;
    flex:1;
}

.honor-certificate-small .certificate-image {
    width: 400px;
    height: 300px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.honor-certificate-small .certificate-image:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-heavy);
}

.honor-certificate-small .certificate-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




/* 右边部分：奖杯大图 */
.honor-right-content {
    height:100%;
    max-width:100%;
    
}

.honor-trophy-large {
  width: 100%;
  /* height: 100%; 移除这行 */
  display: block; /* 改为块级元素 */
}

/* 给图片添加 object-fit 以确保完整显示 */
.honor-trophy-image img {
  width: 100%;
  height: auto; /* 保持宽高比 */
  display: block;
  /* 如果希望图片在容器内完整显示且居中，可以使用：*/
  /* object-fit: contain; */
}





.honor-certificates h3 {
    font-size: 24px;
    color: var(--color-primary);
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

/* 轮播容器 */


/* ========== 荣誉左边内容区域 ========== */
/* 确保左侧内容容器允许内部元素自然排列 */
.honor-left-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* 荣誉文本区域 */
.honor-text {
    margin-left:30px;
    margin-right:30px;
    margin-bottom:30px;
}

.honor-text h3 {
	padding-top: 80px;
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 20px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
    font-size: 2.8rem;
}

.honor-text p {
    color: var(--color-gray);
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* 统计数据 */
.honor-stats {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.honor-stat {
    text-align: center;
    min-width: 120px;
}

.honor-stat .number {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 5px;
    line-height: 1;
}

.honor-stat .label {
    font-size: 14px;
    color: var(--color-gray);
    font-weight: 500;
}

/* 小证书图部分 - 内部左右布局（标签在左，图片在右） */
.honor-certificate-small {
    display: flex;
    flex-direction: row;
    align-items: center;
    width:100%;
    margin-top: -20px; /* 向上移动 20px */ 
 	gap: 20px; /* 新增这一行，控制文字和图片之间的间距 */
}

/* 高新企业图片 */
.honor-certificate-small .certificate-image {
    width: 400px;
    height: 350px;
    overflow: hidden;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;

}

.honor-certificate-small .certificate-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 荣誉标签样式 - 左右布局版本 */
.certificate-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;                  /* 左右间距 */
    padding: 20px 15px;
}

/* 文字容器 - 左右排列 */
.certificate-label .honor-text {
    display: flex;
    flex-direction: row;        /* 水平排列 */
    align-items: center;        /* 垂直居中对齐 */
    gap: 10px;                  /* 两行文字之间的水平间距 */
    margin-left: auto;          /* 将整个文字块推到最右边 */
}

/* 描述文字 - 左侧 */
.honor-desc {
    font-size: 18px;            /* 稍微加大一点 */
    color: var(--color-gray);
    font-weight: 600;           /* 加粗一点 */
    line-height: 1;
	margin-top: 80px
}

/* 荣誉二字 - 右侧 */
.honor-title {

    color: var(--color-accent);
   	font-size: 28px; /* 32px - 标准H3大小 */
    font-weight: 700;
    color: var(--color-accent);
    line-height: 1.1; /* H3通常有较小的行高 */
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 确保外层容器占满宽度 */
.company-partners {
  width: 100%;
  display: flex;
  justify-content: center; /* 水平居中容器 */
  align-items: center;
  padding: 0;
  margin: 0;
}

/* 容器：限制最大宽度，但始终居中 */
.company-partners-container {
  width: 100%;
  max-width: 2000px; /* 可保留 */
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
}

/* 图片：确保在容器内居中 */
.company-partners-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center; /* 显式声明居中（默认就是 center，但可强调） */
  display: block;
}

.company-stats {
    position: relative; /* 创建定位上下文 */
    width: 100%;
   
    overflow: hidden; /* 防止内容溢出 */
}

.company-stats-background {
    width: 100%;
    height: 100%;
}

.company-stats-background img {
    width: 100%;
    max-width: 2000px;
    height: auto; /* 推荐显式声明 */
    aspect-ratio: 1920 / 916;
    display: block; /* 防止行内间隙 */
    margin: 0 auto; /* ←←← 关键：水平居中 */
    object-fit: cover; /* 可选：确保裁剪一致（如果需要铺满）*/
}

.company-container {
  position: absolute;
  top: 30%;       /* 根据设计调整 */
  left: 45%;
  transform: translate(-50%, -30%);
  width: 90%;
  max-width: 1200px;
}

.stats-content-wrapper {
    /* 内容包装器不需要额外样式，除非需要更多控制 */
    color: black; /* 文字颜色设置为白色，在深色背景上更清晰 */
    text-align: center; /* 居中文本 */
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列布局 */
    gap: 30px;
}

.stat-item {
    text-align: center;
}

.counter-number, .stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: black; /* 数字颜色 */
}

.counter-label, .stat-label {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, 0.9); /* 标签颜色 */
}




.certificates-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: 18px;
}

.certificate-card {
    flex: 0 0 calc(33.333% - 18px); /* 默认显示3个，每个占三分之一减去间隙 */
    min-width: 0;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.certificate-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.certificate-image {
    height: 377px;
    overflow: hidden;
    background: #f5f5f5;
}

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

.certificate-card:hover .certificate-image img {
    transform: scale(1.05);
}

.certificate-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 0;
}

.certificate-label span {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

/* 箭头样式 */
.slider-arrow {
    position:absolute;
    top: 50%;
  
    width: 40px;
    height: 40px;
    background: white;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.slider-arrow:hover {
    background: #007bff;
    color: white;
    transform: translateY(-50%) scale(1.1);
}



.slider-arrow i {
    font-size: 18px;
}

/* 轮播指示器 */
.slider-indicators {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.slider-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.slider-indicator.active {
    background: #007bff;
    transform: scale(1.2);
}

/* 悬停效果 */
.slider-arrow:hover {
    background: #007bff !important;
    color: white !important;
    transform: translateY(-50%) scale(1.1) !important;
}

.certificates-slider-container {
    
	  position: relative;
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: white;
    border: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 10;
}

.slider-prev {
    left: 0;
}

.slider-next {
    right: 0px;
}

.slider-arrow:hover {
    background: #f5f5f5;
    transform: translateY(-50%) scale(1.05);
}

.certificates-slider {
   
	 width: 100%;
    overflow: hidden;
	margin-right:10px;
   
}


.card-middle {
	height:700px;
	margin-bottom:40px;
	background-image:url(../images/核心价值观-诚信.jpg);
}

.card-left {
	height:700px;
	margin-bottom:80px;
	background-image:url(../images/核心价值观-客户.jpg);
}


.card-right {
	height:700px;
	margin-bottom:80px;
	background-image:url(../images/核心价值观-实事求是.jpg);
}

/* 合作伙伴部分 - 主容器 */
.partners-content-container {
    position: relative;
    width: 100%;
    max-width: 1600px;
    overflow: hidden;
    margin: 0;
    width: 100%;
    max-width: 2000px;
    height: auto; /* 推荐显式声明 */
    aspect-ratio: 1920 / 1080;
    display: block; /* 防止行内间隙 */
    margin: 0 auto; /* ←←← 关键：水平居中 */
    object-fit: cover; /* 可选：确保裁剪一致（如果需要铺满）*/
}

.partners-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.partners-background .partners-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.partners-content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
	text-align: left;
    justify-content: left; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    padding-left: 8%; /* 左侧留白，让文字靠左但不贴边 */
    margin-top: 80px;
}

.partners-text-left {
    max-width: 600px;
    color: black;
}

.partners-title {
    font-size: 3.2rem;
    font-weight: 700; /* 粗体 */
    margin: 0;
    line-height: 1.2;
    color: var(--color-black);
}

.partners-text {
    font-size: 3.2rem;
    font-weight: 400; /* 正常体，或 500 半粗 */
    margin: 0;
    line-height: 1.2;
    color: var(--color-black);
    margin-top: 8px; /* 可选：与英文间距 */
}

.partner-desc {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: 20px;
   
}

body.lang-en .partner-desc {
	margin-right: 160px;
}



/* 合作伙伴部分 - 主容器 */

/* ========== 核心价值卡片 ========== */
.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin-top: 40px;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content:center;
	align-items:flex-end;
    gap: 40px;
    padding: 0 40px;
}

.value-card p {
    color: var(--color-gray);
    line-height: 1.6;
    font-size: 1.95rem;
    color: var(--color-dark-gray);
    line-height: 1.7;
    font-size: 2.05rem;
    color: white; /* 深灰色文字 */
    line-height: 1.7;
    font-size: 2.05rem;
    font-weight: 500;
}

.value-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* 更新 .value-card 样式 */
.value-card {
    /* 基础样式 */
    box-shadow: var(--shadow-heavy);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 24px;
    border-radius: var(--border-radius-lg);
    width: 450px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;/* ← 文字被强制“压”到底部 */
    position: relative;
    overflow: hidden;

    /* 默认隐藏 */
    opacity: 0;
    transform: translateY(40px);

    /* 添加过渡效果 */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 应用动画后的状态 */
.value-card.active {
    opacity: 1;
    transform: translateY(0);
    /* 不要 animation，只靠 transition */
}

/* � 悬停效果（必须写在 animation 之后！） */
.value-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
    z-index: 10;
}
.value-card.not-loaded {
    opacity: 0;
    transform: translateY(20px);
}
/* ========== 核心价值卡片 ========== */

/* ========== 移动端专属样式 ========== */
@media (max-width: 1236px) {/* ========== 150% ========== ipad air 820*1180 ========== */
    /* about.css - 公司简介页面专属样式 */

    /* ========== 移动端：公司介绍 - 改为上下布局 ========== */
	.intro-content-wrapper {
		flex-direction: column;
		gap: 30px; /* 可根据需要调整 */
		text-align: left;
		padding: 0 20px; /* 防止贴边 */
	}
	.team-info-container {
		flex-direction: column;
		gap: 30px; /* 可根据需要调整 */
		text-align: left;
		padding: 0 20px; /* 防止贴边 */

	}
	.intro-text {
		order: 1; /* 文字在上 */
		margin-top: 0; /* 清除桌面端的 margin-top */
		width: 100%;
	}

    .intro-image {
        order: 2;
        width: 100%;
        margin: 20px 0; /* 👈 关键：上下留白 */
    }

    .intro-image img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }
    .company-stats-background img {
        aspect-ratio: unset; /* 取消固定比例 */
        height: auto;
        object-fit: contain; /* 改为 contain，确保完整显示 */
        width: 100%;
        padding: 0 0px; /* 可选：防止贴边 */
    }

    /* 移动端：内容容器 - 白色卡片 */
    .company-container {
  		top: 35%;       /* 根据设计调整 */
    }

    /* 移动端：数据网格 */
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }

    /* 移动端：每个数据项 */
    .stat-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        background: transparent;
        color: #000;
        font-weight: bold;
    }

    /* 数字样式 */
    .counter-number,
    .stat-number {
        font-size: 2.8rem;
        font-weight: 700;
        margin-bottom: 8px;
        color: #000;
        line-height: 1;
    }

    /* 标签样式 */
    .counter-label,
    .stat-label {
        font-size: 1.1rem;
        color: #333;
        font-weight: 500;
        line-height: 1.4;
    }

	.partners-content-container {
		height: auto !important; /* 覆盖固定 aspect-ratio */
		aspect-ratio: unset !important;
		position: relative;
		padding: 0px;
		margin: 0;
	}
	
	/* 将 .partners-content 改为 block 布局，并移除绝对定位影响 */
	.partners-content {
        background-image: url("../mobileImages/图层 2.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: left;
        padding: 0px;
		margin: 0;
    	width: 100%;
    	height: auto; /* 推荐显式声明 */
    	aspect-ratio: 750 / 441;
    }

    .partners-text-left {
        align-align: center;
    }

	body.lang-en .partner-desc {
		margin-right: 0px;

	}
    /* ========== 移动端：公司团队 - 改为上下布局 ========== */
    .team-layout {
        flex-direction: column; /* 改为垂直布局 */
        gap: 30px; /* 调整上下间距 */
        align-items: center; /* 水平居中对齐 */
    }

    /* 让文字容器排在前面（order: 1） */
    .team-info-container {
        order: 1;
        width: 100%;
    }

    /* 图片容器排在后面（order: 2） */
    .team-image-container {
        order: 2;
        width: 100%;
        padding: 0 20px;
    }

    /* 隐藏“我们的团队”标题 */
    .team-subtitle {
        display: none !important;
    }

    .team-image img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        display: block;
    }	
    	
    /* ========== 移动端：公司荣誉 - 改为上下布局 ========== */
	/* 移动端：荣誉部分标题、简介、统计数据居中 */
	.honor-text {
		width: 100% !important;
		text-align: center !important;
		padding: 0 40px;
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center !important;
	}

	/* 移动端：让统计数据容器居中 */
	.honor-stats {
		display: flex;
		flex-direction: row;
		justify-content: center; /* 水平居中 */
		align-items: center;
		flex-wrap: wrap;
		gap: 100px; /* 保持间距 */
		text-align: center; /* 这个对内部文字有用 */
		padding: 0 20px;
		margin: 0 auto; /* 确保容器本身居中 */
		max-width: 100%;
	}

	/* 确保每个统计项内部文字也居中 */
	.honor-stat {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-width: auto;
		text-align: center;
	}



	/* 荣誉小图区域 - 使用奖杯作为背景 */
	.honor-certificate-small {
		position: relative;
		width: 100%;
		padding: 100px;
		background-image: url("../mobileImages/奖杯.jpg");
		background-size: contain; /* 或者使用 'cover' 根据需求 */
		background-position: center;
		background-repeat: no-repeat;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center; /* 水平居中 */
		gap: 15px;
		box-shadow: var(--shadow);
		height: auto; /* 确保高度能自适应内容 */
		
		aspect-ratio: 750 / 718;
	}

	/* 统一文字容器，用 flex 实现对齐 */
	.honor-certificate-small .honor-text {
		display: flex;
		flex-direction: row;
		align-items: baseline; /* 关键！让两行文字底部对齐 */
		justify-content: left;
		gap: 10px;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	/* 描述文字 */
	.honor-certificate-small .honor-desc {
		font-size: 28px;
		
		font-weight: 600;
		line-height: 1;
		margin: 0;
		display: inline-block;
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}

	/* 标题文字 */
	.honor-certificate-small .honor-title {
		font-size: 38px;
		
		font-weight: 700;
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		display: inline-block;
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}

	/* 高新企业图片 */
	.honor-certificate-small .certificate-image {
		width: 100%;
		height: auto;
		background: rgba(255, 255, 255, 0.9);
	  
		padding: 10px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}

	.certificate-card {
		flex: 0 0 calc(100%); /* 默认显示1个，减去间隙 */
	}
	.certificate-image {
		width: 100%;
		height: auto;
	}

	/* 描述文字 */
	body.lang-en .honor-certificate-small .honor-desc {
		font-size: 32px;
	}
    /* ========== 移动端：公司文化 - 改为上下布局 ========== */

	.culture-vision {
		padding: 120px 20px 120px;
		text-align: left;
		margin-left: 130px; /* 向右移动10px */
		max-width: 100%;
	}

	.culture-vision h3 {
		font-size: clamp(2rem, 8vw, 2.8rem); /* 响应式标题 */
		margin-bottom: 12px;
	}

	.culture-vision p {
		font-size: clamp(1.4rem, 6vw, 2rem); /* 响应式副标题 */
		max-width: 100%;         /* 允许占满宽度 */
		opacity: 1;              /* 确保完全不透明 */
	}


    /* 核心价值卡片在移动端样式 */
    .values-grid {
        display: block;
        width: 100%;
        padding: 0 15px; /* 替代原来的 0 40px */
        margin: 0;
        gap: 30px;
    }

    /* 确保卡片占满网格宽度 */
	.value-card {
		padding: 20px; /* 减少内边距 */
		background-size: cover; /* 关键！让图片铺满容器 */
		background-position: center;
		background-repeat: no-repeat;
		width: calc(100% - 30px);
		margin-bottom: 30px;
		border-radius: var(--border-radius-lg);
		box-shadow: var(--shadow-heavy);
		position: relative;
		display: block; /* 覆盖 flex，避免干扰 absolute 布局 */
		overflow: hidden;
		/* height: 250px; 显式设置高度，避免塌陷 */
    	/* width: 100%; */
    	height: auto; /* 推荐显式声明 */
    	aspect-ratio: 600 / 250;
	}

    /* 第二个卡片右对齐 */
    .values-grid .value-card:nth-child(2) {
        margin-left: auto;
        margin-right: 0;
    }

    /* 调整每个卡片的具体位置 */
    .card-left {
        background-image: url(../mobileImages/核心价值观-客户.jpg);
        
    }
       
    .card-middle {
        background-image: url(../mobileImages/核心价值观-诚信.jpg);
        
    }

    .card-right {
        background-image: url(../mobileImages/核心价值观-实事求是.jpg);
        
    }
    
    /* 所有卡片的文字容器统一处理 */
    .card-left .value-text {
        position: absolute;
        top: 20px;
        right: 20px;
        text-align: right;
    }

    .card-middle .value-text {
        position: absolute;
        bottom: 20px;
        left: 20px;
        text-align: left;
    }

    .card-right .value-text {
        position: absolute;
        bottom: 20px;
        right: 20px;
        text-align: right;
    }
    
}
@media (max-width: 927px) {/* ========== 200% ========== */
    /* ========== 移动端：公司介绍 ========== */
	/* 数字样式 */
	.stat-number  {
		font-size: 1.5rem; /* 数字大小 */
	}

	/* 数字样式 */
	.counter-number  {
		font-size: 1.5rem; /* 数字大小 */
	}

	/* 标签样式 */
	.stat-label {
		font-size: 0.6rem; /* 标签大小 */
	}

	/* 标签样式 */
	.counter-label {
		font-size: 0.6rem; /* 标签大小 */
	}
	/* 数字样式 */
	body.lang-en .stat-number  {
		font-size: 1.2rem; /* 数字大小 */
	}

	/* 数字样式 */
	body.lang-en .counter-number  {
		font-size: 1.2rem; /* 数字大小 */
	}

	/* 标签样式 */
	body.lang-en .stat-label {
		font-size: 0.6rem; /* 标签大小 */
	}

	/* 标签样式 */
	body.lang-en .counter-label {
		font-size: 0.6rem; /* 标签大小 */
	}
}

@media (max-width: 649px) {/* ========== 280% ========== */
    /* ========== 移动端：公司介绍 ========== */
	.partners-title {
		font-size: 2.2rem;
	}

	.partners-text {
		font-size: 2.2rem;
	}

	.partner-desc {
		font-size: 0.8rem;
	   
	}
	
	body.lang-en .partners-text-left {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	body.lang-en .partners-title {
		font-size: 2.0rem;
	}

	body.lang-en .partners-text {
		font-size: 2.0rem;
	}

	body.lang-en .partner-desc {
		font-size: 0.8rem;
	   
	}
    /* ========== 移动端：公司荣誉 ========== */
	.honor-certificate-small {
		padding: 10px 20px 20px 20px;
		gap: 5px;
	}

	/* 描述文字 */
	body.lang-en .honor-certificate-small .honor-desc {
		font-size: 12px;
	}
    /* ========== 移动端：公司文化 ========== */
	.culture-text-overlay {
		align-items: center;
	}
    .culture-vision {
		padding: 10px;
		margin: 0px;
	}
    body.lang-en .value-card p {
		font-size: 1rem;
		font-weight: 500;
	}
}

@media (max-width: 525px) {/* ========== 350% ========== */
    /* ========== 移动端：公司介绍 ========== */
	
    /* ========== 移动端：公司团队 ========== */
    
    /* ========== 移动端：公司荣誉 ========== */
	
    /* ========== 移动端：公司文化 ========== */
	
}

@media (max-width: 428px) {/* ========== 450% ========== iphone 12/13 pro max 428*926 ========== */
    /* ========== 移动端：公司介绍 ========== */
	/* 数字样式 */
	.stat-number  {
		font-size: 1.5rem; /* 数字大小 */
	}

	/* 数字样式 */
	.counter-number  {
		font-size: 1.5rem; /* 数字大小 */
	}

	/* 标签样式 */
	.stat-label {
		font-size: 0.6rem; /* 标签大小 */
	}

	/* 标签样式 */
	.counter-label {
		font-size: 0.6rem; /* 标签大小 */
	}

	
	/* 英文时缩小间距 */
	body.lang-en .banner-content h1 {
		font-size: clamp(1.5rem, 3vw, 2rem); /* 响应式字体 */
		font-weight: 700;
	}
    /* ========== 移动端：公司团队 ========== */
    
    /* ========== 移动端：公司荣誉 ========== */
	.honor-certificate-small {
		padding: 10px 20px 20px 20px;
		gap: 5px;
	}
	.honor-text {
		width: 100% !important;
		text-align: center !important;
		padding: 0 30px;
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center !important;
	}

    /* ========== 移动端：公司文化 ========== */
	.culture-text-overlay {
		align-items: center;
	}
    .culture-vision {
		padding: 10px;
		margin: 0px;
	}
    .value-card p {
		font-size: 1rem;
		font-weight: 500;
	}
	
    /* 所有卡片的文字容器统一处理 */
    .card-left .value-text {
        position: absolute;
        top: 2px;
        right: 20px;
        text-align: right;
    }

    .card-middle .value-text {
        position: absolute;
        bottom: 2px;
        left: 20px;
        text-align: left;
    }

    .card-right .value-text {
        position: absolute;
        bottom: 2px;
        right: 20px;
        text-align: right;
    }
    
	/* 核心价值标题 - 黑色，增强对比度 */
	.core-values .values-title {
		font-size: 1.2rem;
		padding: 0px;
		margin-top:10px;
	}
    
}

@media (max-width: 414px) {
    /* ========== 移动端：公司介绍 ========== */
	
    /* ========== 移动端：公司团队 ========== */
    
    /* ========== 移动端：公司荣誉 ========== */
	
    /* ========== 移动端：公司文化 ========== */
	
}

@media (max-width: 412px) {
    /* ========== 移动端：公司介绍 ========== */
	
    /* ========== 移动端：公司团队 ========== */
    
    /* ========== 移动端：公司荣誉 ========== */
	
    /* ========== 移动端：公司文化 ========== */
	
}

@media (max-width: 390px) {
    /* ========== 移动端：公司介绍 ========== */
	
    /* ========== 移动端：公司团队 ========== */
    
    /* ========== 移动端：公司荣誉 ========== */
	
    /* ========== 移动端：公司文化 ========== */
	
}

@media (max-width: 384px) {
    /* ========== 移动端：公司介绍 ========== */
	
    /* ========== 移动端：公司团队 ========== */
    
    /* ========== 移动端：公司荣誉 ========== */
	
    /* ========== 移动端：公司文化 ========== */
	
}

@media (max-width: 360px) {
    /* ========== 移动端：公司介绍 ========== */
	
    /* ========== 移动端：公司团队 ========== */
    
    /* ========== 移动端：公司荣誉 ========== */
	
    /* ========== 移动端：公司文化 ========== */
	
}