xinyouhe/hesu-JT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
f4fb024e985394370980d78e52f2254ace7956f9
hesu-JT/about-us-v3.html
T
浅念 f4fb024e98 网址提交
2026-08-27 11:54:26 +08:00

260 lines
14 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HESU — About Us (V3)</title>
<meta name="description" content="Henan Heshu Industrial Co., Ltd. — an integrated global trade service provider headquartered in Zhengzhou, China." />
<meta property="og:type" content="website" />
<meta property="og:title" content="HESU — About Us" />
<meta property="og:description" content="Henan Heshu Industrial Co., Ltd. — an integrated global trade service provider headquartered in Zhengzhou, China." />
<meta property="og:image" content="image/logo.png" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="css/style.css?v=20260823b" />
<link rel="preload" as="image" href="image/about-us/aboutus1.jpg" fetchpriority="high" />
<link rel="stylesheet" href="css/about-us-v3.css?v=20260823b" />
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
</head>
<body>
<!-- ============ 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="auto-export.html">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-auto"></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-materials"></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-logistics"></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-aftermarket"></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</a></li>
<li class="nav-item has-mega">
<a href="about-us.html">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>
<!-- ============ PINNED SCREENS ============ -->
<main class="au-main">
<div class="au-pin">
<!-- Pinned screen 1 (two screens of content): intro -> mask + slogan -->
<section class="gp-screen au-screen" id="au-1">
<div class="au-bg" style="background-image:url('image/about-us/aboutus1.jpg')" aria-hidden="true"></div>
<img width="754" height="522" class="au-corner-img" src="image/about-us/lou.png" alt="" aria-hidden="true">
<div class="au-inner au-left">
<h1 class="au-title">Integrated Global Trade Service Provider</h1>
<p class="au-text">Headquartered in Zhengzhou, Henan Province, China, Henan Heshu Industrial Co., Ltd. is a comprehensive foreign trade enterprise integrating automobile export, building materials export, cross-border logistics, automotive after-sales maintenance and modification services.</p>
</div>
<!-- mask + slogan overlay (scroll-linked) -->
<div class="au-mask" aria-hidden="true"></div>
<div class="au-slogan-layer">
<p class="au-slogan">Connect the World, Shape the Future</p>
<p class="au-slogan-cn">合通四海 塑造未来</p>
</div>
</section>
</div>
<div class="au-pin">
<!-- Section: Strong Resources + image zoom -> logo reveal -->
<section class="gp-screen au-screen au-sec" id="au-3">
<div class="au-zoom-img" style="background-image:url('image/about-us/hscomp.jpg')" aria-hidden="true"></div>
<div class="au-zoom-mask" aria-hidden="true"></div>
<div class="au-sec-head">
<h2 class="au-sec-title">Strong Resources, Reliable Delivery</h2>
<p class="au-sec-text">Henan Heshu holds full export credentials, robust management systems, reliable supply chains and abundant overseas operational experience. Our foreign trade sales have long led the industry, and we remain a frontrunner in export businesses within Henan Province.</p>
</div>
<div class="au-reveal">
<div class="au-logo-big">
<img width="512" height="512" class="logo-img" src="image/hs.png" alt="HESU" />
</div>
<p class="au-reveal-text">Centered on the letters HS and crafted with spatial perspective design, this logo embodies youth, bold innovation and iterative progress, standing for the enterprise's sustained growth and forward momentum.</p>
</div>
</section>
</div>
<!-- Global Presence, Local Service (white bg) -->
<section class="au-gps">
<div class="au-gps__inner">
<h2 class="au-gps__title">Global Presence, Local Service</h2>
<p class="au-gps__text">Henan Hesu Industrial keeps expanding into high-growth markets: the Middle East, Central Asia, Eastern Europe and Africa. We have set up overseas offices in the UAE, Belarus, Ghana, Ethiopia and more. Our central base in Dubai serves as a pivot to reach all neighboring markets.</p>
<!-- 4 images in a row -->
<div class="au-gps__cards">
<div class="au-gps__card"><img loading="lazy" class="au-gps__card-img" src="image/about-us/Global1.jpg" alt="HESU global operations" /></div>
<div class="au-gps__card"><img loading="lazy" class="au-gps__card-img" src="image/about-us/Global2.jpg" alt="HESU global operations" /></div>
<div class="au-gps__card"><img loading="lazy" class="au-gps__card-img" src="image/about-us/Global3.jpg" alt="HESU global operations" /></div>
<div class="au-gps__card"><img loading="lazy" class="au-gps__card-img" src="image/about-us/Global4.jpg" alt="HESU global operations" /></div>
</div>
</div>
<!-- wide image -->
<div class="au-gps__wide">
<img loading="lazy" class="au-gps__wide-img" src="image/about-us/about.jpg" alt="HESU" />
</div>
<!-- left-right: data carousel + plain image -->
<div class="au-gps__split">
<div class="au-gps__data">
<div class="au-gps__viewport">
<div class="au-gps__track">
<div class="au-gps__data-card">
<div class="au-gps__data-img ph-aboutlb1"></div>
<div class="au-gps__data-body">
<h4>Auto Export</h4>
<p>We export new energy cars, fuel vehicles, used cars, passenger & commercial vehicles, as well as special vehicles, catering to diverse needs of overseas distributors, wholesalers, car traders, fleet buyers and project purchasers.</p>
</div>
</div>
<div class="au-gps__data-card">
<div class="au-gps__data-img ph-warehouse2"></div>
<div class="au-gps__data-body">
<h4>HESU PIPE</h4>
<p>Our building materials export mainly features PVC, HDPE and PPR pipes plus matched accessories. We supply reliable, affordable construction materials for overseas projects, wholesale distributors and infrastructure development.</p>
</div>
</div>
<div class="au-gps__data-card">
<div class="au-gps__data-img ph-aboutlb3"></div>
<div class="au-gps__data-body">
<h4>Cross-Border Logistics</h4>
<p>We own a complete cross-border logistics system accredited with TIR international transport qualification. Our service network covers Central Europe and Central Asia, and we coordinate seamlessly with sea freight, land freight and multimodal transport systems.</p>
</div>
</div>
<div class="au-gps__data-card">
<div class="au-gps__data-img ph-aboutlb4"></div>
<div class="au-gps__data-body">
<h4>After-sales & Modification</h4>
<p>Sustained after-sales service, spare parts assurance and local technical assistance are available. Supported by our Zhengzhou tech hub, overseas branches and local partners, we offer complete full-cycle vehicle aftercare for clients worldwide.</p>
</div>
</div>
</div>
</div>
<div class="au-gps__dots"></div>
</div>
<div class="au-gps__feature">
<div class="au-gps__feature-img">
<div class="au-gps__feature-copy">
<p class="au-gps__feature-title">Core Strengths</p>
<div class="au-gps__feature-list">
<p>Integration Strength</p>
<p>Operational Know-how</p>
<p>One-Stop Export</p>
<p>Digital Management</p>
</div>
</div>
</div>
</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>
<script src="js/about-us-v3.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink