hesu-JT/building-materials.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>HESU — Building Materials &amp; Pipe Export</title>
  <meta name="description" content="HESU PIPE — Building materials and pipe export for global projects. HDPE & PVC pipes, fittings and welding equipment, delivered worldwide through a full-cycle supply chain." />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="HESU — Building Materials &amp; Pipe Export" />
  <meta property="og:description" content="HESU PIPE — Building materials and pipe export for global projects. HDPE & PVC pipes, fittings and welding equipment, delivered worldwide through a full-cycle supply chain." />
  <meta property="og:image" content="image/logo.png" />

  
  <link rel="icon" type="image/png" href="favicon.png" />

  <link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
  <link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
  <link rel="stylesheet" href="css/fonts.css?v=20260903a" />
  <link rel="stylesheet" href="css/style.css?v=20260903a" />
  <link rel="stylesheet" href="css/business.css?v=20260823b" />
  <link rel="stylesheet" href="css/business-pages.css?v=20260823b" />
  <link rel="stylesheet" href="css/mobile.css?v=20260823b" />
</head>
<body class="is-bp is-bm">

  <!-- ============ HEADER (shared) ============ -->
  <header id="siteHeader" class="site-header">
    <div class="container header-inner">
      <a class="logo" href="index.html" aria-label="HESU home">
        <img width="85" height="25" class="logo-img" src="image/logo.png" alt="HESU" />
      </a>
      <nav class="main-nav" id="mainNav" aria-label="Primary">
        <a class="drawer-logo" href="index.html" aria-label="HESU home">
          <img width="85" height="25" class="logo-img" src="image/logo.png" alt="HESU" />
        </a>
        <ul class="nav-list">
          <li class="nav-item has-mega">
            <a href="#">Business <span class="caret" aria-hidden="true"></span></a>
            <div class="mega" role="dialog" aria-label="Business">
              <div class="mega-inner">
                <div class="mega-left">
                  
                  <h3 class="mega-title">Four Core Businesses</h3>
                  
                  
                </div>
                <div class="mega-right">
                  <a class="mega-card" href="auto-export.html">
                    <div class="mega-card-img ph-select1"></div>
                    <div class="mega-card-text"><h4>Auto Export</h4></div>
                  </a>
                  <a class="mega-card" href="building-materials.html">
                    <div class="mega-card-img ph-select2"></div>
                    <div class="mega-card-text"><h4>HESU PIPE</h4></div>
                  </a>
                  <a class="mega-card" href="global-logistics.html">
                    <div class="mega-card-img ph-select3"></div>
                    <div class="mega-card-text"><h4>Global Logistics</h4></div>
                  </a>
                  <a class="mega-card" href="after-sales.html">
                    <div class="mega-card-img ph-select4"></div>
                    <div class="mega-card-text"><h4>After-sales</h4></div>
                  </a>
                </div>
              </div>
            </div>
          </li>
          <li class="nav-item"><a href="global-presence.html">Global Presence</li>
          <li class="nav-item has-mega">
            <a href="#">About Us <span class="caret" aria-hidden="true"></span></a>
            <div class="mega" role="dialog" aria-label="About HESU">
              <div class="mega-inner">
                <div class="mega-left">
                </div>
                <div class="mega-right">
                  <a class="mega-card" href="about-us.html"><div class="mega-card-img ph-easterneurope"></div><div class="mega-card-text"><h4>Company Overview</h4></div></a>
                  <a class="mega-card" href="development-history.html"><div class="mega-card-img ph-middleeast"></div><div class="mega-card-text"><h4>Company History</h4></div></a>
                </div>
              </div>
            </div>
          </li>
          <li class="nav-item"><a href="news.html">News</a></li>
          <li class="nav-item nav-contact"><a href="contact.html">Contact Us</a></li>
        </ul>
      </nav>
      <div class="header-right">
        <a href="contact.html" class="btn btn-contact">Contact Us</a>
        <button class="menu-toggle" id="menuToggle" aria-label="Open menu" aria-expanded="false"><span></span><span></span><span></span></button>
      </div>
    </div>
  </header>

  <main class="bp">

    <!-- ============================================================
         1. HERO BANNER — pipe factory photo + left-aligned copy
         ============================================================ -->
    <section class="bp-hero" aria-label="HESU Pipe">
      <div class="bp-hero__scene" aria-hidden="true">
        <img width="1440" height="600" class="bp-hero__bg" src="image/pipe/bnner.jpg" alt="" />
      </div>
      <div class="bp-hero__veil" aria-hidden="true"></div>

      <div class="bp-hero__copy container">
        <h1 class="bp-hero__title" data-reveal>HESU PIPE</h1>
        <p class="bp-hero__tag" data-reveal>Building Materials and Pipe Export for Global Projects</p>
        <a class="btn btn-explore" target="_blank"  href="https://axpipe.com" data-reveal>Explore More</a>
      </div>
    </section>

    <!-- ============================================================
         2 + 3. BUSINESS INTRODUCTION — text + image + 4 data stats
         ============================================================ -->
    <section class="bp-intro" id="intro">
      <div class="container bp-intro__grid">
        <div class="bp-intro__text">
          <h2 class="bp-h2" data-reveal>Business Introduction</h2>
          <p class="bp-body" data-reveal>HESU's building materials export business centers on HDPE and PVC pipe systems — covering corrugated pipes, fittings and welding equipment — supplied to infrastructure, water management, telecommunications and construction projects across global markets.</p>
          <p class="bp-body" data-reveal>Backed by 116 production lines and deep China-manufacturing resources, we deliver full-cycle support from product sourcing, quality inspection and export documentation to international logistics, overseas warehousing and on-site delivery — a reliable one-stop supply chain for every project.</p>

          <ul class="bp-caps">
            <li class="bp-cap" data-reveal>
              <img width="54" height="70" loading="lazy" class="bp-cap__ico" src="image/pipe/years.png" alt="" aria-hidden="true" />
              <span class="bp-cap__label">25+ Years</span>
            </li>
            <li class="bp-cap" data-reveal>
              <img width="43" height="54" loading="lazy" class="bp-cap__ico" src="image/pipe/countries.png" alt="" aria-hidden="true" />
              <span class="bp-cap__label">100+ Countries</span>
            </li>
            <li class="bp-cap" data-reveal>
              <img width="60" height="60" loading="lazy" class="bp-cap__ico" src="image/pipe/parters.png" alt="" aria-hidden="true" />
              <span class="bp-cap__label">1,000+ Partners</span>
            </li>
            <li class="bp-cap" data-reveal>
              <img width="60" height="60" loading="lazy" class="bp-cap__ico" src="image/pipe/lines.png" alt="" aria-hidden="true" />
              <span class="bp-cap__label">116 Lines</span> 
            </li>
          </ul>
        </div>

        <div class="bp-intro__media" data-reveal>
          <img width="504" height="431" loading="lazy" class="bp-intro__img" src="image/pipe/introfuction1.jpg" alt="HESU pipe installation on a global construction site" />
        </div>
      </div>
    </section>

    <!-- ============================================================
         5. LARGE INVENTORY IMAGE — stacked corrugated pipe stock
         ============================================================ -->
    <section class="bm-stock" aria-label="Pipe inventory">
      <div class="bm-stock__frame">
        <img width="1191" height="535" loading="lazy" class="bm-stock__img" src="image/pipe/introfuction2.png" alt="HESU corrugated pipe inventory stacked in a storage yard" />
      </div>
    </section>

    <!-- ============================================================
         6 + 7. PRODUCT CATEGORIES — centered title + 5-col cards
         ============================================================ -->
    <section class="bm-products" id="products">
      <div class="container">
        <div class="bm-products__head">
          <h2 class="bp-h2 bp-center" data-reveal>Product Categories</h2>
        </div>

        <ul class="bm-products__grid">
          <li class="bm-card" data-reveal><a href="https://axpipe.com/product/hdpe-pipe/hdpe-double-wall-corrugated-pipe/" target="_blank" rel="noopener" style="display:contents;text-decoration:none;color:inherit;"><div class="bm-card__img">
              <img width="228" height="193" loading="lazy" src="image/pipe/Product1.png" alt="" aria-hidden="true" />
            </div>
            <h3 class="bm-card__name">HDPE Pipe</h3>
          </a></li>

          <li class="bm-card" data-reveal><a href="https://axpipe.com/product/hdpe-fittings/hdpe-electrofusion-fittings/" target="_blank" rel="noopener" style="display:contents;text-decoration:none;color:inherit;">
            <div class="bm-card__img">
              <img width="228" height="193" loading="lazy" src="image/pipe/Product2.png" alt="" aria-hidden="true" />
            </div>
            <h3 class="bm-card__name">HDPE Fittings</h3>
          </a></li>

          <li class="bm-card" data-reveal><a href="https://axpipe.com/product/hdpe-pipe/hdpe-double-wall-corrugated-pipe/" target="_blank" rel="noopener" style="display:contents;text-decoration:none;color:inherit;">
            <div class="bm-card__img">
              <img width="228" height="193" loading="lazy" src="image/pipe/Product3.png" alt="" aria-hidden="true" />
            </div>
            <h3 class="bm-card__name">PVC Pipe</h3>
          </a></li>

          <li class="bm-card" data-reveal><a href="https://axpipe.com/product/pvc-fittings/pvc-water-supply-fittings/" target="_blank" rel="noopener" style="display:contents;text-decoration:none;color:inherit;">
            <div class="bm-card__img">
              <img width="228" height="193" loading="lazy" src="image/pipe/Product4.png" alt="" aria-hidden="true" />
            </div>
            <h3 class="bm-card__name">PVC Fittings</h3>
          </a></li>

          <li class="bm-card" data-reveal><a href="https://axpipe.com/product/pipe-welding-machine/hdpe-butt-fusion-welding-machine/" target="_blank" rel="noopener" style="display:contents;text-decoration:none;color:inherit;">
            <div class="bm-card__img">
              <img width="228" height="193" loading="lazy" src="image/pipe/Product5.png" alt="" aria-hidden="true" />
            </div>
            <h3 class="bm-card__name">Welding Equipment</h3>
          </a></li>
        </ul>

        <!-- 8. VIEW MORE -->
        <div class="bp-viewmore">
          <a href="https://axpipe.com/product/" target="_blank"  class="bp-viewmore__link">view more<span class="plus">+</span></a>
        </div>
      </div>
    </section>

  </main>

  <!-- ============ FOOTER (shared) ============ -->
  <footer class="site-footer" id="contact">
    <div class="container">
      <div class="footer-top">
        <a class="logo logo-light" href="index.html" aria-label="HESU home">
          <img width="85" height="25" class="logo-img" src="image/logo.png" alt="HESU" />
        </a>
        <div class="footer-social">
          <a href="https://www.tiktok.com/@hesu_group_global" target="_blank" rel="noopener" class="social" aria-label="TikTok"><img width="30" height="30" loading="lazy" src="image/TikTok.png" alt="TikTok"></a>
          <a href="https://www.facebook.com/hesuauto" target="_blank" rel="noopener" class="social" aria-label="Facebook"><img width="30" height="30" loading="lazy" src="image/Facebook.png" alt="Facebook"></a>
          <a href="https://www.instagram.com/hesuauto" target="_blank" rel="noopener" class="social" aria-label="Instagram"><img width="30" height="30" loading="lazy" src="image/Instagram.png" alt="Instagram"></a>
          <a href="https://wa.me/8618530090296" target="_blank" rel="noopener" class="social" aria-label="WhatsApp"><img width="30" height="30" loading="lazy" src="image/whatsapp.png" alt="WhatsApp"></a>
        </div>
      <div class="footer-grid">
        <div class="footer-col footer-intro">
          <p class="footer-slogan">Comprehensive International </br> Trade Service Platform</p>
        </div><div class="footer-col"><h4>Business</h4><ul><li><a href="auto-export.html">Automobile Export</a></li><li><a href="building-materials.html">Building Materials Export</a></li><li><a href="global-logistics.html">International Logistics</a></li><li><a href="after-sales.html">After-sales Service</a></li></ul></div><div class="footer-col"><h4>Global Presence</h4><ul><li><a href="https://magicbridgeauto.com/" target="_blank" rel="noopener">Middle East</a></li><li><a href="https://bowindawinauto.com/" target="_blank" rel="noopener">Africa</a></li><li><a href="https://smartcars.cc/" target="_blank" rel="noopener">Eastern Europe</a></li><li><a href="global-presence.html#gp-4">Central Asia</a></li></ul></div><div class="footer-col"><h4>About Us</h4><ul><li><a href="about-us.html">Company Profile</a></li><li><a href="development-history.html">Corporate Milestones</a></li></ul></div><div class="footer-col"><h4>News</h4><ul><li><a href="news.html">Company News</a></li><li><a href="news.html">Delivery Cases</a></li><li><a href="news.html">Exhibitions</a></li></ul></div>
      </div>
    </div>
    <div class="footer-bottom"><div class="container"><span>© <span id="year">2025</span> HESU. All rights reserved.</span><span class="footer-links"><a href="index.html">Privacy</a><a href="index.html">Terms</a><a href="index.html">Sitemap</a></span></div></div>
  </footer>

  <script src="js/main.js?v=20260821-12"></script>
</body>
</html>