{"id":58,"date":"2026-04-15T09:20:19","date_gmt":"2026-04-15T09:20:19","guid":{"rendered":"https:\/\/chinesepurifier.com\/?page_id=58"},"modified":"2026-05-26T01:56:10","modified_gmt":"2026-05-26T01:56:10","slug":"home","status":"publish","type":"page","link":"https:\/\/chinesepurifier.com\/ar\/","title":{"rendered":"\u0627\u0644\u0645\u0646\u0632\u0644"},"content":{"rendered":"\n<!-- ==========================================================================\n     CHINESEPURIFIER.COM \u2014 HOMEPAGE (REBUILD v3 \u00b7 B2B-ORIENTED)\n\n     \u4f9d\u8d56\uff1a\n       \u00b7 \u5168\u5c40\u989d\u5916 CSS\uff08\u5df2\u5b58\u5728\uff09\uff1abody \u6c34\u6ce2\u6e10\u53d8\u3001.glass-panel\u3001.glass-input\u3001\n         .reveal-item\u3001.delay-1\/2\/3\/4\n       \u00b7 Tailwind CSS\uff08\u5df2\u901a\u8fc7 wp_head \u94a9\u5b50\u5168\u7ad9\u5f15\u5165\uff09\n       \u00b7 vanilla-tilt\uff08\u4ec5\u672c\u9875\u5e95\u90e8\u52a0\u8f7d\uff09\n\n     \u66f4\u65b0\u8981\u70b9\uff1a\n       \u00b7 \u5b8c\u6574\u4fdd\u7559\u539f Hero \u677f\u5757\uff08\u6309\u7528\u6237\u8981\u6c42\uff09\n       \u00b7 \u5168\u7ad9\u4fe1\u606f\u5df2\u7edf\u4e00\uff08\u5de5\u5382\u5c71\u4e1c\u66f2\u961c \/ \u9500\u552e\u4e49\u4e4c \/ 200\u4e07 \/ 45\u56fd\uff09\n       \u00b7 \u52a0\u5165\"Who We Serve\"\u5206\u6d41\uff08Distributor \/ OEM \/ Project\uff09\n       \u00b7 \u91cd\u505a\u4ea7\u54c1\u677f\u5757\uff1a5 \u6b3e\u4e3b\u63a8\u673a\u578b\uff0c\u6bcf\u7c7b\u578b\u5404\u4e00\u6b3e\n       \u00b7 \u91cd\u505a\u8bc1\u8a00\u677f\u5757\uff1a\u66ff\u6362\u4e3a\u771f\u5b9e B2B \u5408\u4f5c\u4f19\u4f34\n       \u00b7 \u65b0\u589e Global Footprint\u3001How to Order \u6d41\u7a0b\u3001\u5e95\u90e8\u8054\u7cfb\u8868\u5355\n========================================================================== -->\n\n<!-- ===== \u4ec5\u672c\u9875\u7528\u5230\u7684\u5c40\u90e8\u6837\u5f0f ===== -->\n<style>\n  \/* shimmer\uff1a\u626b\u5149\u6548\u679c *\/\n  @keyframes shimmer { 100% { transform: translateX(100%); } }\n\n  \/* \u51c0\u5316\u6d41\u7a0b\uff1a\u6c34\u6ef4\u4e0b\u843d\u52a8\u753b *\/\n  .water-flow-line { position: relative; overflow: hidden; }\n  .water-drop {\n    position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n    width: 4px; height: 16px; border-radius: 4px;\n    background: linear-gradient(to bottom, transparent, #38bdf8, #0284c7);\n    animation: waterDropFlow 2s infinite cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 0;\n  }\n  @keyframes waterDropFlow {\n    0%   { top: -20%; opacity: 0; }\n    20%  { opacity: 1; }\n    80%  { opacity: 1; }\n    100% { top: 100%; opacity: 0; }\n  }\n\n  \/* \u951a\u70b9\u9632\u88ab fixed \u5bfc\u822a\u906e\u6321 *\/\n  #audiences, #products, #factory, #process,\n  #certifications, #global, #how-to-order, #contact {\n    scroll-margin-top: 90px;\n  }\n\n  \/* \u4e16\u754c\u5730\u56fe\u8109\u52a8\u5c0f\u70b9 *\/\n  @keyframes pulseDot {\n    0%, 100% { opacity: 0.55; transform: translate(-50%, -50%) scale(1); }\n    50%      { opacity: 1;    transform: translate(-50%, -50%) scale(1.4); }\n  }\n  .map-dot {\n    position: absolute;\n    width: 10px; height: 10px;\n    border-radius: 999px;\n    background: #0ea5e9;\n    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.25);\n    transform: translate(-50%, -50%);\n    animation: pulseDot 2.4s ease-in-out infinite;\n  }\n\n  \/* Process \u6b65\u9aa4\u6570\u5b57\u5fbd\u7ae0 *\/\n  .step-num {\n    background: linear-gradient(135deg, #38bdf8, #2563eb);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n<\/style>\n\n\n<!-- ============================================================\n     1 \u00b7 HERO \u2014\u2014\uff08\u79fb\u52a8\u7aef\u72ec\u7acb\u7ad6\u56fe + \u54cd\u5e94\u5f0f\u4f18\u5316\uff09\n============================================================ -->\n<section class=\"relative py-16 sm:py-20 lg:py-32 overflow-hidden flex items-center min-h-[85vh] sm:min-h-[80vh]\">\n\n  <!-- \u684c\u9762\u7aef\u80cc\u666f:\u6a2a\u56fe(sm \u53ca\u4ee5\u4e0a\u663e\u793a) -->\n  <div class=\"absolute inset-[30px] z-[-1] rounded-[40px] overflow-hidden transform-gpu hidden sm:block\" style=\"background-image: url('http:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/04\/\u751f\u6210\u4e00\u5f20\u51c0\u6c34\u5668\u5de5\u5382\u5927\u7684\u9e1f\u77b0\u56fe_2K_202604161207-scaled.jpg'); background-size: cover; background-position: center;\">\n  <\/div>\n\n  <!-- \u79fb\u52a8\u7aef\u80cc\u666f:\u7ad6\u56fe(sm \u4ee5\u4e0b\u663e\u793a) -->\n  <div class=\"absolute inset-[12px] z-[-1] rounded-[28px] overflow-hidden transform-gpu sm:hidden\" style=\"background-image: url('https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/9_16_2K_202605101551-scaled.jpeg'); background-size: cover; background-position: center;\">\n  <\/div>\n\n  <div class=\"absolute top-0 left-0 w-96 h-96 bg-sky-200\/30 rounded-full blur-3xl -translate-y-1\/2 -translate-x-1\/2 pointer-events-none\"><\/div>\n  <div class=\"absolute bottom-0 right-0 w-[500px] h-[500px] bg-blue-200\/20 rounded-full blur-3xl translate-y-1\/4 translate-x-1\/4 pointer-events-none\"><\/div>\n\n  <div class=\"container mx-auto px-5 sm:px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n    <div class=\"flex flex-col items-center text-center max-w-4xl mx-auto relative\">\n\n      <div class=\"reveal-item glass-panel rounded-full px-4 sm:px-6 py-2 sm:py-2.5 flex items-center gap-2 sm:gap-3 border border-white\/80 bg-white\/70 backdrop-blur-md mb-6 sm:mb-8 shadow-sm\">\n        <span class=\"w-2 sm:w-2.5 h-2 sm:h-2.5 rounded-full bg-sky-500 animate-pulse\"><\/span>\n        <span class=\"text-[11px] sm:text-sm font-bold text-slate-800 tracking-widest uppercase\">Next-Gen Desalination System<\/span>\n      <\/div>\n\n      <div class=\"space-y-4 sm:space-y-6 mb-8 sm:mb-10 w-full\">\n        <h1 class=\"reveal-item delay-1 text-4xl sm:text-5xl md:text-7xl lg:text-8xl font-bold text-slate-800 leading-[1.1] tracking-tight [-webkit-text-stroke:1px_#ffffff]\">\n          Chinese <br>\n          <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600 [-webkit-text-stroke:1px_#ffffff]\">Water Purifiers<\/span>\n        <\/h1>\n\n        <p class=\"reveal-item delay-2 text-base sm:text-lg md:text-xl text-slate-800 font-bold leading-relaxed max-w-2xl mx-auto sm:[text-shadow:-1px_-1px_0_#fff,1px_-1px_0_#fff,-1px_1px_0_#fff,1px_1px_0_#fff]\">\n          Leading <strong>Chinese water purifier manufacturer<\/strong> since 2010 \u2014 aerospace-grade RO systems, commercial purifiers, and industrial water treatment for global distributors, OEM brands, and project buyers across 45 countries.\n        <\/p>\n      <\/div>\n\n      <div class=\"reveal-item delay-3 flex flex-col sm:flex-row sm:flex-wrap items-stretch sm:items-center justify-center gap-3 sm:gap-5 mb-8 sm:mb-10 w-full sm:w-auto\">\n        <a href=\"https:\/\/chinesepurifier.com\/products\/\" class=\"px-6 sm:px-10 py-3 sm:py-4 rounded-full font-bold text-base sm:text-lg transition-all duration-300 bg-gradient-to-r from-sky-400 to-blue-600 hover:from-sky-500 hover:to-blue-700 text-white shadow-lg shadow-sky-500\/30 hover:shadow-xl hover:-translate-y-1 text-center\">\n          Explore Our Lineup\n        <\/a>\n        <a href=\"https:\/\/wa.me\/8613342953645?text=Hi\uff01I%20would%20like%20to%20schedule%20a%20free%20water%20quality%20test.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-6 sm:px-10 py-3 sm:py-4 rounded-full font-bold text-base sm:text-lg transition-all duration-300 border border-white bg-white\/70 backdrop-blur-md text-slate-800 hover:bg-white hover:-translate-y-1 shadow-sm text-center\">\n          Book a Free Water Test\n        <\/a>\n      <\/div>\n\n      <div class=\"reveal-item delay-4 grid grid-cols-3 md:grid-cols-3 gap-3 sm:gap-8 w-full pt-6 sm:pt-10 border-t border-white\/50\">\n        <div class=\"flex flex-col items-center gap-2 sm:gap-3 group\">\n          <div class=\"w-11 h-11 sm:w-14 sm:h-14 rounded-full bg-gradient-to-tr from-sky-400 to-blue-600 flex items-center justify-center text-white text-lg sm:text-2xl shadow-md group-hover:scale-110 transition-transform\">\ud83d\udca7<\/div>\n          <span class=\"text-slate-800 font-bold text-[11px] sm:text-base md:text-lg tracking-wide leading-tight sm:[text-shadow:-1px_-1px_0_#fff,1px_-1px_0_#fff,-1px_1px_0_#fff,1px_1px_0_#fff]\">99.99%<br class=\"sm:hidden\"> Purification<\/span>\n        <\/div>\n        <div class=\"flex flex-col items-center gap-2 sm:gap-3 group\">\n          <div class=\"w-11 h-11 sm:w-14 sm:h-14 rounded-full bg-gradient-to-tr from-sky-400 to-blue-600 flex items-center justify-center text-white text-lg sm:text-2xl shadow-md group-hover:scale-110 transition-transform\">\ud83c\udf3f<\/div>\n          <span class=\"text-slate-800 font-bold text-[11px] sm:text-base md:text-lg tracking-wide leading-tight sm:[text-shadow:-1px_-1px_0_#fff,1px_-1px_0_#fff,-1px_1px_0_#fff,1px_1px_0_#fff]\">Zero<br class=\"sm:hidden\"> Wastewater<\/span>\n        <\/div>\n        <div class=\"flex flex-col items-center gap-2 sm:gap-3 group\">\n          <div class=\"w-11 h-11 sm:w-14 sm:h-14 rounded-full bg-gradient-to-tr from-sky-400 to-blue-600 flex items-center justify-center text-white text-lg sm:text-2xl shadow-md group-hover:scale-110 transition-transform\">\ud83d\udcf1<\/div>\n          <span class=\"text-slate-800 font-bold text-[11px] sm:text-base md:text-lg tracking-wide leading-tight sm:[text-shadow:-1px_-1px_0_#fff,1px_-1px_0_#fff,-1px_1px_0_#fff,1px_1px_0_#fff]\">Smart<br class=\"sm:hidden\"> IoT<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hidden xl:flex absolute -top-4 -left-40 glass-panel rounded-2xl p-4 items-center gap-4 shadow-xl border border-white\/80 bg-white\/70 backdrop-blur-md animate-[bounce_4s_ease-in-out_infinite] z-20\">\n        <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center text-2xl shadow-sm\">\ud83c\udfc6<\/div>\n        <div class=\"text-left\">\n          <div class=\"text-[11px] text-slate-500 font-bold uppercase tracking-widest\">Design Award<\/div>\n          <div class=\"text-base font-bold text-slate-800\">Red Dot Design Award<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hidden xl:flex absolute top-8 -right-40 glass-panel rounded-2xl p-4 items-center gap-4 shadow-xl border border-white\/80 bg-white\/70 backdrop-blur-md animate-[bounce_5s_ease-in-out_infinite_1s] z-20\">\n        <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center text-2xl shadow-sm\">\ud83d\udd2c<\/div>\n        <div class=\"text-left\">\n          <div class=\"text-[11px] text-slate-500 font-bold uppercase tracking-widest\">Core Tech<\/div>\n          <div class=\"text-base font-bold text-slate-800\">Aerospace RO Filter<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hidden xl:flex absolute bottom-12 -left-36 glass-panel rounded-2xl p-4 items-center gap-4 shadow-xl border border-white\/80 bg-white\/70 backdrop-blur-md animate-[bounce_6s_ease-in-out_infinite_0.5s] z-20\">\n        <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center text-2xl shadow-sm\">\ud83d\udc76<\/div>\n        <div class=\"text-left\">\n          <div class=\"text-[11px] text-slate-500 font-bold uppercase tracking-widest\">Health Plus<\/div>\n          <div class=\"text-base font-bold text-slate-800\">Lead-Free Certified<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hidden xl:flex absolute bottom-20 -right-36 glass-panel rounded-2xl p-4 items-center gap-4 shadow-xl border border-white\/80 bg-white\/70 backdrop-blur-md animate-[bounce_4.5s_ease-in-out_infinite_1.5s] z-20\">\n        <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center text-2xl shadow-sm\">\ud83c\udf10<\/div>\n        <div class=\"text-left\">\n          <div class=\"text-[11px] text-slate-500 font-bold uppercase tracking-widest\">Smart Home<\/div>\n          <div class=\"text-base font-bold text-slate-800\">Smart Ecosystem<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     2 \u00b7 TRUST METRICS BAR \u2014 \u8ba9\u8bbf\u5ba2 5 \u79d2\u770b\u5b8c\u5de5\u5382\u89c4\u6a21\n============================================================ -->\n<section class=\"relative pt-4 pb-20 lg:pt-8 lg:pb-24 overflow-hidden\">\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item glass-panel rounded-3xl p-8 lg:p-10 border border-white\/80 shadow-xl bg-white\/40 backdrop-blur-lg\">\n      <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 lg:gap-4 text-center\">\n\n        <div>\n          <div class=\"text-3xl lg:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">15+<\/div>\n          <div class=\"text-xs lg:text-sm text-slate-600 font-semibold uppercase tracking-wider\">Years Experience<\/div>\n          <div class=\"text-[10px] lg:text-xs text-slate-500 mt-1\">Since 2010<\/div>\n        <\/div>\n\n        <div>\n          <div class=\"text-3xl lg:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">50,000<span class=\"text-xl\">m\u00b2<\/span><\/div>\n          <div class=\"text-xs lg:text-sm text-slate-600 font-semibold uppercase tracking-wider\">Manufacturing Base<\/div>\n          <div class=\"text-[10px] lg:text-xs text-slate-500 mt-1\">Qufu, Shandong<\/div>\n        <\/div>\n\n        <div>\n          <div class=\"text-3xl lg:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">2M+<\/div>\n          <div class=\"text-xs lg:text-sm text-slate-600 font-semibold uppercase tracking-wider\">Units Shipped<\/div>\n          <div class=\"text-[10px] lg:text-xs text-slate-500 mt-1\">Across 4 continents<\/div>\n        <\/div>\n\n        <div>\n          <div class=\"text-3xl lg:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">45<\/div>\n          <div class=\"text-xs lg:text-sm text-slate-600 font-semibold uppercase tracking-wider\">Export Countries<\/div>\n          <div class=\"text-[10px] lg:text-xs text-slate-500 mt-1\">EU \u00b7 MENA \u00b7 APAC \u00b7 LATAM<\/div>\n        <\/div>\n\n        <div>\n          <div class=\"text-3xl lg:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">500+<\/div>\n          <div class=\"text-xs lg:text-sm text-slate-600 font-semibold uppercase tracking-wider\">B2B Partners<\/div>\n          <div class=\"text-[10px] lg:text-xs text-slate-500 mt-1\">Distributors &amp; Brands<\/div>\n        <\/div>\n\n        <div>\n          <div class=\"text-3xl lg:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">200+<\/div>\n          <div class=\"text-xs lg:text-sm text-slate-600 font-semibold uppercase tracking-wider\">Product Models<\/div>\n          <div class=\"text-[10px] lg:text-xs text-slate-500 mt-1\">120+ Patents<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     3 \u00b7 WHO WE SERVE \u2014 B2B \u4e09\u7c7b\u5ba2\u6237\u5206\u6d41\uff08\u5173\u952e\u677f\u5757\uff09\n============================================================ -->\n<section id=\"audiences\" class=\"relative py-20 lg:py-28 overflow-hidden\">\n  <div class=\"absolute top-1\/4 left-0 w-[500px] h-[500px] bg-sky-100\/40 rounded-full blur-[100px] -translate-x-1\/3\"><\/div>\n  <div class=\"absolute bottom-1\/4 right-0 w-[500px] h-[500px] bg-blue-100\/40 rounded-full blur-[100px] translate-x-1\/3\"><\/div>\n\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item flex flex-col items-center text-center max-w-3xl mx-auto mb-14\">\n      <div class=\"glass-panel rounded-full px-5 py-2 inline-flex items-center gap-3 border border-white\/50 bg-white\/60 backdrop-blur-md shadow-sm mb-6\">\n        <span class=\"text-xl\">\ud83e\udd1d<\/span>\n        <span class=\"text-sm font-bold text-slate-700 tracking-widest uppercase\">Who We Serve<\/span>\n      <\/div>\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-slate-800 mb-4 leading-tight\">\n        One Factory.<br class=\"md:hidden\">\n        <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\"> Three Ways to Partner.<\/span>\n      <\/h2>\n      <p class=\"text-lg text-slate-600 leading-relaxed\">\n        Whether you&#8217;re sourcing for resale, building your own brand, or specifying for a project \u2014 we have a partnership track designed for you.\n      <\/p>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-10\">\n\n      <!-- Card 1: Distributors -->\n      <a href=\"https:\/\/chinesepurifier.com\/business\" class=\"reveal-item group block\">\n        <div class=\"glass-panel rounded-3xl p-8 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 h-full flex flex-col\">\n          <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-sky-400 to-blue-600 flex items-center justify-center text-white text-3xl mb-6 shadow-lg shadow-sky-200 group-hover:scale-110 transition-transform\">\n            \ud83c\udfea\n          <\/div>\n          <div class=\"text-xs font-bold text-sky-600 uppercase tracking-widest mb-2\">Track A<\/div>\n          <h3 class=\"text-2xl font-bold text-slate-800 mb-3\">For Distributors &amp; Resellers<\/h3>\n          <p class=\"text-slate-600 leading-relaxed mb-6 flex-1\">\n            Wholesale pricing, exclusive territory rights, and a turnkey commercial blueprint to build a profitable water business in your country.\n          <\/p>\n          <ul class=\"space-y-2 mb-8 text-sm text-slate-700\">\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>Low MOQ from <strong>10 PCS<\/strong> for sample orders<\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>Exclusive country\/region rights available<\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>Free marketing kit + sales training<\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>4 proven business models to choose from<\/span><\/li>\n          <\/ul>\n          <span class=\"inline-flex items-center gap-2 text-sky-600 font-bold group-hover:gap-3 transition-all\">\n            Explore B2B Partnership\n            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- Card 2: OEM\/ODM (highlighted) -->\n      <a href=\"https:\/\/chinesepurifier.com\/oem-odm\" class=\"reveal-item delay-1 group block md:-translate-y-4\">\n        <div class=\"glass-panel rounded-3xl p-8 border-[1.5px] border-sky-300\/70 bg-gradient-to-br from-white\/70 to-sky-50\/40 backdrop-blur-lg shadow-xl shadow-sky-100\/60 hover:shadow-2xl hover:shadow-sky-200\/70 hover:-translate-y-2 transition-all duration-500 h-full flex flex-col relative overflow-hidden\">\n          <div class=\"absolute top-4 right-4 px-3 py-1 rounded-full bg-gradient-to-r from-sky-500 to-blue-600 text-white text-[10px] font-bold uppercase tracking-widest shadow-md\">\u2b50 Most Popular<\/div>\n          <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-sky-400 to-blue-600 flex items-center justify-center text-white text-3xl mb-6 shadow-lg shadow-sky-200 group-hover:scale-110 transition-transform\">\n            \ud83c\udff7\ufe0f\n          <\/div>\n          <div class=\"text-xs font-bold text-sky-600 uppercase tracking-widest mb-2\">Track B<\/div>\n          <h3 class=\"text-2xl font-bold text-slate-800 mb-3\">For OEM \/ ODM Brand Owners<\/h3>\n          <p class=\"text-slate-600 leading-relaxed mb-6 flex-1\">\n            Build your own water brand \u2014 from concept to container. Our R&amp;D team designs, our factory manufactures, you own the IP.\n          <\/p>\n          <ul class=\"space-y-2 mb-8 text-sm text-slate-700\">\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>OEM from <strong>100 PCS<\/strong> \u00b7 ODM from 500 PCS<\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>50+ engineers \u00b7 120+ patents \u00b7 in-house mold shop<\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>Bilateral NDA \u00b7 100% IP ownership<\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>Lead time: 30-45 days OEM \/ 60-90 days ODM<\/span><\/li>\n          <\/ul>\n          <span class=\"inline-flex items-center gap-2 text-sky-600 font-bold group-hover:gap-3 transition-all\">\n            Start an OEM\/ODM Project\n            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- Card 3: Project Buyers -->\n      <a href=\"https:\/\/chinesepurifier.com\/projects\" class=\"reveal-item delay-2 group block\">\n        <div class=\"glass-panel rounded-3xl p-8 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 h-full flex flex-col\">\n          <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-sky-400 to-blue-600 flex items-center justify-center text-white text-3xl mb-6 shadow-lg shadow-sky-200 group-hover:scale-110 transition-transform\">\n            \ud83c\udfd7\ufe0f\n          <\/div>\n          <div class=\"text-xs font-bold text-sky-600 uppercase tracking-widest mb-2\">Track C<\/div>\n          <h3 class=\"text-2xl font-bold text-slate-800 mb-3\">For Project &amp; Tender Buyers<\/h3>\n          <p class=\"text-slate-600 leading-relaxed mb-6 flex-1\">\n            Hotels, schools, hospitals, refill stations \u2014 large-scale specifications with full compliance documentation for your destination market.\n          <\/p>\n          <ul class=\"space-y-2 mb-8 text-sm text-slate-700\">\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>Commercial &amp; industrial systems up to <strong>2 T\/h<\/strong><\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>200+ delivered projects across 45 countries<\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>Local certifications: SASO \u00b7 BIS \u00b7 INMETRO \u00b7 NOM<\/span><\/li>\n            <li class=\"flex items-start gap-2\"><span class=\"text-sky-500 font-bold mt-0.5\">\u2713<\/span><span>FOB \u00b7 CIF \u00b7 DDP \u00b7 door-to-door logistics<\/span><\/li>\n          <\/ul>\n          <span class=\"inline-flex items-center gap-2 text-sky-600 font-bold group-hover:gap-3 transition-all\">\n            View Project Cases\n            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     4 \u00b7 FEATURED PRODUCTS \u2014 5 \u6b3e\u4e3b\u63a8\u673a\u578b\uff08\u6bcf\u7c7b\u578b\u4e00\u6b3e\uff09\n============================================================ -->\n<section id=\"products\" class=\"relative py-20 lg:py-28 overflow-hidden\">\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item flex flex-col items-center text-center max-w-3xl mx-auto mb-14\">\n      <div class=\"glass-panel rounded-full px-5 py-2 inline-flex items-center gap-3 border border-white\/50 bg-white\/60 backdrop-blur-md shadow-sm mb-6\">\n        <span class=\"text-xl\">\ud83d\udca7<\/span>\n        <span class=\"text-sm font-bold text-slate-700 tracking-widest uppercase\">Featured Lineup<\/span>\n      <\/div>\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-slate-800 mb-4 leading-tight\">\n        One Model for <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\">Every Category<\/span>\n      <\/h2>\n      <p class=\"text-lg text-slate-600 leading-relaxed\">\n        From counter-top to commercial \u2014 our 200+ models cover every price tier and certification market. Below are our 5 best-selling representatives.\n      <\/p>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8\">\n\n      <!-- Product 1: Home Purifiers -->\n      <div class=\"reveal-item glass-panel rounded-3xl overflow-hidden border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group flex flex-col\">\n        <div class=\"aspect-square bg-gradient-to-br from-sky-50 to-blue-100\/50 relative overflow-hidden flex items-center justify-center border-b border-white\/60\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/8-Stage-RO-Booster-System-with-Iron-Frame-and-Manual-Flush-Small-Gauge01.webp\" alt=\"8-Stage RO Booster System\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <div class=\"absolute top-4 left-4 px-3 py-1 rounded-full bg-white\/90 backdrop-blur-sm text-[10px] font-bold text-slate-700 uppercase tracking-wider shadow-sm\">Best Seller<\/div>\n          <div class=\"absolute top-4 right-4 px-3 py-1 rounded-full bg-sky-500 text-white text-[10px] font-bold uppercase tracking-wider shadow-md\">8-Stage RO<\/div>\n        <\/div>\n        <div class=\"p-6 flex flex-col flex-1\">\n          <div class=\"text-xs font-bold text-sky-600 uppercase tracking-widest mb-1\">Home Purifiers<\/div>\n          <h3 class=\"text-xl font-bold text-slate-800 mb-2\">8-Stage RO Booster System<\/h3>\n          <p class=\"text-sm text-slate-600 mb-4 leading-relaxed\">\n            8-stage RO purifier. Removes heavy metals, remineralizes, pressure gauge. Safe clean drinking water.\n          <\/p>\n          <div class=\"grid grid-cols-2 gap-x-3 gap-y-2 mb-4 text-xs\">\n            <div><span class=\"text-slate-500\">MOQ:<\/span> <span class=\"text-slate-800 font-semibold\">1<\/span><\/div>\n            <div><span class=\"text-slate-500\">Lead Time:<\/span> <span class=\"text-slate-800 font-semibold\">15-20 days<\/span><\/div>\n            <div><span class=\"text-slate-500\">Package:<\/span> <span class=\"text-slate-800 font-semibold\">38*28*73 cm<\/span><\/div>\n            <div><span class=\"text-slate-500\">Weight:<\/span> <span class=\"text-slate-800 font-semibold\">9.6 kg<\/span><\/div>\n          <\/div>\n          <div class=\"text-xs text-slate-500 mb-4\">\ud83c\udf10 Best for: <span class=\"font-semibold text-slate-700\">\ud83c\uddf3\ud83c\uddec \u00b7 \ud83c\uddf5\ud83c\uddf0 \u00b7 \ud83c\udde7\ud83c\uddf7<\/span><\/div>\n          <a href=\"https:\/\/chinesepurifier.com\/product\/sj-tjzy-8-sdxb\/\" class=\"mt-auto block text-center px-4 py-2.5 rounded-full bg-gradient-to-r from-sky-400 to-blue-500 hover:from-sky-500 hover:to-blue-600 text-white font-bold text-sm transition-all shadow-md hover:shadow-lg\">\n            Check\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 2: Commercial Purifiers -->\n      <div class=\"reveal-item delay-1 glass-panel rounded-3xl overflow-hidden border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group flex flex-col\">\n        <div class=\"aspect-square bg-gradient-to-br from-blue-50 to-sky-100\/50 relative overflow-hidden flex items-center justify-center border-b border-white\/60\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/400GPD-water-purifier-2.png\" alt=\"Low-pressure 400G Blue Tank RO\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <div class=\"absolute top-4 left-4 px-3 py-1 rounded-full bg-white\/90 backdrop-blur-sm text-[10px] font-bold text-slate-700 uppercase tracking-wider shadow-sm\">400G<\/div>\n          <div class=\"absolute top-4 right-4 px-3 py-1 rounded-full bg-orange-500 text-white text-[10px] font-bold uppercase tracking-wider shadow-md\">Community RO<\/div>\n        <\/div>\n        <div class=\"p-6 flex flex-col flex-1\">\n          <div class=\"text-xs font-bold text-sky-600 uppercase tracking-widest mb-1\">Commercial Purifiers<\/div>\n          <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Large Blue Tank 400G<\/h3>\n          <p class=\"text-sm text-slate-600 mb-4 leading-relaxed\">\n            RO community water purifier. Multi-stage filter, digital display, mobile. Pure water on tap.\n          <\/p>\n          <div class=\"grid grid-cols-2 gap-x-3 gap-y-2 mb-4 text-xs\">\n            <div><span class=\"text-slate-500\">MOQ:<\/span> <span class=\"text-slate-800 font-semibold\">1<\/span><\/div>\n            <div><span class=\"text-slate-500\">Lead Time:<\/span> <span class=\"text-slate-800 font-semibold\">15-20 days<\/span><\/div>\n            <div><span class=\"text-slate-500\">Package:<\/span> <span class=\"text-slate-800 font-semibold\">L750*W650*J1460<\/span><\/div>\n            <div><span class=\"text-slate-500\">Weight:<\/span> <span class=\"text-slate-800 font-semibold\">45 kg<\/span><\/div>\n          <\/div>\n          <div class=\"text-xs text-slate-500 mb-4\">\ud83c\udf10 Best for: <span class=\"font-semibold text-slate-700\">\ud83c\uddee\ud83c\uddf3 \u00b7 \ud83c\uddf5\ud83c\udded \u00b7 \ud83c\uddee\ud83c\udde9<\/span><\/div>\n          <a href=\"https:\/\/chinesepurifier.com\/product\/l-bro-400-400g-3sc\/\" class=\"mt-auto block text-center px-4 py-2.5 rounded-full bg-gradient-to-r from-sky-400 to-blue-500 hover:from-sky-500 hover:to-blue-600 text-white font-bold text-sm transition-all shadow-md hover:shadow-lg\">\n            Check\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 3: Bagging Machines -->\n      <div class=\"reveal-item delay-2 glass-panel rounded-3xl overflow-hidden border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group flex flex-col\">\n        <div class=\"aspect-square bg-gradient-to-br from-cyan-50 to-blue-100\/50 relative overflow-hidden flex items-center justify-center border-b border-white\/60\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/1779069782630-019e38d1-c8e1-7234-afc4-9bec6f409caa.png\" alt=\"QLJS Granule Bagged Machine 03\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <div class=\"absolute top-4 left-4 px-3 py-1 rounded-full bg-white\/90 backdrop-blur-sm text-[10px] font-bold text-slate-700 uppercase tracking-wider shadow-sm\">High Speed<\/div>\n          <div class=\"absolute top-4 right-4 px-3 py-1 rounded-full bg-emerald-500 text-white text-[10px] font-bold uppercase tracking-wider shadow-md\">40-80 Bags\/min<\/div>\n        <\/div>\n        <div class=\"p-6 flex flex-col flex-1\">\n          <div class=\"text-xs font-bold text-sky-600 uppercase tracking-widest mb-1\">Bagging Machines<\/div>\n          <h3 class=\"text-xl font-bold text-slate-800 mb-2\">QLJS Granule Bagged Machine 03<\/h3>\n          <p class=\"text-sm text-slate-600 mb-4 leading-relaxed\">\n            Vertical liquid bagger. 40\u201380 bags\/min, 50\u2013500 ml fill. Stainless steel body, mobile, leak-proof seals.\n          <\/p>\n          <div class=\"grid grid-cols-2 gap-x-3 gap-y-2 mb-4 text-xs\">\n            <div><span class=\"text-slate-500\">MOQ:<\/span> <span class=\"text-slate-800 font-semibold\">1<\/span><\/div>\n            <div><span class=\"text-slate-500\">Lead Time:<\/span> <span class=\"text-slate-800 font-semibold\">15-20 days<\/span><\/div>\n            <div><span class=\"text-slate-500\">Package:<\/span> <span class=\"text-slate-800 font-semibold\">760*980*1800mm<\/span><\/div>\n            <div><span class=\"text-slate-500\">Weight:<\/span> <span class=\"text-slate-800 font-semibold\">300 kg<\/span><\/div>\n          <\/div>\n          <div class=\"text-xs text-slate-500 mb-4\">\ud83c\udf10 Best for: <span class=\"font-semibold text-slate-700\">\ud83c\uddec\ud83c\udded \u00b7 \ud83c\udde7\ud83c\udde9 \u00b7 \ud83c\uddea\ud83c\uddec<\/span><\/div>\n          <a href=\"https:\/\/chinesepurifier.com\/product\/hxl-k200\/\" class=\"mt-auto block text-center px-4 py-2.5 rounded-full bg-gradient-to-r from-sky-400 to-blue-500 hover:from-sky-500 hover:to-blue-600 text-white font-bold text-sm transition-all shadow-md hover:shadow-lg\">\n            Check\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 4: Industrial Water Treatment -->\n      <div class=\"reveal-item glass-panel rounded-3xl overflow-hidden border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group flex flex-col\">\n        <div class=\"aspect-square bg-gradient-to-br from-indigo-50 to-blue-100\/50 relative overflow-hidden flex items-center justify-center border-b border-white\/60\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/250LPH-water-filter-1.png\" alt=\"250LPH FRP Tanks Industrial Water Softener\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <div class=\"absolute top-4 left-4 px-3 py-1 rounded-full bg-white\/90 backdrop-blur-sm text-[10px] font-bold text-slate-700 uppercase tracking-wider shadow-sm\">Heavy Duty<\/div>\n          <div class=\"absolute top-4 right-4 px-3 py-1 rounded-full bg-purple-500 text-white text-[10px] font-bold uppercase tracking-wider shadow-md\">Dual Tank<\/div>\n        <\/div>\n        <div class=\"p-6 flex flex-col flex-1\">\n          <div class=\"text-xs font-bold text-sky-600 uppercase tracking-widest mb-1\">Industrial Water Treatment<\/div>\n          <h3 class=\"text-xl font-bold text-slate-800 mb-2\">250LPH (Two Tanks) FRP<\/h3>\n          <p class=\"text-sm text-slate-600 mb-4 leading-relaxed\">\n            Industrial water softener. Dual cation exchange tanks, precision filter, auto panel, mobile frame.\n          <\/p>\n          <div class=\"grid grid-cols-2 gap-x-3 gap-y-2 mb-4 text-xs\">\n            <div><span class=\"text-slate-500\">MOQ:<\/span> <span class=\"text-slate-800 font-semibold\">1<\/span><\/div>\n            <div><span class=\"text-slate-500\">Lead Time:<\/span> <span class=\"text-slate-800 font-semibold\">15-20 days<\/span><\/div>\n            <div><span class=\"text-slate-500\">Package:<\/span> <span class=\"text-slate-800 font-semibold\">L1170*W730*H1620<\/span><\/div>\n            <div><span class=\"text-slate-500\">Weight:<\/span> <span class=\"text-slate-800 font-semibold\">200 kg<\/span><\/div>\n          <\/div>\n          <div class=\"text-xs text-slate-500 mb-4\">\ud83c\udf10 Best for: <span class=\"font-semibold text-slate-700\">\ud83c\uddf8\ud83c\udde6 \u00b7 \ud83c\udde6\ud83c\uddea \u00b7 \ud83c\uddf2\ud83c\udde6<\/span><\/div>\n          <a href=\"https:\/\/chinesepurifier.com\/product\/fro-214-0-25t-3\/\" class=\"mt-auto block text-center px-4 py-2.5 rounded-full bg-gradient-to-r from-sky-400 to-blue-500 hover:from-sky-500 hover:to-blue-600 text-white font-bold text-sm transition-all shadow-md hover:shadow-lg\">\n            Check\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Product 5: Ice Makers -->\n      <div class=\"reveal-item delay-1 glass-panel rounded-3xl overflow-hidden border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group flex flex-col\">\n        <div class=\"aspect-square bg-gradient-to-br from-teal-50 to-cyan-100\/50 relative overflow-hidden flex items-center justify-center border-b border-white\/60\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/1.5L-Ice-Maker-1.png\" alt=\"Multifunctional Commercial Ice Maker\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <div class=\"absolute top-4 left-4 px-3 py-1 rounded-full bg-white\/90 backdrop-blur-sm text-[10px] font-bold text-slate-700 uppercase tracking-wider shadow-sm\">3-in-1<\/div>\n          <div class=\"absolute top-4 right-4 px-3 py-1 rounded-full bg-pink-500 text-white text-[10px] font-bold uppercase tracking-wider shadow-md\">Touchscreen<\/div>\n        <\/div>\n        <div class=\"p-6 flex flex-col flex-1\">\n          <div class=\"text-xs font-bold text-sky-600 uppercase tracking-widest mb-1\">Ice Makers<\/div>\n          <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Commercial Ice Maker (Knob\/Touch)<\/h3>\n          <p class=\"text-sm text-slate-600 mb-4 leading-relaxed\">\n            Countertop ice &amp; water dispenser. Touchscreen, dual outlets, smart temp control. Home &amp; office use.\n          <\/p>\n          <div class=\"grid grid-cols-2 gap-x-3 gap-y-2 mb-4 text-xs\">\n            <div><span class=\"text-slate-500\">MOQ:<\/span> <span class=\"text-slate-800 font-semibold\">1<\/span><\/div>\n            <div><span class=\"text-slate-500\">Lead Time:<\/span> <span class=\"text-slate-800 font-semibold\">15-20 days<\/span><\/div>\n            <div><span class=\"text-slate-500\">Package:<\/span> <span class=\"text-slate-800 font-semibold\">460*300*470 mm<\/span><\/div>\n            <div><span class=\"text-slate-500\">Weight:<\/span> <span class=\"text-slate-800 font-semibold\">14.8 kg<\/span><\/div>\n          <\/div>\n          <div class=\"text-xs text-slate-500 mb-4\">\ud83c\udf10 Best for: <span class=\"font-semibold text-slate-700\">\ud83c\uddfa\ud83c\uddf8 \u00b7 \ud83c\uddf0\ud83c\uddf7 \u00b7 \ud83c\udde6\ud83c\uddfa<\/span><\/div>\n          <a href=\"https:\/\/chinesepurifier.com\/product\/cimpp-121-5l-1-015d-r290\/\" class=\"mt-auto block text-center px-4 py-2.5 rounded-full bg-gradient-to-r from-sky-400 to-blue-500 hover:from-sky-500 hover:to-blue-600 text-white font-bold text-sm transition-all shadow-md hover:shadow-lg\">\n            Check\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Card 6: View All -->\n      <a href=\"https:\/\/chinesepurifier.com\/products\/\" class=\"reveal-item delay-2 glass-panel rounded-3xl overflow-hidden border-2 border-dashed border-sky-300\/70 bg-gradient-to-br from-sky-50\/50 to-blue-50\/50 backdrop-blur-lg hover:bg-white\/60 hover:-translate-y-2 transition-all duration-500 group flex flex-col items-center justify-center text-center p-10\">\n        <div class=\"w-20 h-20 rounded-full bg-gradient-to-br from-sky-400 to-blue-600 flex items-center justify-center text-white text-4xl mb-6 shadow-lg shadow-sky-200 group-hover:scale-110 transition-transform\">\n          \u2795\n        <\/div>\n        <h3 class=\"text-2xl font-bold text-slate-800 mb-3\">Explore 200+ Models<\/h3>\n        <p class=\"text-sm text-slate-600 leading-relaxed mb-6\">\n          Pitcher, faucet-mount, RO + UV combo, hot &amp; cold dispenser, hydrogen-rich water generator, industrial seawater desalination \u2014 and more.\n        <\/p>\n        <span class=\"inline-flex items-center gap-2 text-sky-600 font-bold group-hover:gap-3 transition-all\">\n          See Full Catalog\n          <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n        <\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     5 \u00b7 MANUFACTURING \u2014 \u5de5\u5382\u5b9e\u529b\uff08\u4fdd\u7559\u539f\u59cb\u4f18\u79c0\u677f\u5757 + \u52a0\u5165\u786c\u6570\u636e\uff09\n============================================================ -->\n<section id=\"factory\" class=\"relative py-20 lg:py-28 overflow-hidden\">\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item flex flex-col items-center text-center max-w-3xl mx-auto mb-14\">\n      <div class=\"glass-panel rounded-full px-5 py-2 inline-flex items-center gap-3 border border-white\/50 bg-white\/60 backdrop-blur-md shadow-sm mb-6\">\n        <span class=\"text-xl\">\ud83c\udfed<\/span>\n        <span class=\"text-sm font-bold text-slate-700 tracking-widest uppercase\">Industry 4.0 Manufacturing<\/span>\n      <\/div>\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-slate-800 mb-4 leading-tight\">\n        50,000m\u00b2 of <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\">Engineering Excellence<\/span>\n      <\/h2>\n      <p class=\"text-lg text-slate-600 leading-relaxed\">\n        Headquartered in Qufu, Shandong \u2014 birthplace of Confucius. 300+ skilled workers, 50+ engineers, and a pass rate of 99.6% on every line.\n      <\/p>\n    <\/div>\n\n    <div class=\"flex flex-col gap-8 lg:gap-10 mb-12\">\n\n      <!-- Big block: Robotic Assembly + Image -->\n      <div class=\"reveal-item w-full glass-panel rounded-3xl p-6 lg:p-10 border border-white\/60 shadow-lg hover:shadow-xl transition-all duration-500 group flex flex-col lg:flex-row gap-8 lg:gap-12 items-center relative overflow-hidden bg-white\/40\">\n\n        <div class=\"w-full lg:w-1\/2 aspect-video rounded-2xl border border-white\/50 overflow-hidden shrink-0\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Robotic-arm-packaging-of-water-purifiers.jpeg\" alt=\"Factory Aerial View\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n        <\/div>\n\n        <div class=\"w-full lg:w-1\/2 flex flex-col\">\n          <div class=\"w-14 h-14 rounded-full bg-gradient-to-tr from-sky-400 to-blue-600 flex items-center justify-center text-white text-2xl mb-6 shadow-lg shadow-sky-200\">\n            \ud83e\udd16\n          <\/div>\n          <h3 class=\"text-2xl lg:text-3xl font-bold text-slate-800 mb-4\">Fully Automated Robotic Assembly<\/h3>\n          <p class=\"text-slate-600 text-lg leading-relaxed mb-6\">\n            World-leading robotic vision assembly systems handle injection molding, water-contact component assembly, and final packaging \u2014 reducing assembly tolerance to 0.01mm and ensuring industry-leading product consistency.\n          <\/p>\n          <div class=\"grid grid-cols-3 gap-4\">\n            <div class=\"text-center\">\n              <div class=\"text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\">5,000<\/div>\n              <div class=\"text-xs text-slate-500 font-semibold uppercase\">Units\/Month<\/div>\n            <\/div>\n            <div class=\"text-center\">\n              <div class=\"text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\">99.6%<\/div>\n              <div class=\"text-xs text-slate-500 font-semibold uppercase\">Pass Rate<\/div>\n            <\/div>\n            <div class=\"text-center\">\n              <div class=\"text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\">0.01mm<\/div>\n              <div class=\"text-xs text-slate-500 font-semibold uppercase\">Tolerance<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4 capability cards -->\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8\">\n\n        <div class=\"reveal-item glass-panel rounded-3xl overflow-hidden border border-white\/60 bg-white\/40 shadow-lg hover:shadow-xl hover:-translate-y-2 transition-all duration-500 group\">\n          <div class=\"aspect-[4\/3] overflow-hidden bg-slate-100\/60\">\n            <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Class-100K.webp\" alt=\"Class 100,000 Cleanroom\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <\/div>\n          <div class=\"p-5\">\n            <div class=\"flex items-center gap-3 mb-2\">\n              <div class=\"w-10 h-10 rounded-full bg-gradient-to-tr from-sky-400 to-blue-600 flex items-center justify-center text-white text-lg shadow-md shrink-0\">\ud83e\udd7c<\/div>\n              <h3 class=\"text-base font-bold text-slate-800\">Class 100K Cleanroom<\/h3>\n            <\/div>\n            <p class=\"text-slate-600 text-xs leading-relaxed\">\n              RO membrane rolling and composite filter encapsulation in medical-grade sterile environment.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"reveal-item delay-1 glass-panel rounded-3xl overflow-hidden border border-white\/60 bg-white\/40 shadow-lg hover:shadow-xl hover:-translate-y-2 transition-all duration-500 group\">\n          <div class=\"aspect-[4\/3] overflow-hidden bg-slate-100\/60\">\n            <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Water-Purifier-Aging-Test.jpeg\" alt=\"CNAS Certified Lab\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <\/div>\n          <div class=\"p-5\">\n            <div class=\"flex items-center gap-3 mb-2\">\n              <div class=\"w-10 h-10 rounded-full bg-gradient-to-tr from-sky-400 to-blue-600 flex items-center justify-center text-white text-lg shadow-md shrink-0\">\ud83e\uddea<\/div>\n              <h3 class=\"text-base font-bold text-slate-800\">CNAS Certified Lab<\/h3>\n            <\/div>\n            <p class=\"text-slate-600 text-xs leading-relaxed\">\n              100,000 water hammer pressure cycles + extreme temperature aging tests before mass production.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"reveal-item delay-2 glass-panel rounded-3xl overflow-hidden border border-white\/60 bg-white\/40 shadow-lg hover:shadow-xl hover:-translate-y-2 transition-all duration-500 group\">\n          <div class=\"aspect-[4\/3] overflow-hidden bg-slate-100\/60\">\n            <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Water-purifier-internal-RD.jpeg\" alt=\"In-House R&amp;D Lab\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <\/div>\n          <div class=\"p-5\">\n            <div class=\"flex items-center gap-3 mb-2\">\n              <div class=\"w-10 h-10 rounded-full bg-gradient-to-tr from-sky-400 to-blue-600 flex items-center justify-center text-white text-lg shadow-md shrink-0\">\ud83d\udd2c<\/div>\n              <h3 class=\"text-base font-bold text-slate-800\">In-House R&amp;D Lab<\/h3>\n            <\/div>\n            <p class=\"text-slate-600 text-xs leading-relaxed\">\n              50+ engineers, 120+ patents. From industrial design to membrane chemistry, all under one roof.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"reveal-item delay-3 glass-panel rounded-3xl overflow-hidden border border-white\/60 bg-white\/40 shadow-lg hover:shadow-xl hover:-translate-y-2 transition-all duration-500 group\">\n          <div class=\"aspect-[4\/3] overflow-hidden bg-slate-100\/60\">\n            <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Water-purifier-airtightness-testing.jpeg\" alt=\"100% Inspection\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n          <\/div>\n          <div class=\"p-5\">\n            <div class=\"flex items-center gap-3 mb-2\">\n              <div class=\"w-10 h-10 rounded-full bg-gradient-to-tr from-sky-400 to-blue-600 flex items-center justify-center text-white text-lg shadow-md shrink-0\">\ud83d\udd0d<\/div>\n              <h3 class=\"text-base font-bold text-slate-800\">100% Inspection<\/h3>\n            <\/div>\n            <p class=\"text-slate-600 text-xs leading-relaxed\">\n              Every unit passes dual air-tightness + water-flow testing + 24h aging before packaging.\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA strip -->\n    <div class=\"reveal-item w-full glass-panel rounded-2xl p-6 lg:p-8 border border-sky-200\/50 bg-gradient-to-r from-sky-50\/50 to-blue-50\/50 flex flex-col md:flex-row items-center justify-between gap-6 shadow-sm\">\n      <div class=\"flex items-center gap-4\">\n        <div class=\"w-12 h-12 rounded-full bg-sky-100 flex items-center justify-center text-sky-500 text-xl shrink-0\">\u2708\ufe0f<\/div>\n        <div>\n          <h4 class=\"text-lg font-bold text-slate-800\">Visit Our Factory in Person<\/h4>\n          <p class=\"text-sm text-slate-600\">Free pickup, hotel &amp; translator for visiting partners. 90 min from Qingdao Liuting Airport.<\/p>\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/wa.me\/8613342953645?text=Hi\uff01I%20would%20like%20to%20schedule%20a%20factory%20tour.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-6 py-3 rounded-full font-bold transition-all duration-300 bg-white text-blue-600 shadow-md hover:shadow-lg hover:scale-105 border border-sky-100 whitespace-nowrap\">\n        Schedule a Factory Tour\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- ============================================================\n     6 \u00b7 PURIFICATION PROCESS \u2014 4-stage tech showcase\n============================================================ -->\n<section id=\"process\" class=\"relative py-16 lg:py-24 overflow-hidden\">\n\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item flex flex-col items-center text-center max-w-3xl mx-auto mb-12\">\n      <div class=\"glass-panel rounded-full px-5 py-2 inline-flex items-center gap-3 border border-white\/50 bg-white\/60 backdrop-blur-md shadow-sm mb-6\">\n        <span class=\"text-xl\">\ud83d\ude80<\/span>\n        <span class=\"text-sm font-bold text-slate-700 tracking-widest uppercase\">Purification Process<\/span>\n      <\/div>\n      <h2 class=\"text-3xl md:text-4xl font-bold text-slate-800\">Inside Our Core Technology<\/h2>\n    <\/div>\n\n    <div class=\"flex flex-col items-center relative max-w-4xl mx-auto\">\n\n      <div class=\"reveal-item w-full glass-panel rounded-[2rem] p-8 md:p-10 border border-white\/80 bg-white\/50 backdrop-blur-xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgba(56,189,248,0.1)] transition-shadow duration-500 relative group flex flex-col md:flex-row gap-8 items-center z-10\">\n        <div class=\"w-full md:w-5\/12 h-48 md:h-64 rounded-2xl overflow-hidden shrink-0 relative border border-white\/60 shadow-inner\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Explosive-rendering-image-of-water-filtration-by-the-RO-membrane-of-a-water-purifier_2K_202605081117.webp\" alt=\"RO Membrane Filtration\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700\">\n        <\/div>\n        <div class=\"flex-1 space-y-4\">\n          <div class=\"inline-flex items-center justify-center px-4 py-1.5 rounded-full bg-sky-100 text-sky-600 text-sm font-bold tracking-wider mb-2\">STEP 01<\/div>\n          <h3 class=\"text-2xl font-bold text-slate-800 flex items-center gap-3\"><span class=\"text-2xl\">\ud83d\udd2c<\/span> 8-Stage RO Filtration<\/h3>\n          <p class=\"text-slate-600 leading-relaxed font-medium\">\n            0.0001-micron RO membrane with dual composite filters. Removes heavy metals, bacteria, and microplastics (99.99% sterilization rate) for instant direct drinking.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"reveal-item flex flex-col items-center justify-center py-4 relative z-0 opacity-60 water-flow-line\">\n        <div class=\"h-16 border-l-[3px] border-dashed border-sky-300 relative\"><\/div>\n        <div class=\"water-drop\"><\/div>\n        <div class=\"w-4 h-4 mt-1 border-b-[3px] border-r-[3px] border-sky-400 rotate-45 relative z-10\"><\/div>\n      <\/div>\n\n      <div class=\"reveal-item w-full glass-panel rounded-[2rem] p-8 md:p-10 border border-white\/80 bg-white\/50 backdrop-blur-xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgba(56,189,248,0.1)] transition-shadow duration-500 relative group flex flex-col md:flex-row-reverse gap-8 items-center z-10\">\n        <div class=\"w-full md:w-5\/12 h-48 md:h-64 rounded-2xl overflow-hidden shrink-0 relative border border-white\/60 shadow-inner\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Internal-UV-equipment-for-water-purifiers.jpeg\" alt=\"UV Circular Sterilization\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700\">\n        <\/div>\n        <div class=\"flex-1 space-y-4\">\n          <div class=\"inline-flex items-center justify-center px-4 py-1.5 rounded-full bg-sky-100 text-sky-600 text-sm font-bold tracking-wider mb-2\">STEP 02<\/div>\n          <h3 class=\"text-2xl font-bold text-slate-800 flex items-center gap-3\"><span class=\"text-2xl\">\u2728<\/span> Continuous UV Sterilization<\/h3>\n          <p class=\"text-slate-600 leading-relaxed font-medium\">\n            Dual UVC sterilization at the faucet and water tank. 24-hour continuous loop eliminates secondary pollution, ensuring pure and fresh water at every glass.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"reveal-item flex flex-col items-center justify-center py-4 relative z-0 opacity-60 water-flow-line\">\n        <div class=\"h-16 border-l-[3px] border-dashed border-sky-300 relative\"><\/div>\n        <div class=\"water-drop\" style=\"animation-delay: 0.5s;\"><\/div>\n        <div class=\"w-4 h-4 mt-1 border-b-[3px] border-r-[3px] border-sky-400 rotate-45 relative z-10\"><\/div>\n      <\/div>\n\n      <div class=\"reveal-item w-full glass-panel rounded-[2rem] p-8 md:p-10 border border-white\/80 bg-white\/50 backdrop-blur-xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgba(56,189,248,0.1)] transition-shadow duration-500 relative group flex flex-col md:flex-row gap-8 items-center z-10\">\n        <div class=\"w-full md:w-5\/12 h-48 md:h-64 rounded-2xl overflow-hidden shrink-0 relative border border-white\/60 shadow-inner\">\n          <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Strontium-Rich-Alkaline-Water2K_202604181331-300x224-1.webp\" alt=\"Strontium-Rich Alkaline Water\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700\">\n        <\/div>\n        <div class=\"flex-1 space-y-4\">\n          <div class=\"inline-flex items-center justify-center px-4 py-1.5 rounded-full bg-sky-100 text-sky-600 text-sm font-bold tracking-wider mb-2\">STEP 03<\/div>\n          <h3 class=\"text-2xl font-bold text-slate-800 flex items-center gap-3\"><span class=\"text-2xl\">\u26f0\ufe0f<\/span> Strontium-Rich Alkaline Water<\/h3>\n          <p class=\"text-slate-600 leading-relaxed font-medium\">\n            Optional post-mineralization filter adds trace strontium, potassium, and calcium. Creates weakly alkaline water with a sweet, crisp taste \u2014 popular in tea-culture markets.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"reveal-item flex flex-col items-center justify-center py-4 relative z-0 opacity-60 water-flow-line\">\n        <div class=\"h-16 border-l-[3px] border-dashed border-sky-300 relative\"><\/div>\n        <div class=\"water-drop\" style=\"animation-delay: 1s;\"><\/div>\n        <div class=\"w-4 h-4 mt-1 border-b-[3px] border-r-[3px] border-sky-400 rotate-45 relative z-10\"><\/div>\n      <\/div>\n\n      <div class=\"reveal-item w-full glass-panel rounded-[2rem] p-8 md:p-10 border border-white\/80 bg-white\/50 backdrop-blur-xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgba(56,189,248,0.1)] transition-shadow duration-500 relative group flex flex-col md:flex-row-reverse gap-8 items-center z-10\">\n        <div class=\"w-full md:w-5\/12 h-48 md:h-64 rounded-2xl overflow-hidden shrink-0 relative border border-white\/60 shadow-inner\">\n          <img src=\"http:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Modern_smartphone_displaying_a_sleek_202605081123.jpeg\" alt=\"Comprehensive Smart IoT\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-700\">\n        <\/div>\n        <div class=\"flex-1 space-y-4\">\n          <div class=\"inline-flex items-center justify-center px-4 py-1.5 rounded-full bg-slate-800 text-white text-sm font-bold tracking-wider mb-2\">SYSTEM CORE<\/div>\n          <h3 class=\"text-2xl font-bold text-slate-800 flex items-center gap-3\"><span class=\"text-2xl\">\ud83d\udcf1<\/span> Comprehensive Smart IoT<\/h3>\n          <p class=\"text-slate-600 leading-relaxed font-medium\">\n            Next-gen TDS probe with real-time App monitoring for water quality and filter life. Smart home integration with automatic replacement alerts \u2014 co-brandable for OEM partners.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     7 \u00b7 CERTIFICATIONS \u2014 Global Quality Passport\uff08\u6269\u5c55\u4e3a6\u9879\uff09\n============================================================ -->\n<section id=\"certifications\" class=\"relative py-24 lg:py-32 overflow-hidden\">\n  <div class=\"absolute top-1\/2 right-0 w-[500px] h-[500px] bg-sky-200\/30 rounded-full blur-[100px] -translate-y-1\/2 translate-x-1\/4\"><\/div>\n\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item flex flex-col items-center text-center max-w-3xl mx-auto space-y-6 mb-16 lg:mb-20\">\n      <div class=\"glass-panel rounded-full px-5 py-2 inline-flex items-center gap-3 border border-white\/50 bg-white\/40 backdrop-blur-md\">\n        <span class=\"text-xl\">\ud83c\udf96\ufe0f<\/span>\n        <span class=\"text-sm font-semibold text-slate-700 tracking-wider uppercase\">Global Quality Passport<\/span>\n      <\/div>\n      <h2 class=\"text-3xl md:text-4xl font-bold text-slate-800\">Compliance-Ready for 30+ Markets<\/h2>\n      <p class=\"text-lg text-slate-600 leading-relaxed\">\n        Standard certifications cover EU, North America, GCC, and major Asian markets. Local certifications (SASO \u00b7 BIS \u00b7 INMETRO \u00b7 NOM \u00b7 KC \u00b7 PSE) handled by our compliance team.\n      <\/p>\n    <\/div>\n\n    <!-- Local cert chips -->\n    <div class=\"reveal-item flex flex-wrap justify-center gap-2 lg:gap-3\">\n      <span class=\"px-4 py-2 bg-white\/70 backdrop-blur-md rounded-full text-xs font-bold text-slate-700 border border-white\/80 shadow-sm\"><span class=\"fi fi-sa\" style=\"display:inline-block;width:0.9rem;height:0.7rem;border-radius:2px;vertical-align:middle;\"><\/span> SASO<\/span>\n      <span class=\"px-4 py-2 bg-white\/70 backdrop-blur-md rounded-full text-xs font-bold text-slate-700 border border-white\/80 shadow-sm\"><span class=\"fi fi-in\" style=\"display:inline-block;width:0.9rem;height:0.7rem;border-radius:2px;vertical-align:middle;\"><\/span> BIS<\/span>\n      <span class=\"px-4 py-2 bg-white\/70 backdrop-blur-md rounded-full text-xs font-bold text-slate-700 border border-white\/80 shadow-sm\"><span class=\"fi fi-br\" style=\"display:inline-block;width:0.9rem;height:0.7rem;border-radius:2px;vertical-align:middle;\"><\/span> INMETRO<\/span>\n      <span class=\"px-4 py-2 bg-white\/70 backdrop-blur-md rounded-full text-xs font-bold text-slate-700 border border-white\/80 shadow-sm\"><span class=\"fi fi-mx\" style=\"display:inline-block;width:0.9rem;height:0.7rem;border-radius:2px;vertical-align:middle;\"><\/span> NOM<\/span>\n      <span class=\"px-4 py-2 bg-white\/70 backdrop-blur-md rounded-full text-xs font-bold text-slate-700 border border-white\/80 shadow-sm\"><span class=\"fi fi-kr\" style=\"display:inline-block;width:0.9rem;height:0.7rem;border-radius:2px;vertical-align:middle;\"><\/span> KC<\/span>\n      <span class=\"px-4 py-2 bg-white\/70 backdrop-blur-md rounded-full text-xs font-bold text-slate-700 border border-white\/80 shadow-sm\"><span class=\"fi fi-jp\" style=\"display:inline-block;width:0.9rem;height:0.7rem;border-radius:2px;vertical-align:middle;\"><\/span> PSE<\/span>\n      <span class=\"px-4 py-2 bg-white\/70 backdrop-blur-md rounded-full text-xs font-bold text-slate-700 border border-white\/80 shadow-sm\"><span class=\"fi fi-ae\" style=\"display:inline-block;width:0.9rem;height:0.7rem;border-radius:2px;vertical-align:middle;\"><\/span> ESMA<\/span>\n      <span class=\"px-4 py-2 bg-white\/70 backdrop-blur-md rounded-full text-xs font-bold text-slate-700 border border-white\/80 shadow-sm\">+20 more<\/span>\n    <\/div>\n\n    <!-- Warranty stats strip -->\n    <div class=\"reveal-item mt-12 lg:mt-16 glass-panel rounded-3xl p-8 lg:p-12 border border-white\/80 shadow-xl bg-white\/40 backdrop-blur-lg flex flex-col md:flex-row justify-around items-center gap-10 md:gap-6 relative overflow-hidden group\">\n      <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/40 to-transparent -translate-x-full group-hover:animate-[shimmer_2s_infinite] transition-all\"><\/div>\n\n      <div class=\"flex flex-col items-center text-center z-10\">\n        <div class=\"text-4xl lg:text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">2,000,000+<\/div>\n        <div class=\"text-slate-600 font-medium tracking-wide\">Units Shipped Worldwide<\/div>\n      <\/div>\n\n      <div class=\"hidden md:block w-[1px] h-16 bg-slate-300\/50\"><\/div>\n\n      <div class=\"flex flex-col items-center text-center z-10\">\n        <div class=\"text-4xl lg:text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">2 <span class=\"text-2xl ml-1\">Years<\/span><\/div>\n        <div class=\"text-slate-600 font-medium tracking-wide\">Standard Product Warranty<\/div>\n      <\/div>\n\n      <div class=\"hidden md:block w-[1px] h-16 bg-slate-300\/50\"><\/div>\n\n      <div class=\"flex flex-col items-center text-center z-10\">\n        <div class=\"text-4xl lg:text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600 mb-2\">99.6<span class=\"text-3xl\">%<\/span><\/div>\n        <div class=\"text-slate-600 font-medium tracking-wide\">Factory Pass Rate<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     8 \u00b7 GLOBAL FOOTPRINT \u2014 \u51fa\u53e3 45 \u56fd\n============================================================ -->\n<section id=\"global\" class=\"relative py-20 lg:py-28 overflow-hidden\">\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item flex flex-col items-center text-center max-w-3xl mx-auto mb-14\">\n      <div class=\"glass-panel rounded-full px-5 py-2 inline-flex items-center gap-3 border border-white\/50 bg-white\/60 backdrop-blur-md shadow-sm mb-6\">\n        <span class=\"text-xl\">\ud83c\udf10<\/span>\n        <span class=\"text-sm font-bold text-slate-700 tracking-widest uppercase\">Global Footprint<\/span>\n      <\/div>\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-slate-800 mb-4 leading-tight\">\n        Already Shipping to <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\">45 Countries<\/span>\n      <\/h2>\n      <p class=\"text-lg text-slate-600 leading-relaxed\">\n        From Lagos to Manila, Cairo to S\u00e3o Paulo \u2014 our partners are building thriving water businesses on every continent.\n      <\/p>\n    <\/div>\n\n    <!-- World map block -->\n    <div class=\"reveal-item glass-panel rounded-3xl p-8 lg:p-12 border border-white\/80 bg-white\/40 backdrop-blur-lg shadow-xl mb-12\">\n      <div class=\"relative aspect-[2\/1] w-full rounded-2xl border border-white\/60 overflow-hidden\">\n        <img src=\"https:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Top-view.webp\" alt=\"Global Markets Aerial View\" loading=\"lazy\" decoding=\"async\" class=\"absolute inset-0 w-full h-full object-cover\">\n\n        <div class=\"map-dot\" style=\"top: 28%; left: 22%;\" title=\"USA\"><\/div>\n        <div class=\"map-dot\" style=\"top: 45%; left: 26%; animation-delay: 0.3s;\" title=\"Mexico\"><\/div>\n        <div class=\"map-dot\" style=\"top: 70%; left: 30%; animation-delay: 0.6s;\" title=\"Brazil\"><\/div>\n        <div class=\"map-dot\" style=\"top: 28%; left: 50%; animation-delay: 0.2s;\" title=\"Germany\"><\/div>\n        <div class=\"map-dot\" style=\"top: 30%; left: 53%; animation-delay: 0.9s;\" title=\"UK\"><\/div>\n        <div class=\"map-dot\" style=\"top: 50%; left: 56%; animation-delay: 0.5s;\" title=\"Egypt\"><\/div>\n        <div class=\"map-dot\" style=\"top: 45%; left: 60%; animation-delay: 0.7s;\" title=\"Saudi Arabia\"><\/div>\n        <div class=\"map-dot\" style=\"top: 47%; left: 63%; animation-delay: 1.1s;\" title=\"UAE\"><\/div>\n        <div class=\"map-dot\" style=\"top: 55%; left: 56%; animation-delay: 1.3s;\" title=\"Kenya\"><\/div>\n        <div class=\"map-dot\" style=\"top: 75%; left: 53%; animation-delay: 0.4s;\" title=\"South Africa\"><\/div>\n        <div class=\"map-dot\" style=\"top: 35%; left: 70%; animation-delay: 0.8s;\" title=\"India\"><\/div>\n        <div class=\"map-dot\" style=\"top: 33%; left: 80%; animation-delay: 0.1s;\" title=\"China\"><\/div>\n        <div class=\"map-dot\" style=\"top: 55%; left: 83%; animation-delay: 1.0s;\" title=\"Vietnam\"><\/div>\n        <div class=\"map-dot\" style=\"top: 60%; left: 82%; animation-delay: 1.5s;\" title=\"Philippines\"><\/div>\n        <div class=\"map-dot\" style=\"top: 65%; left: 80%; animation-delay: 0.55s;\" title=\"Indonesia\"><\/div>\n\n        <div class=\"absolute bottom-4 left-4 glass-panel rounded-xl px-4 py-2 bg-white\/80 backdrop-blur-md border border-white\/80 shadow-sm\">\n          <div class=\"flex items-center gap-2 text-xs font-semibold text-slate-700\">\n            <span class=\"w-2.5 h-2.5 rounded-full bg-sky-500 animate-pulse\"><\/span>\n            Active Markets\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Region cards -->\n    <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-6\">\n\n      <div class=\"reveal-item glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-3xl mb-3\">\ud83c\udf0f<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Asia Pacific<\/h3>\n        <p class=\"text-xs text-slate-600 leading-relaxed mb-3\">Vietnam \u00b7 Philippines \u00b7 Indonesia \u00b7 Thailand \u00b7 India \u00b7 Malaysia<\/p>\n        <div class=\"text-xs font-bold text-sky-600\">+12 more markets<\/div>\n      <\/div>\n\n      <div class=\"reveal-item delay-1 glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-3xl mb-3\">\ud83c\udf0d<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Africa<\/h3>\n        <p class=\"text-xs text-slate-600 leading-relaxed mb-3\">Kenya \u00b7 Nigeria \u00b7 Egypt \u00b7 South Africa \u00b7 Ghana \u00b7 Morocco<\/p>\n        <div class=\"text-xs font-bold text-sky-600\">+8 more markets<\/div>\n      <\/div>\n\n      <div class=\"reveal-item delay-2 glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-3xl mb-3\">\ud83c\udf0e<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Latin America<\/h3>\n        <p class=\"text-xs text-slate-600 leading-relaxed mb-3\">Mexico \u00b7 Brazil \u00b7 Colombia \u00b7 Peru \u00b7 Argentina \u00b7 Chile<\/p>\n        <div class=\"text-xs font-bold text-sky-600\">+5 more markets<\/div>\n      <\/div>\n\n      <div class=\"reveal-item delay-3 glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-3xl mb-3\">\ud83d\udd4c<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Middle East<\/h3>\n        <p class=\"text-xs text-slate-600 leading-relaxed mb-3\">UAE \u00b7 Saudi Arabia \u00b7 Jordan \u00b7 Oman \u00b7 Qatar \u00b7 Kuwait<\/p>\n        <div class=\"text-xs font-bold text-sky-600\">+3 more markets<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     9 \u00b7 HOW TO ORDER \u2014 6-step procurement flow\n============================================================ -->\n<section id=\"how-to-order\" class=\"relative py-20 lg:py-28 overflow-hidden\">\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item flex flex-col items-center text-center max-w-3xl mx-auto mb-14\">\n      <div class=\"glass-panel rounded-full px-5 py-2 inline-flex items-center gap-3 border border-white\/50 bg-white\/60 backdrop-blur-md shadow-sm mb-6\">\n        <span class=\"text-xl\">\ud83d\udccb<\/span>\n        <span class=\"text-sm font-bold text-slate-700 tracking-widest uppercase\">How To Order<\/span>\n      <\/div>\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-slate-800 mb-4 leading-tight\">\n        From Inquiry to <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\">Container<\/span> in 6 Steps\n      <\/h2>\n      <p class=\"text-lg text-slate-600 leading-relaxed\">\n        A transparent, milestone-driven workflow. You&#8217;ll know exactly where your order stands at every stage.\n      <\/p>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8\">\n\n      <div class=\"reveal-item glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all relative\">\n        <div class=\"text-7xl font-black step-num leading-none mb-4\">01<\/div>\n        <div class=\"text-2xl mb-2\">\ud83d\udcac<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Inquiry &amp; NDA<\/h3>\n        <p class=\"text-sm text-slate-600 leading-relaxed\">Share your target market, quantity, and budget. We sign mutual NDA on day one.<\/p>\n        <div class=\"mt-3 text-xs font-bold text-sky-600\">\u23f1\ufe0f Day 1-3<\/div>\n      <\/div>\n\n      <div class=\"reveal-item delay-1 glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-7xl font-black step-num leading-none mb-4\">02<\/div>\n        <div class=\"text-2xl mb-2\">\ud83d\udccb<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Quotation &amp; PI<\/h3>\n        <p class=\"text-sm text-slate-600 leading-relaxed\">Detailed BOM, pricing tiers, certifications, and lead times \u2014 all locked in writing.<\/p>\n        <div class=\"mt-3 text-xs font-bold text-sky-600\">\u23f1\ufe0f Day 3-7<\/div>\n      <\/div>\n\n      <div class=\"reveal-item delay-2 glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-7xl font-black step-num leading-none mb-4\">03<\/div>\n        <div class=\"text-2xl mb-2\">\ud83e\uddea<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Sample \/ Pilot Run<\/h3>\n        <p class=\"text-sm text-slate-600 leading-relaxed\">Working sample shipped via DHL\/FedEx for hands-on evaluation before mass production.<\/p>\n        <div class=\"mt-3 text-xs font-bold text-sky-600\">\u23f1\ufe0f Week 2-3<\/div>\n      <\/div>\n\n      <div class=\"reveal-item glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-7xl font-black step-num leading-none mb-4\">04<\/div>\n        <div class=\"text-2xl mb-2\">\ud83c\udfed<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Mass Production<\/h3>\n        <p class=\"text-sm text-slate-600 leading-relaxed\">30% deposit triggers production. Daily progress photos and live workshop video updates via WhatsApp.<\/p>\n        <div class=\"mt-3 text-xs font-bold text-sky-600\">\u23f1\ufe0f 30-45 days<\/div>\n      <\/div>\n\n      <div class=\"reveal-item delay-1 glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-7xl font-black step-num leading-none mb-4\">05<\/div>\n        <div class=\"text-2xl mb-2\">\ud83d\udd0d<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">QC &amp; 3rd-Party Inspection<\/h3>\n        <p class=\"text-sm text-slate-600 leading-relaxed\">100% aging test in-house. SGS \/ BV \/ T\u00dcV third-party inspection welcome before balance payment.<\/p>\n        <div class=\"mt-3 text-xs font-bold text-sky-600\">\u23f1\ufe0f Pre-shipment<\/div>\n      <\/div>\n\n      <div class=\"reveal-item delay-2 glass-panel rounded-2xl p-6 border border-white\/70 bg-white\/50 backdrop-blur-lg shadow-md hover:shadow-xl hover:-translate-y-1 transition-all\">\n        <div class=\"text-7xl font-black step-num leading-none mb-4\">06<\/div>\n        <div class=\"text-2xl mb-2\">\ud83d\udea2<\/div>\n        <h3 class=\"font-bold text-slate-800 mb-2\">Shipment &amp; Logistics<\/h3>\n        <p class=\"text-sm text-slate-600 leading-relaxed\">FOB \u00b7 CIF \u00b7 DDP \u2014 your choice. Trusted forwarders for sea \/ air \/ door-to-door delivery.<\/p>\n        <div class=\"mt-3 text-xs font-bold text-sky-600\">\u23f1\ufe0f 25-45 days transit<\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Payment terms strip -->\n    <div class=\"reveal-item mt-10 glass-panel rounded-2xl p-6 lg:p-8 border border-sky-200\/60 bg-gradient-to-r from-sky-50\/60 to-blue-50\/60 shadow-sm\">\n      <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 text-center\">\n        <div>\n          <div class=\"text-2xl mb-1\">\ud83d\udcb3<\/div>\n          <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Payment<\/div>\n          <div class=\"text-sm font-bold text-slate-800\">T\/T \u00b7 L\/C \u00b7 PayPal<\/div>\n        <\/div>\n        <div>\n          <div class=\"text-2xl mb-1\">\ud83d\udcca<\/div>\n          <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Terms<\/div>\n          <div class=\"text-sm font-bold text-slate-800\">30% Deposit \/ 70% B.S.<\/div>\n        <\/div>\n        <div>\n          <div class=\"text-2xl mb-1\">\ud83d\udea2<\/div>\n          <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Trade Terms<\/div>\n          <div class=\"text-sm font-bold text-slate-800\">FOB \u00b7 CIF \u00b7 DDP<\/div>\n        <\/div>\n        <div>\n          <div class=\"text-2xl mb-1\">\ud83d\udce6<\/div>\n          <div class=\"text-xs font-bold text-slate-500 uppercase tracking-wider mb-1\">Shipping Port<\/div>\n          <div class=\"text-sm font-bold text-slate-800\">Qingdao \u00b7 Shanghai<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     10 \u00b7 TESTIMONIALS \u2014 \u66ff\u6362\u4e3a\u771f\u5b9e B2B \u5408\u4f5c\u4f19\u4f34\n============================================================ -->\n<section class=\"relative pt-0 pb-24 lg:pb-32 overflow-hidden\">\n  <div class=\"absolute top-1\/4 right-0 w-[600px] h-[600px] bg-blue-100\/40 rounded-full blur-[120px] translate-x-1\/3\"><\/div>\n  <div class=\"absolute bottom-1\/4 left-0 w-[500px] h-[500px] bg-sky-200\/30 rounded-full blur-[100px] -translate-x-1\/3\"><\/div>\n\n  <div class=\"container mx-auto px-6 md:px-12 lg:px-16 max-w-7xl relative z-10\">\n\n    <div class=\"reveal-item flex flex-col items-center text-center max-w-3xl mx-auto mb-16 lg:mb-20\">\n      <div class=\"glass-panel rounded-full px-5 py-2 inline-flex items-center gap-3 border border-white\/50 bg-white\/40 backdrop-blur-md shadow-sm mb-6\">\n        <span class=\"text-xl\">\ud83d\udcac<\/span>\n        <span class=\"text-sm font-semibold text-slate-700 tracking-wider uppercase\">Partner Voices<\/span>\n      <\/div>\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold text-slate-800 leading-tight\">\n        Trusted by <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-blue-600\">500+ Brands &amp; Distributors<\/span>\n      <\/h2>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-10\">\n\n      <!-- Testimonial 1: German Distributor -->\n      <div class=\"reveal-item glass-panel rounded-3xl p-6 lg:p-8 flex flex-col border border-white\/60 shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group relative\">\n        <div class=\"absolute top-6 right-8 text-6xl text-sky-200\/50 font-serif leading-none select-none z-10\">&#8220;<\/div>\n        <div class=\"flex items-center gap-1 mb-5\">\n          <span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span>\n        <\/div>\n        <span class=\"px-3 py-1 bg-sky-50 text-sky-700 text-[10px] font-bold rounded-full border border-sky-100 self-start mb-4 uppercase tracking-wider\">\ud83c\udde9\ud83c\uddea German Distributor<\/span>\n        <h3 class=\"text-lg font-bold text-slate-800 mb-3 leading-snug\">&#8220;15 years in this industry \u2014 never worked with a more reliable factory partner.&#8221;<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed mb-8 flex-1 italic\">\n          They feel like an extension of my own team. Production updates daily, shipping always on time, and their R&amp;D team helped me design 3 SKUs exclusive to the German market.\n        <\/p>\n        <div class=\"flex items-center gap-4 pt-6 border-t border-slate-200\/50 mt-auto\">\n          <img src=\"http:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Professional_headshot_of_a_confident_202605071142.jpeg\" alt=\"Klaus Schmidt\" loading=\"lazy\" decoding=\"async\" class=\"w-12 h-12 rounded-full object-cover shadow-sm shrink-0 border-2 border-white\">\n          <div>\n            <div class=\"text-slate-800 font-bold text-sm\">Klaus Schmidt<\/div>\n            <div class=\"text-slate-500 text-xs\">CEO \u00b7 German Distributor \u00b7 Since 2019<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Testimonial 2: US Tech Startup (highlighted) -->\n      <div class=\"reveal-item delay-1 glass-panel rounded-3xl p-6 lg:p-8 flex flex-col border-[1.5px] border-sky-300\/60 shadow-xl shadow-sky-100\/50 hover:shadow-2xl hover:shadow-sky-200\/60 hover:-translate-y-4 transition-all duration-500 group relative lg:-translate-y-6 bg-gradient-to-br from-white\/70 to-sky-50\/40\">\n        <div class=\"absolute top-6 right-8 text-6xl text-sky-300\/40 font-serif leading-none select-none z-10\">&#8220;<\/div>\n        <div class=\"flex items-center gap-1 mb-5\">\n          <span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span>\n        <\/div>\n        <span class=\"px-3 py-1 bg-sky-100 text-sky-700 text-[10px] font-bold rounded-full border border-sky-200 self-start mb-4 uppercase tracking-wider\">\ud83c\uddfa\ud83c\uddf8 US Tech Startup \u00b7 ODM<\/span>\n        <h3 class=\"text-lg font-bold text-slate-800 mb-3 leading-snug\">&#8220;Their R&amp;D team understood my vision in one call. Now we&#8217;re on our 3rd order.&#8221;<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed mb-8 flex-1 italic\">\n          Patented compact design, USB-C rechargeable, UV sterilization \u2014 everything I sketched on a napkin. They built the mold, ran pilot, handled FCC certification. Kickstarter reached 480% funding.\n        <\/p>\n        <div class=\"flex items-center gap-4 pt-6 border-t border-slate-200\/50 mt-auto\">\n          <img src=\"http:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Professional_headshot_of_a_young_202605071143.jpeg\" alt=\"Sarah Jenkins\" loading=\"lazy\" decoding=\"async\" class=\"w-12 h-12 rounded-full object-cover shadow-sm shrink-0 border-2 border-white\">\n          <div>\n            <div class=\"text-slate-800 font-bold text-sm\">Sarah Jenkins<\/div>\n            <div class=\"text-slate-500 text-xs\">Founder \u00b7 US Tech Startup \u00b7 ODM Since 2022<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Testimonial 3: Saudi Retail Chain -->\n      <div class=\"reveal-item delay-2 glass-panel rounded-3xl p-6 lg:p-8 flex flex-col border border-white\/60 shadow-lg hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group relative\">\n        <div class=\"absolute top-6 right-8 text-6xl text-sky-200\/50 font-serif leading-none select-none z-10\">&#8220;<\/div>\n        <div class=\"flex items-center gap-1 mb-5\">\n          <span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span><span class=\"text-yellow-400 text-lg\">\u2605<\/span>\n        <\/div>\n        <span class=\"px-3 py-1 bg-sky-50 text-sky-700 text-[10px] font-bold rounded-full border border-sky-100 self-start mb-4 uppercase tracking-wider\">\ud83c\uddf8\ud83c\udde6 Saudi Retail Chain<\/span>\n        <h3 class=\"text-lg font-bold text-slate-800 mb-3 leading-snug\">&#8220;Quality, communication, on-time delivery. Best decision I made for my brand.&#8221;<\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed mb-8 flex-1 italic\">\n          They handled SASO certification end-to-end, custom Arabic packaging, and 220V\/50Hz versions. 10,000-unit pilot launched flawlessly across 3 cities. Re-ordering 30K units this quarter.\n        <\/p>\n        <div class=\"flex items-center gap-4 pt-6 border-t border-slate-200\/50 mt-auto\">\n          <img src=\"http:\/\/chinesepurifier.com\/wp-content\/uploads\/2026\/05\/Professional_headshot_of_a_distinguished_202605071144.jpeg\" alt=\"Ahmed Al-Fahad\" loading=\"lazy\" decoding=\"async\" class=\"w-12 h-12 rounded-full object-cover shadow-sm shrink-0 border-2 border-white\">\n          <div>\n            <div class=\"text-slate-800 font-bold text-sm\">Ahmed Al-Fahad<\/div>\n            <div class=\"text-slate-500 text-xs\">Owner \u00b7 Saudi Retail Chain \u00b7 Since 2021<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Brand logo strip -->\n    <div class=\"mt-20 pt-10 border-t border-slate-200\/50\">\n      <p class=\"text-center text-sm font-semibold text-slate-500 uppercase tracking-widest mb-8\">\n        Selected partners across 45 countries\n      <\/p>\n      <div class=\"flex flex-wrap justify-center items-center gap-8 md:gap-16 opacity-60 grayscale hover:grayscale-0 transition-all duration-500\">\n        <div class=\"text-xl font-bold text-slate-800 font-serif\">AQUA HAUS<\/div>\n        <div class=\"text-xl font-bold text-slate-800 font-sans tracking-tight\">PureFlow<\/div>\n        <div class=\"text-xl font-bold text-slate-800 flex items-center gap-2\"><div class=\"w-6 h-6 rounded-full bg-slate-800\"><\/div>HYDRO+<\/div>\n        <div class=\"text-xl font-bold text-slate-800 font-mono\">CrystalDrop<\/div>\n        <div class=\"text-xl font-bold text-slate-800 italic\">Manantial<\/div>\n        <div class=\"text-xl font-bold text-slate-800\">SafiMaji<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ===== \u5168\u5c40\u811a\u672c ===== -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vanilla-tilt\/1.8.0\/vanilla-tilt.min.js\"><\/script>\n<script>\n(function () {\n  function init() {\n    \/* reveal-item \u6eda\u52a8\u5165\u573a\uff08\u4e00\u6b21\u6027\uff0c\u4e0d\u91cd\u590d\u89e6\u53d1\uff09 *\/\n    const items = document.querySelectorAll('.reveal-item:not(.active)');\n    if ('IntersectionObserver' in window && items.length) {\n      const io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('active');\n            io.unobserve(entry.target);\n          }\n        });\n      }, { root: null, rootMargin: '0px 0px -10% 0px', threshold: 0.15 });\n\n      items.forEach(function (el) { io.observe(el); });\n    } else {\n      items.forEach(function (el) { el.classList.add('active'); });\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Next-Gen Desalination System Chinese Water Purifiers Leading Chinese water purifier manufacturer since 2010 \u2014 aerospace-grade RO systems, commercial purifiers, and industrial water treatment for global distributors, OEM brands, and project buyers across 45 countries. Explore Our Lineup Book a Free Water Test \ud83d\udca7 99.99% Purification \ud83c\udf3f Zero Wastewater \ud83d\udcf1 Smart IoT \ud83c\udfc6 Design Award Red &#8230; <a title=\"\u0627\u0644\u0645\u0646\u0632\u0644\" class=\"read-more\" href=\"https:\/\/chinesepurifier.com\/ar\/\" aria-label=\"Read more about Home\">\u0625\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-58","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/chinesepurifier.com\/ar\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chinesepurifier.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chinesepurifier.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chinesepurifier.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chinesepurifier.com\/ar\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":6,"href":"https:\/\/chinesepurifier.com\/ar\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":1879,"href":"https:\/\/chinesepurifier.com\/ar\/wp-json\/wp\/v2\/pages\/58\/revisions\/1879"}],"wp:attachment":[{"href":"https:\/\/chinesepurifier.com\/ar\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}