{"id":482,"date":"2026-08-04T15:23:26","date_gmt":"2026-08-04T15:23:26","guid":{"rendered":"https:\/\/dev.tschuan.com\/?page_id=482"},"modified":"2026-08-05T08:09:30","modified_gmt":"2026-08-05T08:09:30","slug":"partner-profile","status":"publish","type":"page","link":"https:\/\/dev.tschuan.com\/?page_id=482","title":{"rendered":"Partner Profile"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"482\" class=\"elementor elementor-482\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba1ee72 e-con-full e-flex e-con e-parent\" data-id=\"ba1ee72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-335cf69 elementor-widget elementor-widget-shortcode\" data-id=\"335cf69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div\n\t\t\tid=\"tsc-pbp-1\"\n\t\t\tclass=\"tsc-pbp\"\n\t\t\tdata-brand=\"bokes\"\n\t\t>\n\t\t\t<style>\n\t\t\t\t#tsc-pbp-1{\n\t\t\t\t\t--tsc-pbp-navy:#071a2a;\n\t\t\t\t\t--tsc-pbp-blue:#0e3550;\n\t\t\t\t\t--tsc-pbp-red:#c9252d;\n\t\t\t\t\t--tsc-pbp-red-dark:#a61f26;\n\t\t\t\t\t--tsc-pbp-paper:#f4f7fa;\n\t\t\t\t\t--tsc-pbp-text:#17233a;\n\t\t\t\t\t--tsc-pbp-muted:#64748b;\n\t\t\t\t\t--tsc-pbp-line:#d8e2ea;\n\t\t\t\t\tposition:relative;\n\t\t\t\t\twidth:100vw;\n\t\t\t\t\tmax-width:100vw;\n\t\t\t\t\tmargin-left:calc(50% - 50vw);\n\t\t\t\t\tcolor:var(--tsc-pbp-text);\n\t\t\t\t\tbackground:#fff;\n\t\t\t\t\tfont-family:inherit;\n\t\t\t\t\tline-height:1.65;\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t}\n\n\t\t\t\t@supports (width:100dvw){\n\t\t\t\t\t#tsc-pbp-1{\n\t\t\t\t\t\twidth:100dvw;\n\t\t\t\t\t\tmax-width:100dvw;\n\t\t\t\t\t\tmargin-left:calc(50% - 50dvw);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 *{\n\t\t\t\t\tbox-sizing:border-box;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 a{\n\t\t\t\t\tcolor:inherit;\n\t\t\t\t\ttext-decoration:none;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-container{\n\t\t\t\t\twidth:min(1200px,calc(100% - 40px));\n\t\t\t\t\tmargin:0 auto;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-eyebrow{\n\t\t\t\t\tdisplay:inline-flex;\n\t\t\t\t\talign-items:center;\n\t\t\t\t\tgap:11px;\n\t\t\t\t\tmargin-bottom:17px;\n\t\t\t\t\tcolor:var(--tsc-pbp-red);\n\t\t\t\t\tfont-size:12px;\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t\tletter-spacing:1.9px;\n\t\t\t\t\tline-height:1;\n\t\t\t\t\ttext-transform:uppercase;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-eyebrow::before{\n\t\t\t\t\tcontent:\"\";\n\t\t\t\t\twidth:40px;\n\t\t\t\t\theight:2px;\n\t\t\t\t\tbackground:currentColor;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-hero{\n\t\t\t\t\tposition:relative;\n\t\t\t\t\tmin-height:560px;\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\talign-items:flex-end;\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t\tbackground:\n\t\t\t\t\t\tlinear-gradient(\n\t\t\t\t\t\t\t90deg,\n\t\t\t\t\t\t\trgba(7,26,42,.98) 0%,\n\t\t\t\t\t\t\trgba(7,26,42,.88) 49%,\n\t\t\t\t\t\t\trgba(7,26,42,.24) 100%\n\t\t\t\t\t\t),\n\t\t\t\t\t\turl(\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-04-214742.png\") center\/cover no-repeat;\n\t\t\t\t\tisolation:isolate;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-hero-inner{\n\t\t\t\t\tpadding:105px 0 145px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-breadcrumbs{\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\tflex-wrap:wrap;\n\t\t\t\t\tgap:8px;\n\t\t\t\t\tmargin-bottom:22px;\n\t\t\t\t\tcolor:rgba(255,255,255,.64);\n\t\t\t\t\tfont-size:12px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-breadcrumbs a{\n\t\t\t\t\tcolor:rgba(255,255,255,.68);\n\t\t\t\t\ttransition:color .2s ease;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-breadcrumbs a:hover{\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-breadcrumbs strong{\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t\tfont-weight:500;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-logo{\n\t\t\t\t\twidth:225px;\n\t\t\t\t\tmin-height:90px;\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\talign-items:center;\n\t\t\t\t\tjustify-content:center;\n\t\t\t\t\tmargin-bottom:24px;\n\t\t\t\t\tpadding:16px;\n\t\t\t\t\tborder-radius:17px;\n\t\t\t\t\tbackground:#fff;\n\t\t\t\t\tbox-shadow:0 18px 45px rgba(0,0,0,.18);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-logo img{\n\t\t\t\t\tdisplay:block;\n\t\t\t\t\tmax-width:100%;\n\t\t\t\t\tmax-height:74px;\n\t\t\t\t\twidth:auto;\n\t\t\t\t\theight:auto;\n\t\t\t\t\tobject-fit:contain;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-logo-fallback{\n\t\t\t\t\tcolor:#64748b;\n\t\t\t\t\tfont-size:17px;\n\t\t\t\t\tfont-weight:700;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-hero h1{\n\t\t\t\t\tmax-width:800px;\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t\tfont-size:clamp(48px,5vw,70px);\n\t\t\t\t\tfont-weight:500;\n\t\t\t\t\tline-height:1.02;\n\t\t\t\t\tletter-spacing:-1.7px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-hero p{\n\t\t\t\t\tmax-width:700px;\n\t\t\t\t\tmargin:21px 0 0;\n\t\t\t\t\tcolor:rgba(235,242,248,.82);\n\t\t\t\t\tfont-size:17px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-filter-area{\n\t\t\t\t\tpadding:0 0 1px;\n\t\t\t\t\tbackground:var(--tsc-pbp-paper);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-filter-panel{\n\t\t\t\t\tposition:relative;\n\t\t\t\t\tz-index:5;\n\t\t\t\t\tmargin-top:-88px;\n\t\t\t\t\tpadding:25px;\n\t\t\t\t\tborder:1px solid var(--tsc-pbp-line);\n\t\t\t\t\tborder-radius:26px;\n\t\t\t\t\tbackground:#fff;\n\t\t\t\t\tbox-shadow:0 30px 78px rgba(7,26,42,.16);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-filter-heading{\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\talign-items:flex-end;\n\t\t\t\t\tjustify-content:space-between;\n\t\t\t\t\tgap:28px;\n\t\t\t\t\tmargin-bottom:22px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-filter-heading h2{\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tcolor:var(--tsc-pbp-navy);\n\t\t\t\t\tfont-size:27px;\n\t\t\t\t\tfont-weight:500;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-filter-heading p{\n\t\t\t\t\tmax-width:535px;\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tcolor:var(--tsc-pbp-muted);\n\t\t\t\t\tfont-size:14px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-filters{\n\t\t\t\t\tdisplay:grid;\n\t\t\t\t\tgrid-template-columns:\n\t\t\t\t\t\tminmax(210px,.92fr)\n\t\t\t\t\t\tminmax(210px,.92fr)\n\t\t\t\t\t\tminmax(220px,1fr)\n\t\t\t\t\t\tminmax(250px,1.18fr);\n\t\t\t\t\tgap:14px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-field label{\n\t\t\t\t\tdisplay:block;\n\t\t\t\t\tmargin-bottom:8px;\n\t\t\t\t\tcolor:#425066;\n\t\t\t\t\tfont-size:11px;\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t\tletter-spacing:.9px;\n\t\t\t\t\ttext-transform:uppercase;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-control{\n\t\t\t\t\twidth:100%;\n\t\t\t\t\tmin-height:51px;\n\t\t\t\t\tpadding:0 15px;\n\t\t\t\t\tborder:1px solid var(--tsc-pbp-line);\n\t\t\t\t\tborder-radius:14px;\n\t\t\t\t\tcolor:var(--tsc-pbp-text);\n\t\t\t\t\tbackground:#fff;\n\t\t\t\t\toutline:none;\n\t\t\t\t\tfont:inherit;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-about{\n\t\t\t\t\tpadding:96px 0;\n\t\t\t\t\tbackground:#fff;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-about-grid{\n\t\t\t\t\tdisplay:grid;\n\t\t\t\t\tgrid-template-columns:.95fr 1.05fr;\n\t\t\t\t\tgap:64px;\n\t\t\t\t\talign-items:center;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-about-image{\n\t\t\t\t\tmin-height:460px;\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\talign-items:center;\n\t\t\t\t\tjustify-content:center;\n\t\t\t\t\tborder-radius:28px;\n\t\t\t\t\tcolor:#7b8895;\n\t\t\t\t\tbackground:#e9eff3;\n\t\t\t\t\tbox-shadow:0 24px 64px rgba(7,26,42,.12);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-about-image img{\n\t\t\t\t\tdisplay:block;\n\t\t\t\t\twidth:100%;\n\t\t\t\t\theight:460px;\n\t\t\t\t\tobject-fit:cover;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-about-copy h2,\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-section-heading h2{\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tcolor:var(--tsc-pbp-navy);\n\t\t\t\t\tfont-size:clamp(36px,3.7vw,52px);\n\t\t\t\t\tfont-weight:500;\n\t\t\t\t\tline-height:1.08;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-rich-content{\n\t\t\t\t\tcolor:var(--tsc-pbp-muted);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-technology{\n\t\t\t\t\tpadding:92px 0;\n\t\t\t\t\tbackground:var(--tsc-pbp-paper);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-section-heading{\n\t\t\t\t\tmax-width:780px;\n\t\t\t\t\tmargin-bottom:36px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-technology-grid{\n\t\t\t\t\tdisplay:grid;\n\t\t\t\t\tgrid-template-columns:repeat(4,minmax(0,1fr));\n\t\t\t\t\tgap:17px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-technology-card{\n\t\t\t\t\tmin-height:220px;\n\t\t\t\t\tpadding:24px;\n\t\t\t\t\tborder:1px solid var(--tsc-pbp-line);\n\t\t\t\t\tborder-radius:21px;\n\t\t\t\t\tbackground:#fff;\n\t\t\t\t\tbox-shadow:0 14px 38px rgba(7,26,42,.06);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-technology-card small{\n\t\t\t\t\tcolor:var(--tsc-pbp-red);\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-technology-card h3{\n\t\t\t\t\tmargin:28px 0 0;\n\t\t\t\t\tcolor:var(--tsc-pbp-navy);\n\t\t\t\t\tfont-size:19px;\n\t\t\t\t\tfont-weight:500;\n\t\t\t\t\tline-height:1.25;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-card-copy{\n\t\t\t\t\tmargin-top:10px;\n\t\t\t\t\tcolor:var(--tsc-pbp-muted);\n\t\t\t\t\tfont-size:13px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-partnership{\n\t\t\t\t\tpadding:82px 0;\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t\tbackground:var(--tsc-pbp-navy);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-partnership-grid{\n\t\t\t\t\tdisplay:grid;\n\t\t\t\t\tgrid-template-columns:1fr auto;\n\t\t\t\t\tgap:44px;\n\t\t\t\t\talign-items:center;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-partnership h2{\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t\tfont-size:clamp(34px,3.5vw,49px);\n\t\t\t\t\tfont-weight:500;\n\t\t\t\t\tline-height:1.08;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-partnership-copy{\n\t\t\t\t\tmax-width:760px;\n\t\t\t\t\tmargin-top:15px;\n\t\t\t\t\tcolor:rgba(235,242,248,.74);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-actions{\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\tflex-direction:column;\n\t\t\t\t\tgap:10px;\n\t\t\t\t\tmin-width:220px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-button{\n\t\t\t\t\tmin-height:50px;\n\t\t\t\t\tdisplay:inline-flex;\n\t\t\t\t\talign-items:center;\n\t\t\t\t\tjustify-content:center;\n\t\t\t\t\tpadding:13px 20px;\n\t\t\t\t\tborder-radius:999px;\n\t\t\t\t\tfont-size:13px;\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t\ttext-align:center;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-button-red{\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t\tbackground:var(--tsc-pbp-red);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-button-outline{\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t\tborder:1px solid rgba(255,255,255,.26);\n\t\t\t\t\tbackground:rgba(255,255,255,.06);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-products{\n\t\t\t\t\tpadding:94px 0;\n\t\t\t\t\tbackground:#fff;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-products-top{\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\talign-items:flex-end;\n\t\t\t\t\tjustify-content:space-between;\n\t\t\t\t\tgap:28px;\n\t\t\t\t\tmargin-bottom:30px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-products-top h2{\n\t\t\t\t\tmargin:0;\n\t\t\t\t\tcolor:var(--tsc-pbp-navy);\n\t\t\t\t\tfont-size:clamp(36px,3.7vw,52px);\n\t\t\t\t\tfont-weight:500;\n\t\t\t\t\tline-height:1.08;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-result-count{\n\t\t\t\t\tpadding:9px 13px;\n\t\t\t\t\tborder:1px solid var(--tsc-pbp-line);\n\t\t\t\t\tborder-radius:999px;\n\t\t\t\t\tcolor:var(--tsc-pbp-blue);\n\t\t\t\t\tfont-size:12px;\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-grid{\n\t\t\t\t\tdisplay:grid;\n\t\t\t\t\tgrid-template-columns:repeat(3,minmax(0,1fr));\n\t\t\t\t\tgap:22px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-card{\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\tflex-direction:column;\n\t\t\t\t\tborder:1px solid var(--tsc-pbp-line);\n\t\t\t\t\tborder-radius:24px;\n\t\t\t\t\tbackground:#fff;\n\t\t\t\t\tbox-shadow:0 18px 48px rgba(7,26,42,.08);\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-card[hidden]{\n\t\t\t\t\tdisplay:none !important;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-media{\n\t\t\t\t\tposition:relative;\n\t\t\t\t\theight:225px;\n\t\t\t\t\toverflow:hidden;\n\t\t\t\t\tbackground:linear-gradient(145deg,var(--tsc-pbp-blue),var(--tsc-pbp-navy));\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-media img{\n\t\t\t\t\twidth:100%;\n\t\t\t\t\theight:100%;\n\t\t\t\t\tobject-fit:cover;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-placeholder{\n\t\t\t\t\tposition:absolute;\n\t\t\t\t\tinset:0;\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\talign-items:center;\n\t\t\t\t\tjustify-content:center;\n\t\t\t\t\tcolor:rgba(255,255,255,.7);\n\t\t\t\t\tfont-size:11px;\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t\tletter-spacing:1.1px;\n\t\t\t\t\ttext-transform:uppercase;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-brand-badge{\n\t\t\t\t\tposition:absolute;\n\t\t\t\t\ttop:15px;\n\t\t\t\t\tleft:15px;\n\t\t\t\t\tpadding:7px 10px;\n\t\t\t\t\tborder-radius:999px;\n\t\t\t\t\tcolor:#fff;\n\t\t\t\t\tbackground:var(--tsc-pbp-red);\n\t\t\t\t\tfont-size:10px;\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t\ttext-transform:uppercase;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-body{\n\t\t\t\t\tflex:1;\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\tflex-direction:column;\n\t\t\t\t\tpadding:23px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-category{\n\t\t\t\t\tcolor:var(--tsc-pbp-red);\n\t\t\t\t\tfont-size:10px;\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t\ttext-transform:uppercase;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-card h3{\n\t\t\t\t\tmargin:9px 0 0;\n\t\t\t\t\tcolor:var(--tsc-pbp-navy);\n\t\t\t\t\tfont-size:22px;\n\t\t\t\t\tfont-weight:500;\n\t\t\t\t\tline-height:1.2;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-card p{\n\t\t\t\t\tmargin:12px 0 0;\n\t\t\t\t\tcolor:var(--tsc-pbp-muted);\n\t\t\t\t\tfont-size:14px;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-link{\n\t\t\t\t\tdisplay:flex;\n\t\t\t\t\tjustify-content:space-between;\n\t\t\t\t\tmargin-top:auto;\n\t\t\t\t\tpadding-top:20px;\n\t\t\t\t\tcolor:var(--tsc-pbp-blue);\n\t\t\t\t\tfont-size:13px;\n\t\t\t\t\tfont-weight:600;\n\t\t\t\t}\n\n\t\t\t\t#tsc-pbp-1 .tsc-pbp-no-results{\n\t\t\t\t\tdisplay:none;\n\t\t\t\t\tgrid-column:1\/-1;\n\t\t\t\t\tpadding:44px;\n\t\t\t\t\tborder:1px dashed var(--tsc-pbp-line);\n\t\t\t\t\tborder-radius:22px;\n\t\t\t\t\tcolor:var(--tsc-pbp-muted);\n\t\t\t\t\ttext-align:center;\n\t\t\t\t}\n\n\t\t\t\t@media(max-width:1020px){\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-filters{\n\t\t\t\t\t\tgrid-template-columns:repeat(2,minmax(0,1fr));\n\t\t\t\t\t}\n\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-about-grid{\n\t\t\t\t\t\tgrid-template-columns:1fr;\n\t\t\t\t\t}\n\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-technology-grid{\n\t\t\t\t\t\tgrid-template-columns:repeat(2,minmax(0,1fr));\n\t\t\t\t\t}\n\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-grid{\n\t\t\t\t\t\tgrid-template-columns:repeat(2,minmax(0,1fr));\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media(max-width:700px){\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-container{\n\t\t\t\t\t\twidth:calc(100% - 28px);\n\t\t\t\t\t}\n\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-filter-panel{\n\t\t\t\t\t\tmargin-top:-74px;\n\t\t\t\t\t\tpadding:20px;\n\t\t\t\t\t}\n\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-filter-heading,\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-products-top{\n\t\t\t\t\t\talign-items:flex-start;\n\t\t\t\t\t\tflex-direction:column;\n\t\t\t\t\t}\n\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-filters,\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-technology-grid,\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-product-grid,\n\t\t\t\t\t#tsc-pbp-1 .tsc-pbp-partnership-grid{\n\t\t\t\t\t\tgrid-template-columns:1fr;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t<\/style>\n\n\t\t\t<section class=\"tsc-pbp-hero\">\n\t\t\t\t<div class=\"tsc-pbp-container tsc-pbp-hero-inner\">\n\t\t\t\t\t<nav class=\"tsc-pbp-breadcrumbs\" aria-label=\"Breadcrumb\">\n\t\t\t\t\t\t<a href=\"https:\/\/dev.tschuan.com\/\">\n\t\t\t\t\t\t\tHome\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<span>\/<\/span>\n\t\t\t\t\t\t<a href=\"https:\/\/dev.tschuan.com\/?page_id=142\">\n\t\t\t\t\t\t\tProducts\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<span>\/<\/span>\n\t\t\t\t\t\t<a href=\"https:\/\/dev.tschuan.com\/?page_id=142&#038;product_group=partner-technologies&#038;partner_brand=bokes\">\n\t\t\t\t\t\t\tPartner Products\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<span>\/<\/span>\n\t\t\t\t\t\t<strong>\n\t\t\t\t\t\t\tBOKES\t\t\t\t\t\t<\/strong>\n\t\t\t\t\t<\/nav>\n\n\t\t\t\t\t<div class=\"tsc-pbp-logo\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-04-213747-1024x473.png\"\n\t\t\t\t\t\t\t\talt=\"BOKES logo\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<span class=\"tsc-pbp-eyebrow\">\n\t\t\t\t\t\tInternational Technology Partner\t\t\t\t\t<\/span>\n\n\t\t\t\t\t<h1>BOKES<\/h1>\n\n\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tTechnology company specialising in magnetic levitation equipment, environmental monitoring, flow measurement, smart water systems, and industrial IoT solutions.\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/section>\n\n\t\t\t<section class=\"tsc-pbp-filter-area\">\n\t\t\t\t<div class=\"tsc-pbp-container\">\n\t\t\t\t\t<div class=\"tsc-pbp-filter-panel\">\n\t\t\t\t\t\t<div class=\"tsc-pbp-filter-heading\">\n\t\t\t\t\t\t\t<h2>Browse Products<\/h2>\n\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tUse Product Group, Partner Brand, Category,\n\t\t\t\t\t\t\t\tand Search to navigate the product portfolio.\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"tsc-pbp-filters\">\n\t\t\t\t\t\t\t<div class=\"tsc-pbp-field\">\n\t\t\t\t\t\t\t\t<label>Product Group<\/label>\n\t\t\t\t\t\t\t\t<select class=\"tsc-pbp-control tsc-pbp-group\">\n\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\tvalue=\"https:\/\/dev.tschuan.com\/?page_id=482&#038;partner_brand=bokes\"\n\t\t\t\t\t\t\t\t\t\tselected\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tPartner Products\n\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\tvalue=\"https:\/\/dev.tschuan.com\/?page_id=142&#038;product_group=ts-chuan-products\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tTS Products\n\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"tsc-pbp-field\">\n\t\t\t\t\t\t\t\t<label>Partner Brand<\/label>\n\t\t\t\t\t\t\t\t<select class=\"tsc-pbp-control tsc-pbp-brand\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"https:\/\/dev.tschuan.com\/?page_id=482&#038;partner_brand=bokes\"\n\t\t\t\t\t\t\t\t\t\t\t selected='selected'\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tBOKES\t\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"https:\/\/dev.tschuan.com\/?page_id=482&#038;partner_brand=fu-yuan\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tFu Yuan\t\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"https:\/\/dev.tschuan.com\/?page_id=482&#038;partner_brand=gn-solids\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tGN Solids\t\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"tsc-pbp-field\">\n\t\t\t\t\t\t\t\t<label>Category<\/label>\n\t\t\t\t\t\t\t\t<select class=\"tsc-pbp-control tsc-pbp-category\">\n\t\t\t\t\t\t\t\t\t<option value=\"all\">\n\t\t\t\t\t\t\t\t\t\tAll Categories\n\t\t\t\t\t\t\t\t\t<\/option>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"blower-aeration-systems\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tBlower &amp; Aeration Systems\t\t\t\t\t\t\t\t\t\t<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"tsc-pbp-field\">\n\t\t\t\t\t\t\t\t<label>Search Products<\/label>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tclass=\"tsc-pbp-control tsc-pbp-search\"\n\t\t\t\t\t\t\t\t\ttype=\"search\"\n\t\t\t\t\t\t\t\t\tplaceholder=\"Search BOKES products...\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\n\t\t\t<section class=\"tsc-pbp-about\">\n\t\t\t\t<div class=\"tsc-pbp-container tsc-pbp-about-grid\">\n\t\t\t\t\t<div class=\"tsc-pbp-about-image\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/jvlikfs-1024x669.png\"\n\t\t\t\t\t\t\t\talt=\"About BOKES\"\n\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"tsc-pbp-about-copy\">\n\t\t\t\t\t\t<span class=\"tsc-pbp-eyebrow\">\n\t\t\t\t\t\t\tAbout BOKES\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\tTechnology Development Across Water and Industry\n\t\t\t\t\t\t<\/h2>\n\n\t\t\t\t\t\t<div class=\"tsc-pbp-rich-content\">\n\t\t\t\t\t\t\t<p>BOKES focuses on the research, development, and manufacturing of environmental monitoring instruments, magnetic levitation equipment, flow measurement systems, and smart water technologies.<\/p>\n<p>Its product portfolio includes magnetic levitation blowers, compressors and vacuum pumps, online water-quality monitoring systems, analytical instruments, digital electrodes and sensors, electromagnetic flowmeters, ultrasonic meters, and intelligent equipment-management platforms.<\/p>\n<p>Through its partnership with TS Chuan, BOKES technologies are introduced to the Malaysian market with local product enquiries, technical coordination, project support, and after-sales communication.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\n\t\t\t\t\t\t\t<section class=\"tsc-pbp-technology\">\n\t\t\t\t\t<div class=\"tsc-pbp-container\">\n\t\t\t\t\t\t<div class=\"tsc-pbp-section-heading\">\n\t\t\t\t\t\t\t<span class=\"tsc-pbp-eyebrow\">\n\t\t\t\t\t\t\t\tCore Technology Areas\n\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\tTechnology Section Title\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"tsc-pbp-technology-grid\"><article class=\"tsc-pbp-technology-card\"><small>01<\/small><h3>Magnetic Levitation Technology<\/h3><div class=\"tsc-pbp-card-copy\">\n<ul data-start=\"5245\" data-end=\"5415\">\n<li data-start=\"5245\" data-end=\"5274\">Magnetic levitation blowers<\/li>\n<li data-start=\"5275\" data-end=\"5308\">Magnetic levitation compressors<\/li>\n<li data-start=\"5309\" data-end=\"5343\">Magnetic levitation vacuum pumps<\/li>\n<li data-start=\"5344\" data-end=\"5380\">High-speed permanent magnet motors<\/li>\n<li data-start=\"5381\" data-end=\"5415\">Magnetic bearing control systems<\/li>\n<\/ul>\n<\/div><\/article><article class=\"tsc-pbp-technology-card\"><small>02<\/small><h3>Environmental Monitoring<\/h3><div class=\"tsc-pbp-card-copy\">\n<ul data-start=\"5447\" data-end=\"5625\">\n<li data-start=\"5447\" data-end=\"5488\">Water-quality online monitoring systems<\/li>\n<li data-start=\"5489\" data-end=\"5513\">Analytical instruments<\/li>\n<li data-start=\"5514\" data-end=\"5546\">Digital electrodes and sensors<\/li>\n<li data-start=\"5547\" data-end=\"5587\">Wastewater inlet and outlet monitoring<\/li>\n<li data-start=\"5588\" data-end=\"5625\">Industrial process-water monitoring<\/li>\n<\/ul>\n<\/div><\/article><article class=\"tsc-pbp-technology-card\"><small>03<\/small><h3>Flow Measurement and Control<\/h3><div class=\"tsc-pbp-card-copy\">\n<ul data-start=\"5661\" data-end=\"5824\">\n<li data-start=\"5661\" data-end=\"5689\">Electromagnetic flowmeters<\/li>\n<li data-start=\"5690\" data-end=\"5715\">Ultrasonic water meters<\/li>\n<li data-start=\"5716\" data-end=\"5739\">Ultrasonic flowmeters<\/li>\n<li data-start=\"5740\" data-end=\"5777\">Integrated and split configurations<\/li>\n<li data-start=\"5778\" data-end=\"5824\">Clamp-on, insertion, and pipe-type solutions<\/li>\n<\/ul>\n<\/div><\/article><article class=\"tsc-pbp-technology-card\"><small>04<\/small><h3>Smart Water and Industrial IoT<\/h3><div class=\"tsc-pbp-card-copy\">\n<ul data-start=\"5862\" data-end=\"6034\">\n<li data-start=\"5862\" data-end=\"5891\">Equipment visual monitoring<\/li>\n<li data-start=\"5892\" data-end=\"5920\">Device and user management<\/li>\n<li data-start=\"5921\" data-end=\"5949\">Data storage and reporting<\/li>\n<li data-start=\"5950\" data-end=\"5965\">Remote alarms<\/li>\n<li data-start=\"5966\" data-end=\"5990\">Maintenance management<\/li>\n<li data-start=\"5991\" data-end=\"6034\">Industrial equipment-management platforms<\/li>\n<\/ul><\/div><\/article><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\n\t\t\t<section class=\"tsc-pbp-partnership\">\n\t\t\t\t<div class=\"tsc-pbp-container tsc-pbp-partnership-grid\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span class=\"tsc-pbp-eyebrow\">\n\t\t\t\t\t\t\tBOKES \u00d7 TS Chuan\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\tInternational Technology with Local Project Support\t\t\t\t\t\t<\/h2>\n\n\t\t\t\t\t\t<div class=\"tsc-pbp-partnership-copy\">\n\t\t\t\t\t\t\t<p>International Technology with Local Project Support<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"tsc-pbp-actions\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\tclass=\"tsc-pbp-button tsc-pbp-button-red\"\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Bookex-eng-version-3.pdf\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\trel=\"noopener\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tDownload\n\t\t\t\t\t\t\t\t\tBOKES\t\t\t\t\t\t\t\t\tCatalogue\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\tclass=\"tsc-pbp-button tsc-pbp-button-outline\"\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/www.bxwell.com\/\"\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\trel=\"noopener\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tOfficial Website\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/section>\n\n\t\t\t<section class=\"tsc-pbp-products\">\n\t\t\t\t<div class=\"tsc-pbp-container\">\n\t\t\t\t\t<div class=\"tsc-pbp-products-top\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span class=\"tsc-pbp-eyebrow\">\n\t\t\t\t\t\t\t\tBOKES Products\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\tAvailable Products from\n\t\t\t\t\t\t\t\tBOKES\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<span class=\"tsc-pbp-result-count\">\n\t\t\t\t\t\t\t<span class=\"tsc-pbp-count-number\">\n\t\t\t\t\t\t\t\t1\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\tProducts\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"tsc-pbp-product-grid\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\tclass=\"tsc-pbp-product-card\"\n\t\t\t\t\t\t\t\tdata-category=\"blower-aeration-systems\"\n\t\t\t\t\t\t\t\tdata-search=\"bokes magnetic levitation blower blower &amp; aeration systems\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\tclass=\"tsc-pbp-product-media\"\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/dev.tschuan.com\/?tsc_product=bokes-magnetic-levitation-blower\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-04-232446.png\"\n\t\t\t\t\t\t\t\t\t\t\talt=\"BOKES Magnetic Levitation Blower\"\n\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"tsc-pbp-brand-badge\">\n\t\t\t\t\t\t\t\t\t\tBOKES\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<div class=\"tsc-pbp-product-body\">\n\t\t\t\t\t\t\t\t\t<span class=\"tsc-pbp-product-category\">\n\t\t\t\t\t\t\t\t\t\tBlower &amp; Aeration Systems\t\t\t\t\t\t\t\t\t<\/span>\n\n\t\t\t\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref=\"https:\/\/dev.tschuan.com\/?tsc_product=bokes-magnetic-levitation-blower\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\tBOKES Magnetic Levitation Blower\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h3>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\tHigh-speed magnetic levitation blower designed to deliver efficient, oil-free airflow for wastewater aeration and industrial air-supply applications.\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\tclass=\"tsc-pbp-product-link\"\n\t\t\t\t\t\t\t\t\t\thref=\"https:\/\/dev.tschuan.com\/?tsc_product=bokes-magnetic-levitation-blower\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span>View Product<\/span>\n\t\t\t\t\t\t\t\t\t\t<span>\u2192<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"tsc-pbp-no-results\">\n\t\t\t\t\t\t\tNo products match the selected filters.\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\n\t\t\t<script>\n\t\t\t\t(function(){\n\t\t\t\t\tconst root = document.getElementById(\n\t\t\t\t\t\t\"tsc-pbp-1\"\t\t\t\t\t);\n\n\t\t\t\t\tif(!root){\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst groupSelect =\n\t\t\t\t\t\troot.querySelector(\".tsc-pbp-group\");\n\t\t\t\t\tconst brandSelect =\n\t\t\t\t\t\troot.querySelector(\".tsc-pbp-brand\");\n\t\t\t\t\tconst categorySelect =\n\t\t\t\t\t\troot.querySelector(\".tsc-pbp-category\");\n\t\t\t\t\tconst searchInput =\n\t\t\t\t\t\troot.querySelector(\".tsc-pbp-search\");\n\t\t\t\t\tconst cards = Array.from(\n\t\t\t\t\t\troot.querySelectorAll(\n\t\t\t\t\t\t\t\".tsc-pbp-product-card\"\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t\tconst countNumber =\n\t\t\t\t\t\troot.querySelector(\".tsc-pbp-count-number\");\n\t\t\t\t\tconst noResults =\n\t\t\t\t\t\troot.querySelector(\".tsc-pbp-no-results\");\n\n\t\t\t\t\tfunction redirect(select){\n\t\t\t\t\t\tif(select && select.value){\n\t\t\t\t\t\t\twindow.location.href = select.value;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif(groupSelect){\n\t\t\t\t\t\tgroupSelect.addEventListener(\n\t\t\t\t\t\t\t\"change\",\n\t\t\t\t\t\t\tfunction(){\n\t\t\t\t\t\t\t\tredirect(groupSelect);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif(brandSelect){\n\t\t\t\t\t\tbrandSelect.addEventListener(\n\t\t\t\t\t\t\t\"change\",\n\t\t\t\t\t\t\tfunction(){\n\t\t\t\t\t\t\t\tredirect(brandSelect);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tfunction filterProducts(){\n\t\t\t\t\t\tconst category = categorySelect\n\t\t\t\t\t\t\t? categorySelect.value\n\t\t\t\t\t\t\t: \"all\";\n\n\t\t\t\t\t\tconst search = searchInput\n\t\t\t\t\t\t\t? searchInput.value.trim().toLowerCase()\n\t\t\t\t\t\t\t: \"\";\n\n\t\t\t\t\t\tlet visible = 0;\n\n\t\t\t\t\t\tcards.forEach(function(card){\n\t\t\t\t\t\t\tconst categories =\n\t\t\t\t\t\t\t\t(card.dataset.category || \"\")\n\t\t\t\t\t\t\t\t.split(\/\\s+\/)\n\t\t\t\t\t\t\t\t.filter(Boolean);\n\n\t\t\t\t\t\t\tconst searchData =\n\t\t\t\t\t\t\t\t(card.dataset.search || \"\")\n\t\t\t\t\t\t\t\t.toLowerCase();\n\n\t\t\t\t\t\t\tconst categoryMatch =\n\t\t\t\t\t\t\t\tcategory === \"all\" ||\n\t\t\t\t\t\t\t\tcategories.includes(category);\n\n\t\t\t\t\t\t\tconst searchMatch =\n\t\t\t\t\t\t\t\t!search ||\n\t\t\t\t\t\t\t\tsearchData.includes(search);\n\n\t\t\t\t\t\t\tconst show =\n\t\t\t\t\t\t\t\tcategoryMatch && searchMatch;\n\n\t\t\t\t\t\t\tcard.hidden = !show;\n\n\t\t\t\t\t\t\tif(show){\n\t\t\t\t\t\t\t\tvisible += 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tif(countNumber){\n\t\t\t\t\t\t\tcountNumber.textContent = visible;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif(noResults){\n\t\t\t\t\t\t\tnoResults.style.display =\n\t\t\t\t\t\t\t\tvisible === 0 ? \"block\" : \"none\";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif(categorySelect){\n\t\t\t\t\t\tcategorySelect.addEventListener(\n\t\t\t\t\t\t\t\"change\",\n\t\t\t\t\t\t\tfilterProducts\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif(searchInput){\n\t\t\t\t\t\tsearchInput.addEventListener(\n\t\t\t\t\t\t\t\"input\",\n\t\t\t\t\t\t\tfilterProducts\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tfilterProducts();\n\t\t\t\t})();\n\t\t\t<\/script>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab3020e e-con-full e-flex e-con e-parent\" data-id=\"ab3020e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8c80ba elementor-widget elementor-widget-html\" data-id=\"c8c80ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nGN SEPARATION \u2014 CONDITIONAL VISUAL ADD-ON\r\n==============================================================\r\nHOW TO USE\r\n1. Open Pages \u2192 Partner Profile \u2192 Edit with Elementor.\r\n2. Open the existing HTML widget below [tsc_partner_brand_profile].\r\n3. DELETE all old HTML inside that widget.\r\n4. Paste this entire file.\r\n5. Replace the manufacturing and certificate image URLs only in the \"EASY IMAGE SETTINGS\" section.\r\n\r\nIMPORTANT\r\n- This add-on appears ONLY when partner_brand=gn-solids.\r\n- It never appears on BOKES, Fu Yuan, or other partner profiles.\r\n- Hero, filter, About, partnership, catalogue, and products remain\r\n  controlled by the existing [tsc_partner_brand_profile] shortcode.\r\n==============================================================\r\n-->\r\n\r\n<style>\r\n  #tsc-gn-addon[hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  #tsc-gn-addon {\r\n    --gn-navy: #071a2a;\r\n    --gn-blue: #0e3550;\r\n    --gn-green: #249a50;\r\n    --gn-green-dark: #14763a;\r\n    --gn-red: #c9252d;\r\n    --gn-paper: #f4f7fa;\r\n    --gn-white: #ffffff;\r\n    --gn-text: #17233a;\r\n    --gn-muted: #64748b;\r\n    --gn-line: #d8e2ea;\r\n    --gn-shadow: 0 20px 55px rgba(7, 26, 42, 0.10);\r\n\r\n    position: relative;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    overflow: hidden;\r\n    color: var(--gn-text);\r\n    background: var(--gn-white);\r\n    font-family: inherit;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  #tsc-gn-addon *,\r\n  #tsc-gn-addon *::before,\r\n  #tsc-gn-addon *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-shell {\r\n    width: min(1200px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-section {\r\n    padding: 92px 0;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-paper {\r\n    background: var(--gn-paper);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-heading {\r\n    max-width: 760px;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-heading-center {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    text-align: center;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 16px;\r\n    color: var(--gn-red);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-heading-center .gn-eyebrow {\r\n    justify-content: center;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-eyebrow::before {\r\n    content: \"\";\r\n    width: 40px;\r\n    height: 2px;\r\n    background: currentColor;\r\n  }\r\n\r\n  #tsc-gn-addon h2 {\r\n    margin: 0;\r\n    color: var(--gn-navy);\r\n    font-size: clamp(36px, 3.7vw, 52px);\r\n    font-weight: 500;\r\n    line-height: 1.08;\r\n    letter-spacing: -1.1px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-heading p {\r\n    margin: 16px 0 0;\r\n    color: var(--gn-muted);\r\n    font-size: 15px;\r\n  }\r\n\r\n  \/* Scroll reveal *\/\r\n  #tsc-gn-addon .gn-reveal {\r\n    opacity: 0;\r\n    transform: translateY(32px);\r\n    transition:\r\n      opacity 0.75s ease,\r\n      transform 0.75s cubic-bezier(.2, .75, .25, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Statistics *\/\r\n  #tsc-gn-addon .gn-stat-panel {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 31px;\r\n    border-radius: 28px;\r\n    color: #fff;\r\n    background:\r\n      radial-gradient(\r\n        circle at 88% 12%,\r\n        rgba(36, 154, 80, 0.28),\r\n        transparent 31%\r\n      ),\r\n      linear-gradient(135deg, var(--gn-navy), var(--gn-blue));\r\n    box-shadow: 0 28px 70px rgba(7, 26, 42, 0.18);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-stat-panel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.09;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(\r\n        rgba(255, 255, 255, 0.12) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255, 255, 255, 0.12) 1px,\r\n        transparent 1px\r\n      );\r\n    background-size: 36px 36px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-stat-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 15px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-stat-card {\r\n    min-height: 180px;\r\n    padding: 23px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 20px;\r\n    background: rgba(255, 255, 255, 0.07);\r\n    backdrop-filter: blur(8px);\r\n    transition:\r\n      transform 0.32s ease,\r\n      background 0.32s ease,\r\n      box-shadow 0.32s ease;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-stat-card:hover {\r\n    transform: translateY(-8px);\r\n    background: rgba(255, 255, 255, 0.12);\r\n    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 15px;\r\n    color: var(--gn-green);\r\n    background: rgba(36, 154, 80, 0.10);\r\n    transition:\r\n      transform 0.32s ease,\r\n      color 0.32s ease,\r\n      background 0.32s ease;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-stat-card .gn-icon,\r\n  #tsc-gn-addon .gn-network-card .gn-icon {\r\n    color: #fff;\r\n    background: rgba(255, 255, 255, 0.11);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-stat-card:hover .gn-icon,\r\n  #tsc-gn-addon .gn-capability:hover .gn-icon,\r\n  #tsc-gn-addon .gn-tech-card:hover .gn-icon,\r\n  #tsc-gn-addon .gn-network-card:hover .gn-icon {\r\n    transform: rotate(-5deg) scale(1.08);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-stat-number {\r\n    margin-top: 23px;\r\n    color: #fff;\r\n    font-size: clamp(28px, 2.6vw, 38px);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: -0.8px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-stat-label {\r\n    margin-top: 11px;\r\n    color: rgba(235, 242, 248, 0.75);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* Manufacturing *\/\r\n  #tsc-gn-addon .gn-manufacturing-layout {\r\n    display: grid;\r\n    grid-template-columns: 1fr 0.96fr;\r\n    gap: 42px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-capability-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 15px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-capability {\r\n    min-height: 178px;\r\n    padding: 22px;\r\n    border: 1px solid var(--gn-line);\r\n    border-radius: 20px;\r\n    background: #fff;\r\n    box-shadow: 0 12px 31px rgba(7, 26, 42, 0.055);\r\n    transition:\r\n      transform 0.32s ease,\r\n      border-color 0.32s ease,\r\n      box-shadow 0.32s ease;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-capability:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(36, 154, 80, 0.40);\r\n    box-shadow: 0 22px 45px rgba(7, 26, 42, 0.12);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-capability h3,\r\n  #tsc-gn-addon .gn-tech-card h3 {\r\n    margin: 20px 0 0;\r\n    color: var(--gn-navy);\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-capability p {\r\n    margin: 9px 0 0;\r\n    color: var(--gn-muted);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-image-panel {\r\n    min-height: 100%;\r\n    overflow: hidden;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 25px;\r\n    color: #73808e;\r\n    background: #e6edf1;\r\n    box-shadow: var(--gn-shadow);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-image-panel img {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 470px;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform 0.7s ease;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-image-panel:hover img {\r\n    transform: scale(1.045);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-image-placeholder {\r\n    max-width: 300px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Certifications: names first, image gallery below *\/\r\n  #tsc-gn-addon .gn-cert-wrap {\r\n    position: relative;\r\n    padding: 30px;\r\n    border: 1px solid var(--gn-line);\r\n    border-radius: 27px;\r\n    background: #fff;\r\n    box-shadow: var(--gn-shadow);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-name-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px 36px;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-name-list li {\r\n    position: relative;\r\n    padding-left: 20px;\r\n    color: #344054;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-name-list li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0.62em;\r\n    left: 0;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--gn-green);\r\n    box-shadow: 0 0 0 4px rgba(36, 154, 80, 0.10);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-divider {\r\n    height: 1px;\r\n    margin: 28px 0;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--gn-line) 12%,\r\n      var(--gn-line) 88%,\r\n      transparent\r\n    );\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-card {\r\n    min-width: 0;\r\n    min-height: 238px;\r\n    overflow: hidden;\r\n    display: block;\r\n    padding: 12px;\r\n    border: 1px solid #e2e8ee;\r\n    border-radius: 18px;\r\n    background: #fff;\r\n    transition:\r\n      transform 0.32s ease,\r\n      border-color 0.32s ease,\r\n      box-shadow 0.32s ease;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-card:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(36, 154, 80, 0.38);\r\n    box-shadow: 0 18px 35px rgba(7, 26, 42, 0.12);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-media {\r\n    height: 212px;\r\n    display: grid;\r\n    place-items: center;\r\n    overflow: hidden;\r\n    padding: 8px;\r\n    border-radius: 13px;\r\n    background: #f7f9fb;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-media a {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: grid;\r\n    place-items: center;\r\n    cursor: zoom-in;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: contain;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-card:hover img {\r\n    transform: scale(1.045);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-placeholder {\r\n    color: #8a97a4;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1.45;\r\n    text-align: center;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-cert-help {\r\n    margin: 18px 0 0;\r\n    color: var(--gn-muted);\r\n    font-size: 13px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Technology *\/\r\n  #tsc-gn-addon .gn-tech-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 17px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-tech-card {\r\n    min-height: 265px;\r\n    padding: 24px;\r\n    border: 1px solid var(--gn-line);\r\n    border-radius: 21px;\r\n    background: #fff;\r\n    box-shadow: 0 14px 38px rgba(7, 26, 42, 0.06);\r\n    transition:\r\n      transform 0.32s ease,\r\n      border-color 0.32s ease,\r\n      box-shadow 0.32s ease;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-tech-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(36, 154, 80, 0.38);\r\n    box-shadow: 0 22px 45px rgba(7, 26, 42, 0.12);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-tech-card ul {\r\n    margin: 14px 0 0;\r\n    padding-left: 18px;\r\n    color: var(--gn-muted);\r\n    font-size: 13px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-tech-card li + li {\r\n    margin-top: 5px;\r\n  }\r\n\r\n  \/* Network *\/\r\n  #tsc-gn-addon .gn-network-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-network-card {\r\n    min-height: 245px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 25px;\r\n    border-radius: 23px;\r\n    color: #fff;\r\n    background:\r\n      radial-gradient(\r\n        circle at 85% 15%,\r\n        rgba(36, 154, 80, 0.34),\r\n        transparent 30%\r\n      ),\r\n      linear-gradient(135deg, var(--gn-navy), var(--gn-blue));\r\n    box-shadow: 0 20px 48px rgba(7, 26, 42, 0.15);\r\n    transition:\r\n      transform 0.32s ease,\r\n      box-shadow 0.32s ease;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-network-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 28px 55px rgba(7, 26, 42, 0.21);\r\n  }\r\n\r\n  #tsc-gn-addon .gn-network-card small {\r\n    display: block;\r\n    margin-top: 30px;\r\n    color: #66d990;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-network-card h3 {\r\n    margin: 6px 0 0;\r\n    color: #fff;\r\n    font-size: 25px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  #tsc-gn-addon .gn-network-card p {\r\n    margin: 10px 0 0;\r\n    color: rgba(235, 242, 248, 0.74);\r\n    font-size: 14px;\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    #tsc-gn-addon .gn-stat-grid,\r\n    #tsc-gn-addon .gn-tech-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    #tsc-gn-addon .gn-manufacturing-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #tsc-gn-addon .gn-cert-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 850px) {\r\n    #tsc-gn-addon .gn-cert-name-list {\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n    }\r\n\r\n    #tsc-gn-addon .gn-cert-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    #tsc-gn-addon .gn-shell {\r\n      width: calc(100% - 28px);\r\n    }\r\n\r\n    #tsc-gn-addon .gn-section {\r\n      padding: 68px 0;\r\n    }\r\n\r\n    #tsc-gn-addon .gn-stat-panel,\r\n    #tsc-gn-addon .gn-cert-wrap {\r\n      padding: 21px;\r\n    }\r\n\r\n    #tsc-gn-addon .gn-stat-grid,\r\n    #tsc-gn-addon .gn-capability-grid,\r\n    #tsc-gn-addon .gn-cert-grid,\r\n    #tsc-gn-addon .gn-tech-grid,\r\n    #tsc-gn-addon .gn-network-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #tsc-gn-addon .gn-image-panel img {\r\n      min-height: 330px;\r\n    }\r\n\r\n    #tsc-gn-addon .gn-cert-card {\r\n      min-height: 195px;\r\n    }\r\n\r\n    #tsc-gn-addon .gn-cert-media {\r\n      height: 135px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #tsc-gn-addon *,\r\n    #tsc-gn-addon *::before,\r\n    #tsc-gn-addon *::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n      scroll-behavior: auto !important;\r\n    }\r\n\r\n    #tsc-gn-addon .gn-reveal {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"tsc-gn-addon\" hidden>\r\n  <!-- COMPANY HIGHLIGHTS -->\r\n  <section class=\"gn-section\">\r\n    <div class=\"gn-shell\">\r\n      <div class=\"gn-heading gn-reveal\">\r\n        <span class=\"gn-eyebrow\">GN at a Glance<\/span>\r\n        <h2>International Separation Equipment Manufacturing<\/h2>\r\n        <p>\r\n          Key company highlights presented visually without repeating the\r\n          hero, filter, or About content generated by the existing shortcode.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"gn-stat-panel gn-reveal\">\r\n        <div class=\"gn-stat-grid\">\r\n          <article class=\"gn-stat-card\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\r\n                <path d=\"M16 3v4M8 3v4M3 10h18\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"gn-stat-number\"\r\n              data-number=\"2008\"\r\n              data-prefix=\"Since \"\r\n              data-suffix=\"\"\r\n            >\r\n              Since 0\r\n            <\/div>\r\n\r\n            <div class=\"gn-stat-label\">\r\n              Separation Equipment Expertise\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"gn-stat-card\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M3 21V9l6-3v15M9 21V4l6 3v14M15 21v-8l6-3v11\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"gn-stat-number\"\r\n              data-number=\"3\"\r\n              data-prefix=\"\"\r\n              data-suffix=\"\"\r\n            >\r\n              0\r\n            <\/div>\r\n\r\n            <div class=\"gn-stat-label\">\r\n              Manufacturing Facilities in China\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"gn-stat-card\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M4 20h16M6 16h12M8 12h8M10 8h4M12 4v16\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"gn-stat-number\"\r\n              data-number=\"110000\"\r\n              data-prefix=\"\"\r\n              data-suffix=\" m\u00b2\"\r\n              data-format=\"comma\"\r\n            >\r\n              0 m\u00b2\r\n            <\/div>\r\n\r\n            <div class=\"gn-stat-label\">\r\n              Total Manufacturing Area\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"gn-stat-card\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                <path d=\"M3 12h18M12 3c3 3 4 6 4 9s-1 6-4 9c-3-3-4-6-4-9s1-6 4-9z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"gn-stat-number\"\r\n              data-number=\"70\"\r\n              data-prefix=\"\"\r\n              data-suffix=\"+\"\r\n            >\r\n              0+\r\n            <\/div>\r\n\r\n            <div class=\"gn-stat-label\">\r\n              Countries and Regions Served\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MANUFACTURING -->\r\n  <section class=\"gn-section gn-paper\">\r\n    <div class=\"gn-shell\">\r\n      <div class=\"gn-heading gn-reveal\">\r\n        <span class=\"gn-eyebrow\">Manufacturing Capabilities<\/span>\r\n        <h2>Integrated Production from Fabrication to Final Assembly<\/h2>\r\n        <p>\r\n          Modern production capabilities support individual equipment and\r\n          complete separation-equipment package systems.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"gn-manufacturing-layout\">\r\n        <div class=\"gn-capability-grid\">\r\n          <article class=\"gn-capability gn-reveal\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M4 19h16M5 16l6-6 3 3 5-7\"><\/path>\r\n                <path d=\"M15 6h4v4\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>CNC Laser Cutting<\/h3>\r\n            <p>Precision cutting for structures and equipment components.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"gn-capability gn-reveal\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\"><\/rect>\r\n                <path d=\"M8 9h8M8 13h3M15 13h1M8 17h8\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>CNC Machining<\/h3>\r\n            <p>Machining for centrifuge, pump, and separation components.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"gn-capability gn-reveal\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M6 20v-5l4-3 2 2 3-4 3 2v8\"><\/path>\r\n                <path d=\"M5 20h14M10 12V6h5v4\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>Robotic Welding<\/h3>\r\n            <p>Automated welding for consistent fabrication quality.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"gn-capability gn-reveal\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 3v7M8 7h8M6 12h12l-2 9H8z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>Surface Treatment<\/h3>\r\n            <p>Blasting, painting, and powder-coating production.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"gn-capability gn-reveal\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M4 8l8-4 8 4-8 4z\"><\/path>\r\n                <path d=\"M4 8v8l8 4 8-4V8M12 12v8\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>Equipment Assembly<\/h3>\r\n            <p>Assembly for individual equipment and package systems.<\/p>\r\n          <\/article>\r\n\r\n          <article class=\"gn-capability gn-reveal\">\r\n            <div class=\"gn-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 3l8 4v5c0 5-3 8-8 9-5-1-8-4-8-9V7z\"><\/path>\r\n                <path d=\"M8 12l3 3 5-6\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>Testing & Quality Control<\/h3>\r\n            <p>Production testing and digital quality traceability.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"gn-image-panel gn-reveal\">\r\n          <img\r\n            data-gn-manufacturing-image\r\n            alt=\"GN Separation manufacturing facility\"\r\n            loading=\"lazy\"\r\n            hidden\r\n          >\r\n\r\n          <div\r\n            class=\"gn-image-placeholder\"\r\n            data-gn-manufacturing-placeholder\r\n          >\r\n            Add the WordPress manufacturing-image URL in the\r\n            EASY IMAGE SETTINGS section.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CERTIFICATIONS -->\r\n  <section class=\"gn-section\">\r\n    <div class=\"gn-shell\">\r\n      <div class=\"gn-heading gn-heading-center gn-reveal\">\r\n        <span class=\"gn-eyebrow\">Certifications & Compliance<\/span>\r\n        <h2>International Quality and Equipment Compliance<\/h2>\r\n        <p>\r\n          Certification names are listed first, followed by the complete\r\n          certificate image gallery. The images do not need to be matched\r\n          manually to individual certificate names.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"gn-cert-wrap gn-reveal\">\r\n        <ul class=\"gn-cert-name-list\">\r\n          <li>ISO9001 Quality Management Certificate<\/li>\r\n          <li>Europe CE Certificate<\/li>\r\n          <li>ISO14001 Environment Management Certificate<\/li>\r\n          <li>China Explosion Proof Certificate<\/li>\r\n          <li>ISO45001 HSE Certificate<\/li>\r\n          <li>International IECEX Certificate<\/li>\r\n          <li>America API Q1 Certificate<\/li>\r\n          <li>Europe ATEX certificate<\/li>\r\n          <li>Russia EAC Certificate<\/li>\r\n          <li>National Small Giant Enterprise<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"gn-cert-divider\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"gn-cert-grid\" data-gn-cert-grid><\/div>\r\n\r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TECHNOLOGY PORTFOLIO -->\r\n  <section class=\"gn-section gn-paper\">\r\n    <div class=\"gn-shell\">\r\n      <div class=\"gn-heading gn-reveal\">\r\n        <span class=\"gn-eyebrow\">Technology Portfolio<\/span>\r\n        <h2>Separation, Screening, Dewatering, and Material Handling<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"gn-tech-grid\">\r\n        <article class=\"gn-tech-card gn-reveal\">\r\n          <div class=\"gn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n              <path d=\"M12 4v16M4 12h16M6.5 6.5l11 11\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Centrifugal Separation<\/h3>\r\n          <ul>\r\n            <li>Decanter centrifuges<\/li>\r\n            <li>Two-phase separation<\/li>\r\n            <li>Three-phase separation<\/li>\r\n            <li>Clarifying systems<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"gn-tech-card gn-reveal\">\r\n          <div class=\"gn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <ellipse cx=\"12\" cy=\"7\" rx=\"7\" ry=\"3\"><\/ellipse>\r\n              <path d=\"M5 7v4c0 2 3 3 7 3s7-1 7-3V7\"><\/path>\r\n              <path d=\"M5 11v4c0 2 3 3 7 3s7-1 7-3v-4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Disc Stack Separation<\/h3>\r\n          <ul>\r\n            <li>Two-phase disc separators<\/li>\r\n            <li>Three-phase disc separators<\/li>\r\n            <li>Liquid clarification<\/li>\r\n            <li>Oil-water-solids separation<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"gn-tech-card gn-reveal\">\r\n          <div class=\"gn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 7h16M5 11h14M6 15h12M8 19h8\"><\/path>\r\n              <path d=\"M3 5l3 16M21 5l-3 16\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Screening Systems<\/h3>\r\n          <ul>\r\n            <li>Stack vibrating screens<\/li>\r\n            <li>High-frequency screens<\/li>\r\n            <li>Dewatering screens<\/li>\r\n            <li>Classification screens<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"gn-tech-card gn-reveal\">\r\n          <div class=\"gn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M3 7h18M5 7l2 12h10l2-12\"><\/path>\r\n              <path d=\"M8 11h8M9 15h6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Dewatering & Handling<\/h3>\r\n          <ul>\r\n            <li>Dewatering screw presses<\/li>\r\n            <li>Inclined plate clarifiers<\/li>\r\n            <li>Industrial pumps<\/li>\r\n            <li>Screw conveyors<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GLOBAL NETWORK -->\r\n  <section class=\"gn-section\">\r\n    <div class=\"gn-shell\">\r\n      <div class=\"gn-heading gn-reveal\">\r\n        <span class=\"gn-eyebrow\">Global Service Network<\/span>\r\n        <h2>Manufacturing and Regional Support Across Key Markets<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"gn-network-grid\">\r\n        <article class=\"gn-network-card gn-reveal\">\r\n          <div class=\"gn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M3 21V9l6-3v15M9 21V4l6 3v14M15 21v-8l6-3v11\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <small>Manufacturing Network<\/small>\r\n          <h3>China<\/h3>\r\n          <p>\r\n            Tangshan and Langfang facilities for fabrication,\r\n            assembly, coating, and testing.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"gn-network-card gn-reveal\">\r\n          <div class=\"gn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 21s6-5 6-11a6 6 0 1 0-12 0c0 6 6 11 6 11z\"><\/path>\r\n              <circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n          <small>Regional Facility<\/small>\r\n          <h3>Houston, USA<\/h3>\r\n          <p>\r\n            Workshop, warehouse, local team, and regional customer support.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"gn-network-card gn-reveal\">\r\n          <div class=\"gn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 19h16M5 15l4-4 3 3 4-6 3 7\"><\/path>\r\n              <path d=\"M6 19v-2M18 19v-4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <small>Regional Facility<\/small>\r\n          <h3>Brisbane, Australia<\/h3>\r\n          <p>\r\n            Equipment storage, maintenance, assembly, sales, and leasing.\r\n          <\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  let gnInitAttempts = 0;\r\n\r\n  function initGNAddon() {\r\n    gnInitAttempts += 1;\r\n\r\n    const params = new URLSearchParams(window.location.search);\r\n    const parameterBrand = (\r\n      params.get(\"partner_brand\") || \"\"\r\n    ).trim().toLowerCase();\r\n\r\n    const shortcodeBrandSelect = document.querySelector(\r\n      \".tsc-pbp .tsc-pbp-brand\"\r\n    );\r\n\r\n    const selectedOptionText = shortcodeBrandSelect\r\n      && shortcodeBrandSelect.selectedOptions\r\n      && shortcodeBrandSelect.selectedOptions[0]\r\n        ? shortcodeBrandSelect.selectedOptions[0]\r\n          .textContent\r\n          .trim()\r\n          .toLowerCase()\r\n        : \"\";\r\n\r\n    \/*\r\n     * STRICT BRAND PROTECTION:\r\n     * Do not show this HTML unless the active brand is GN Solids.\r\n     * This is the part that prevents it from appearing on BOKES.\r\n     *\/\r\n    const isGN = (\r\n      parameterBrand === \"gn-solids\"\r\n      || selectedOptionText === \"gn solids\"\r\n    );\r\n\r\n    const custom = document.getElementById(\"tsc-gn-addon\");\r\n\r\n    if (!custom) {\r\n      return;\r\n    }\r\n\r\n    if (!isGN) {\r\n      custom.hidden = true;\r\n      custom.remove();\r\n      return;\r\n    }\r\n\r\n    const root = document.querySelector(\".tsc-pbp\");\r\n\r\n    if (!root) {\r\n      if (gnInitAttempts < 30) {\r\n        window.setTimeout(initGNAddon, 150);\r\n      }\r\n\r\n      return;\r\n    }\r\n\r\n    if (custom.dataset.ready === \"1\") {\r\n      return;\r\n    }\r\n\r\n    custom.dataset.ready = \"1\";\r\n\r\n    \/*\r\n     * ============================================================\r\n     * EASY IMAGE SETTINGS \u2014 EDIT ONLY THIS SECTION\r\n     * ============================================================\r\n     *\/\r\n\r\n    const GN_MANUFACTURING_IMAGE_URL =\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-124710.png\";\r\n\r\n    \/*\r\n     * Add every certificate image here in any order.\r\n     * You do not need to know which image matches which certificate name,\r\n     * because the certificate names are displayed separately above.\r\n     *\/\r\n    const GN_CERTIFICATE_IMAGES = [\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/1-oo.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/2-oo.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/3-oo.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/4-00.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/5-oo.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/6-oo.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/7-00.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/8-00.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/9-oo.png\",\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/10-oo.png\"\r\n    ];\r\n\r\n    \/*\r\n     * ============================================================\r\n     * END OF EASY IMAGE SETTINGS\r\n     * Do not edit the code below unless changing functionality.\r\n     * ============================================================\r\n     *\/\r\n\r\n    const manufacturingImage = custom.querySelector(\r\n      \"[data-gn-manufacturing-image]\"\r\n    );\r\n\r\n    const manufacturingPlaceholder = custom.querySelector(\r\n      \"[data-gn-manufacturing-placeholder]\"\r\n    );\r\n\r\n    if (\r\n      manufacturingImage\r\n      && GN_MANUFACTURING_IMAGE_URL\r\n      && !GN_MANUFACTURING_IMAGE_URL.startsWith(\"PASTE_\")\r\n    ) {\r\n      manufacturingImage.src = GN_MANUFACTURING_IMAGE_URL;\r\n      manufacturingImage.hidden = false;\r\n\r\n      if (manufacturingPlaceholder) {\r\n        manufacturingPlaceholder.hidden = true;\r\n      }\r\n    }\r\n\r\n    const certGrid = custom.querySelector(\"[data-gn-cert-grid]\");\r\n\r\n    if (certGrid) {\r\n      GN_CERTIFICATE_IMAGES.forEach(function (imageUrl, index) {\r\n        const card = document.createElement(\"article\");\r\n        card.className = \"gn-cert-card\";\r\n\r\n        const media = document.createElement(\"div\");\r\n        media.className = \"gn-cert-media\";\r\n\r\n        if (\r\n          imageUrl\r\n          && !imageUrl.startsWith(\"PASTE_\")\r\n        ) {\r\n          const link = document.createElement(\"a\");\r\n          link.href = imageUrl;\r\n          link.target = \"_blank\";\r\n          link.rel = \"noopener\";\r\n          link.setAttribute(\r\n            \"aria-label\",\r\n            \"Open GN certificate image \" + (index + 1)\r\n          );\r\n\r\n          const image = document.createElement(\"img\");\r\n          image.src = imageUrl;\r\n          image.alt = \"GN Separation Certificate \" + (index + 1);\r\n          image.loading = \"lazy\";\r\n\r\n          link.appendChild(image);\r\n          media.appendChild(link);\r\n        } else {\r\n          const placeholder = document.createElement(\"div\");\r\n          placeholder.className = \"gn-cert-placeholder\";\r\n          placeholder.textContent =\r\n            \"Add certificate image URL \" +\r\n            String(index + 1).padStart(2, \"0\");\r\n\r\n          media.appendChild(placeholder);\r\n        }\r\n\r\n        card.appendChild(media);\r\n        certGrid.appendChild(card);\r\n      });\r\n    }\r\n\r\n    \/*\r\n     * Move this add-on inside the shortcode output:\r\n     * after the default About section and before Technology \/\r\n     * Partnership \/ Product sections.\r\n     *\r\n     * Hero and all existing shortcode sections remain untouched.\r\n     *\/\r\n    const defaultTechnology = root.querySelector(\r\n      \".tsc-pbp-technology\"\r\n    );\r\n\r\n    const partnership = root.querySelector(\r\n      \".tsc-pbp-partnership\"\r\n    );\r\n\r\n    const products = root.querySelector(\r\n      \".tsc-pbp-products\"\r\n    );\r\n\r\n    const insertionPoint =\r\n      defaultTechnology || partnership || products;\r\n\r\n    if (insertionPoint && insertionPoint.parentNode) {\r\n      insertionPoint.parentNode.insertBefore(\r\n        custom,\r\n        insertionPoint\r\n      );\r\n    }\r\n\r\n    custom.hidden = false;\r\n\r\n    \/*\r\n     * Reveal-on-scroll animation.\r\n     *\/\r\n    const revealElements = custom.querySelectorAll(\".gn-reveal\");\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n      const revealObserver = new IntersectionObserver(\r\n        function (entries, observer) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add(\"is-visible\");\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.12,\r\n          rootMargin: \"0px 0px -45px 0px\"\r\n        }\r\n      );\r\n\r\n      revealElements.forEach(function (element, index) {\r\n        element.style.transitionDelay =\r\n          Math.min(index % 4, 3) * 70 + \"ms\";\r\n\r\n        revealObserver.observe(element);\r\n      });\r\n    } else {\r\n      revealElements.forEach(function (element) {\r\n        element.classList.add(\"is-visible\");\r\n      });\r\n    }\r\n\r\n    \/*\r\n     * Count-up animation for statistics.\r\n     *\/\r\n    const counters = custom.querySelectorAll(\r\n      \".gn-stat-number[data-number]\"\r\n    );\r\n\r\n    function formatNumber(element, value) {\r\n      const prefix = element.dataset.prefix || \"\";\r\n      const suffix = element.dataset.suffix || \"\";\r\n      const formatted = element.dataset.format === \"comma\"\r\n        ? Math.round(value).toLocaleString(\"en-US\")\r\n        : Math.round(value).toString();\r\n\r\n      return prefix + formatted + suffix;\r\n    }\r\n\r\n    function runCounter(element) {\r\n      if (element.dataset.counted === \"1\") {\r\n        return;\r\n      }\r\n\r\n      element.dataset.counted = \"1\";\r\n\r\n      const target = Number(element.dataset.number || 0);\r\n      const duration = 1750;\r\n      const startTime = performance.now();\r\n\r\n      function update(currentTime) {\r\n        const progress = Math.min(\r\n          (currentTime - startTime) \/ duration,\r\n          1\r\n        );\r\n\r\n        const eased = 1 - Math.pow(1 - progress, 3);\r\n        const currentValue = target * eased;\r\n\r\n        element.textContent = formatNumber(\r\n          element,\r\n          currentValue\r\n        );\r\n\r\n        if (progress < 1) {\r\n          window.requestAnimationFrame(update);\r\n        } else {\r\n          element.textContent = formatNumber(\r\n            element,\r\n            target\r\n          );\r\n        }\r\n      }\r\n\r\n      window.requestAnimationFrame(update);\r\n    }\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n      const counterObserver = new IntersectionObserver(\r\n        function (entries, observer) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              runCounter(entry.target);\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.55\r\n        }\r\n      );\r\n\r\n      counters.forEach(function (counter) {\r\n        counterObserver.observe(counter);\r\n      });\r\n    } else {\r\n      counters.forEach(runCounter);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initGNAddon\r\n    );\r\n  } else {\r\n    initGNAddon();\r\n  }\r\n\r\n  \/*\r\n   * Elementor or cached scripts may render the shortcode slightly\r\n   * later, so run one additional safe attempt.\r\n   *\/\r\n  window.setTimeout(initGNAddon, 400);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec44876 e-con-full e-flex e-con e-parent\" data-id=\"ec44876\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b26ac6a elementor-widget elementor-widget-html\" data-id=\"b26ac6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nFU YUAN \u2014 CONDITIONAL VISUAL PROFILE ADD-ON\r\n==============================================================\r\nUse this HTML together with the existing shortcode:\r\n[tsc_partner_brand_profile]\r\n\r\nINSTALLATION\r\n1. Pages \u2192 Partner Profile \u2192 Edit with Elementor.\r\n2. Add a NEW HTML widget below the existing GN HTML widget.\r\n3. Paste this entire file.\r\n4. Replace image URLs only inside \"EASY IMAGE SETTINGS\".\r\n\r\nIMPORTANT\r\n- This block appears ONLY when partner_brand=fu-yuan.\r\n- It does not appear on BOKES or GN Solids.\r\n- Hero, filter, About, partnership, catalogue, and products\r\n  remain controlled by the existing shortcode.\r\n==============================================================\r\n-->\r\n\r\n<style>\r\n  #tsc-fuyuan-addon[hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  #tsc-fuyuan-addon {\r\n    --fy-navy: #071a2a;\r\n    --fy-blue: #0e3550;\r\n    --fy-cyan: #12a6d8;\r\n    --fy-cyan-dark: #087da8;\r\n    --fy-red: #c9252d;\r\n    --fy-paper: #f4f7fa;\r\n    --fy-white: #ffffff;\r\n    --fy-text: #17233a;\r\n    --fy-muted: #64748b;\r\n    --fy-line: #d8e2ea;\r\n    --fy-shadow: 0 20px 55px rgba(7, 26, 42, 0.10);\r\n\r\n    position: relative;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    overflow: hidden;\r\n    color: var(--fy-text);\r\n    background: var(--fy-white);\r\n    font-family: inherit;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  #tsc-fuyuan-addon *,\r\n  #tsc-fuyuan-addon *::before,\r\n  #tsc-fuyuan-addon *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-shell {\r\n    width: min(1200px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-section {\r\n    padding: 92px 0;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-paper {\r\n    background: var(--fy-paper);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-heading {\r\n    max-width: 780px;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-heading-center {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    text-align: center;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 16px;\r\n    color: var(--fy-red);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-heading-center .fy-eyebrow {\r\n    justify-content: center;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-eyebrow::before {\r\n    content: \"\";\r\n    width: 40px;\r\n    height: 2px;\r\n    background: currentColor;\r\n  }\r\n\r\n  #tsc-fuyuan-addon h2 {\r\n    margin: 0;\r\n    color: var(--fy-navy);\r\n    font-size: clamp(36px, 3.7vw, 52px);\r\n    font-weight: 500;\r\n    line-height: 1.08;\r\n    letter-spacing: -1.1px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-heading p {\r\n    margin: 16px 0 0;\r\n    color: var(--fy-muted);\r\n    font-size: 15px;\r\n  }\r\n\r\n  \/* Reveal on scroll *\/\r\n  #tsc-fuyuan-addon .fy-reveal {\r\n    opacity: 0;\r\n    transform: translateY(32px);\r\n    transition:\r\n      opacity 0.75s ease,\r\n      transform 0.75s cubic-bezier(.2, .75, .25, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Shared icon *\/\r\n  #tsc-fuyuan-addon .fy-icon {\r\n    width: 49px;\r\n    height: 49px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 15px;\r\n    color: var(--fy-cyan-dark);\r\n    background: rgba(18, 166, 216, 0.11);\r\n    transition:\r\n      transform 0.32s ease,\r\n      color 0.32s ease,\r\n      background 0.32s ease;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* PERFORMANCE STATS *\/\r\n  #tsc-fuyuan-addon .fy-stat-panel {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 31px;\r\n    border-radius: 28px;\r\n    color: #fff;\r\n    background:\r\n      radial-gradient(\r\n        circle at 88% 12%,\r\n        rgba(18, 166, 216, 0.30),\r\n        transparent 31%\r\n      ),\r\n      linear-gradient(135deg, var(--fy-navy), var(--fy-blue));\r\n    box-shadow: 0 28px 70px rgba(7, 26, 42, 0.18);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-stat-panel::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.09;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(\r\n        rgba(255, 255, 255, 0.12) 1px,\r\n        transparent 1px\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(255, 255, 255, 0.12) 1px,\r\n        transparent 1px\r\n      );\r\n    background-size: 36px 36px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-stat-grid {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 15px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-stat-card {\r\n    min-height: 180px;\r\n    padding: 23px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 20px;\r\n    background: rgba(255, 255, 255, 0.07);\r\n    backdrop-filter: blur(8px);\r\n    transition:\r\n      transform 0.32s ease,\r\n      background 0.32s ease,\r\n      box-shadow 0.32s ease;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-stat-card:hover {\r\n    transform: translateY(-8px);\r\n    background: rgba(255, 255, 255, 0.12);\r\n    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-stat-card .fy-icon {\r\n    color: #fff;\r\n    background: rgba(255, 255, 255, 0.11);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-stat-card:hover .fy-icon,\r\n  #tsc-fuyuan-addon .fy-tech-card:hover .fy-icon,\r\n  #tsc-fuyuan-addon .fy-advantage:hover .fy-icon,\r\n  #tsc-fuyuan-addon .fy-application:hover .fy-icon {\r\n    transform: rotate(-5deg) scale(1.08);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-stat-number {\r\n    margin-top: 23px;\r\n    color: #fff;\r\n    font-size: clamp(28px, 2.6vw, 38px);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: -0.8px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-stat-label {\r\n    margin-top: 11px;\r\n    color: rgba(235, 242, 248, 0.75);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* CORE TECHNOLOGY *\/\r\n  #tsc-fuyuan-addon .fy-tech-layout {\r\n    display: grid;\r\n    grid-template-columns: 1fr 0.95fr;\r\n    gap: 42px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-tech-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 15px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-tech-card,\r\n  #tsc-fuyuan-addon .fy-advantage {\r\n    min-height: 190px;\r\n    padding: 23px;\r\n    border: 1px solid var(--fy-line);\r\n    border-radius: 20px;\r\n    background: #fff;\r\n    box-shadow: 0 12px 31px rgba(7, 26, 42, 0.055);\r\n    transition:\r\n      transform 0.32s ease,\r\n      border-color 0.32s ease,\r\n      box-shadow 0.32s ease;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-tech-card:hover,\r\n  #tsc-fuyuan-addon .fy-advantage:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(18, 166, 216, 0.42);\r\n    box-shadow: 0 22px 45px rgba(7, 26, 42, 0.12);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-tech-card h3,\r\n  #tsc-fuyuan-addon .fy-advantage h3,\r\n  #tsc-fuyuan-addon .fy-application h3 {\r\n    margin: 20px 0 0;\r\n    color: var(--fy-navy);\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-tech-card p,\r\n  #tsc-fuyuan-addon .fy-advantage p,\r\n  #tsc-fuyuan-addon .fy-application p {\r\n    margin: 9px 0 0;\r\n    color: var(--fy-muted);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-image-panel {\r\n    min-height: 100%;\r\n    overflow: hidden;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 25px;\r\n    color: #73808e;\r\n    background: #e6edf1;\r\n    box-shadow: var(--fy-shadow);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-image-panel img {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 470px;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform 0.7s ease;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-image-panel:hover img {\r\n    transform: scale(1.045);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-image-placeholder {\r\n    max-width: 300px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* ADVANTAGES *\/\r\n  #tsc-fuyuan-addon .fy-advantage-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-advantage {\r\n    min-height: 205px;\r\n  }\r\n\r\n  \/* APPLICATIONS *\/\r\n  #tsc-fuyuan-addon .fy-application-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-application {\r\n    min-height: 175px;\r\n    padding: 21px;\r\n    border: 1px solid var(--fy-line);\r\n    border-radius: 20px;\r\n    background: #fff;\r\n    box-shadow: 0 12px 31px rgba(7, 26, 42, 0.055);\r\n    transition:\r\n      transform 0.32s ease,\r\n      border-color 0.32s ease,\r\n      box-shadow 0.32s ease;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-application:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(18, 166, 216, 0.42);\r\n    box-shadow: 0 20px 39px rgba(7, 26, 42, 0.11);\r\n  }\r\n\r\n  \/* SERIES *\/\r\n  #tsc-fuyuan-addon .fy-series-layout {\r\n    display: grid;\r\n    grid-template-columns: 0.92fr 1.08fr;\r\n    gap: 42px;\r\n    align-items: center;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-series-chips {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-top: 26px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-series-chip {\r\n    min-width: 70px;\r\n    min-height: 41px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 9px 14px;\r\n    border: 1px solid rgba(18, 166, 216, 0.27);\r\n    border-radius: 999px;\r\n    color: var(--fy-cyan-dark);\r\n    background: rgba(18, 166, 216, 0.075);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    transition:\r\n      transform 0.25s ease,\r\n      color 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-series-chip:hover {\r\n    transform: translateY(-3px);\r\n    color: #fff;\r\n    background: var(--fy-cyan-dark);\r\n  }\r\n\r\n  \/* QUALITY & RECOGNITION *\/\r\n  #tsc-fuyuan-addon .fy-quality-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 19px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-quality-card {\r\n    overflow: hidden;\r\n    border: 1px solid var(--fy-line);\r\n    border-radius: 23px;\r\n    background: #fff;\r\n    box-shadow: var(--fy-shadow);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-quality-media {\r\n    height: 285px;\r\n    overflow: hidden;\r\n    display: grid;\r\n    place-items: center;\r\n    background: #e7edf1;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-quality-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform 0.65s ease;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-quality-card:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-quality-copy {\r\n    padding: 23px;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-quality-copy small {\r\n    color: var(--fy-red);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-quality-copy h3 {\r\n    margin: 7px 0 0;\r\n    color: var(--fy-navy);\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  #tsc-fuyuan-addon .fy-quality-copy p {\r\n    margin: 10px 0 0;\r\n    color: var(--fy-muted);\r\n    font-size: 14px;\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    #tsc-fuyuan-addon .fy-stat-grid,\r\n    #tsc-fuyuan-addon .fy-application-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    #tsc-fuyuan-addon .fy-tech-layout,\r\n    #tsc-fuyuan-addon .fy-series-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #tsc-fuyuan-addon .fy-advantage-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    #tsc-fuyuan-addon .fy-shell {\r\n      width: calc(100% - 28px);\r\n    }\r\n\r\n    #tsc-fuyuan-addon .fy-section {\r\n      padding: 68px 0;\r\n    }\r\n\r\n    #tsc-fuyuan-addon .fy-stat-panel {\r\n      padding: 21px;\r\n    }\r\n\r\n    #tsc-fuyuan-addon .fy-stat-grid,\r\n    #tsc-fuyuan-addon .fy-tech-grid,\r\n    #tsc-fuyuan-addon .fy-advantage-grid,\r\n    #tsc-fuyuan-addon .fy-application-grid,\r\n    #tsc-fuyuan-addon .fy-quality-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #tsc-fuyuan-addon .fy-image-panel img {\r\n      min-height: 330px;\r\n    }\r\n\r\n    #tsc-fuyuan-addon .fy-quality-media {\r\n      height: 230px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #tsc-fuyuan-addon *,\r\n    #tsc-fuyuan-addon *::before,\r\n    #tsc-fuyuan-addon *::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n      scroll-behavior: auto !important;\r\n    }\r\n\r\n    #tsc-fuyuan-addon .fy-reveal {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"tsc-fuyuan-addon\" hidden>\r\n  <!-- PERFORMANCE OVERVIEW -->\r\n  <section class=\"fy-section\">\r\n    <div class=\"fy-shell\">\r\n      <div class=\"fy-heading fy-reveal\">\r\n        <span class=\"fy-eyebrow\">Performance Overview<\/span>\r\n        <h2>Air Suspension Blower Performance Range<\/h2>\r\n        <p>\r\n          Fu Yuan provides air suspension centrifugal blowers for\r\n          different airflow, pressure, and motor-power requirements.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fy-stat-panel fy-reveal\">\r\n        <div class=\"fy-stat-grid\">\r\n          <article class=\"fy-stat-card\">\r\n            <div class=\"fy-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M3 12h14\"><\/path>\r\n                <path d=\"M13 8l4 4-4 4\"><\/path>\r\n                <path d=\"M5 8c2-3 5-4 8-4\"><\/path>\r\n                <path d=\"M5 16c2 3 5 4 8 4\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"fy-stat-number\"\r\n              data-number=\"300\"\r\n              data-prefix=\"Up to \"\r\n              data-suffix=\" m\u00b3\/min\"\r\n            >\r\n              Up to 0 m\u00b3\/min\r\n            <\/div>\r\n\r\n            <div class=\"fy-stat-label\">\r\n              General Airflow Range: 8-300 m\u00b3\/min\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"fy-stat-card\">\r\n            <div class=\"fy-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M4 18a8 8 0 1 1 16 0\"><\/path>\r\n                <path d=\"M12 10l4-3\"><\/path>\r\n                <path d=\"M7 18h10\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"fy-stat-number\"\r\n              data-number=\"80\"\r\n              data-prefix=\"Up to \"\r\n              data-suffix=\" kPa\"\r\n            >\r\n              Up to 0 kPa\r\n            <\/div>\r\n\r\n            <div class=\"fy-stat-label\">\r\n              General Discharge Pressure Range: 50-80 kPa\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"fy-stat-card\">\r\n            <div class=\"fy-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M13 2L5 14h6l-1 8 8-12h-6z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"fy-stat-number\"\r\n              data-number=\"410\"\r\n              data-prefix=\"Up to \"\r\n              data-suffix=\" kW\"\r\n            >\r\n              Up to 0 kW\r\n            <\/div>\r\n\r\n            <div class=\"fy-stat-label\">\r\n              General Motor Power Range: 11-410 kW\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"fy-stat-card\">\r\n            <div class=\"fy-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M4 6h16M4 12h16M4 18h16\"><\/path>\r\n                <circle cx=\"9\" cy=\"6\" r=\"2\"><\/circle>\r\n                <circle cx=\"15\" cy=\"12\" r=\"2\"><\/circle>\r\n                <circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div\r\n              class=\"fy-stat-number\"\r\n              data-number=\"100\"\r\n              data-prefix=\"45-\"\r\n              data-suffix=\"%\"\r\n            >\r\n              45-0%\r\n            <\/div>\r\n\r\n            <div class=\"fy-stat-label\">\r\n              Adjustable Operating Range\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CORE TECHNOLOGY -->\r\n  <section class=\"fy-section fy-paper\">\r\n    <div class=\"fy-shell\">\r\n      <div class=\"fy-heading fy-reveal\">\r\n        <span class=\"fy-eyebrow\">Core Technology<\/span>\r\n        <h2>Integrated Air Suspension Blower Architecture<\/h2>\r\n        <p>\r\n          Four core technologies are combined within one compact\r\n          blower system.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fy-tech-layout\">\r\n        <div class=\"fy-tech-grid\">\r\n          <article class=\"fy-tech-card fy-reveal\">\r\n            <div class=\"fy-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"7\"><\/circle>\r\n                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                <path d=\"M5 8l-2-2M19 8l2-2M5 16l-2 2M19 16l2 2\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>Hydrodynamic Air Bearing<\/h3>\r\n            <p>\r\n              Oil-free bearing technology supporting high-speed\r\n              operation without conventional lubrication maintenance.\r\n            <\/p>\r\n          <\/article>\r\n\r\n          <article class=\"fy-tech-card fy-reveal\">\r\n            <div class=\"fy-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                <path d=\"M12 4v16M4 12h16\"><\/path>\r\n                <path d=\"M7 7l10 10M17 7L7 17\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>High-Speed PM Motor<\/h3>\r\n            <p>\r\n              Permanent-magnet synchronous motor technology for compact,\r\n              efficient, and adjustable blower operation.\r\n            <\/p>\r\n          <\/article>\r\n\r\n          <article class=\"fy-tech-card fy-reveal\">\r\n            <div class=\"fy-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                <path d=\"M12 12c4-5 6-1 6-1\"><\/path>\r\n                <path d=\"M12 12c-5-4-1-6-1-6\"><\/path>\r\n                <path d=\"M12 12c-4 5-6 1-6 1\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>Centrifugal Compressor<\/h3>\r\n            <p>\r\n              Aerodynamic impeller and compressor design for stable,\r\n              efficient air delivery.\r\n            <\/p>\r\n          <\/article>\r\n\r\n          <article class=\"fy-tech-card fy-reveal\">\r\n            <div class=\"fy-icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\r\n                <path d=\"M7 14l3-3 2 2 5-5\"><\/path>\r\n                <path d=\"M7 17h10\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3>Intelligent Speed Control<\/h3>\r\n            <p>\r\n              Monitoring and control for speed, pressure, temperature,\r\n              airflow, alarms, and operating protection.\r\n            <\/p>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"fy-image-panel fy-reveal\">\r\n          <img\r\n            data-fy-core-image\r\n            alt=\"Fu Yuan air suspension blower core technology\"\r\n            loading=\"lazy\"\r\n            hidden\r\n          >\r\n\r\n          <div class=\"fy-image-placeholder\" data-fy-core-placeholder>\r\n            Add the core-technology image URL in EASY IMAGE SETTINGS.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ADVANTAGES -->\r\n  <section class=\"fy-section\">\r\n    <div class=\"fy-shell\">\r\n      <div class=\"fy-heading fy-reveal\">\r\n        <span class=\"fy-eyebrow\">Operational Advantages<\/span>\r\n        <h2>Designed for Efficient and Reliable Air Delivery<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"fy-advantage-grid\">\r\n        <article class=\"fy-advantage fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 3c4 5 6 8 6 11a6 6 0 0 1-12 0c0-3 2-6 6-11z\"><\/path>\r\n              <path d=\"M9 16l6-6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Oil-Free Operation<\/h3>\r\n          <p>\r\n            Air-bearing architecture reduces conventional lubrication\r\n            requirements within the rotating assembly.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-advantage fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M3 12h3l2-5 4 10 2-5h7\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Low Vibration<\/h3>\r\n          <p>\r\n            High-speed integrated design supports stable operation with\r\n            reduced mechanical contact.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-advantage fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 14h4l3-8 3 12 2-4h4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Energy-Efficient Control<\/h3>\r\n          <p>\r\n            Variable-speed operation helps match airflow output to\r\n            process demand.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-advantage fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <rect x=\"5\" y=\"4\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\r\n              <path d=\"M8 8h8M8 12h8M8 16h5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Integrated Monitoring<\/h3>\r\n          <p>\r\n            Operating data, protection logic, alarms, and control are\r\n            integrated into the equipment package.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-advantage fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 20V9l8-5 8 5v11\"><\/path>\r\n              <path d=\"M8 20v-6h8v6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Compact Installation<\/h3>\r\n          <p>\r\n            Integrated cabinet configuration supports a smaller equipment\r\n            footprint and organised installation.\r\n          <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-advantage fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M14 6l4 4-8 8H6v-4z\"><\/path>\r\n              <path d=\"M13 7l4 4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Reduced Routine Maintenance<\/h3>\r\n          <p>\r\n            Fewer conventional contact components help simplify regular\r\n            mechanical maintenance requirements.\r\n          <\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- APPLICATIONS -->\r\n  <section class=\"fy-section fy-paper\">\r\n    <div class=\"fy-shell\">\r\n      <div class=\"fy-heading fy-heading-center fy-reveal\">\r\n        <span class=\"fy-eyebrow\">Application Industries<\/span>\r\n        <h2>Air Supply for Wastewater and Industrial Processes<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"fy-application-grid\">\r\n        <article class=\"fy-application fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 17c3-3 5 3 8 0s5 3 8 0\"><\/path>\r\n              <path d=\"M12 3c3 4 5 7 5 10a5 5 0 0 1-10 0c0-3 2-6 5-10z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Wastewater Treatment<\/h3>\r\n          <p>Biological aeration and treatment-process air supply.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-application fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M3 21V9l6-3v15M9 21V4l6 3v14M15 21v-8l6-3v11\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Cement Production<\/h3>\r\n          <p>Industrial pneumatic and process-air applications.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-application fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 3h11l3 3v15H5z\"><\/path>\r\n              <path d=\"M8 10h8M8 14h8M8 18h5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Pulp & Paper<\/h3>\r\n          <p>Process-air requirements across paper manufacturing.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-application fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M6 4h12l-1 16H7z\"><\/path>\r\n              <path d=\"M9 8h6M9 12h6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Food Processing<\/h3>\r\n          <p>Clean and controllable process-air delivery.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-application fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M9 3h6v5l4 7a4 4 0 0 1-4 6H9a4 4 0 0 1-4-6l4-7z\"><\/path>\r\n              <path d=\"M8 14h8\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Pharmaceutical<\/h3>\r\n          <p>Industrial air supply for controlled processing environments.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-application fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 6h16M4 10h16M4 14h16M4 18h16\"><\/path>\r\n              <path d=\"M7 4v16M12 4v16M17 4v16\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Textile Industry<\/h3>\r\n          <p>Air delivery for production and wastewater applications.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-application fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M13 2L5 14h6l-1 8 8-12h-6z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Power Plants<\/h3>\r\n          <p>Process-air and environmental-treatment applications.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"fy-application fy-reveal\">\r\n          <div class=\"fy-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n              <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Industrial Air Supply<\/h3>\r\n          <p>Variable airflow for a range of industrial processes.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PRODUCT SERIES -->\r\n  <section class=\"fy-section\">\r\n    <div class=\"fy-shell fy-series-layout\">\r\n      <div class=\"fy-reveal\">\r\n        <span class=\"fy-eyebrow\">Available Product Series<\/span>\r\n        <h2>Fu Yuan Air Suspension Blower Range<\/h2>\r\n        <p class=\"fy-heading-copy\">\r\n          The brochure presents a broad air suspension blower family\r\n          from F10 through F500. Final selection depends on airflow,\r\n          pressure, motor power, installation, and project conditions.\r\n        <\/p>\r\n\r\n        <div class=\"fy-series-chips\">\r\n          <span class=\"fy-series-chip\">F10<\/span>\r\n          <span class=\"fy-series-chip\">F15<\/span>\r\n          <span class=\"fy-series-chip\">F20<\/span>\r\n          <span class=\"fy-series-chip\">F30<\/span>\r\n          <span class=\"fy-series-chip\">F40<\/span>\r\n          <span class=\"fy-series-chip\">F50<\/span>\r\n          <span class=\"fy-series-chip\">F60<\/span>\r\n          <span class=\"fy-series-chip\">F75<\/span>\r\n          <span class=\"fy-series-chip\">F100<\/span>\r\n          <span class=\"fy-series-chip\">F125<\/span>\r\n          <span class=\"fy-series-chip\">F150<\/span>\r\n          <span class=\"fy-series-chip\">F200<\/span>\r\n          <span class=\"fy-series-chip\">F250<\/span>\r\n          <span class=\"fy-series-chip\">F275<\/span>\r\n          <span class=\"fy-series-chip\">F300<\/span>\r\n          <span class=\"fy-series-chip\">F350<\/span>\r\n          <span class=\"fy-series-chip\">F400<\/span>\r\n          <span class=\"fy-series-chip\">F500<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fy-image-panel fy-reveal\">\r\n        <img\r\n          data-fy-series-image\r\n          alt=\"Fu Yuan air suspension blower product series\"\r\n          loading=\"lazy\"\r\n          hidden\r\n        >\r\n\r\n        <div class=\"fy-image-placeholder\" data-fy-series-placeholder>\r\n          Add the product-series image URL in EASY IMAGE SETTINGS.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- QUALITY AND RECOGNITION -->\r\n  <section class=\"fy-section fy-paper\">\r\n    <div class=\"fy-shell\">\r\n      <div class=\"fy-heading fy-reveal\">\r\n        <span class=\"fy-eyebrow\">Quality & Recognition<\/span>\r\n        <h2>Intelligent Control, Product Testing, and Industry Recognition<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"fy-quality-grid\">\r\n        <article class=\"fy-quality-card fy-reveal\">\r\n          <div class=\"fy-quality-media\">\r\n            <img\r\n              data-fy-control-image\r\n              alt=\"Fu Yuan intelligent control and monitoring\"\r\n              loading=\"lazy\"\r\n              hidden\r\n            >\r\n\r\n            <div class=\"fy-image-placeholder\" data-fy-control-placeholder>\r\n              Add the control-system image URL.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fy-quality-copy\">\r\n            <small>Control & Testing<\/small>\r\n            <h3>Integrated Operating Monitoring<\/h3>\r\n            <p>\r\n              Intelligent control supports operating-data display,\r\n              monitoring, protection, and equipment management.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"fy-quality-card fy-reveal\">\r\n          <div class=\"fy-quality-media\">\r\n            <img\r\n              data-fy-award-image\r\n              alt=\"Fu Yuan industry supplier recognition\"\r\n              loading=\"lazy\"\r\n              hidden\r\n            >\r\n\r\n            <div class=\"fy-image-placeholder\" data-fy-award-placeholder>\r\n              Add the award and recognition image URL.\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fy-quality-copy\">\r\n            <small>Industry Recognition<\/small>\r\n            <h3>Excellent Supplier Recognition<\/h3>\r\n            <p>\r\n              The brochure includes a 2020 excellent-supplier recognition\r\n              and customer-event participation.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  let fyInitAttempts = 0;\r\n\r\n  function initFuYuanAddon() {\r\n    fyInitAttempts += 1;\r\n\r\n    const params = new URLSearchParams(window.location.search);\r\n    const parameterBrand = (\r\n      params.get(\"partner_brand\") || \"\"\r\n    ).trim().toLowerCase();\r\n\r\n    const shortcodeBrandSelect = document.querySelector(\r\n      \".tsc-pbp .tsc-pbp-brand\"\r\n    );\r\n\r\n    const selectedOptionText = shortcodeBrandSelect\r\n      && shortcodeBrandSelect.selectedOptions\r\n      && shortcodeBrandSelect.selectedOptions[0]\r\n        ? shortcodeBrandSelect.selectedOptions[0]\r\n          .textContent\r\n          .trim()\r\n          .toLowerCase()\r\n        : \"\";\r\n\r\n    \/*\r\n     * STRICT BRAND PROTECTION:\r\n     * show only for Fu Yuan.\r\n     *\/\r\n    const isFuYuan = (\r\n      parameterBrand === \"fu-yuan\"\r\n      || selectedOptionText === \"fu yuan\"\r\n    );\r\n\r\n    const custom = document.getElementById(\"tsc-fuyuan-addon\");\r\n\r\n    if (!custom) {\r\n      return;\r\n    }\r\n\r\n    if (!isFuYuan) {\r\n      custom.hidden = true;\r\n      custom.remove();\r\n      return;\r\n    }\r\n\r\n    const root = document.querySelector(\".tsc-pbp\");\r\n\r\n    if (!root) {\r\n      if (fyInitAttempts < 30) {\r\n        window.setTimeout(initFuYuanAddon, 150);\r\n      }\r\n\r\n      return;\r\n    }\r\n\r\n    if (custom.dataset.ready === \"1\") {\r\n      return;\r\n    }\r\n\r\n    custom.dataset.ready = \"1\";\r\n\r\n    \/*\r\n     * ============================================================\r\n     * EASY IMAGE SETTINGS \u2014 REPLACE ONLY THESE FOUR URLS\r\n     * ============================================================\r\n     *\/\r\n\r\n    const FU_YUAN_CORE_TECH_IMAGE_URL =\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-150633.png\";\r\n\r\n    const FU_YUAN_SERIES_IMAGE_URL =\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-150717.png\";\r\n\r\n    const FU_YUAN_CONTROL_IMAGE_URL =\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-150802.png\";\r\n\r\n    const FU_YUAN_AWARD_IMAGE_URL =\r\n      \"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-150821.png\";\r\n\r\n    \/*\r\n     * ============================================================\r\n     * END OF EASY IMAGE SETTINGS\r\n     * ============================================================\r\n     *\/\r\n\r\n    function applyImage(url, imageSelector, placeholderSelector) {\r\n      const image = custom.querySelector(imageSelector);\r\n      const placeholder = custom.querySelector(placeholderSelector);\r\n\r\n      if (\r\n        image\r\n        && url\r\n        && !url.startsWith(\"PASTE_\")\r\n      ) {\r\n        image.src = url;\r\n        image.hidden = false;\r\n\r\n        if (placeholder) {\r\n          placeholder.hidden = true;\r\n        }\r\n      }\r\n    }\r\n\r\n    applyImage(\r\n      FU_YUAN_CORE_TECH_IMAGE_URL,\r\n      \"[data-fy-core-image]\",\r\n      \"[data-fy-core-placeholder]\"\r\n    );\r\n\r\n    applyImage(\r\n      FU_YUAN_SERIES_IMAGE_URL,\r\n      \"[data-fy-series-image]\",\r\n      \"[data-fy-series-placeholder]\"\r\n    );\r\n\r\n    applyImage(\r\n      FU_YUAN_CONTROL_IMAGE_URL,\r\n      \"[data-fy-control-image]\",\r\n      \"[data-fy-control-placeholder]\"\r\n    );\r\n\r\n    applyImage(\r\n      FU_YUAN_AWARD_IMAGE_URL,\r\n      \"[data-fy-award-image]\",\r\n      \"[data-fy-award-placeholder]\"\r\n    );\r\n\r\n    \/*\r\n     * Place the visual add-on after the normal About section,\r\n     * before the default technology \/ partnership \/ products.\r\n     *\/\r\n    const defaultTechnology = root.querySelector(\r\n      \".tsc-pbp-technology\"\r\n    );\r\n\r\n    const partnership = root.querySelector(\r\n      \".tsc-pbp-partnership\"\r\n    );\r\n\r\n    const products = root.querySelector(\r\n      \".tsc-pbp-products\"\r\n    );\r\n\r\n    const insertionPoint =\r\n      defaultTechnology || partnership || products;\r\n\r\n    if (insertionPoint && insertionPoint.parentNode) {\r\n      insertionPoint.parentNode.insertBefore(\r\n        custom,\r\n        insertionPoint\r\n      );\r\n    }\r\n\r\n    custom.hidden = false;\r\n\r\n    \/*\r\n     * Reveal-on-scroll.\r\n     *\/\r\n    const revealElements = custom.querySelectorAll(\".fy-reveal\");\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n      const revealObserver = new IntersectionObserver(\r\n        function (entries, observer) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add(\"is-visible\");\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.12,\r\n          rootMargin: \"0px 0px -45px 0px\"\r\n        }\r\n      );\r\n\r\n      revealElements.forEach(function (element, index) {\r\n        element.style.transitionDelay =\r\n          Math.min(index % 4, 3) * 70 + \"ms\";\r\n\r\n        revealObserver.observe(element);\r\n      });\r\n    } else {\r\n      revealElements.forEach(function (element) {\r\n        element.classList.add(\"is-visible\");\r\n      });\r\n    }\r\n\r\n    \/*\r\n     * Count-up animation.\r\n     *\/\r\n    const counters = custom.querySelectorAll(\r\n      \".fy-stat-number[data-number]\"\r\n    );\r\n\r\n    function formatNumber(element, value) {\r\n      const prefix = element.dataset.prefix || \"\";\r\n      const suffix = element.dataset.suffix || \"\";\r\n\r\n      return (\r\n        prefix\r\n        + Math.round(value).toLocaleString(\"en-US\")\r\n        + suffix\r\n      );\r\n    }\r\n\r\n    function runCounter(element) {\r\n      if (element.dataset.counted === \"1\") {\r\n        return;\r\n      }\r\n\r\n      element.dataset.counted = \"1\";\r\n\r\n      const target = Number(element.dataset.number || 0);\r\n      const duration = 1750;\r\n      const startTime = performance.now();\r\n\r\n      function update(currentTime) {\r\n        const progress = Math.min(\r\n          (currentTime - startTime) \/ duration,\r\n          1\r\n        );\r\n\r\n        const eased = 1 - Math.pow(1 - progress, 3);\r\n        const currentValue = target * eased;\r\n\r\n        element.textContent = formatNumber(\r\n          element,\r\n          currentValue\r\n        );\r\n\r\n        if (progress < 1) {\r\n          window.requestAnimationFrame(update);\r\n        } else {\r\n          element.textContent = formatNumber(\r\n            element,\r\n            target\r\n          );\r\n        }\r\n      }\r\n\r\n      window.requestAnimationFrame(update);\r\n    }\r\n\r\n    if (\"IntersectionObserver\" in window) {\r\n      const counterObserver = new IntersectionObserver(\r\n        function (entries, observer) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              runCounter(entry.target);\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.55\r\n        }\r\n      );\r\n\r\n      counters.forEach(function (counter) {\r\n        counterObserver.observe(counter);\r\n      });\r\n    } else {\r\n      counters.forEach(runCounter);\r\n    }\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initFuYuanAddon\r\n    );\r\n  } else {\r\n    initFuYuanAddon();\r\n  }\r\n\r\n  window.setTimeout(initFuYuanAddon, 400);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06af6ca e-con-full e-flex e-con e-parent\" data-id=\"06af6ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7464d1d elementor-widget elementor-widget-html\" data-id=\"7464d1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\nBOKES COMPANY PROFILE \u2014 CONDITIONAL VISUAL ADD-ON\r\n==============================================================\r\nSOURCE\r\nBuilt only from the uploaded BOKES Company Brochure.\r\n\r\nINSTALLATION\r\n1. Pages \u2192 Partner Profile \u2192 Edit with Elementor.\r\n2. Open the OLD BOKES HTML widget.\r\n3. Delete all old BOKES HTML.\r\n4. Paste this entire file.\r\n5. Replace image URLs only inside EASY IMAGE SETTINGS near the bottom.\r\n\r\nIMPORTANT\r\n- Appears only for BOKES.\r\n- Does not appear for GN Solids or Fu Yuan.\r\n- Keeps the existing shortcode hero, filter, About, partnership,\r\n  catalogue, official website and product grid.\r\n- Hides only the old text-heavy Technology section for BOKES.\r\n- Missing image URLs are skipped automatically, so the page stays clean.\r\n\r\nIMAGE SOURCE GUIDE FROM THE BROCHURE\r\n- Qualifications and certificates: PDF page 4\r\n- Company, factory and R&D gallery: PDF page 5\r\n- Environmental monitoring: PDF page 6\r\n- Magnetic levitation technology: PDF page 7\r\n- Smart water \/ flow control: PDF page 8\r\n- Smart manufacturing: PDF page 9\r\n- Applications and service projects: PDF page 10\r\n- IoT platform: PDF pages 11\u201312\r\n- Cooperative partner logos: PDF page 13\r\n==============================================================\r\n-->\r\n\r\n<style>\r\n#bokes-company-profile[hidden]{display:none!important}\r\n#bokes-company-profile{\r\n  --bk-navy:#071a2a;\r\n  --bk-blue:#0e3550;\r\n  --bk-blue-2:#1d648e;\r\n  --bk-cyan:#2ca5cb;\r\n  --bk-red:#c9252d;\r\n  --bk-paper:#f4f7fa;\r\n  --bk-white:#fff;\r\n  --bk-text:#17233a;\r\n  --bk-muted:#64748b;\r\n  --bk-line:#d8e2ea;\r\n  --bk-soft:#eaf0f4;\r\n  --bk-shadow:0 20px 55px rgba(7,26,42,.10);\r\n\r\n  width:100vw;\r\n  max-width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  overflow:hidden;\r\n  color:var(--bk-text);\r\n  background:#fff;\r\n  font-family:inherit;\r\n  line-height:1.65;\r\n}\r\n#bokes-company-profile *,\r\n#bokes-company-profile *:before,\r\n#bokes-company-profile *:after{box-sizing:border-box}\r\n#bokes-company-profile .bk-shell{\r\n  width:min(1200px,calc(100% - 40px));\r\n  margin:0 auto;\r\n}\r\n#bokes-company-profile .bk-section{padding:92px 0}\r\n#bokes-company-profile .bk-paper{background:var(--bk-paper)}\r\n#bokes-company-profile .bk-heading{\r\n  max-width:800px;\r\n  margin-bottom:36px;\r\n}\r\n#bokes-company-profile .bk-center{\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n  text-align:center;\r\n}\r\n#bokes-company-profile .bk-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:11px;\r\n  margin-bottom:16px;\r\n  color:var(--bk-red);\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:1.8px;\r\n  text-transform:uppercase;\r\n}\r\n#bokes-company-profile .bk-eyebrow:before{\r\n  content:\"\";\r\n  width:40px;\r\n  height:2px;\r\n  background:currentColor;\r\n}\r\n#bokes-company-profile h2{\r\n  margin:0;\r\n  color:var(--bk-navy);\r\n  font-size:clamp(36px,3.7vw,52px);\r\n  font-weight:500;\r\n  line-height:1.08;\r\n  letter-spacing:-1.1px;\r\n}\r\n#bokes-company-profile .bk-heading p,\r\n#bokes-company-profile .bk-copy{\r\n  margin:16px 0 0;\r\n  color:var(--bk-muted);\r\n  font-size:15px;\r\n  line-height:1.72;\r\n}\r\n\r\n\/* Reveal *\/\r\n#bokes-company-profile .bk-reveal{\r\n  opacity:0;\r\n  transform:translateY(32px);\r\n  transition:\r\n    opacity .76s ease,\r\n    transform .76s cubic-bezier(.2,.75,.25,1);\r\n  will-change:opacity,transform;\r\n}\r\n#bokes-company-profile .bk-reveal.is-visible{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n\/* Shared icon *\/\r\n#bokes-company-profile .bk-icon{\r\n  width:49px;\r\n  height:49px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:15px;\r\n  color:var(--bk-blue-2);\r\n  background:rgba(29,100,142,.11);\r\n  transition:transform .32s ease;\r\n}\r\n#bokes-company-profile .bk-icon svg{\r\n  width:24px;\r\n  height:24px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:1.8;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n#bokes-company-profile article:hover .bk-icon{\r\n  transform:rotate(-5deg) scale(1.08);\r\n}\r\n\r\n\/* Company highlights *\/\r\n#bokes-company-profile .bk-highlight-panel{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:31px;\r\n  border-radius:28px;\r\n  color:#fff;\r\n  background:\r\n    radial-gradient(circle at 88% 12%,rgba(201,37,45,.29),transparent 31%),\r\n    radial-gradient(circle at 10% 88%,rgba(44,165,203,.18),transparent 30%),\r\n    linear-gradient(135deg,var(--bk-navy),var(--bk-blue));\r\n  box-shadow:0 28px 70px rgba(7,26,42,.18);\r\n}\r\n#bokes-company-profile .bk-highlight-panel:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:.08;\r\n  pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);\r\n  background-size:36px 36px;\r\n}\r\n#bokes-company-profile .bk-highlight-grid{\r\n  position:relative;\r\n  z-index:1;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:15px;\r\n}\r\n#bokes-company-profile .bk-highlight{\r\n  min-height:185px;\r\n  padding:23px;\r\n  border:1px solid rgba(255,255,255,.12);\r\n  border-radius:20px;\r\n  background:rgba(255,255,255,.07);\r\n  backdrop-filter:blur(8px);\r\n  transition:transform .32s ease,background .32s ease,box-shadow .32s ease;\r\n}\r\n#bokes-company-profile .bk-highlight:hover{\r\n  transform:translateY(-8px);\r\n  background:rgba(255,255,255,.12);\r\n  box-shadow:0 18px 38px rgba(0,0,0,.16);\r\n}\r\n#bokes-company-profile .bk-highlight .bk-icon{\r\n  color:#fff;\r\n  background:rgba(255,255,255,.11);\r\n}\r\n#bokes-company-profile .bk-number{\r\n  margin-top:23px;\r\n  color:#fff;\r\n  font-size:clamp(28px,2.6vw,38px);\r\n  font-weight:700;\r\n  line-height:1;\r\n  letter-spacing:-.8px;\r\n}\r\n#bokes-company-profile .bk-label{\r\n  margin-top:11px;\r\n  color:rgba(235,242,248,.76);\r\n  font-size:13px;\r\n  line-height:1.55;\r\n}\r\n\r\n\/* Timeline *\/\r\n#bokes-company-profile .bk-timeline{\r\n  position:relative;\r\n  max-width:1000px;\r\n  margin:0 auto;\r\n}\r\n#bokes-company-profile .bk-timeline:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:10px;\r\n  bottom:10px;\r\n  left:92px;\r\n  width:2px;\r\n  background:linear-gradient(var(--bk-blue-2),rgba(29,100,142,.12));\r\n}\r\n#bokes-company-profile .bk-milestone{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:72px 1fr;\r\n  gap:38px;\r\n  padding:0 0 28px;\r\n}\r\n#bokes-company-profile .bk-year{\r\n  color:var(--bk-blue-2);\r\n  font-size:20px;\r\n  font-weight:700;\r\n  text-align:right;\r\n}\r\n#bokes-company-profile .bk-milestone-card{\r\n  position:relative;\r\n  padding:21px 23px;\r\n  border:1px solid var(--bk-line);\r\n  border-radius:18px;\r\n  background:#fff;\r\n  box-shadow:0 12px 31px rgba(7,26,42,.055);\r\n  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;\r\n}\r\n#bokes-company-profile .bk-milestone-card:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:-48px;\r\n  top:27px;\r\n  width:13px;\r\n  height:13px;\r\n  border:3px solid #fff;\r\n  border-radius:50%;\r\n  background:var(--bk-red);\r\n  box-shadow:0 0 0 2px var(--bk-red);\r\n}\r\n#bokes-company-profile .bk-milestone-card:hover{\r\n  transform:translateX(7px);\r\n  border-color:rgba(29,100,142,.35);\r\n  box-shadow:0 20px 39px rgba(7,26,42,.11);\r\n}\r\n#bokes-company-profile .bk-milestone-card h3{\r\n  margin:0;\r\n  color:var(--bk-navy);\r\n  font-size:18px;\r\n  font-weight:600;\r\n}\r\n#bokes-company-profile .bk-milestone-card p{\r\n  margin:8px 0 0;\r\n  color:var(--bk-muted);\r\n  font-size:13px;\r\n  line-height:1.58;\r\n}\r\n\r\n\/* Qualifications *\/\r\n#bokes-company-profile .bk-honour-list{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:10px;\r\n  margin-bottom:28px;\r\n}\r\n#bokes-company-profile .bk-honour{\r\n  min-height:42px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  padding:10px 14px;\r\n  border:1px solid rgba(29,100,142,.22);\r\n  border-radius:999px;\r\n  color:var(--bk-blue-2);\r\n  background:rgba(29,100,142,.07);\r\n  font-size:12px;\r\n  font-weight:700;\r\n}\r\n#bokes-company-profile .bk-honour:before{\r\n  content:\"\u2713\";\r\n  width:21px;\r\n  height:21px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  color:#fff;\r\n  background:var(--bk-red);\r\n  font-size:11px;\r\n}\r\n#bokes-company-profile .bk-cert-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(5,minmax(0,1fr));\r\n  gap:15px;\r\n}\r\n#bokes-company-profile .bk-cert{\r\n  min-height:200px;\r\n  padding:12px;\r\n  border:1px solid var(--bk-line);\r\n  border-radius:18px;\r\n  background:#fff;\r\n  box-shadow:0 11px 28px rgba(7,26,42,.05);\r\n  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;\r\n}\r\n#bokes-company-profile .bk-cert:hover{\r\n  transform:translateY(-7px);\r\n  border-color:rgba(201,37,45,.3);\r\n  box-shadow:0 19px 37px rgba(7,26,42,.12);\r\n}\r\n#bokes-company-profile .bk-cert-media{\r\n  height:175px;\r\n  display:grid;\r\n  place-items:center;\r\n  overflow:hidden;\r\n  padding:7px;\r\n  border-radius:13px;\r\n  background:#f6f8fa;\r\n}\r\n#bokes-company-profile .bk-cert img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain;\r\n  transition:transform .5s ease;\r\n}\r\n#bokes-company-profile .bk-cert:hover img{transform:scale(1.045)}\r\n\r\n\/* Image galleries *\/\r\n#bokes-company-profile .bk-gallery{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:16px;\r\n}\r\n#bokes-company-profile .bk-gallery-card{\r\n  position:relative;\r\n  min-height:225px;\r\n  overflow:hidden;\r\n  border-radius:21px;\r\n  background:linear-gradient(135deg,var(--bk-navy),var(--bk-blue));\r\n  box-shadow:var(--bk-shadow);\r\n}\r\n#bokes-company-profile .bk-gallery-card.bk-wide{\r\n  grid-column:span 2;\r\n}\r\n#bokes-company-profile .bk-gallery-card img{\r\n  width:100%;\r\n  height:100%;\r\n  min-height:225px;\r\n  display:block;\r\n  object-fit:cover;\r\n  transition:transform .65s ease;\r\n}\r\n#bokes-company-profile .bk-gallery-card:hover img{transform:scale(1.05)}\r\n#bokes-company-profile .bk-gallery-caption{\r\n  position:absolute;\r\n  inset:auto 0 0;\r\n  padding:20px;\r\n  color:#fff;\r\n  background:linear-gradient(to top,rgba(7,26,42,.95),transparent);\r\n}\r\n#bokes-company-profile .bk-gallery-caption small{\r\n  color:#f04b52;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n}\r\n#bokes-company-profile .bk-gallery-caption h3{\r\n  margin:5px 0 0;\r\n  color:#fff;\r\n  font-size:18px;\r\n  font-weight:600;\r\n}\r\n#bokes-company-profile .bk-gallery-empty{\r\n  min-height:225px;\r\n  display:grid;\r\n  place-items:center;\r\n  padding:25px;\r\n  color:rgba(255,255,255,.75);\r\n  font-size:12px;\r\n  font-weight:600;\r\n  text-align:center;\r\n}\r\n\r\n\/* Smart manufacturing *\/\r\n#bokes-company-profile .bk-manufacturing-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:16px;\r\n}\r\n#bokes-company-profile .bk-process{\r\n  overflow:hidden;\r\n  border:1px solid var(--bk-line);\r\n  border-radius:20px;\r\n  background:#fff;\r\n  box-shadow:0 12px 31px rgba(7,26,42,.055);\r\n  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;\r\n}\r\n#bokes-company-profile .bk-process:hover{\r\n  transform:translateY(-8px);\r\n  border-color:rgba(29,100,142,.38);\r\n  box-shadow:0 22px 45px rgba(7,26,42,.12);\r\n}\r\n#bokes-company-profile .bk-process-media{\r\n  height:175px;\r\n  overflow:hidden;\r\n  background:var(--bk-soft);\r\n}\r\n#bokes-company-profile .bk-process-media img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform .6s ease;\r\n}\r\n#bokes-company-profile .bk-process:hover img{transform:scale(1.05)}\r\n#bokes-company-profile .bk-process-copy{padding:18px}\r\n#bokes-company-profile .bk-process-copy h3{\r\n  margin:0;\r\n  color:var(--bk-navy);\r\n  font-size:16px;\r\n  font-weight:600;\r\n}\r\n\r\n\/* Core technology *\/\r\n#bokes-company-profile .bk-tech-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:18px;\r\n}\r\n#bokes-company-profile .bk-tech{\r\n  overflow:hidden;\r\n  border:1px solid var(--bk-line);\r\n  border-radius:23px;\r\n  background:#fff;\r\n  box-shadow:var(--bk-shadow);\r\n  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;\r\n}\r\n#bokes-company-profile .bk-tech:hover{\r\n  transform:translateY(-8px);\r\n  border-color:rgba(29,100,142,.36);\r\n  box-shadow:0 26px 50px rgba(7,26,42,.14);\r\n}\r\n#bokes-company-profile .bk-tech-media{\r\n  height:270px;\r\n  overflow:hidden;\r\n  background:var(--bk-soft);\r\n}\r\n#bokes-company-profile .bk-tech-media img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform .65s ease;\r\n}\r\n#bokes-company-profile .bk-tech:hover img{transform:scale(1.05)}\r\n#bokes-company-profile .bk-tech-copy{padding:23px}\r\n#bokes-company-profile .bk-tech-copy small{\r\n  color:var(--bk-red);\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n}\r\n#bokes-company-profile .bk-tech-copy h3{\r\n  margin:7px 0 0;\r\n  color:var(--bk-navy);\r\n  font-size:21px;\r\n  font-weight:600;\r\n}\r\n#bokes-company-profile .bk-tech-copy ul{\r\n  margin:13px 0 0;\r\n  padding-left:18px;\r\n  color:var(--bk-muted);\r\n  font-size:13px;\r\n}\r\n#bokes-company-profile .bk-tech-copy li+li{margin-top:5px}\r\n\r\n\/* Applications *\/\r\n#bokes-company-profile .bk-app-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:15px;\r\n}\r\n#bokes-company-profile .bk-app{\r\n  min-height:100px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  padding:17px;\r\n  border:1px solid var(--bk-line);\r\n  border-radius:18px;\r\n  background:#fff;\r\n  box-shadow:0 10px 27px rgba(7,26,42,.05);\r\n  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;\r\n}\r\n#bokes-company-profile .bk-app:hover{\r\n  transform:translateY(-6px);\r\n  border-color:rgba(201,37,45,.31);\r\n  box-shadow:0 18px 35px rgba(7,26,42,.1);\r\n}\r\n#bokes-company-profile .bk-app-number{\r\n  width:37px;\r\n  height:37px;\r\n  flex:0 0 auto;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:12px;\r\n  color:#fff;\r\n  background:var(--bk-blue-2);\r\n  font-size:12px;\r\n  font-weight:700;\r\n}\r\n#bokes-company-profile .bk-app span:last-child{\r\n  color:var(--bk-navy);\r\n  font-size:13px;\r\n  font-weight:600;\r\n}\r\n\r\n\/* Service project gallery *\/\r\n#bokes-company-profile .bk-service-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:16px;\r\n}\r\n#bokes-company-profile .bk-service{\r\n  overflow:hidden;\r\n  border-radius:21px;\r\n  background:#fff;\r\n  box-shadow:var(--bk-shadow);\r\n}\r\n#bokes-company-profile .bk-service-media{\r\n  height:225px;\r\n  overflow:hidden;\r\n  background:var(--bk-soft);\r\n}\r\n#bokes-company-profile .bk-service-media img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:transform .65s ease;\r\n}\r\n#bokes-company-profile .bk-service:hover img{transform:scale(1.05)}\r\n#bokes-company-profile .bk-service-copy{\r\n  padding:16px 18px;\r\n  color:var(--bk-navy);\r\n  font-size:13px;\r\n  font-weight:600;\r\n}\r\n\r\n\/* IoT *\/\r\n#bokes-company-profile .bk-iot-band{\r\n  padding:38px;\r\n  border-radius:28px;\r\n  color:#fff;\r\n  background:\r\n    radial-gradient(circle at 84% 15%,rgba(44,165,203,.33),transparent 29%),\r\n    linear-gradient(135deg,var(--bk-navy),var(--bk-blue));\r\n  box-shadow:0 28px 70px rgba(7,26,42,.18);\r\n}\r\n#bokes-company-profile .bk-iot-layout{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:38px;\r\n  align-items:center;\r\n}\r\n#bokes-company-profile .bk-iot-band h2{color:#fff}\r\n#bokes-company-profile .bk-iot-band p{\r\n  margin:16px 0 0;\r\n  color:rgba(235,242,248,.76);\r\n}\r\n#bokes-company-profile .bk-iot-features{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:11px;\r\n}\r\n#bokes-company-profile .bk-iot-item{\r\n  min-height:72px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  padding:14px;\r\n  border:1px solid rgba(255,255,255,.13);\r\n  border-radius:15px;\r\n  background:rgba(255,255,255,.07);\r\n  color:rgba(255,255,255,.88);\r\n  font-size:13px;\r\n  font-weight:600;\r\n  transition:transform .3s ease,background .3s ease;\r\n}\r\n#bokes-company-profile .bk-iot-item:hover{\r\n  transform:translateY(-5px);\r\n  background:rgba(255,255,255,.12);\r\n}\r\n#bokes-company-profile .bk-check{\r\n  width:30px;\r\n  height:30px;\r\n  flex:0 0 auto;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  color:#fff;\r\n  background:var(--bk-red);\r\n}\r\n\r\n\/* Partner logos *\/\r\n#bokes-company-profile .bk-logo-panel{\r\n  padding:28px;\r\n  border:1px solid var(--bk-line);\r\n  border-radius:25px;\r\n  background:#fff;\r\n  box-shadow:var(--bk-shadow);\r\n}\r\n#bokes-company-profile .bk-logo-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(5,minmax(0,1fr));\r\n  gap:16px;\r\n}\r\n#bokes-company-profile .bk-logo{\r\n  height:115px;\r\n  display:grid;\r\n  place-items:center;\r\n  padding:17px;\r\n  border:1px solid #e2e8ee;\r\n  border-radius:17px;\r\n  background:#fff;\r\n  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;\r\n}\r\n#bokes-company-profile .bk-logo:hover{\r\n  transform:translateY(-6px);\r\n  border-color:rgba(29,100,142,.31);\r\n  box-shadow:0 17px 32px rgba(7,26,42,.1);\r\n}\r\n#bokes-company-profile .bk-logo img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain;\r\n}\r\n\r\n@media(max-width:1050px){\r\n  #bokes-company-profile .bk-highlight-grid,\r\n  #bokes-company-profile .bk-gallery,\r\n  #bokes-company-profile .bk-manufacturing-grid,\r\n  #bokes-company-profile .bk-app-grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n  #bokes-company-profile .bk-cert-grid{\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n  }\r\n  #bokes-company-profile .bk-tech-grid,\r\n  #bokes-company-profile .bk-service-grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n  #bokes-company-profile .bk-iot-layout{grid-template-columns:1fr}\r\n  #bokes-company-profile .bk-logo-grid{\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n  }\r\n}\r\n@media(max-width:700px){\r\n  #bokes-company-profile .bk-shell{width:calc(100% - 28px)}\r\n  #bokes-company-profile .bk-section{padding:68px 0}\r\n  #bokes-company-profile .bk-highlight-panel,\r\n  #bokes-company-profile .bk-iot-band,\r\n  #bokes-company-profile .bk-logo-panel{padding:21px}\r\n  #bokes-company-profile .bk-highlight-grid,\r\n  #bokes-company-profile .bk-gallery,\r\n  #bokes-company-profile .bk-manufacturing-grid,\r\n  #bokes-company-profile .bk-cert-grid,\r\n  #bokes-company-profile .bk-tech-grid,\r\n  #bokes-company-profile .bk-app-grid,\r\n  #bokes-company-profile .bk-service-grid,\r\n  #bokes-company-profile .bk-iot-features,\r\n  #bokes-company-profile .bk-logo-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n  #bokes-company-profile .bk-gallery-card.bk-wide{grid-column:auto}\r\n  #bokes-company-profile .bk-timeline:before{left:23px}\r\n  #bokes-company-profile .bk-milestone{\r\n    grid-template-columns:1fr;\r\n    gap:8px;\r\n    padding-left:47px;\r\n  }\r\n  #bokes-company-profile .bk-year{text-align:left}\r\n  #bokes-company-profile .bk-milestone-card:before{\r\n    left:-31px;\r\n    top:25px;\r\n  }\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  #bokes-company-profile *{animation:none!important;transition:none!important}\r\n  #bokes-company-profile .bk-reveal{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<div id=\"bokes-company-profile\" hidden>\r\n\r\n<section class=\"bk-section\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-reveal\">\r\n      <span class=\"bk-eyebrow\">Company Highlights<\/span>\r\n      <h2>BOKES Company Development at a Glance<\/h2>\r\n      <p>Key milestones and recognitions stated in the BOKES company brochure.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bk-highlight-panel bk-reveal\">\r\n      <div class=\"bk-highlight-grid\">\r\n        <article class=\"bk-highlight\">\r\n          <div class=\"bk-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M16 3v4M8 3v4M3 10h18\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"bk-number\" data-number=\"2001\" data-prefix=\"Since \">Since 0<\/div>\r\n          <div class=\"bk-label\">BOKES Brand Established<\/div>\r\n        <\/article>\r\n\r\n        <article class=\"bk-highlight\">\r\n          <div class=\"bk-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><path d=\"M12 4v16M4 12h16\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"bk-number\" data-number=\"3\">0<\/div>\r\n          <div class=\"bk-label\">Core Technology Areas<\/div>\r\n        <\/article>\r\n\r\n        <article class=\"bk-highlight\">\r\n          <div class=\"bk-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l8 4v5c0 5-3 8-8 9-5-1-8-4-8-9V7z\"\/><path d=\"M8 12l3 3 5-6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"bk-number\" data-number=\"2021\">0<\/div>\r\n          <div class=\"bk-label\">National High-Tech Enterprise Recognition<\/div>\r\n        <\/article>\r\n\r\n        <article class=\"bk-highlight\">\r\n          <div class=\"bk-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 20V9l8-5 8 5v11\"\/><path d=\"M8 20v-6h8v6\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"bk-number\" data-number=\"2023\">0<\/div>\r\n          <div class=\"bk-label\">Water Technology Research Institute Established<\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section bk-paper\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-center bk-reveal\">\r\n      <span class=\"bk-eyebrow\">Development Path<\/span>\r\n      <h2>Company Milestones from 2001 to 2023<\/h2>\r\n      <p>The timeline below follows the milestone sequence presented in the brochure.<\/p>\r\n    <\/div>\r\n    <div class=\"bk-timeline\" data-bk-timeline><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-center bk-reveal\">\r\n      <span class=\"bk-eyebrow\">Qualifications & Honours<\/span>\r\n      <h2>Enterprise Recognition and Company Qualifications<\/h2>\r\n      <p>Recognition names are listed first; certificate images are displayed separately below without forced matching.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bk-honour-list\">\r\n      <span class=\"bk-honour\">National High-Tech Enterprise<\/span>\r\n      <span class=\"bk-honour\">Jiangsu Provincial Enterprise Technology Center<\/span>\r\n      <span class=\"bk-honour\">Gazelle Enterprise<\/span>\r\n      <span class=\"bk-honour\">Service-Oriented Manufacturing Demonstration Enterprise<\/span>\r\n      <span class=\"bk-honour\">Specialized, Special and New Enterprise<\/span>\r\n      <span class=\"bk-honour\">AAA-Level Credit Enterprise<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"bk-cert-grid\" data-bk-cert-grid><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section bk-paper\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-reveal\">\r\n      <span class=\"bk-eyebrow\">Factory & R&D Gallery<\/span>\r\n      <h2>Company Facilities, Research Centers and Production Environment<\/h2>\r\n      <p>This gallery is intended for the company and factory photographs shown on brochure page 5.<\/p>\r\n    <\/div>\r\n    <div class=\"bk-gallery\" data-bk-company-gallery><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-reveal\">\r\n      <span class=\"bk-eyebrow\">Smart Manufacturing<\/span>\r\n      <h2>Production, Machining, Inspection and Calibration Capabilities<\/h2>\r\n      <p>The captions follow the manufacturing processes shown on brochure page 9.<\/p>\r\n    <\/div>\r\n    <div class=\"bk-manufacturing-grid\" data-bk-manufacturing><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section bk-paper\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-center bk-reveal\">\r\n      <span class=\"bk-eyebrow\">Three Core Technology Areas<\/span>\r\n      <h2>Instrumentation, Magnetic Levitation and Smart Water Technology<\/h2>\r\n      <p>The three areas below match the company introduction and technology sections in the brochure.<\/p>\r\n    <\/div>\r\n    <div class=\"bk-tech-grid\" data-bk-core-tech><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-center bk-reveal\">\r\n      <span class=\"bk-eyebrow\">Application Coverage<\/span>\r\n      <h2>Industries and Water Applications Shown in the Brochure<\/h2>\r\n    <\/div>\r\n    <div class=\"bk-app-grid\" data-bk-applications><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section bk-paper\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-reveal\">\r\n      <span class=\"bk-eyebrow\">Product Application & Operational Services<\/span>\r\n      <h2>Installed Equipment and Service References<\/h2>\r\n      <p>Use the six project and service photographs shown on brochure page 10.<\/p>\r\n    <\/div>\r\n    <div class=\"bk-service-grid\" data-bk-services><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-iot-band bk-reveal\">\r\n      <div class=\"bk-iot-layout\">\r\n        <div>\r\n          <span class=\"bk-eyebrow\">Application of IoT Network System<\/span>\r\n          <h2>Connected Equipment and Digital Industrial Interconnection<\/h2>\r\n          <p>The brochure presents an IoT platform for equipment access, monitoring, data storage, operation and maintenance.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bk-iot-features\">\r\n          <div class=\"bk-iot-item\"><span class=\"bk-check\">\u2713<\/span><span>IoT Platform Equipment Center<\/span><\/div>\r\n          <div class=\"bk-iot-item\"><span class=\"bk-check\">\u2713<\/span><span>Equipment Visual Monitoring<\/span><\/div>\r\n          <div class=\"bk-iot-item\"><span class=\"bk-check\">\u2713<\/span><span>Device Management<\/span><\/div>\r\n          <div class=\"bk-iot-item\"><span class=\"bk-check\">\u2713<\/span><span>Data Storage and Reporting<\/span><\/div>\r\n          <div class=\"bk-iot-item\"><span class=\"bk-check\">\u2713<\/span><span>Remote Operation and Maintenance<\/span><\/div>\r\n          <div class=\"bk-iot-item\"><span class=\"bk-check\">\u2713<\/span><span>Permission and Alarm Management<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bk-gallery\" data-bk-iot-gallery style=\"margin-top:22px\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"bk-section bk-paper\">\r\n  <div class=\"bk-shell\">\r\n    <div class=\"bk-heading bk-center bk-reveal\">\r\n      \r\n\r\n    <div class=\"bk-logo-panel\">\r\n      <div class=\"bk-logo-grid\" data-bk-partner-logos><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  let attempts=0;\r\n\r\n  function initBokesCompanyProfile(){\r\n    attempts++;\r\n\r\n    const params=new URLSearchParams(window.location.search);\r\n    const parameterBrand=(params.get(\"partner_brand\")||\"\").trim().toLowerCase();\r\n    const brandSelect=document.querySelector(\".tsc-pbp .tsc-pbp-brand\");\r\n    const selectedBrand=brandSelect&&brandSelect.selectedOptions&&brandSelect.selectedOptions[0]\r\n      ? brandSelect.selectedOptions[0].textContent.trim().toLowerCase()\r\n      : \"\";\r\n\r\n    const isBokes=parameterBrand===\"bokes\"||selectedBrand===\"bokes\";\r\n    const addon=document.getElementById(\"bokes-company-profile\");\r\n\r\n    if(!addon)return;\r\n    if(!isBokes){\r\n      addon.hidden=true;\r\n      addon.remove();\r\n      return;\r\n    }\r\n\r\n    const root=document.querySelector(\".tsc-pbp\");\r\n    if(!root){\r\n      if(attempts<30)window.setTimeout(initBokesCompanyProfile,150);\r\n      return;\r\n    }\r\n    if(addon.dataset.ready===\"1\")return;\r\n    addon.dataset.ready=\"1\";\r\n\r\n    \/*\r\n    ==============================================================\r\n    EASY IMAGE SETTINGS\r\n    Replace only the image values below with WordPress Media URLs.\r\n    Empty or placeholder URLs are skipped automatically.\r\n    ============================================================== *\/\r\n\r\n    \/* PDF page 4 \u2014 qualification and certificate images *\/\r\n    const BOKES_CERTIFICATE_IMAGES=[\r\n      \"PASTE_BOKES_CERTIFICATE_URL_01\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_02\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_03\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_04\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_05\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_06\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_07\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_08\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_09\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_10\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_11\",\r\n      \"PASTE_BOKES_CERTIFICATE_URL_12\"\r\n    ];\r\n\r\n    \/* PDF page 5 \u2014 company, building, R&D and factory images *\/\r\n    const BOKES_COMPANY_GALLERY=[\r\n      {title:\"BOKES Company Exterior\",group:\"Company Facility\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-135332.png\",wide:true},\r\n      {title:\"Company Building\",group:\"Company Facility\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-135239.png\"},\r\n      {title:\"Research and Development Center\",group:\"R&D Facility\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-135958.png\"},\r\n      {title:\"Factory and Production Site\",group:\"Manufacturing Facility\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-135927.png\"},\r\n      {title:\"Company and Production Building\",group:\"Company Facility\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-135841.png\",wide:true},\r\n      {title:\"Automated Production Line\",group:\"Production\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-142548.png\"},\r\n      {title:\"CNC Machining Area\",group:\"Production\",image:\"PASTE_BOKES_COMPANY_IMAGE_URL_07\"},\r\n      {title:\"Equipment Assembly and Testing\",group:\"Production\",image:\"PASTE_BOKES_COMPANY_IMAGE_URL_08\"}\r\n    ];\r\n\r\n    \/* PDF page 9 \u2014 smart manufacturing images *\/\r\n    const BOKES_MANUFACTURING=[\r\n      {title:\"Processing of Magnetic Bearings\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/01-ooo.png\"},\r\n      {title:\"Permanent Magnet Motor Stator Offline Workshop\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-143650.png\"},\r\n      {title:\"Machining of Rigid Spindles\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-143711.png\"},\r\n      {title:\"Processing of Ternary Flow Impeller\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-143743.png\"},\r\n      {title:\"Production of Scroll Casing\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-143804.png\"},\r\n      {title:\"Chassis Coating Production Line\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-143820.png\"},\r\n      {title:\"Rotor Dynamic Balance Inspection\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-143840.png\"},\r\n      {title:\"Calibration Equipment\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-143919.png\"}\r\n    ];\r\n\r\n    \/* PDF pages 6\u20138 \u2014 one representative image per core technology *\/\r\n    const BOKES_CORE_TECH=[\r\n      {\r\n        group:\"Environmental Protection and Monitoring\",\r\n        title:\"Environmental Monitoring Instruments\",\r\n        image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-144444.png\",\r\n        bullets:[\r\n          \"Analytical and monitoring instruments\",\r\n          \"Digital electrodes and sensors\",\r\n          \"Online monitoring and control platform\"\r\n        ]\r\n      },\r\n      {\r\n        group:\"Magnetic Levitation Technology and Application\",\r\n        title:\"Magnetic Levitation Equipment\",\r\n        image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-144532.png\",\r\n        bullets:[\r\n          \"Magnetic levitation blower\",\r\n          \"Magnetic levitation compressor\",\r\n          \"Magnetic levitation vacuum pump\"\r\n        ]\r\n      },\r\n      {\r\n        group:\"Smart Water and Fluid Transmission\",\r\n        title:\"Flow Measurement and Smart Water\",\r\n        image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-144603.png\",\r\n        bullets:[\r\n          \"Electromagnetic flowmeters\",\r\n          \"Ultrasonic water meters and flowmeters\",\r\n          \"Water online platform and DMA metering\"\r\n        ]\r\n      }\r\n    ];\r\n\r\n    \/* PDF page 10 \u2014 six service\/project images *\/\r\n    const BOKES_SERVICES=[\r\n      {title:\"A Food Factory in Dalian\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-144753.png\"},\r\n      {title:\"A Water Purification Factory in Baotou\",image:\"\"},\r\n      {title:\"A New Materials Company in Inner Mongolia\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-144826.png\"},\r\n      {title:\"A Sewage Treatment Plant in Hubei\",image:\"PASTE_BOKES_SERVICE_IMAGE_URL_04\"},\r\n      {title:\"A Sewage Plant in Chongqing\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-144846.png\"},\r\n      {title:\"A Sewage Plant in Qinzhou City, Guangxi\",image:\"PASTE_BOKES_SERVICE_IMAGE_URL_06\"}\r\n    ];\r\n\r\n    \/* PDF pages 11\u201312 \u2014 IoT platform images *\/\r\n    const BOKES_IOT_GALLERY=[\r\n      {title:\"IoT Network Platform\",group:\"Industrial Interconnection\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-145211.png\",wide:true},\r\n      {title:\"Equipment Visual Monitoring\",group:\"Monitoring Platform\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-145238.png\"},\r\n      {title:\"Equipment and Device Management\",group:\"Device Management\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-145311.png\"},\r\n      {title:\"Data Storage and Reporting\",group:\"Data Management\",image:\"https:\/\/dev.tschuan.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-145358.png\"}\r\n    ];\r\n\r\n    \/* PDF page 13 \u2014 cooperative partner logos *\/\r\n    const BOKES_PARTNER_LOGOS=[\r\n      \"PASTE_BOKES_PARTNER_LOGO_URL_01\",\r\n      \"PASTE_BOKES_PARTNER_LOGO_URL_02\",\r\n      \"PASTE_BOKES_PARTNER_LOGO_URL_03\",\r\n      \"PASTE_BOKES_PARTNER_LOGO_URL_04\",\r\n      \"PASTE_BOKES_PARTNER_LOGO_URL_05\"\r\n    ];\r\n\r\n    \/*\r\n    ==============================================================\r\n    END OF EASY IMAGE SETTINGS\r\n    ============================================================== *\/\r\n\r\n    const milestones=[\r\n      {year:\"2001\",title:\"BOKES Brand Started\",text:\"The BOKES brand began its development path.\"},\r\n      {year:\"2008\",title:\"Environmental Monitoring Products Entered the Market\",text:\"The main board for the BOKES water-quality monitoring instrument was developed and the environmental monitoring series entered the market.\"},\r\n      {year:\"2016\",title:\"Dalian R&D Center Established\",text:\"BOKES expanded research and development activity in magnetic levitation technology and applications.\"},\r\n      {year:\"2018\",title:\"75 kW Magnetic Levitation Motor Launched\",text:\"The first self-developed 75 kW magnetic levitation motor rolled off the production line.\"},\r\n      {year:\"2020\",title:\"Nanjing Research Institute Established\",text:\"BOKES entered fluid transmission and control technology and launched multiple monitoring and flow-measurement developments.\"},\r\n      {year:\"2021\",title:\"National High-Tech Enterprise Recognition\",text:\"The brochure records national high-tech enterprise recognition and the Jiangsu Provincial Enterprise Technology Center title.\"},\r\n      {year:\"2022\",title:\"8 kg Magnetic Levitation Compressor Launched\",text:\"A breakthrough magnetic levitation compressor rolled off the production line.\"},\r\n      {year:\"2023\",title:\"Water Technology Research Institute Established\",text:\"Jiangsu BOKES Water Technology Research Institute Co., Ltd. was established.\"}\r\n    ];\r\n\r\n    const applications=[\r\n      \"Water Plant\",\r\n      \"Agricultural Plant Irrigation\",\r\n      \"Rivers and Lakes\",\r\n      \"Sewage Treatment\",\r\n      \"Material Transportation\",\r\n      \"Food and Medicine\",\r\n      \"Textile Printing and Dyeing\",\r\n      \"Leather and Paper Making\",\r\n      \"Iron and Steel Metallurgy\",\r\n      \"Cement and Thermal Power\",\r\n      \"Aquaculture\",\r\n      \"Flue Gas Desulfurisation\"\r\n    ];\r\n\r\n    function validUrl(url){\r\n      return url && !url.startsWith(\"PASTE_\");\r\n    }\r\n\r\n    function addReveal(element,index){\r\n      element.classList.add(\"bk-reveal\");\r\n      element.style.transitionDelay=Math.min(index%4,3)*70+\"ms\";\r\n      return element;\r\n    }\r\n\r\n    function buildTimeline(){\r\n      const container=addon.querySelector(\"[data-bk-timeline]\");\r\n      milestones.forEach(function(item,index){\r\n        const row=document.createElement(\"div\");\r\n        row.className=\"bk-milestone\";\r\n        row.innerHTML=\r\n          '<div class=\"bk-year\">'+item.year+'<\/div>'+\r\n          '<article class=\"bk-milestone-card\">'+\r\n            '<h3>'+item.title+'<\/h3>'+\r\n            '<p>'+item.text+'<\/p>'+\r\n          '<\/article>';\r\n        container.appendChild(addReveal(row,index));\r\n      });\r\n    }\r\n\r\n    function buildCertificates(){\r\n      const grid=addon.querySelector(\"[data-bk-cert-grid]\");\r\n      BOKES_CERTIFICATE_IMAGES.filter(validUrl).forEach(function(url,index){\r\n        const card=document.createElement(\"article\");\r\n        card.className=\"bk-cert\";\r\n        card.innerHTML=\r\n          '<div class=\"bk-cert-media\">'+\r\n            '<img decoding=\"async\" src=\"'+url+'\" alt=\"BOKES qualification or certificate '+(index+1)+'\" loading=\"lazy\">'+\r\n          '<\/div>';\r\n        grid.appendChild(addReveal(card,index));\r\n      });\r\n      if(!grid.children.length)grid.style.display=\"none\";\r\n    }\r\n\r\n    function buildGallery(containerSelector,items){\r\n      const grid=addon.querySelector(containerSelector);\r\n      items.filter(function(item){return validUrl(item.image)}).forEach(function(item,index){\r\n        const card=document.createElement(\"article\");\r\n        card.className=\"bk-gallery-card\"+(item.wide?\" bk-wide\":\"\");\r\n        card.innerHTML=\r\n          '<img decoding=\"async\" src=\"'+item.image+'\" alt=\"'+item.title+'\" loading=\"lazy\">'+\r\n          '<div class=\"bk-gallery-caption\">'+\r\n            '<small>'+item.group+'<\/small>'+\r\n            '<h3>'+item.title+'<\/h3>'+\r\n          '<\/div>';\r\n        grid.appendChild(addReveal(card,index));\r\n      });\r\n      if(!grid.children.length)grid.style.display=\"none\";\r\n    }\r\n\r\n    function buildManufacturing(){\r\n      const grid=addon.querySelector(\"[data-bk-manufacturing]\");\r\n      BOKES_MANUFACTURING.filter(function(item){return validUrl(item.image)}).forEach(function(item,index){\r\n        const card=document.createElement(\"article\");\r\n        card.className=\"bk-process\";\r\n        card.innerHTML=\r\n          '<div class=\"bk-process-media\">'+\r\n            '<img decoding=\"async\" src=\"'+item.image+'\" alt=\"'+item.title+'\" loading=\"lazy\">'+\r\n          '<\/div>'+\r\n          '<div class=\"bk-process-copy\"><h3>'+item.title+'<\/h3><\/div>';\r\n        grid.appendChild(addReveal(card,index));\r\n      });\r\n      if(!grid.children.length)grid.style.display=\"none\";\r\n    }\r\n\r\n    function buildCoreTechnology(){\r\n      const grid=addon.querySelector(\"[data-bk-core-tech]\");\r\n      BOKES_CORE_TECH.filter(function(item){return validUrl(item.image)}).forEach(function(item,index){\r\n        const bullets=item.bullets.map(function(text){return \"<li>\"+text+\"<\/li>\"}).join(\"\");\r\n        const card=document.createElement(\"article\");\r\n        card.className=\"bk-tech\";\r\n        card.innerHTML=\r\n          '<div class=\"bk-tech-media\">'+\r\n            '<img decoding=\"async\" src=\"'+item.image+'\" alt=\"'+item.title+'\" loading=\"lazy\">'+\r\n          '<\/div>'+\r\n          '<div class=\"bk-tech-copy\">'+\r\n            '<small>'+item.group+'<\/small>'+\r\n            '<h3>'+item.title+'<\/h3>'+\r\n            '<ul>'+bullets+'<\/ul>'+\r\n          '<\/div>';\r\n        grid.appendChild(addReveal(card,index));\r\n      });\r\n      if(!grid.children.length)grid.style.display=\"none\";\r\n    }\r\n\r\n    function buildApplications(){\r\n      const grid=addon.querySelector(\"[data-bk-applications]\");\r\n      applications.forEach(function(title,index){\r\n        const card=document.createElement(\"div\");\r\n        card.className=\"bk-app\";\r\n        card.innerHTML=\r\n          '<span class=\"bk-app-number\">'+String(index+1).padStart(2,\"0\")+'<\/span>'+\r\n          '<span>'+title+'<\/span>';\r\n        grid.appendChild(addReveal(card,index));\r\n      });\r\n    }\r\n\r\n    function buildServices(){\r\n      const grid=addon.querySelector(\"[data-bk-services]\");\r\n      BOKES_SERVICES.filter(function(item){return validUrl(item.image)}).forEach(function(item,index){\r\n        const card=document.createElement(\"article\");\r\n        card.className=\"bk-service\";\r\n        card.innerHTML=\r\n          '<div class=\"bk-service-media\">'+\r\n            '<img decoding=\"async\" src=\"'+item.image+'\" alt=\"'+item.title+'\" loading=\"lazy\">'+\r\n          '<\/div>'+\r\n          '<div class=\"bk-service-copy\">'+item.title+'<\/div>';\r\n        grid.appendChild(addReveal(card,index));\r\n      });\r\n      if(!grid.children.length)grid.style.display=\"none\";\r\n    }\r\n\r\n    function buildPartnerLogos(){\r\n      const grid=addon.querySelector(\"[data-bk-partner-logos]\");\r\n      BOKES_PARTNER_LOGOS.filter(validUrl).forEach(function(url,index){\r\n        const card=document.createElement(\"div\");\r\n        card.className=\"bk-logo\";\r\n        card.innerHTML='<img decoding=\"async\" src=\"'+url+'\" alt=\"BOKES cooperative partner '+(index+1)+'\" loading=\"lazy\">';\r\n        grid.appendChild(addReveal(card,index));\r\n      });\r\n      if(!grid.children.length)grid.closest(\".bk-logo-panel\").style.display=\"none\";\r\n    }\r\n\r\n    buildTimeline();\r\n    buildCertificates();\r\n    buildGallery(\"[data-bk-company-gallery]\",BOKES_COMPANY_GALLERY);\r\n    buildManufacturing();\r\n    buildCoreTechnology();\r\n    buildApplications();\r\n    buildServices();\r\n    buildGallery(\"[data-bk-iot-gallery]\",BOKES_IOT_GALLERY);\r\n    buildPartnerLogos();\r\n\r\n    \/* Hide only the old text-heavy Technology section for BOKES *\/\r\n    const oldTechnology=root.querySelector(\".tsc-pbp-technology\");\r\n    if(oldTechnology)oldTechnology.style.setProperty(\"display\",\"none\",\"important\");\r\n\r\n    \/* Insert after About, before partnership or products *\/\r\n    const partnership=root.querySelector(\".tsc-pbp-partnership\");\r\n    const products=root.querySelector(\".tsc-pbp-products\");\r\n    const insertionPoint=partnership||products;\r\n    if(insertionPoint&&insertionPoint.parentNode){\r\n      insertionPoint.parentNode.insertBefore(addon,insertionPoint);\r\n    }\r\n    addon.hidden=false;\r\n\r\n    \/* Reveal observer *\/\r\n    const reveals=addon.querySelectorAll(\".bk-reveal\");\r\n    if(\"IntersectionObserver\" in window){\r\n      const revealObserver=new IntersectionObserver(function(entries,observer){\r\n        entries.forEach(function(entry){\r\n          if(entry.isIntersecting){\r\n            entry.target.classList.add(\"is-visible\");\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      },{threshold:.12,rootMargin:\"0px 0px -45px 0px\"});\r\n      reveals.forEach(function(element,index){\r\n        if(!element.style.transitionDelay){\r\n          element.style.transitionDelay=Math.min(index%4,3)*70+\"ms\";\r\n        }\r\n        revealObserver.observe(element);\r\n      });\r\n    }else{\r\n      reveals.forEach(function(element){element.classList.add(\"is-visible\")});\r\n    }\r\n\r\n    \/* Count-up animation *\/\r\n    const counters=addon.querySelectorAll(\".bk-number[data-number]\");\r\n\r\n    function formatCounter(element,value){\r\n      return (element.dataset.prefix||\"\")\r\n        +Math.round(value).toLocaleString(\"en-US\")\r\n        +(element.dataset.suffix||\"\");\r\n    }\r\n\r\n    function runCounter(element){\r\n      if(element.dataset.counted===\"1\")return;\r\n      element.dataset.counted=\"1\";\r\n\r\n      const target=Number(element.dataset.number||0);\r\n      const duration=1750;\r\n      const start=performance.now();\r\n\r\n      function update(now){\r\n        const progress=Math.min((now-start)\/duration,1);\r\n        const eased=1-Math.pow(1-progress,3);\r\n        element.textContent=formatCounter(element,target*eased);\r\n        if(progress<1){\r\n          requestAnimationFrame(update);\r\n        }else{\r\n          element.textContent=formatCounter(element,target);\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(update);\r\n    }\r\n\r\n    if(\"IntersectionObserver\" in window){\r\n      const counterObserver=new IntersectionObserver(function(entries,observer){\r\n        entries.forEach(function(entry){\r\n          if(entry.isIntersecting){\r\n            runCounter(entry.target);\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      },{threshold:.55});\r\n      counters.forEach(function(counter){counterObserver.observe(counter)});\r\n    }else{\r\n      counters.forEach(runCounter);\r\n    }\r\n  }\r\n\r\n  if(document.readyState===\"loading\"){\r\n    document.addEventListener(\"DOMContentLoaded\",initBokesCompanyProfile);\r\n  }else{\r\n    initBokesCompanyProfile();\r\n  }\r\n\r\n  window.setTimeout(initBokesCompanyProfile,400);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GN at a Glance International Separation Equipment Manufacturing Key company highlights presented visually without repeating the hero, filter, or About content generated by the existing shortcode. Since 0 Separation Equipment Expertise 0 Manufacturing Facilities in China 0 m\u00b2 Total Manufacturing Area 0+ Countries and Regions Served Manufacturing Capabilities Integrated Production from Fabrication to Final Assembly [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-482","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=482"}],"version-history":[{"count":80,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/482\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=\/wp\/v2\/pages\/482\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/dev.tschuan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}