/* 自定义样式库 - 前缀 custom-stats 确保 class 名唯一不重复 */
    .custom-stats-wrapper {
      width: 100%;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      margin-bottom: 30px;
    }
    
    /* 深色区域 */
    .custom-stats-section-dark {
      background-color: #22379d;
      color: #ffffff;
      padding: 5px 10px;
    }

    /* 浅黄区域 */
    .custom-stats-section-light {
      background-color: #f1f1f1;
      color: #0b1329;
      padding: 5px 20px;
    }

    /* 卡片悬停微动与过渡效果 */
    .custom-stats-card {
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.3s ease, filter 0.3s ease;
      cursor: pointer;
      padding: 10px 0;
    }

    .custom-stats-card:hover {
      transform: translateY(-5px);
    }

    /* SVG 图标样式 */
    .custom-stats-svg-icon {
      width: 28px;
      height: 28px;
      flex-shrink: 0;
      margin-right: 15px;
      transition: transform 0.3s ease;
    }

    .custom-stats-card:hover .custom-stats-svg-icon {
      transform: scale(1.1);
    }

    .custom-stats-svg-dark {
      fill: #ffffff;
    }

    .custom-stats-svg-light {
      fill: #0b1329;
    }

    /* 文本内容排版 */
    .custom-stats-content-box {
      display: flex;
      flex-direction: column;
    }

    .custom-stats-row-number {
      display: flex;
      align-items: baseline;
      line-height: 1.1;
    }

    .custom-stats-num {
      font-size: 20px;
      font-weight: 800;
      /* font-family: Arial, sans-serif; */
    }

    .custom-stats-unit {
      font-size: 14px;
      font-weight: 600;
      margin-left: 6px;
    }

    .custom-stats-plus {
      font-size: 16px;
      font-weight: bold;
      margin-left: 4px;
    }

    .custom-stats-label-text {
      font-size: 14px;
      font-weight: bold;
      /* margin-top: 6px; */
      /* letter-spacing: 1px; */
    }
	
	
	
	
	/* 主容器结构 */
        .wp-prod-showcase-wrapper {
            background: #ffffff;
            border-radius: 16px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
            overflow: hidden;
            padding: 30px;
        }

        /* 右侧轮播图容器 */
        .wp-prod-slider-container {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
            background: #eef2f5;
        }

        .wp-prod-main-swiper {
            width: 100%;
            height: 420px;
        }

        .wp-prod-slide-item {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .wp-prod-slide-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .wp-prod-slide-item:hover img {
            transform: scale(1.05);
        }

        /* 浮动在图片底部的操作按钮层 */
        .wp-prod-img-overlay-actions {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px 25px;
            background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(15, 23, 42, 0.85) 100%);
            display: flex;
            align-items: center;
            justify-content: space-between;
            z-index: 10;
        }

        .wp-prod-img-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: #ffffff;
            margin: 0;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        .wp-prod-btn-group {
            display: flex;
            gap: 12px;
        }

        .wp-prod-action-btn {
            padding: 8px 18px;
            font-size: 0.88rem;
            font-weight: 500;
            border-radius: 30px;
            text-decoration: none !important;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .wp-prod-btn-detail {
            background-color: rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(5px);
        }

        .wp-prod-btn-detail:hover {
            background-color: #ffffff;
            color: #1e3a8a;
            box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
            transform: translateY(-2px);
        }

        .wp-prod-btn-quote {
            background: linear-gradient(135deg, #2563eb, #1d4ed8);
            color: #ffffff;
            border: none;
            box-shadow: 0 4px 10px rgba(37, 99, 235, 0.4);
        }

        .wp-prod-btn-quote:hover {
            background: linear-gradient(135deg, #1d4ed8, #1e40af);
            color: #ffffff;
            box-shadow: 0 6px 15px rgba(37, 99, 235, 0.5);
            transform: translateY(-2px);
        }

        /* Swiper 分页器指示点 */
        .swiper-pagination-bullet {
            background: #ffffff;
            opacity: 0.6;
        }
        .swiper-pagination-bullet-active {
            opacity: 1;
            background: #2563eb;
            width: 20px;
            border-radius: 4px;
        }

        /* 左侧分类菜单列表 */
        .wp-prod-category-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }

        .wp-prod-menu-item {
            position: relative;
            padding: 16px 20px;
            margin-bottom: 12px;
            border-radius: 10px;
            background-color: #f8fafc;
            color: #475569;
            font-size: 1rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .wp-prod-menu-item:last-child {
            margin-bottom: 0;
        }

        .wp-prod-menu-item:hover {
            background-color: #f1f5f9;
            color: #1e3a8a;
            border-color: #cbd5e1;
            transform: translateX(4px);
        }

        .wp-prod-menu-item.active-menu {
            background: linear-gradient(90deg, #eff6ff 0%, #ffffff 100%);
            color: #1d4ed8;
            font-weight: 700;
            border-color: #bfdbfe;
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.08);
        }

        .wp-prod-menu-item.active-menu::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background-color: #2563eb;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .wp-prod-menu-icon {
            font-size: 0.85rem;
            opacity: 0;
            transition: all 0.3s ease;
            transform: translateX(-5px);
        }

        .wp-prod-menu-item:hover .wp-prod-menu-icon,
        .wp-prod-menu-item.active-menu .wp-prod-menu-icon {
            opacity: 1;
            transform: translateX(0);
        }

        /* 响应式微调 */
        @media (max-width: 991px) {
            .wp-prod-main-swiper {
                height: 350px;
            }
            .wp-prod-category-list {
                margin-bottom: 25px; /* 手机端菜单在上方时增加底部间距 */
            }
        }
        @media (max-width: 576px) {
            .wp-prod-main-swiper {
                height: 280px;
            }
            .wp-prod-img-overlay-actions {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                padding: 15px;
            }
            .wp-prod-btn-group {
                width: 100%;
            }
            .wp-prod-action-btn {
                flex: 1;
                text-align: center;
                justify-content: center;
            }
        }
		.index-pro-title{font-size: 35px;position:relative;padding-bottom: 10px;margin-bottom: 25px;font-weight: bold;}
		.index-pro-title:after{content:"";position:absolute;bottom:0px;width: 50px;height: 4px;border-radius: 20px;background:#22379d;left:0px;display: block;}
		
		
	
/* =========================
   整体区域
========================= */
.manufacture-feature-section {
    width: 100%;
    padding: 0;
}

/* =========================
   卡片
========================= */
.manufacture-feature-card {
    position: relative;
    width: 100%;
    height: 470px;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    cursor: pointer;
    background-color: #111;
}

/* 图片 */
.manufacture-feature-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 图片本身 */
.manufacture-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* 鼠标悬浮图片放大 */
.manufacture-feature-card:hover .manufacture-feature-image img {
    transform: scale(1.08);
}

/* 黑色遮罩 */
.manufacture-feature-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    z-index: 1;
    transition: background 0.4s ease;
}

/* hover 时遮罩稍微变浅 */
.manufacture-feature-card:hover .manufacture-feature-mask {
    background: rgba(0, 0, 0, 0.42);
}

/* =========================
   中间内容
========================= */
.manufacture-feature-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 100%;
    padding: 30px 20px;
    text-align: center;
    transform: translate(-50%, -50%);
}

/* 图标外框 */
.manufacture-feature-icon-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin: 0 auto 25px;
    border: 1px dashed rgba(255, 255, 255, 0.6);
    border-radius: 50%;
}

/* 第二层虚线 */
.manufacture-feature-icon-box::before {
    position: absolute;
    top: 12px;
    right: 12px;
    bottom: 12px;
    left: 12px;
    border: 1px dashed rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    content: "";
}

/* SVG */
.manufacture-feature-icon {
    position: relative;
    z-index: 2;
    width: 55px;
    height: 55px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
}

/* 标题 */
.manufacture-feature-title {
    margin: 0;
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
}

/* =========================
   底部介绍
   默认隐藏在底部
========================= */
.manufacture-feature-description {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 98px;
    padding: 20px 35px;
    background: #22379d;
    transform: translateY(100%);
    transition: transform 0.45s ease;
}

/* hover 时向上弹出 */
.manufacture-feature-card:hover .manufacture-feature-description {
    transform: translateY(0);
}

/* 介绍文字 */
.manufacture-feature-description-text {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
}

/* =========================
   演示效果
   如果希望第一个默认显示介绍，
   保留下面代码
========================= */
.manufacture-feature-card.manufacture-feature-active .manufacture-feature-description {
    transform: translateY(0);
}

/* =========================
   响应式
========================= */
@media (max-width: 991.98px) {

    .manufacture-feature-card {
        height: 430px;
    }

    .manufacture-feature-title {
        font-size: 24px;
    }

    .manufacture-feature-icon-box {
        width: 105px;
        height: 105px;
    }

}

@media (max-width: 767.98px) {

    .manufacture-feature-card {
        height: 400px;
        border-radius: 0 0 20px 20px;
    }

    .manufacture-feature-icon-box {
        width: 90px;
        height: 90px;
        margin-bottom: 18px;
    }

    .manufacture-feature-icon {
        width: 45px;
        height: 45px;
    }

    .manufacture-feature-title {
        font-size: 20px;
    }

    .manufacture-feature-description {
        min-height: 85px;
        padding: 15px 20px;
    }

    .manufacture-feature-description-text {
        font-size: 13px;
    }

}


    :root {
      --yt-primary-color: #22379d;
      --yt-card-bg: #eef3f9;
      --yt-text-main: #1a1a1a;
      --yt-text-sub: #555555;
    }

    .yt-showcase-section {
      padding: 0rem 0;
    }

    .yt-swiper-container {
      position: relative;
      padding: 0 0px;
    }

    .yt-card-item {
      background-color: var(--yt-card-bg);
      border-radius: 8px;
      overflow: hidden;
      height: 100%;
      display: flex;
      flex-direction: column;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: 1px solid #dce4ec;
    }

    .yt-card-item:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 24px rgba(34, 55, 157, 0.15);
    }

    .yt-card-thumb-wrapper {
      position: relative;
      width: 100%;
      padding-top: 65%;
      overflow: hidden;
      background-color: #e0e0e0;
    }

    .yt-card-thumb-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }

    .yt-card-item:hover .yt-card-thumb-img {
      transform: scale(1.05);
    }

    .yt-card-content {
      padding: 1.25rem;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }

    .yt-card-title {
      color: var(--yt-text-main);
      font-size: 1.1rem;
      font-weight: 700;
      line-height: 1.4;
      margin-bottom: 0.75rem;
      min-height: 3rem;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .yt-card-description {
      color: var(--yt-text-sub);
      font-size: 0.875rem;
      line-height: 1.5;
      margin-bottom: 0;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* Custom Swiper Navigation Buttons */
    .yt-nav-btn-next,
    .yt-nav-btn-prev {
      background-color: #ffffff00;
      width: 38px;
      height: 50px;
      border-radius: 4px;
      color: #ffffff;
      margin-top: -25px;
      transition: background-color 0.2s ease, opacity 0.2s ease;
    }

    .yt-nav-btn-next:after,
    .yt-nav-btn-prev:after {
      font-size: 1.2rem;
      font-weight: bold;
    }



    .yt-nav-btn-prev {
      left: 0;
    }

    .yt-nav-btn-next {
      right: 0;
    }	
		
		
		/* 文字超两行自动显示省略号 */
.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 兼容老版本 Bootstrap 的图片裁剪策略 */
.object-fit-cover {
  object-fit: cover;
}

/* 卡片 Hover 状态加深微阴影 */
.blog-card-item:hover .blog-main {
  border-color: #22379d !important;
  transition: border-color 0.2s ease;
}