[v-cloak] {
            display: none !important;
        }
        /* 视频弹窗样式 */
		.video-modal-mask {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.85);
			z-index: 9999;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.video-modal-container {
			position: relative;
			width: 90%;
			max-width: 1200px;
			max-height: 80vh;
			background: #000;
			border-radius: 8px;
			overflow: hidden;
		}

		.video-close-btn {
			position: absolute;
			top: 15px;
			right: 15px;
			color: #fff;
			font-size: 24px;
			cursor: pointer;
			width: 36px;
			height: 36px;
			line-height: 36px;
			text-align: center;
			background: rgba(0, 0, 0, 0.5);
			border-radius: 50%;
			z-index: 10;
			transition: all 0.3s;
		}

		.video-close-btn:hover {
			background: #142261;
		}

		.video-player-wrap {
			width: 100%;
			height: 100%;
		}

		.video-player {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
        :root {
            --animate-duration: 2s;
            /* 所有动画默认时长改为2秒 */
        }

        /* 父容器：相对定位（核心！作为文字定位基准） + 匹配图片高度 */
        .abouts {
            position: relative;
            /* 必须：让子元素绝对定位参考该容器 */
            height: 720px;
            /* 匹配图片高度，避免容器高度塌陷 */
            width: 100%;
            overflow: hidden;
            /* 防止文字超出容器 */
        }

        /* 图片：铺满容器，消除默认空隙 */
        .abouts img {
            height: 100%;
            /* 改为100%，继承父容器高度，更灵活 */
            width: 100%;
            object-fit: cover;
            /* 保证图片不变形，铺满容器 */
            display: block;
            /* 消除图片底部默认空隙 */
        }

        /* 文字浮层：绝对定位 + 悬浮在图片上 */
        .abouts .names {
            position: absolute;
            /* 绝对定位，脱离文档流 */
            z-index: 2;
            /* 确保在图片上方 */
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 600;
            font-size: 50px;
            color: #FFFFFF;
            /* 以下是位置调整，按需选择 */

            /* 方案1：水平+垂直居中（推荐，适配设计稿） */
            left: 10%;
            top: 50%;
            transform: translate(-50%);

            /* 方案2：仅水平居中，垂直靠上（比如距顶部50px）
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    */

            /* 方案3：仅水平居中，垂直靠下（比如距底部50px）
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    */
        }

        .rongyu {
            width: 1200px;
            margin: auto;
            padding: 100px 0 0 0;
        }

        .navs {
            border-bottom: 1px dashed #eee;
            /* 底部分隔线 */
            /* width: 1200px; */
            /* margin: auto; */
        }

        .about_tab {
            height: 475px;
            background: #FCFCFC;
            border-radius: 0px 0px 0px 0px;
            background-image: url('/home/images/29.png');
            background-size: cover;
            padding: 100px 0 0 0;
        }

        .about_fot {
            /* height: 475px; */
            background: #FCFCFC;
            border-radius: 0px 0px 0px 0px;
            background-image: url('/home/images/33.png');
            background-size: cover;
            margin-top: 100px;
        }

        .about {
            width: 1200px;
            margin: auto;
        }

        /* 核心：左右分栏布局 */
        .company-intro {
            display: flex;
            align-items: center;
            /* 垂直居中 */
            justify-content: space-between;
            /* 白色背景 */
        }

        /* 左侧文字区域：占比48% */
        .intro-text {
            flex: 0 0 48%;
            padding-right: 20px;
        }

        /* 外层容器：限制最大宽度 + 居中 + 白色纹理背景 */
        .company-intro {
            width: 100%;
            /* 浅纹理，可删 */
            background-size: cover;
            padding: 60px 0;
            /* 上下内边距，避免内容贴边 */
            overflow: hidden;
            /* 核心：防止内容溢出 */
        }

        /* 内层：真正的左右分栏，限制最大宽度，不溢出 */
        .intro-inner {
            display: flex;
            align-items: center;
            max-width: 1200px;
            /* 核心：限制整体宽度，不溢出 */
            margin: 0 auto;
            padding: 0 20px;
            gap: 40px;
            /* 左右间距，避免挤压 */
        }

        /* 左侧文字：自适应宽度 */
        .intro-text {
            min-width: 0;
            /* 关键：防止文字撑开容器 */
        }

        .company-title {
            font-size: 28px;
            font-weight: 700;
            color: #222;
            line-height: 1.3;
            margin-bottom: 24px;
            font-family: MiSans Latin, sans-serif;
        }

        .company-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            margin: 0;
            font-family: MiSans Latin, sans-serif;
        }

        /* 右侧轮播：固定最大宽度，不溢出 */
        .intro-swiper {
            flex: 0 0 40%;
            /* 右侧最多占50%，不会挤压左侧 */
            min-width: 0;
            height: 300px;
            /* 固定轮播高度，匹配设计稿 */
        }

        .intro-swiper_h5 {
            flex: 0 0 40%;
            /* 右侧最多占50%，不会挤压左侧 */
            min-width: 355px;
            height: 232px;
            /* 固定轮播高度，匹配设计稿 */
        }

        /* Swiper 基础样式 */
        .mySwiper {
            width: 100%;
            height: 100%;
            background-color: #b8c8d8;
            /* 设计稿浅蓝占位色 */
            border-radius: 4px;
        }

        /* 轮播图/占位块：铺满容器 */
        .swiper-slide img,
        .slide-placeholder {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .slide-placeholder {
            background-color: #b8c8d8;
            /* 匹配设计稿的浅蓝块 */
        }

        /* 底部分页器（设计稿只有分页，无左右箭头） */
        .swiper-pagination {
            bottom: 12px;
        }

        .swiper-pagination-bullet {
            width: 24px;
            height: 2px;
            border-radius: 1px;
            background-color: #E9E9E9;
            opacity: 0.6;
        }

        .swiper-pagination-bullet-active {
            opacity: 1;
            background-color: #142261;
        }

        /* 底部分页器（设计稿只有分页，无左右箭头） */
        .swiper-paginations {
            bottom: 12px;
            text-align: center;
            margin-top: 25px;
        }

        .swiper-paginations-bullet {
            width: 24px;
            height: 2px;
            border-radius: 1px;
            background-color: #000;
            opacity: 0.6;
        }

        .swiper-paginations-bullet-active {
            opacity: 1;
            background-color: #000;
        }



        /* 响应式：小屏幕自动上下布局 */
        @media (max-width: 768px) {
            .intro-inner {
                flex-direction: column;
                gap: 24px;
            }

            .intro-swiper {
                flex: 1;
                width: 100%;
                height: 240px;
            }

            .company-title {
                font-size: 22px;
            }
        }

        .about_factory {
            background: #FFFFFF;
        }

        /* 外层容器：白色背景 + 居中布局 */
        .data-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            /* 4列均分 */
            max-width: 1200px;
            margin: 40px 0 20px 0;
            background-color: #ffffff;
            /* 白色背景 */
        }

        /* 单个统计项：居中 + 右侧竖线（最后一个取消） */
        .stat-item {
            text-align: center;
            padding: 24px 16px;
            border-right: 1px solid #e5e5e5;
            /* 竖线分隔 */
        }

        /* 最后一个项取消右边框 */
        .stat-item:last-child {
            border-right: none;
        }

        /* 数字样式：深蓝色、加粗、大字号 */
        .stat-number {
            font-size: 48px;
            font-weight: 700;
            color: #142261;
            /* 深蓝色，匹配设计稿 */
            line-height: 1.2;
            margin-bottom: 16px;
            font-family: MiSans Latin, sans-serif;


            font-family: MiSans Latin, MiSans Latin;
            font-weight: bold;
            font-size: 32px;
            color: #142261;
            font-style: normal;
            text-transform: none;
        }

        /* 文字标签样式：浅灰色、常规字重 */
        .stat-label {
            margin: 0;
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 18px;
            color: #282731;
            font-style: normal;
            text-transform: none;
        }

        /* 响应式适配：小屏幕改为2列，最后一行竖线调整 */
        @media (max-width: 768px) {
            .data-stats {
                grid-template-columns: repeat(2, 1fr);
                gap: 24px;
            }

            .stat-item {
                border-right: none;
                border-bottom: 1px solid #e5e5e5;
                padding: 16px 12px;
            }

            .stat-item:nth-child(3),
            .stat-item:nth-child(4) {
                border-bottom: none;
            }
        }

        /* 核心容器：相对定位（承载图标）+ 限制最大宽度（可选） */
        .img-play-wrapper {
            position: relative;
            /* 必须：让图标绝对定位基于此容器 */
            max-width: 1200px;
            /* 可选：限制图片最大宽度，适配页面 */
            margin: 0 auto;
            /* 可选：图片居中显示 */
        }

        /* 背景图片：自适应容器宽度，保持比例 */
        .bg-img {
            width: 100%;
            height: auto;
            display: block;
            /* 消除图片底部空隙 */
        }

        /* 播放图标：绝对居中 + 白色圆形 + 深蓝色三角 */
        .play-icon {
            /* 居中核心：绝对定位 + 平移 */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

            /* 圆形样式 */
            width: 80px;
            /* 图标大小，可按需调整 */
            height: 80px;
            /* 白色圆形背景 */
            border-radius: 50%;
            /* 圆形 */
            cursor: pointer;
            /* 可选：鼠标悬浮变手型 */
        }

        /* 播放三角：用CSS伪元素绘制 */
        .play-icon::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 55%;
            /* 三角偏右，视觉更居中 */
            transform: translate(-50%, -50%);

            /* 绘制播放三角 */
            border-width: 18px 0 18px 30px;
            /* 三角大小，适配80px图标 */
            border-style: solid;
            border-color: transparent transparent transparent #142261;
            /* 深蓝色三角，可改色值 */
        }
        .about_pro {
            height: 385px;
            background: #FCFCFC;
            border-radius: 0px 0px 0px 0px;
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/home/images/31.png);

            /* background-image: url('/home/images/31.png'); */
            background-size: cover;
            padding: 100px 0 0 0;
            margin-top: 100px;
        }

        /* 外层容器：工厂背景图 + 白色卡片层叠 + 居中 */
        .process-steps {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            /* 6列均分 */
            gap: 20px;
            /* 卡片之间的间距，匹配设计稿 */
            max-width: 1200px;
            margin: auto;
            padding: 0 20px;
            background-image: url('/home/images/factory-bg.jpg');
            /* 替换为你的工厂背景图路径 */
            background-size: cover;
            background-position: center;
            margin-top: 20px;
        }

        /* 单个卡片：白色背景 + 居中 + 内边距 */
        .step-card {
            background-color: #ffffff;
            /* 白色卡片背景 */
            text-align: center;
            width: 183px;
            height: 240px;
            background: #FFFFFF;
            border-radius: 0px 0px 0px 0px;
        }

        /* 步骤序号：深蓝色、加粗、大字号 */
        .step-number {
            font-size: 48px;
            font-weight: 700;
            color: #142261;
            /* 深蓝色，匹配设计稿 */
            line-height: 1.2;
            margin-bottom: 20px;
            margin-top: 55px;
            font-family: MiSans Latin, sans-serif;
        }

        /* 步骤下方短横线：浅灰色、居中 */
        .step-divider {
            width: 30px;
            height: 1px;
            background-color: #e5e5e5;
            /* 浅灰色横线，匹配设计稿 */
            margin: 0 auto 20px;
            /* 水平居中 + 上下间距 */
        }

        /* 步骤标题：深灰色、常规字号 */
        .step-title {
            font-size: 18px;
            color: #333333;
            line-height: 1.4;
            font-family: MiSans Latin, sans-serif;
            margin: 0;

            font-family: MiSans Latin, MiSans Latin;
            font-weight: 600;
            font-size: 18px;
            color: #282731;
            font-style: normal;
            text-transform: none;
            margin-top: 30px;
        }

        /* 响应式适配：小屏幕改为2行3列 */
        @media (max-width: 768px) {
            .process-steps {
                grid-template-columns: repeat(3, 1fr);
                gap: 10px;
            }

            .step-card {
                /* padding: 24px 12px; */
            }

            .step-number {
                font-size: 28px;
                margin-top: 22px;
            }

            .step-title {
                font-size: 12px;
                margin-top: 10px;
                width: 69px;
                text-align: center;
                margin: auto;
            }
        }


        .my-swiper {
            width: 100%;
            height: 520px;
            margin-top: 30px;
            padding: 0 0 90px 0;
        }

        .swiper-slide {
            width: 380px;
            /* height: 520px; */
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        .swiper-slide.h5 {
            /* width: 355px !important;
            height: 232px !important; */
        }

        .swiper-slide .img {
            width: 380px;
            height: 520px;
        }

        .swiper-slide-active {
            transform: scale(1);
        }

        .swiper-slide:not(.swiper-slide-active) {
            transform: scale(0.85);
            opacity: 0.7;
        }

        .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active {
            z-index: 9 !important;
        }

        .cert-indicator {
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 22px;
            color: #282731;
            text-align: center;
            font-style: normal;
            text-transform: none;
            margin-top: 10px;
        }

        .h5_company-title {
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 600;
            font-size: 16px;
            color: #282731;
            font-style: normal;
            text-transform: none;
            width: 291px;
            margin-left: 10px;
            margin-top: 20px;
        }

        .h5_company-desc {
            width: 354px;
            /* height: 80px; */
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 12px;
            color: #595860;
            text-align: left;
            font-style: normal;
            text-transform: none;
            padding: 10px;
        }

        /* 2×2网格容器 */
        .h5_stats_grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            /* 两列均分 */
            grid-template-rows: 1fr 1fr;
            /* 两行均分 */
            gap: 1px;
            /* 分隔线宽度，模拟设计稿的细白线 */
            background-color: #e5e5e5;
            /* 分隔线颜色 */
            width: 100%;
            max-width: 1200px;
            margin: 30px auto;
        }

        /* 单个统计项样式 */
        .h5_stat_item {
            background-color: #ffffff;
            /* 白色背景 */
            padding: 10px 20px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 16px;
            /* 数字与文字间距 */
        }

        /* 数字样式（深蓝色、大号加粗） */
        .h5_stat_num {
            font-family: MiSans Latin, MiSans Latin;
            font-weight: bold;
            font-size: 18px;
            color: #142261;
            font-style: normal;
            text-transform: none;
        }

        /* 文字样式（常规字重、深灰色） */
        .h5_stat_text {
            font-family: MiSans Latin, MiSans Latin;
            font-weight: 400;
            font-size: 12px;
            color: #282731;
            font-style: normal;
            text-transform: none;
        }

        .step-card.h5 {
            width: 112px;
            height: 146px;
        }
        /* 核心：一行横向 + 可左右滑动 */
.slide-container {
  width: 95%;
  overflow: auto; /* 允许滚动 */
  -webkit-overflow-scrolling: touch; /* 苹果丝滑滑动 */
  scrollbar-width: none; /* 隐藏滚动条 */
}
.slide-container::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

.slide-wrapper {
  display: flex; /* 横向一排 */
  flex-wrap: nowrap; /* 强制不换行 */
  gap: 10px; /* 图片之间间距，可改 */
  padding: 0 10px;
}

.slide-item {
  flex-shrink: 0; /* 关键：不让图片被压缩 */
  width: 280px; /* 每个图片宽度，自己改 */
}
.slide-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}