<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>福清和美针织有限公司</title>
  <meta name="keywords" content="福清和美针织有限公司, 休闲袜, 运动袜, 足球袜, 毛巾袜, 男袜, 女袜, 童袜">
  <meta name="description" content="福清和美针织有限公司是福建省专业制袜企业，生产休闲袜、运动袜、足球袜、毛巾袜、男袜、女袜、童袜等产品。">
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
  <style>
    :root {
      --ink: #172033;
      --muted: #5f6b7a;
      --line: #dce3ea;
      --paper: #ffffff;
      --soft: #f6f8fb;
      --blue: #185f9f;
      --blue-dark: #0e3f70;
      --green: #567c5d;
      --red: #a43f35;
      --gold: #b88932;
      --shadow: 0 16px 45px rgba(23, 32, 51, .10);
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      line-height: 1.7;
    }

    img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    .wrap {
      width: min(1120px, calc(100% - 40px));
      margin: 0 auto;
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 20;
      background: rgba(255, 255, 255, .94);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(14px);
    }

    .header-inner {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
    }

    .brand img {
      width: 206px;
      height: auto;
    }

    .brand small {
      display: block;
      color: var(--muted);
      font-size: 13px;
      white-space: nowrap;
    }

    .nav {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
      font-size: 15px;
    }

    .header-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 14px;
      flex-wrap: wrap;
    }

    .nav a {
      padding: 8px 11px;
      border-radius: 6px;
      color: #263244;
    }

    .nav a:hover {
      color: var(--blue);
      background: #edf5fc;
    }

    .lang-toggle {
      min-height: 36px;
      padding: 7px 12px;
      border: 1px solid var(--line);
      border-radius: 6px;
      background: #fff;
      color: var(--blue-dark);
      cursor: pointer;
      font: inherit;
      font-size: 14px;
      font-weight: 700;
    }

    .lang-toggle:hover {
      border-color: #b9d1e7;
      background: #edf5fc;
    }

    .en {
      font-family: Arial, "Helvetica Neue", sans-serif;
    }

    .hero {
      position: relative;
      min-height: clamp(520px, 72vh, 720px);
      display: grid;
      align-items: end;
      overflow: hidden;
      background: #101820;
    }

    .hero img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .72;
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(11, 28, 48, .88), rgba(11, 28, 48, .55) 46%, rgba(11, 28, 48, .12)),
        linear-gradient(0deg, rgba(11, 28, 48, .72), rgba(11, 28, 48, 0) 48%);
    }

    .hero-content {
      position: relative;
      z-index: 1;
      color: #fff;
      padding: 84px 0 74px;
      max-width: 860px;
    }

    .eyebrow {
      margin: 0 0 16px;
      color: #d8ecff;
      font-size: 15px;
      letter-spacing: 0;
    }

    h1 {
      margin: 0;
      font-size: clamp(42px, 5vw, 64px);
      line-height: 1.12;
      letter-spacing: 0;
      font-weight: 800;
    }

    .hero-text {
      max-width: 640px;
      margin: 22px 0 0;
      color: #eef6ff;
      font-size: clamp(17px, 2.1vw, 21px);
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 34px;
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 10px 18px;
      border-radius: 6px;
      border: 1px solid rgba(255, 255, 255, .52);
      color: #fff;
      font-weight: 700;
    }

    .button.primary {
      background: #fff;
      color: var(--blue-dark);
      border-color: #fff;
    }

    .stats {
      position: relative;
      z-index: 2;
      margin-top: -42px;
    }

    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      background: var(--paper);
      box-shadow: var(--shadow);
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: hidden;
    }

    .stat {
      padding: 26px 24px;
      border-right: 1px solid var(--line);
    }

    .stat:last-child {
      border-right: 0;
    }

    .stat strong {
      display: block;
      color: var(--blue-dark);
      font-size: 30px;
      line-height: 1.15;
    }

    .stat span {
      display: block;
      margin-top: 5px;
      color: var(--muted);
      font-size: 14px;
    }

    section {
      padding: 86px 0;
    }

    .section-head {
      display: grid;
      grid-template-columns: minmax(420px, 560px) 1fr;
      gap: 36px;
      align-items: end;
      margin-bottom: 34px;
    }

    #about .section-head {
      margin-bottom: 24px;
    }

    .section-kicker {
      margin: 0 0 8px;
      color: var(--blue);
      font-weight: 700;
      font-size: 14px;
    }

    h2 {
      margin: 0;
      font-size: clamp(28px, 3vw, 38px);
      line-height: 1.2;
      letter-spacing: 0;
    }

    body:not(.en) .section-head h2 {
      white-space: nowrap;
    }

    .lead {
      margin: 0;
      color: var(--muted);
      font-size: 17px;
    }

    .about-layout {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 30px;
      align-items: start;
    }

    .about-copy {
      color: #334155;
      font-size: 16px;
    }

    .about-copy p {
      margin: 0 0 16px;
    }

    .photo-pair {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
      width: min(100%, 430px);
      justify-self: center;
    }

    .photo-pair img {
      width: 100%;
    }

    .photo-pair img,
    .wide-photo,
    .product-strip {
      border-radius: 8px;
      border: 1px solid var(--line);
      box-shadow: 0 12px 30px rgba(23, 32, 51, .08);
    }

    .feature-band {
      background: var(--soft);
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    #strength {
      padding-top: 64px;
    }

    .features {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .feature {
      min-height: 190px;
      padding: 26px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 8px;
    }

    .feature .mark {
      width: 42px;
      height: 6px;
      margin-bottom: 22px;
      border-radius: 999px;
      background: var(--blue);
    }

    .feature:nth-child(2) .mark {
      background: var(--green);
    }

    .feature:nth-child(3) .mark {
      background: var(--red);
    }

    .feature h3,
    .product h3,
    .contact-block h3 {
      margin: 0 0 10px;
      font-size: 21px;
      line-height: 1.35;
    }

    .feature p,
    .product p {
      margin: 0;
      color: var(--muted);
    }

    .product-layout {
      display: grid;
      grid-template-columns: 1fr;
      gap: 22px;
      align-items: start;
    }

    .product-strip {
      width: 100%;
      height: auto;
      object-fit: contain;
      object-position: center;
    }

    .product-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    .product {
      padding: 20px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }

    #products {
      padding-bottom: 34px;
    }

    .workshop {
      background: var(--paper);
      color: var(--ink);
      padding-top: 56px;
      border-top: 1px solid var(--line);
    }

    .workshop .section-kicker {
      color: var(--blue);
    }

    .workshop-gallery {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      align-items: stretch;
      width: min(100%, 920px);
      margin: 28px auto 0;
    }

    .workshop-gallery img {
      width: 100%;
      height: auto;
      aspect-ratio: 2 / 1;
      object-fit: contain;
      background: #fff;
      border-radius: 8px;
    }

    .workshop-slider {
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      background: #fff;
    }

    .workshop-slider img {
      border-radius: 8px;
      object-fit: cover;
    }

    .slide-dots {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 14px;
      display: flex;
      justify-content: center;
      gap: 7px;
      pointer-events: none;
    }

    .slide-dots span {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .58);
      box-shadow: 0 0 0 1px rgba(16, 36, 55, .18);
    }

    .slide-dots span.active {
      width: 22px;
      background: #fff;
    }

    #contact {
      padding-top: 34px;
    }

    .contact-block {
      border-left: 4px solid var(--gold);
      padding-left: 28px;
      max-width: 760px;
    }

    .contact-list {
      margin: 18px 0 0;
      padding: 0;
      list-style: none;
      color: #334155;
      font-size: 16px;
    }

    .contact-list li {
      margin: 8px 0;
    }

    .contact-list a {
      color: var(--blue-dark);
      font-weight: 700;
    }

    footer {
      padding: 28px 0;
      color: #5f6b7a;
      border-top: 1px solid var(--line);
      background: #f8fafc;
      font-size: 14px;
    }

    .footer-inner {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
    }

    .footer-records {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }

    .footer-records a {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      color: inherit;
    }

    .record-icon {
      width: 20px;
      height: 20px;
      flex: 0 0 auto;
    }

    .footer-records a:hover {
      color: var(--blue);
    }

    @media (max-width: 860px) {
      .wrap {
        width: min(100% - 28px, 1120px);
      }

      .header-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        padding: 14px 0;
      }

      .brand {
        width: 100%;
        justify-content: space-between;
      }

      .brand small {
        display: none;
      }

      .nav {
        width: 100%;
        justify-content: flex-start;
        gap: 4px;
        font-size: 14px;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
      }

      .nav::-webkit-scrollbar {
        display: none;
      }

      .header-actions {
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
      }

      .nav a {
        flex: 0 0 auto;
        padding: 7px 8px;
      }

      .lang-toggle {
        flex: 0 0 auto;
      }

      .hero {
        min-height: 610px;
      }

      .stats-grid,
      .features,
      .about-layout,
      .section-head,
      .product-layout,
      .product-list,
      .workshop-gallery {
        grid-template-columns: 1fr;
      }

      body:not(.en) .section-head h2 {
        white-space: normal;
      }

      .stats-grid {
        margin-top: 0;
      }

      .stat {
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }

      .stat:last-child {
        border-bottom: 0;
      }

      section {
        padding: 58px 0;
      }

      .product-strip {
        min-height: auto;
      }
    }

    @media (max-width: 560px) {
      .brand img {
        width: 176px;
      }

      .hero-content {
        padding: 68px 0 64px;
      }

      .hero-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .button {
        width: 100%;
      }

      .photo-pair {
        grid-template-columns: 1fr;
      }

      .feature,
      .product {
        padding: 20px;
      }

      .contact-block {
        padding-left: 18px;
      }
    }
  </style>
</head>
<body>
  <header class="site-header">
    <div class="wrap header-inner">
      <a class="brand" href="#top" aria-label="福清和美针织有限公司">
        <img src="images/top_logo.png" alt="福清和美针织有限公司">
        <small data-i18n="brandTag">专业制袜企业</small>
      </a>
      <div class="header-actions">
        <nav class="nav" aria-label="主导航">
          <a href="#about" data-i18n="navAbout">公司</a>
          <a href="#strength" data-i18n="navStrength">优势</a>
          <a href="#products" data-i18n="navProducts">产品</a>
          <a href="#workshop" data-i18n="navWorkshop">车间</a>
          <a href="#contact" data-i18n="navContact">联系</a>
        </nav>
        <button class="lang-toggle" type="button" data-lang-toggle>EN</button>
      </div>
    </div>
  </header>

  <main id="top">
    <section class="hero" aria-label="福清和美针织有限公司">
      <img src="images/index.jpg" alt="和美针织工厂与产品形象">
      <div class="wrap hero-content">
        <p class="eyebrow" data-i18n="heroEyebrow">福建福清 · 休闲袜 · 运动袜 · 足球袜 · 童袜</p>
        <h1 data-i18n="heroTitle">福清和美针织有限公司</h1>
        <p class="hero-text" data-i18n="heroText">从全电脑织袜机到完整后整理配套，和美专注为品牌客户提供稳定、舒适、可靠的针织棉袜生产服务。</p>
        <div class="hero-actions">
          <a class="button primary" href="#products" data-i18n="heroProductBtn">查看产品</a>
          <a class="button" href="#contact" data-i18n="heroContactBtn">联系我们</a>
        </div>
      </div>
    </section>

    <div class="stats">
      <div class="wrap stats-grid" aria-label="企业数据">
        <div class="stat">
          <strong data-i18n="statMachinesValue">80余台</strong>
          <span data-i18n="statMachines">全电脑织袜机</span>
        </div>
        <div class="stat">
          <strong data-i18n="statCapacityValue">约500万双</strong>
          <span data-i18n="statCapacity">年产各类针织棉袜</span>
        </div>
        <div class="stat">
          <strong data-i18n="statQualityValue">全流程</strong>
          <span data-i18n="statIso">质量管控</span>
        </div>
        <div class="stat">
          <strong data-i18n="statYearsValue">20多年</strong>
          <span data-i18n="statYears">织袜生产经验</span>
        </div>
      </div>
    </div>

    <section id="about">
      <div class="wrap">
        <div class="section-head">
          <div>
            <p class="section-kicker" data-i18n="aboutKicker">公司简介</p>
            <h2 data-i18n="aboutTitle">深耕针织袜生产二十余年。</h2>
          </div>
        </div>
        <div class="about-layout">
          <div class="about-copy">
            <p data-i18n="aboutP1">福清和美针织有限公司深耕针织袜生产二十余年，自1990年代起引进全电脑织袜机，逐步完善专业化针织袜生产能力。</p>
            <p data-i18n="aboutP2">公司现拥有80余台全电脑织袜设备，年产能约500万双，产品涵盖多类针织棉袜。我们构建了从织造、定型、点胶、刺绣、印花到自动化包装的生产配套体系，持续加强过程管控。</p>
            <p data-i18n="aboutP3">凭借稳定的生产标准与品控流程，公司长期为多个品牌客户提供ODM/OEM服务。</p>
            <p data-i18n="aboutP4">2017年，公司启动生产车间扩产改造工程，更新核心设备并优化生产流程，提升生产效率与柔性制造能力。</p>
            <p data-i18n="aboutP5">面向未来，和美针织将继续完善产能储备和质量管理，为客户提供稳定的生产支持。</p>
          </div>
          <div class="photo-pair">
            <img src="images/coppic1.jpg" alt="和美针织厂区">
            <img src="images/coppic2.jpg" alt="和美针织办公与厂区环境">
          </div>
        </div>
      </div>
    </section>

    <section id="workshop" class="workshop">
      <div class="wrap">
        <div class="section-head">
          <div>
            <p class="section-kicker" data-i18n="workshopKicker">生产车间</p>
            <h2 data-i18n="workshopTitle">设备更新，产能持续升级。</h2>
          </div>
        </div>
        <div class="workshop-gallery">
          <div class="workshop-slider" aria-label="生产车间照片轮播">
            <img src="images/workshop-slides/workshop-01.jpg" alt="和美针织车间设备" data-workshop-slide>
            <div class="slide-dots" aria-hidden="true">
              <span class="active"></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="strength" class="feature-band">
      <div class="wrap">
        <div class="section-head">
          <div>
            <p class="section-kicker" data-i18n="strengthKicker">生产优势</p>
            <h2 data-i18n="strengthTitle">让袜子从原料到交付更稳定。</h2>
          </div>
        </div>
        <div class="features">
          <article class="feature">
            <div class="mark"></div>
            <h3 data-i18n="feature1Title">完整设备配套</h3>
            <p data-i18n="feature1Text">织造、定型、点胶、绣花、印花、包装等环节配套完善，减少生产衔接中的不确定性。</p>
          </article>
          <article class="feature">
            <div class="mark"></div>
            <h3 data-i18n="feature2Title">品质体系支撑</h3>
            <p data-i18n="feature2Text">以原料检验、过程巡检、成品抽检与出货复核形成闭环，稳定控制产品指标和交付质量。</p>
          </article>
          <article class="feature">
            <div class="mark"></div>
            <h3 data-i18n="feature3Title">功能材料应用</h3>
            <p data-i18n="feature3Text">提供多样纱线选择，可结合高品质纱线或功能性纤维，为产品增加舒适、运动与耐穿特性。</p>
          </article>
        </div>
      </div>
    </section>

    <section id="products">
      <div class="wrap">
        <div class="section-head">
          <div>
            <p class="section-kicker" data-i18n="productsKicker">产品展示</p>
            <h2 data-i18n="productsTitle">覆盖日常、运动与专业场景。</h2>
          </div>
        </div>
        <div class="product-layout">
          <img class="product-strip" src="images/propic1.jpg" alt="和美针织袜类产品展示">
          <div class="product-list">
            <article class="product">
              <h3 data-i18n="product1Title">休闲与日常系列</h3>
              <p data-i18n="product1Text">面向日常穿着，重视柔软、透气与版型稳定。</p>
            </article>
            <article class="product">
              <h3 data-i18n="product2Title">运动与足球系列</h3>
              <p data-i18n="product2Text">适合运动品牌开发，支持毛圈、加固与功能纱线方案。</p>
            </article>
            <article class="product">
              <h3 data-i18n="product3Title">童袜与定制系列</h3>
              <p data-i18n="product3Text">可根据客户品牌、图案、材质和包装需求进行配套生产。</p>
            </article>
          </div>
        </div>
      </div>
    </section>

    <section id="contact">
      <div class="wrap">
        <div class="contact-block">
          <p class="section-kicker" data-i18n="contactKicker">联系我们</p>
          <h2 data-i18n="contactTitle">欢迎洽谈品牌代工与产品合作。</h2>
          <ul class="contact-list">
            <li><strong data-i18n="contactAddressLabel">地址：</strong><span data-i18n="contactAddress">福建省福清市高山镇院西村705号</span></li>
            <li><strong data-i18n="contactPhoneLabel">电话：</strong><a href="tel:059185883788">0591-85883788</a>　<a href="tel:059185889123">85889123</a></li>
            <li><strong data-i18n="contactWebsiteLabel">网址：</strong>shengmaide.cn</li>
            <li><strong data-i18n="contactEmailLabel">邮箱：</strong><a href="mailto:info@hemei.com.cn">info@hemei.com.cn</a></li>
          </ul>
        </div>
      </div>
    </section>
  </main>

  <footer>
    <div class="wrap footer-inner">
      <span data-i18n="copyright">版权所有 © 1995-2026 福清和美针织有限公司</span>
      <span class="footer-records">
        <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">闽ICP备05021729号-1</a>
        <a href="http://beian.mps.gov.cn/#/query/webSearch?code=35018102000552" target="_blank" rel="noopener noreferrer">
          <img class="record-icon" src="images/record/gongan.png" alt="">
          <span>闽公网安备 35018102000552号</span>
        </a>
      </span>
    </div>
  </footer>
  <script>
    const translations = {
      zh: {
        pageTitle: "福清和美针织有限公司",
        metaDescription: "福清和美针织有限公司深耕针织袜生产二十余年，生产休闲袜、运动袜、足球袜、毛巾袜、男袜、女袜、童袜等多类针织棉袜产品。",
        brandTag: "专业制袜企业",
        navAbout: "公司",
        navStrength: "优势",
        navProducts: "产品",
        navWorkshop: "车间",
        navContact: "联系",
        heroEyebrow: "福建福清 · 休闲袜 · 运动袜 · 足球袜 · 童袜",
        heroTitle: "福清和美针织有限公司",
        heroText: "从全电脑织袜机到完整后整理配套，和美专注为品牌客户提供稳定、舒适、可靠的针织棉袜生产服务。",
        heroProductBtn: "查看产品",
        heroContactBtn: "联系我们",
        statMachinesValue: "80余台",
        statMachines: "全电脑织袜机",
        statCapacityValue: "约500万双",
        statCapacity: "年产各类针织棉袜",
        statQualityValue: "全流程",
        statIso: "质量管控",
        statYearsValue: "20多年",
        statYears: "织袜生产经验",
        aboutKicker: "公司简介",
        aboutTitle: "深耕针织袜生产二十余年。",
        aboutP1: "福清和美针织有限公司深耕针织袜生产二十余年，自1990年代起引进全电脑织袜机，逐步完善专业化针织袜生产能力。",
        aboutP2: "公司现拥有80余台全电脑织袜设备，年产能约500万双，产品涵盖多类针织棉袜。我们构建了从织造、定型、点胶、刺绣、印花到自动化包装的生产配套体系，持续加强过程管控。",
        aboutP3: "凭借稳定的生产标准与品控流程，公司长期为多个品牌客户提供ODM/OEM服务。",
        aboutP4: "2017年，公司启动生产车间扩产改造工程，更新核心设备并优化生产流程，提升生产效率与柔性制造能力。",
        aboutP5: "面向未来，和美针织将继续完善产能储备和质量管理，为客户提供稳定的生产支持。",
        strengthKicker: "生产优势",
        strengthTitle: "让袜子从原料到交付更稳定。",
        feature1Title: "完整设备配套",
        feature1Text: "织造、定型、点胶、绣花、印花、包装等环节配套完善，减少生产衔接中的不确定性。",
        feature2Title: "品质体系支撑",
        feature2Text: "以原料检验、过程巡检、成品抽检与出货复核形成闭环，稳定控制产品指标和交付质量。",
        feature3Title: "功能材料应用",
        feature3Text: "提供多样纱线选择，可结合高品质纱线或功能性纤维，为产品增加舒适、运动与耐穿特性。",
        productsKicker: "产品展示",
        productsTitle: "覆盖日常、运动与专业场景。",
        product1Title: "休闲与日常系列",
        product1Text: "面向日常穿着，重视柔软、透气与版型稳定。",
        product2Title: "运动与足球系列",
        product2Text: "适合运动品牌开发，支持毛圈、加固与功能纱线方案。",
        product3Title: "童袜与定制系列",
        product3Text: "可根据客户品牌、图案、材质和包装需求进行配套生产。",
        workshopKicker: "生产车间",
        workshopTitle: "设备更新，产能持续升级。",
        contactKicker: "联系我们",
        contactTitle: "欢迎洽谈品牌代工与产品合作。",
        contactAddressLabel: "地址：",
        contactAddress: "福建省福清市高山镇院西村705号",
        contactPhoneLabel: "电话：",
        contactWebsiteLabel: "网址：",
        contactEmailLabel: "邮箱：",
        copyright: "版权所有 © 1995-2026 福清和美针织有限公司"
      },
      en: {
        pageTitle: "Fuqing Hemei Knitting Co., Ltd.",
        metaDescription: "Fuqing Hemei Knitting Co., Ltd. has focused on knitted hosiery manufacturing for more than 20 years, producing multiple categories of knitted cotton socks for leisure, sports, football, children and more.",
        brandTag: "Professional Hosiery Manufacturer",
        navAbout: "About",
        navStrength: "Strengths",
        navProducts: "Products",
        navWorkshop: "Workshop",
        navContact: "Contact",
        heroEyebrow: "Fuqing, Fujian · Casual Socks · Sports Socks · Football Socks · Kids' Socks",
        heroTitle: "Fuqing Hemei Knitting Co., Ltd.",
        heroText: "From computerized sock knitting machines to complete finishing facilities, Hemei provides knitted cotton sock manufacturing services for brand customers.",
        heroProductBtn: "View Products",
        heroContactBtn: "Contact Us",
        statMachinesValue: "80+",
        statMachines: "Computerized Sock Knitting Machines",
        statCapacityValue: "Approx. 5M",
        statCapacity: "Pairs of Knitted Cotton Socks Annually",
        statQualityValue: "End-to-End",
        statIso: "Quality Control",
        statYearsValue: "20+ Years",
        statYears: "Hosiery Manufacturing Experience",
        aboutKicker: "Company Profile",
        aboutTitle: "Focused on knitted hosiery manufacturing for more than 20 years.",
        aboutP1: "Fuqing Hemei Knitting Co., Ltd. has focused on knitted hosiery manufacturing for more than 20 years. Since the 1990s, the company has introduced computerized sock knitting machines and gradually improved its specialized hosiery production capabilities.",
        aboutP2: "The company currently operates over 80 computerized sock knitting machines, with annual capacity of approximately 5 million pairs. Its products cover multiple categories of knitted cotton socks. Hemei has built supporting production processes covering knitting, boarding, anti-slip dotting, embroidery, printing and automated packaging, while continuing to strengthen process control.",
        aboutP3: "With stable production standards and quality control procedures, the company provides ODM/OEM services for multiple brand customers.",
        aboutP4: "In 2017, the company launched a workshop expansion and renovation project, updating core equipment and optimizing production processes to improve production efficiency and flexible manufacturing capability.",
        aboutP5: "Looking ahead, Hemei Knitting will continue to improve capacity planning and quality management, providing customers with stable production support.",
        strengthKicker: "Production Strengths",
        strengthTitle: "Stable from material selection to final delivery.",
        feature1Title: "Complete Equipment Support",
        feature1Text: "Knitting, boarding, anti-slip dotting, embroidery, printing and packaging are fully coordinated to reduce uncertainty between production stages.",
        feature2Title: "Quality Control Support",
        feature2Text: "Incoming material inspection, in-process checks, finished product sampling and shipment review form a closed-loop approach to stable specifications and delivery quality.",
        feature3Title: "Functional Material Applications",
        feature3Text: "A wide selection of yarns and functional fibers helps enhance comfort, sports performance and durability.",
        productsKicker: "Products",
        productsTitle: "For everyday, sports and professional scenarios.",
        product1Title: "Casual & Everyday Series",
        product1Text: "Designed for daily wear, with attention to softness, breathability and fit stability.",
        product2Title: "Sports & Football Series",
        product2Text: "Suitable for sports brand development, supporting terry structures, reinforced zones and functional yarn solutions.",
        product3Title: "Kids' & Custom Series",
        product3Text: "Production can be tailored to customer requirements for brand, pattern, material and packaging.",
        workshopKicker: "Workshop",
        workshopTitle: "Equipment renewal and continuous capacity growth.",
        contactKicker: "Contact Us",
        contactTitle: "Welcome to discuss brand manufacturing and product cooperation.",
        contactAddressLabel: "Address: ",
        contactAddress: "No. 705, Yuanxi Village, Gaoshan Town, Fuqing, Fujian, China",
        contactPhoneLabel: "Tel: ",
        contactWebsiteLabel: "Website: ",
        contactEmailLabel: "Email: ",
        copyright: "Copyright © 1995-2026 Fuqing Hemei Knitting Co., Ltd."
      }
    };

    const toggle = document.querySelector("[data-lang-toggle]");
    const metaDescription = document.querySelector('meta[name="description"]');

    function setLanguage(lang) {
      const dictionary = translations[lang];
      document.documentElement.lang = lang === "zh" ? "zh-CN" : "en";
      document.body.classList.toggle("en", lang === "en");
      document.title = dictionary.pageTitle;
      metaDescription.setAttribute("content", dictionary.metaDescription);
      document.querySelectorAll("[data-i18n]").forEach((node) => {
        const key = node.getAttribute("data-i18n");
        if (dictionary[key]) {
          node.textContent = dictionary[key];
        }
      });
      toggle.textContent = lang === "zh" ? "EN" : "中文";
      toggle.setAttribute("aria-label", lang === "zh" ? "Switch to English" : "切换到中文");
      localStorage.setItem("hemei-language", lang);
    }

    toggle.addEventListener("click", () => {
      const next = document.documentElement.lang === "zh-CN" ? "en" : "zh";
      setLanguage(next);
    });

    setLanguage(localStorage.getItem("hemei-language") === "en" ? "en" : "zh");

    const workshopSlides = [
      "images/workshop-slides/workshop-01.jpg",
      "images/workshop-slides/workshop-02.jpg",
      "images/workshop-slides/workshop-03.jpg",
      "images/workshop-slides/workshop-04.jpg",
      "images/workshop-slides/workshop-05.jpg",
      "images/workshop-slides/workshop-06.jpg",
      "images/workshop-slides/workshop-07.jpg",
      "images/workshop-slides/workshop-08.jpg",
      "images/workshop-slides/workshop-09.jpg",
      "images/workshop-slides/workshop-10.jpg"
    ];
    const workshopSlide = document.querySelector("[data-workshop-slide]");
    const workshopSlider = document.querySelector(".workshop-slider");
    const workshopDots = Array.from(document.querySelectorAll(".slide-dots span"));
    let workshopIndex = 0;
    let workshopPaused = false;

    function showWorkshopSlide(index) {
      workshopIndex = index % workshopSlides.length;
      workshopSlide.src = workshopSlides[workshopIndex];
      workshopDots.forEach((dot, dotIndex) => {
        dot.classList.toggle("active", dotIndex === workshopIndex);
      });
    }

    if (workshopSlide && workshopSlider) {
      workshopSlider.addEventListener("mouseenter", () => {
        workshopPaused = true;
      });
      workshopSlider.addEventListener("mouseleave", () => {
        workshopPaused = false;
      });
      setInterval(() => {
        if (!workshopPaused) {
          showWorkshopSlide(workshopIndex + 1);
        }
      }, 4000);
    }
  </script>
</body>
</html>

