/* 品牌发展时间线 */
          .brandbox-timeline {
            background: #f8f8f8;
            padding: 60px 0 100px;
            justify-content: flex-start !important;
            align-items: stretch !important;
          }
          
          .brandbox-timeline .public-brand-title {
            margin-bottom: 20px;
          }
          
          /* 时间线主体区域 - 固定比例容器，整体缩放 */
          .brandbox-timeline .timeline-wrapper {
            position: relative;
            width: 100%;
            /* 基于1920宽度设计，高度520px，比例约 520/1800 = 28.9% */
            padding-bottom: 28.9%;
          }
          
          /* 内部内容层 - 固定1800px宽度，通过缩放适配 */
          .brandbox-timeline .timeline-inner {
            position: absolute;
            top: 0;
            left: 0;
            width: 1800px;
            height: 520px;
            transform-origin: top left;
            /* 根据容器宽度缩放 */
          }
          
          .brandbox-timeline .timeline-header {
            margin-bottom: 15px;
          }
          
          .brandbox-timeline .timeline-header .f_tit {
            color: #000000;
            margin-bottom: 5px;
            line-height: 1.25;
          }
          
          .brandbox-timeline .timeline-header .f_subtitle {
            color: #FF6B35;
            font-size: 14px;
            font-weight: 400;
          }
          
          .brandbox-timeline .timeline-content {
            display: flex;
            gap: 30px;
            height: 100%;
          }
          
          /* 左侧导航 - 桌面端隐藏 */
          .brandbox-timeline .timeline-nav {
            display: none;
          }
          
          .brandbox-timeline .timeline-main {
            flex: 1;
            position: relative;
            height: 100%;
          }
          
          .brandbox-timeline .timeline-svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
          }
          
          /* PC端显示，移动端隐藏 */
          .brandbox-timeline .timeline-svg-pc {
            display: block;
          }
          
          .brandbox-timeline .timeline-svg-mobile {
            display: none;
          }
          
          /* 滚动提示默认隐藏 */
          .brandbox-timeline .scroll-hint {
            display: none;
          }
          
          /* 修复SVG圆点颜色被全局CSS覆盖 */
          .brandbox-timeline .timeline-svg circle {
            fill: inherit !important;
          }
          
          .brandbox-timeline .timeline-svg circle.dot-solid {
            fill: #FF6B35 !important;
          }
          
          .brandbox-timeline .timeline-svg circle.pulse-ring {
            fill: rgba(252,63,17,0.15) !important;
          }
          
          .brandbox-timeline .timeline-svg circle.dot-white {
            fill: #fff !important;
          }
          
          .brandbox-timeline .timeline-svg circle.dot-active {
            fill: #ff671e !important;
          }
          
          .brandbox-timeline .timeline-labels {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
          }
          /* 时间标签通用样式 - 固定像素值 */
          .brandbox-timeline .tl-item {
            position: absolute;
            text-align: left;
            max-width: 550px;
            cursor: pointer;
          }
          
          /* 时间线文案默认隐藏，只显示年份 */
          .brandbox-timeline .tl-item .tl-title,
          .brandbox-timeline .tl-item .tl-desc {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
          }
          
          /* 2025年默认显示完整文案 */
          .brandbox-timeline .tl-item.tl-2025 .tl-title,
          .brandbox-timeline .tl-item.tl-2025 .tl-desc {
            opacity: 1;
            visibility: visible;
          }
          
          /* 当其他年份hover时，隐藏2025的文案 */
          .brandbox-timeline .tl-item.tl-2025.hide-content .tl-title,
          .brandbox-timeline .tl-item.tl-2025.hide-content .tl-desc {
            opacity: 0;
            visibility: hidden;
          }
          
          /* hover时显示文案 */
          .brandbox-timeline .tl-item:hover .tl-title,
          .brandbox-timeline .tl-item:hover .tl-desc {
            opacity: 1;
            visibility: visible;
          }
          
          .brandbox-timeline .tl-year {
            display: block;
            font-size: 22px;
            font-weight: 700;
            color: #000;
            margin-bottom: 3px;
          }
          
          .brandbox-timeline .tl-title {
            font-size: 24px;
            font-weight: 600;
            color: #FF6B35;
            margin-bottom: 5px;
            line-height: 1.3;
          }
          
          .brandbox-timeline .tl-desc {
            font-size: 18px;
            color: #322923;
            line-height: 1.5;
            margin: 0;
          }
          
          /* 固定位置 - 基于1800x520的容器 */
          .brandbox-timeline .tl-2007 {
            left: 0;
            top: auto;
            bottom: 0;
            transform: translate(130px, 155px);
          }
          .brandbox-timeline .tl-2011 {
            left: 11%;
            top: 65%;
            transform: translate(85px, 40px);
          }
          .brandbox-timeline .tl-2018 {
            left: 22%;
            top: auto;
            bottom: 55%;
            transition: transform 0.3s ease;
          }
          /* 2018默认时年份下移到文案位置 */
          .brandbox-timeline .tl-2018 .tl-year {
            transform: translate(58px, 115px);
            transition: transform 0.3s ease;
          }
          /* 2018 hover时年份恢复原位 */
          .brandbox-timeline .tl-2018:hover .tl-year {
            transform: translate(0, 0);
          }
          /* 扩大 2018 的 hover 区域，防止闪烁 */
          .brandbox-timeline .tl-2018::after {
            content: '';
            position: absolute;
            top: -20px;
            left: -20px;
            right: -20px;
            bottom: -130px;
            z-index: -1;
          }
          .brandbox-timeline .tl-2020 {
            left: 39%;
            top: 65%;
            transform: translate(50px, 20px);
          }
          .brandbox-timeline .tl-2023 {
            left: 61%;
            top: 37%;
            transform: translate(-15px, 0px);
          }
          .brandbox-timeline .tl-2025 {
            left: 71%;
            top: auto;
            bottom: 72%;
            transition: transform 0.3s ease;
          }
          /* 2025显示文案时年份在原位（默认状态） */
          .brandbox-timeline .tl-2025 .tl-year {
            transform: translate(0, 0);
            transition: transform 0.3s ease;
          }
          /* 2025隐藏文案时年份下移并往右移 */
          .brandbox-timeline .tl-2025.hide-content .tl-year {
            transform: translate(84px, 130px) !important;
          }
          
          /* 高亮项 */
          .brandbox-timeline .tl-item.active .tl-year {
            color: #000;
          }
          
          .brandbox-timeline .tl-item.active .tl-title {
            display: inline;
            padding: 2px 8px 2px 0;
          }
          
          /* ========== 移动端水平时间线 ========== */
          @media (max-width: 991px) {
            .brandbox-timeline {
              padding: 40px 0 30px;
              overflow: hidden;
            }
            
            /* 移动端取消整体缩放和固定比例 */
            .brandbox-timeline .timeline-wrapper {
              transform: none;
              width: 100%;
              padding-bottom: 0;
              height: auto;
              overflow: visible;
            }
            
            /* 移动端 timeline-inner 重置 */
            .brandbox-timeline .timeline-inner {
              position: relative;
              width: 100%;
              height: auto;
              transform: none !important;
            }
            
            .brandbox-timeline .public-brand-title {
              margin-bottom: 40px;
            }
            
            .brandbox-timeline .timeline-header {
              padding: 0 16px;
              margin-bottom: 20px;
            }
            
            .brandbox-timeline .timeline-header .f_tit {
              font-size: 20px !important;
              line-height: 1.4;
            }
            
            .brandbox-timeline .timeline-content {
              display: block;
            }
            
            .brandbox-timeline .timeline-main {
              position: relative;
              height: 420px;
              overflow-x: auto;
              overflow-y: hidden;
              -webkit-overflow-scrolling: touch;
              scrollbar-width: none;
              -ms-overflow-style: none;
            }
            
            .brandbox-timeline .timeline-main::-webkit-scrollbar {
              display: none;
            }
            
            /* 移动端 SVG 切换 */
            .brandbox-timeline .timeline-svg-pc {
              display: none !important;
            }
            
            .brandbox-timeline .timeline-svg-mobile {
              display: block !important;
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%);
              width: 1200px;
              height: 200px;
              z-index: 1;
            }
            
            /* 移动端时间标签容器 */
            .brandbox-timeline .timeline-labels {
              position: absolute;
              top: 0;
              left: 0;
              width: 1200px;
              height: 100%;
              padding: 0;
              border: none;
              display: block;
            }
            
            /* 移动端时间卡片 */
            .brandbox-timeline .tl-item {
              position: absolute;
              width: 180px;
              padding: 0;
              text-align: center;
              transform: translateX(-50%);
            }
            
            .brandbox-timeline .tl-item::before {
              display: none;
            }
            
            /* 移动端各时间点位置 - 居中对齐波峰波谷 */
            .brandbox-timeline .tl-2007 {
              left: 100px !important;
              top: auto !important;
              bottom: 20% !important;
              transform: translateX(-50%) !important;
            }
            
            .brandbox-timeline .tl-2011 {
              left: 300px !important;
              top: 20% !important;
              bottom: auto !important;
              transform: translateX(-50%) !important;
            }
            
            .brandbox-timeline .tl-2018 {
              left: 500px !important;
              top: auto !important;
              bottom: 20% !important;
              transform: translateX(-50%) !important;
            }
            
            /* 移动端重置 2018 年份的 transform */
            .brandbox-timeline .tl-2018 .tl-year {
              transform: none !important;
            }
            
            .brandbox-timeline .tl-2020 {
              left: 700px !important;
              top: 20% !important;
              bottom: auto !important;
              transform: translateX(-50%) !important;
            }
            
            .brandbox-timeline .tl-2023 {
              left: 900px !important;
              top: auto !important;
              bottom: 20% !important;
              transform: translateX(-50%) !important;
            }
            
            .brandbox-timeline .tl-2025 {
              left: 1100px !important;
              top: 20% !important;
              bottom: auto !important;
              transform: translateX(-50%) !important;
            }
            
            .brandbox-timeline .tl-year {
              font-size: 13px;
              font-weight: 700;
              margin-bottom: 4px;
            }
            
            .brandbox-timeline .tl-title {
              font-size: 14px;
              font-weight: 600;
              margin-bottom: 6px;
              line-height: 1.3;
            }
            
            .brandbox-timeline .tl-desc {
              font-size: 11px;
              line-height: 1.5;
              color: #666;
            }
            
            .brandbox-timeline .tl-item.active .tl-title {
              background: none;
              padding: 2px 6px 2px 0;
              display: inline;
            }
            
            /* 滚动提示 */
            .brandbox-timeline .scroll-hint {
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 6px;
              margin-top: 15px;
              padding: 0 16px;
              color: #999;
              font-size: 12px;
            }
            
            .brandbox-timeline .scroll-hint svg {
              width: 16px;
              height: 16px;
              animation: scrollHint 1.5s ease-in-out infinite;
            }
            
            @keyframes scrollHint {
              0%, 100% { transform: translateX(0); opacity: 0.5; }
              50% { transform: translateX(5px); opacity: 1; }
            }
          }
          
          @media (max-width: 767px) {
            .brandbox-timeline .timeline-header .f_tit {
              font-size: 18px !important;
            }
            
            .brandbox-timeline .timeline-main {
              height: 380px;
            }
            
            .brandbox-timeline .tl-item {
              width: 160px;
            }
            
            .brandbox-timeline .tl-year {
              font-size: 12px;
            }
            
            .brandbox-timeline .tl-title {
              font-size: 13px;
            }
            
            .brandbox-timeline .tl-desc {
              font-size: 10px;
            }
          }
          
          /* ========== GSAP 动画初始状态 ========== */
          .brandbox-timeline .tl-item {
            opacity: 0;
            visibility: hidden;
          }
          
          /* SVG 路径动画 */
          .brandbox-timeline .timeline-svg path {
            stroke-dasharray: 2500;
            stroke-dashoffset: 2500;
          }
          
          /* 灰色底层路径 */
          .brandbox-timeline .timeline-svg path.gray-path {
            stroke-dasharray: none !important;
            stroke-dashoffset: 0 !important;
          }
          
          /* SVG 圆点初始隐藏 */
          .brandbox-timeline .timeline-svg circle {
            opacity: 0;
          }
          
          /* ========== 移动端跳过动画，直接显示 ========== */
          @media (max-width: 991px) {
            .brandbox-timeline .tl-item {
              opacity: 1 !important;
              visibility: visible !important;
            }
            
            .brandbox-timeline .tl-item .tl-title,
            .brandbox-timeline .tl-item .tl-desc {
              opacity: 1 !important;
              visibility: visible !important;
            }
            
            .brandbox-timeline .timeline-svg-mobile path {
              stroke-dasharray: none !important;
              stroke-dashoffset: 0 !important;
            }
            
            .brandbox-timeline .timeline-svg-mobile circle {
              opacity: 1 !important;
            }
          }
          
          /* ========== 品牌实力数字统计样式 ========== */
          
          /* 数字说明 */
          .brandbox-sec3 .strength-stats {
            width: 100%;
          }
          
          /* 第一页网格布局 */
          .brandbox-sec3 .stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 35px 40px;
          }
          
          .brandbox-sec3 .stat-item {
            display: flex;
            flex-direction: column;
          }
          
          .brandbox-sec3 .stat-number {
            font-size: 32px;
            font-weight: 700;
            color: #000;
            line-height: 1;
          }
          
          /* 中文数字（首家、首个）字体稍小 */
          .brandbox-sec3 .stats-grid-2x3 .stat-item:nth-child(1) .stat-number,
          .brandbox-sec3 .stats-grid-2x3 .stat-item:nth-child(2) .stat-number {
            font-size: 28px;
          }
          
          .brandbox-sec3 .stat-label {
            font-size: 13px;
            color: #666;
            margin-top: 8px;
            white-space: nowrap;
          }
          
          /* 去掉右边距 */
          .brandbox-sec3 .cont .swiper-slide .gt {
            padding-right: 0 !important;
          }
          
          /* 品牌产品区块文案位置上移 */
          .brandbox-sec4 .cont {
            align-items: flex-start !important;
            padding-top: 8% !important;
          }
          
          /* 品牌实力区块padding调整 */
          .brandbox-sec3 {
            padding: 1.1rem 0 !important;
          }
          
          /* 第三个数字单独一行 */
          .brandbox-sec3 .stat-item:nth-child(3) {
            grid-column: 1 / 2;
          }
          
          /* 第二页 - 2x3 网格布局 */
          .brandbox-sec3 .stats-grid-2x3 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 35px 50px;
          }
          
          .brandbox-sec3 .stats-grid-2x3 .stat-item {
            grid-column: auto;
          }
          
          .brandbox-sec3 .stat-unit {
            font-size: 18px;
            font-weight: 400;
          }
          
          /* Swiper fade 效果修复 */
          .brandbox-sec3 .brandbox3_cont.swiper-fade .swiper-slide {
            pointer-events: none;
            opacity: 0;
            visibility: hidden;
          }
          
          .brandbox-sec3 .brandbox3_cont.swiper-fade .swiper-slide-active {
            pointer-events: auto;
            opacity: 1;
            visibility: visible;
          }
          
          /* ========== 品牌实力左右布局修复 ========== */
          /* 标题和内容间距 */
          .brandbox-sec3 .f_font {
            margin-bottom: 0.3rem;
          }
          
          /* PC端：左边数据区域靠上，右边图片上下居中 */
          @media (min-width: 768px) {
            /* 两页通用 - container 使用 flex 布局，拉伸子元素 */
            .brandbox-sec3 .brandbox3_cont .swiper-slide .container {
              display: flex;
              align-items: stretch;
              gap: 40px;
            }
            
            /* 第一页 container - 覆盖原有样式 */
            .brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .container {
              align-items: stretch;
            }
            
            /* 左边数据区域 - 固定宽度，靠上，距离上面50px */
            .brandbox-sec3 .brandbox3_cont .swiper-slide .lt {
              flex: 0 0 450px;
              width: 450px;
              padding: 0;
              padding-top: 50px;
              display: flex;
              align-items: flex-start;
            }
            
            /* 右边图片区域 - 和左边等高，图片上下居中 */
            .brandbox-sec3 .brandbox3_cont .swiper-slide .gt {
              flex: 1;
              width: auto;
              margin-top: -40px;
              padding-bottom: 0;
              position: static;
              display: flex;
              align-items: center;
              justify-content: center;
              align-self: stretch;
            }
            
            /* 第一页地图 - 填满右边区域 */
            .brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu {
              width: 100%;
              margin: 0;
              padding: 0;
            }
            
            .brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_ditu {
              width: 100%;
            }
            
            .brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_ditu img {
              width: 100%;
              height: auto;
              display: block;
            }
            
            /* 第二页 - 覆盖原有的 padding 和 min-height */
            .brandbox-sec3 .brandbox3_cont .swiper-slide:not(.f_item) .lt {
              padding: 0;
              padding-top: 50px;
              min-height: auto;
            }
            
            /* 第二页证书图片 */
            /* 第二页证书图片 - 取消绝对定位 */
            .brandbox-sec3 .brandbox3_cont .swiper-slide:not(.f_item) .gt {
              position: static;
              right: auto;
              bottom: auto;
            }
            
            .brandbox-sec3 .brandbox3_cont .swiper-slide:not(.f_item) .gt .f_img {
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
            }
            
            .brandbox-sec3 .brandbox3_cont .swiper-slide:not(.f_item) .gt .f_img img {
              width: 100%;
              height: auto;
              display: block;
              margin-top: -30px;
            }
          }
          
          /* 平板端调整 */
          @media (min-width: 768px) and (max-width: 1200px) {
            .brandbox-sec3 .brandbox3_cont .swiper-slide .container {
              gap: 30px;
            }
            
            .brandbox-sec3 .brandbox3_cont .swiper-slide .lt {
              flex: 0 0 260px;
              width: 260px;
            }
            
            .brandbox-sec3 .stat-number {
              font-size: 26px;
            }
            
            .brandbox-sec3 .stats-grid-2x3 .stat-item:nth-child(1) .stat-number,
            .brandbox-sec3 .stats-grid-2x3 .stat-item:nth-child(2) .stat-number {
              font-size: 22px;
            }
            
            .brandbox-sec3 .stat-label {
              font-size: 12px;
            }
            
            .brandbox-sec3 .stats-grid {
              gap: 25px 35px;
            }
            
            .brandbox-sec3 .stats-grid-2x3 {
              gap: 18px 25px;
            }
            
            .brandbox-sec3 .stat-unit {
              font-size: 14px;
            }
          }
          
          /* 移动端：上下布局 */
          @media (max-width: 767px) {
            /* 移动端图片区域 - 自适应，去掉右边距 */
            .brandbox-sec3 .brandbox3_cont .swiper-slide .gt {
              margin-top: 20px;
              width: 100%;
              padding-right: 0;
            }
            
            .brandbox-sec3 .brandbox3_cont .swiper-slide .gt .f_img {
              height: auto;
              width: 100%;
              display: block;
            }
            
            .brandbox-sec3 .brandbox3_cont .swiper-slide .gt .f_img img {
              width: 100%;
              height: auto;
            }
            
            .brandbox-sec3 .stat-number {
              font-size: 24px;
            }
            
            .brandbox-sec3 .stats-grid-2x3 .stat-item:nth-child(1) .stat-number,
            .brandbox-sec3 .stats-grid-2x3 .stat-item:nth-child(2) .stat-number {
              font-size: 20px;
            }
            
            .brandbox-sec3 .stat-label {
              font-size: 11px;
              margin-top: 5px;
            }
            
            .brandbox-sec3 .stats-grid {
              gap: 20px 25px;
            }
            
            .brandbox-sec3 .stats-grid-2x3 {
              gap: 15px 20px;
            }
            
            .brandbox-sec3 .stat-unit {
              font-size: 14px;
            }
          }
          
          /* ========== 第三页：自有超级工厂样式 ========== */
          .brandbox-sec3 .public-brand-title .f_desc {
            font-size: 16px;
            color: #666;
            margin-top: 15px;
            line-height: 1.8;
          }
          
          .brandbox-sec3 .factory-slide {
            display: flex;
            flex-direction: column;
            padding-top: 0 !important;
          }
          
          .brandbox-sec3 .factory-content {
            width: 100%;
          }
          
          .brandbox-sec3 .factory-img {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
          }
          
          .brandbox-sec3 .factory-img img {
            width: 100%;
            height: auto;
            display: block;
          }
          
          .brandbox-sec3 .factory-features {
            display: flex;
            justify-content: space-between;
            margin-top: -60px;
            padding: 0 20px;
            position: relative;
            z-index: 2;
          }
          
          .brandbox-sec3 .feature-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 30px 20px;
            background: rgba(0, 0, 0, 0.85);
            border-radius: 8px;
            margin: 0 8px;
          }
          
          .brandbox-sec3 .feature-item:first-child {
            margin-left: 0;
          }
          
          .brandbox-sec3 .feature-item:last-child {
            margin-right: 0;
          }
          
          .brandbox-sec3 .feature-icon {
            width: 48px;
            height: 48px;
            margin-bottom: 15px;
          }
          
          .brandbox-sec3 .feature-icon svg {
            width: 100%;
            height: 100%;
          }
          
          .brandbox-sec3 .feature-text {
            font-size: 16px;
            color: #fff;
            text-align: center;
            white-space: nowrap;
          }
          
          @media (max-width: 1200px) {
            .brandbox-sec3 .factory-features {
              margin-top: -50px;
              padding: 0 15px;
            }
            
            .brandbox-sec3 .feature-item {
              padding: 25px 15px;
            }
            
            .brandbox-sec3 .feature-icon {
              width: 40px;
              height: 40px;
            }
            
            .brandbox-sec3 .feature-text {
              font-size: 14px;
            }
            
            .brandbox-sec3 .public-brand-title .f_desc {
              font-size: 14px;
            }
          }
          
          @media (max-width: 767px) {
            .brandbox-sec3 .factory-features {
              margin-top: -40px;
              padding: 0 10px;
              gap: 8px;
            }
            
            .brandbox-sec3 .feature-item {
              padding: 20px 10px;
              margin: 0 4px;
              border-radius: 6px;
            }
            
            .brandbox-sec3 .feature-icon {
              width: 32px;
              height: 32px;
              margin-bottom: 10px;
            }
            
            .brandbox-sec3 .feature-text {
              font-size: 12px;
            }
            
            .brandbox-sec3 .public-brand-title .f_desc {
              font-size: 13px;
              margin-top: 10px;
            }
          }