{"id":2629,"date":"2020-03-04T20:56:00","date_gmt":"2020-03-04T12:56:00","guid":{"rendered":"https:\/\/hkcablemachine.com\/?page_id=2629"},"modified":"2026-07-20T19:43:54","modified_gmt":"2026-07-20T11:43:54","slug":"about-hongkai-cable-machinery","status":"publish","type":"page","link":"https:\/\/hkcablemachine.com\/pt\/sobre-a-maquina-de-cabo-hongkai-2\/","title":{"rendered":"Sobre"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2629\" class=\"elementor elementor-2629\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a564b7 hk-hero-grid e-flex e-con-boxed e-con e-parent\" data-id=\"3a564b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3cbbe53 e-con-full hk-hero-copy e-flex e-con e-child\" data-id=\"3cbbe53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c659bd elementor-widget elementor-widget-bdt-breadcrumbs\" data-id=\"8c659bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-breadcrumbs.default\">\n\t\t\t\t\t\t\t<div class='bdt-ep-breadcrumbs-wrapper'><ul class=\"bdt-ep-breadcrumb breadcrumb-align-left  \"><li><a href=\"https:\/\/hkcablemachine.com\/pt\/\">Home<\/a><\/li>\n<li><span> P\u00e1gina<\/span><\/li>\n<\/ul><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b451054 hk-standard-heading elementor-widget elementor-widget-html\" data-id=\"b451054\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<div class=\"numbered-label\">\n  <span>00<\/span>\n  <b>ABOUT HONGKAI CBALE MACHINERY<\/b>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4055c8 uael-mobile-dual-heading-align-center hk-hero-title uael-dual-heading-align-left elementor-widget elementor-widget-uael-dual-color-heading\" data-id=\"a4055c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-dual-color-heading.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"uael-module-content uael-dual-color-heading uael-stack-desktop-yes uael-heading-stack-\">\n\t\t\t<h1>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"uael-before-heading\"><span class=\"elementor-inline-editing uael-dual-heading-text uael-first-text\" data-elementor-setting-key=\"before_heading_text\" data-elementor-inline-editing-toolbar=\"basic\">The Team Behind Your <\/span><\/span><span class=\"uael-adv-heading-stack\"><span class=\"elementor-inline-editing uael-dual-heading-text uael-highlight-text\" data-elementor-setting-key=\"second_heading_text\" data-elementor-inline-editing-toolbar=\"basic\">Cable Production Project.<\/span><\/span>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h1>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59fa77b elementor-widget elementor-widget-text-editor\" data-id=\"59fa77b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t<p>HONGKAI integrates core equipment and specialist machinery into complete production lines for fiber optic, LAN, and low-voltage cables. Our project team manages process planning, equipment coordination, delivery, installation, and after-sales support.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce71e14 elementor-widget elementor-widget-html\" data-id=\"ce71e14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<div class=\"hk-responsibility-note\">\n  <strong>\n    The right equipment from the right specialists, managed as one complete project.\n  <\/strong>\n\n  <span>\n    Clear technical scope, coordinated delivery, and one responsible service team from planning to after-sales.\n  <\/span>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67a3fae uael-button-halign-left uael-button-stack-mobile uael-mobile-button-halign-justify elementor-widget elementor-widget-uael-buttons\" data-id=\"67a3fae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-buttons.default\">\n\t\t\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"uael-dual-button-outer-wrap\">\n\t\t\t<div class=\"uael-dual-button-wrap\">\n\t\t\t\t\t\t\t\t<div class=\"uael-button-wrapper uael-dual-button elementor-widget-button elementor-repeater-item-23c8a0f uael-dual-button-0\">\n\t\t\t\t\t<a class=\"elementor-button-link elementor-button elementor-size-xl elementor-button-link elementor-animation-hang\" href=\"#project-contact\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper uael-buttons-icon-right\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-align-icon-right elementor-button-icon\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"miter\"><\/path><path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"miter\"><\/path><\/svg>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text elementor-inline-editing\" data-elementor-setting-key=\"buttons.0.text\" data-elementor-inline-editing-toolbar=\"none\">Discuss your project<\/span>\n\t\t<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"uael-button-wrapper uael-dual-button elementor-widget-button elementor-repeater-item-7bef86e uael-dual-button-1\">\n\t\t\t\t\t<a class=\"elementor-button-link elementor-button elementor-size-xl elementor-button-link elementor-animation-hang\" href=\"#manufacturing\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper uael-buttons-icon-right elementor-button-content-wrapper uael-buttons-icon-\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-align-icon- elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text elementor-inline-editing\" data-elementor-setting-key=\"buttons.1.text\" data-elementor-inline-editing-toolbar=\"none\">review our capabilites<\/span>\n\t\t<\/span>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-067eb51 e-con-full hk-hero-visual e-flex e-con e-child\" data-id=\"067eb51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-448e1c7 e-con-full hk-image-card e-flex e-con e-child\" data-id=\"448e1c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8accbe2 hk-team-image bdt-image-hover-effect-wrap bdt-image-hover-effect-1 elementor-widget elementor-widget-image\" data-id=\"8accbe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"1152\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled.jpg\" class=\"attachment-full size-full wp-image-10499\" alt=\"hongkai group\" srcset=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled.jpg 2048w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-1024x576.jpg 1024w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-768x432.jpg 768w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-1536x864.jpg 1536w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-18x10.jpg 18w, https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled-700x394.jpg 700w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bcd85b2 hk-image-caption elementor-widget elementor-widget-html\" data-id=\"bcd85b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<span>REAL TEAM \u00b7 REAL MANUFACTURING<\/span>\n<strong>Guangdong HONGKAI equipment team<\/strong>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0989e0c hk-tag-manufactured elementor-widget elementor-widget-html\" data-id=\"0989e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\tManufactured by HONGKAI\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29a99ce hk-tag-global elementor-widget elementor-widget-html\" data-id=\"29a99ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\tGlobal Project Coordination\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-898d92d hk-project-index elementor-widget elementor-widget-html\" data-id=\"898d92d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<span>HK<\/span>\n<b>PROJECT \/ 01<\/b>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7562540 e-flex e-con-boxed e-con e-parent\" data-id=\"7562540\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-140958b elementor-widget elementor-widget-html\" data-id=\"140958b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t<!-- HONGKAI \/ ABOUT HERO PROOF STRIP -->\n<div class=\"hk-about-proof-v4\">\n\n  <a class=\"hk-proof-item-v4\" href=\"#scope\">\n    <span class=\"hk-proof-number-v4\">01<\/span>\n    <strong>Core equipment manufactured by HONGKAI<\/strong>\n    <span class=\"hk-proof-arrow-v4\" aria-hidden=\"true\">\u2198<\/span>\n  <\/a>\n\n  <a class=\"hk-proof-item-v4\" href=\"#sources\">\n    <span class=\"hk-proof-number-v4\">02<\/span>\n    <strong>Specialist machinery transparently sourced<\/strong>\n    <span class=\"hk-proof-arrow-v4\" aria-hidden=\"true\">\u2198<\/span>\n  <\/a>\n\n  <a class=\"hk-proof-item-v4\" href=\"#process\">\n    <span class=\"hk-proof-number-v4\">03<\/span>\n    <strong>One coordinated international project<\/strong>\n    <span class=\"hk-proof-arrow-v4\" aria-hidden=\"true\">\u2198<\/span>\n  <\/a>\n\n<\/div>\n\n<style>\n\/* =========================================\n   HONGKAI ABOUT HERO PROOF STRIP\n========================================= *\/\n\n.hk-about-proof-v4,\n.hk-about-proof-v4 * {\n  box-sizing: border-box;\n}\n\n.hk-about-proof-v4 {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  width: 100%;\n  margin: 0 auto;\n\n  overflow: hidden;\n\n  border: 1px solid #D5E1EB;\n  border-radius: 16px 16px 0 0;\n\n  background: rgba(255, 255, 255, 0.82);\n\n  box-shadow:\n    0 -8px 30px rgba(16, 42, 67, 0.035),\n    0 12px 36px rgba(16, 42, 67, 0.04);\n\n  -webkit-backdrop-filter: blur(12px) saturate(135%);\n  backdrop-filter: blur(12px) saturate(135%);\n\n  font-family: \"Roboto\", Arial, sans-serif;\n}\n\n\/* \u5355\u4e2a\u9009\u9879 *\/\n\n.hk-proof-item-v4 {\n  position: relative;\n\n  display: grid;\n  grid-template-columns: 44px minmax(0, 1fr) 28px;\n  gap: 18px;\n  align-items: center;\n\n  min-width: 0;\n  min-height: 132px;\n  padding: 26px 30px;\n\n  border-right: 1px solid #D5E1EB;\n\n  color: #102A43;\n  text-decoration: none !important;\n\n  transition:\n    background-color 0.22s ease,\n    color 0.22s ease,\n    transform 0.22s ease;\n}\n\n.hk-proof-item-v4:last-child {\n  border-right: 0;\n}\n\n\/* \u9876\u90e8\u4ea4\u4e92\u7ebf\u6761 *\/\n\n.hk-proof-item-v4::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n\n  height: 3px;\n\n  background: linear-gradient(\n    90deg,\n    #1677C8 0%,\n    #33A0E8 55%,\n    transparent 100%\n  );\n\n  content: \"\";\n\n  transform: scaleX(0);\n  transform-origin: left center;\n\n  transition: transform 0.3s ease;\n}\n\n\/* \u7f16\u53f7 *\/\n\n.hk-proof-number-v4 {\n  color: #1677C8;\n\n  font-family: \"Roboto Mono\", Consolas, monospace;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: 0.04em;\n}\n\n\/* \u6807\u9898 *\/\n\n.hk-proof-item-v4 strong {\n  display: block;\n\n  max-width: 330px;\n  margin: 0;\n\n  color: #102A43;\n\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: clamp(16px, 1.25vw, 19px);\n  font-weight: 700;\n  line-height: 1.38;\n  letter-spacing: -0.02em;\n}\n\n\/* \u7bad\u5934 *\/\n\n.hk-proof-arrow-v4 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #1677C8;\n\n  font-family: Arial, sans-serif;\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1;\n\n  transition: transform 0.22s ease;\n}\n\n\/* \u60ac\u505c\u6548\u679c *\/\n\n.hk-proof-item-v4:hover {\n  background: rgba(234, 244, 252, 0.66);\n  color: #1677C8;\n}\n\n.hk-proof-item-v4:hover::before {\n  transform: scaleX(1);\n}\n\n.hk-proof-item-v4:hover .hk-proof-arrow-v4 {\n  transform: translate(4px, 4px);\n}\n\n\/* \u952e\u76d8\u64cd\u4f5c *\/\n\n.hk-proof-item-v4:focus-visible {\n  z-index: 2;\n\n  outline: 3px solid rgba(22, 119, 200, 0.25);\n  outline-offset: -3px;\n}\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1024px) {\n  .hk-proof-item-v4 {\n    grid-template-columns: 34px minmax(0, 1fr) 24px;\n    gap: 12px;\n\n    min-height: 120px;\n    padding: 22px 20px;\n  }\n\n  .hk-proof-item-v4 strong {\n    font-size: 15px;\n  }\n\n  .hk-proof-arrow-v4 {\n    font-size: 19px;\n  }\n}\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n  .hk-about-proof-v4 {\n    grid-template-columns: 1fr;\n\n    border-radius: 12px;\n  }\n\n  .hk-proof-item-v4 {\n    grid-template-columns: 34px minmax(0, 1fr) 24px;\n\n    min-height: 82px;\n    padding: 18px 17px;\n\n    border-right: 0;\n    border-bottom: 1px solid #D5E1EB;\n  }\n\n  .hk-proof-item-v4:last-child {\n    border-bottom: 0;\n  }\n\n  .hk-proof-number-v4 {\n    font-size: 10px;\n  }\n\n  .hk-proof-item-v4 strong {\n    max-width: none;\n\n    font-size: 14px;\n    line-height: 1.4;\n  }\n\n  .hk-proof-arrow-v4 {\n    font-size: 18px;\n  }\n}\n\n\/* \u51cf\u5c11\u52a8\u6001\u6548\u679c *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-proof-item-v4,\n  .hk-proof-item-v4::before,\n  .hk-proof-arrow-v4 {\n    transition: none !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9df8668 e-con-full hk-trust-journey-wrap e-flex e-con e-parent\" data-id=\"9df8668\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7072abb elementor-widget elementor-widget-html\" data-id=\"7072abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI ABOUT \/ TRUST JOURNEY STICKY NAV \/ V8\n     Paste this entire file into ONE Elementor HTML widget.\n     The widget's OUTER container must use the companion CSS.\n========================================================== -->\n\n<div class=\"hk-about-page-progress-v8\" aria-hidden=\"true\">\n  <span><\/span>\n<\/div>\n\n<nav class=\"hk-about-journey-v8\" aria-label=\"About page trust journey\">\n  <div class=\"hk-about-journey-inner-v8\">\n    <span class=\"hk-about-journey-label-v8\">TRUST JOURNEY<\/span>\n\n    <div class=\"hk-about-journey-links-v8\">\n      <a href=\"#who-we-are\" data-hk-about-journey-link>Who We Are<\/a>\n      <a href=\"#development\" data-hk-about-journey-link>Development<\/a>\n      <a href=\"#how-we-work\" data-hk-about-journey-link>Process<\/a>\n      <a href=\"#strengths\" data-hk-about-journey-link>Strengths<\/a>\n      <a href=\"#manufacturing\" data-hk-about-journey-link>Evidence<\/a>\n      <a href=\"#team\" data-hk-about-journey-link>Team<\/a>\n      <a href=\"#projects\" data-hk-about-journey-link>Projects<\/a>\n      <a href=\"#values\" data-hk-about-journey-link>Values<\/a>\n    <\/div>\n\n    <a class=\"hk-about-journey-cta-v8\" href=\"#contact\">\n      Start a Project <span aria-hidden=\"true\">&#8599;<\/span>\n    <\/a>\n  <\/div>\n<\/nav>\n\n<style>\n\/* ---------- LOCAL RESET ---------- *\/\n.hk-about-journey-v8,\n.hk-about-journey-v8 * {\n  box-sizing: border-box;\n}\n\n.hk-about-journey-v8 a {\n  text-decoration: none !important;\n}\n\n\/* ---------- FULL-PAGE SCROLL PROGRESS ---------- *\/\n.hk-about-page-progress-v8 {\n  position: fixed !important;\n  z-index: 999999 !important;\n  top: 0 !important;\n  right: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  height: 3px !important;\n  overflow: hidden !important;\n  background: transparent !important;\n  pointer-events: none !important;\n}\n\n.hk-about-page-progress-v8 > span {\n  display: block !important;\n  width: 100% !important;\n  height: 100% !important;\n  background: linear-gradient(\n    90deg,\n    #1677C8 0%,\n    #33A0E8 55%,\n    #E16A47 100%\n  ) !important;\n  box-shadow: 0 0 10px rgba(22, 119, 200, .28);\n  transform: scaleX(0);\n  transform-origin: left center;\n  transition: transform 80ms linear;\n  will-change: transform;\n}\n\n\/* ---------- GLASS NAV BAR ---------- *\/\n.hk-about-journey-v8 {\n  position: relative;\n  width: 100%;\n  min-height: 54px;\n  margin: 0;\n  padding: 0 !important;\n  border-top: 0;\n  border-bottom: 1px solid rgba(16, 42, 67, .07);\n  background: rgba(255, 255, 255, .64);\n  box-shadow: 0 8px 24px rgba(16, 42, 67, .035);\n  -webkit-backdrop-filter: blur(12px) saturate(135%);\n  backdrop-filter: blur(12px) saturate(135%);\n}\n\n.hk-about-journey-inner-v8 {\n  display: flex;\n  width: min(1200px, calc(100% - 56px));\n  min-height: 54px;\n  margin: 0 auto;\n  padding: 0;\n  gap: 20px;\n  align-items: center;\n}\n\n.hk-about-journey-label-v8 {\n  flex: 0 0 auto;\n  color: #8290A4;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: .10em;\n  white-space: nowrap;\n}\n\n.hk-about-journey-links-v8 {\n  display: flex;\n  min-width: 0;\n  flex: 1 1 auto;\n  align-self: stretch;\n  justify-content: flex-start;\n  gap: 3px;\n}\n\n.hk-about-journey-links-v8 a {\n  position: relative;\n  display: inline-flex;\n  min-height: 54px;\n  padding: 0 9px;\n  flex: 0 0 auto;\n  align-items: center;\n  color: #53627A !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1;\n  white-space: nowrap;\n  transition: color 180ms ease;\n}\n\n.hk-about-journey-links-v8 a::after {\n  position: absolute;\n  right: 9px;\n  bottom: -1px;\n  left: 9px;\n  height: 2px;\n  border-radius: 0;\n  background: #1677C8;\n  content: \"\";\n  opacity: 0;\n  transform: scaleX(.3);\n  transform-origin: center;\n  transition: opacity 180ms ease, transform 180ms ease;\n}\n\n.hk-about-journey-links-v8 a:hover,\n.hk-about-journey-links-v8 a:focus-visible,\n.hk-about-journey-links-v8 a.is-active,\n.hk-about-journey-links-v8 a[aria-current=\"location\"] {\n  color: #1677C8 !important;\n}\n\n.hk-about-journey-links-v8 a:hover::after,\n.hk-about-journey-links-v8 a.is-active::after,\n.hk-about-journey-links-v8 a[aria-current=\"location\"]::after {\n  opacity: 1;\n  transform: scaleX(1);\n}\n\n.hk-about-journey-cta-v8 {\n  display: inline-flex;\n  min-height: auto;\n  padding: 0;\n  flex: 0 0 auto;\n  gap: 7px;\n  align-items: center;\n  color: #E16A47 !important;\n  font-family: \"Roboto\", Arial, sans-serif;\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1;\n  white-space: nowrap;\n}\n\n.hk-about-journey-cta-v8 > span {\n  display: inline;\n  width: auto;\n  height: auto;\n  margin: 0;\n  font: inherit;\n  line-height: inherit;\n  transform: none;\n  transition: transform 180ms ease;\n}\n\n.hk-about-journey-cta-v8:hover > span,\n.hk-about-journey-cta-v8:focus-visible > span {\n  transform: translate(3px, -3px);\n}\n\n\/* Anchor targets stay visible below the header + sticky journey bar. *\/\n#who-we-are,\n#development,\n#how-we-work,\n#strengths,\n#manufacturing,\n#team,\n#projects,\n#values,\n#contact {\n  scroll-margin-top: 154px;\n}\n\n\/* ---------- TABLET ---------- *\/\n@media (max-width: 1120px) {\n  .hk-about-journey-label-v8 {\n    display: none;\n  }\n}\n\n@media (max-width: 860px) {\n  .hk-about-journey-v8 {\n    overflow: hidden;\n  }\n\n  .hk-about-journey-inner-v8 {\n    width: 100%;\n    min-height: 52px;\n    padding: 0;\n    gap: 0;\n    overflow: hidden;\n  }\n\n  .hk-about-journey-links-v8 {\n    width: 100%;\n    justify-content: flex-start;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0 38px 0 14px;\n    scroll-padding-left: 14px;\n    scrollbar-width: none;\n    scroll-snap-type: x proximity;\n    overscroll-behavior-x: contain;\n    touch-action: pan-x;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .hk-about-journey-links-v8::-webkit-scrollbar {\n    display: none;\n  }\n\n  .hk-about-journey-links-v8 a {\n    min-height: 52px;\n    flex: 0 0 auto;\n    scroll-snap-align: start;\n  }\n\n  .hk-about-journey-cta-v8 {\n    display: none;\n  }\n\n  #who-we-are,\n  #development,\n  #how-we-work,\n  #strengths,\n  #manufacturing,\n  #team,\n  #projects,\n  #values,\n  #contact {\n    scroll-margin-top: 134px;\n  }\n}\n\n\/* ---------- MOBILE ---------- *\/\n@media (max-width: 620px) {\n  .hk-about-journey-v8,\n  .hk-about-journey-inner-v8,\n  .hk-about-journey-links-v8 a {\n    min-height: 48px;\n  }\n\n  .hk-about-journey-links-v8 {\n    padding: 0 38px 0 14px;\n  }\n\n  .hk-about-journey-links-v8 a {\n    padding: 0 12px;\n    font-size: 10px;\n  }\n\n  .hk-about-journey-links-v8 a::after {\n    right: 12px;\n    left: 12px;\n  }\n\n  #who-we-are,\n  #development,\n  #how-we-work,\n  #strengths,\n  #manufacturing,\n  #team,\n  #projects,\n  #values,\n  #contact {\n    scroll-margin-top: 116px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-page-progress-v8 > span,\n  .hk-about-journey-links-v8 a,\n  .hk-about-journey-links-v8 a::after {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(() => {\n  const initialize = () => {\n  const nav = document.querySelector(\".hk-about-journey-v8:not([data-hk-ready])\");\n  if (!nav) return;\n  nav.setAttribute(\"data-hk-ready\", \"true\");\n\n  const progressElement = document.querySelector(\".hk-about-page-progress-v8\");\n\n  if (progressElement && progressElement.parentElement !== document.body) {\n    document.body.appendChild(progressElement);\n  }\n\n  const progress = progressElement\n    ? progressElement.querySelector(\"span\")\n    : null;\n  const linksWrap = nav.querySelector(\".hk-about-journey-links-v8\");\n  const links = Array.from(nav.querySelectorAll(\"[data-hk-about-journey-link]\"));\n  const sections = links\n    .map((link) => {\n      const href = link.getAttribute(\"href\");\n      return href && href.charAt(0) === \"#\" ? document.querySelector(href) : null;\n    })\n    .filter(Boolean);\n\n  let previousActiveId = \"\";\n\n  const centerMobileLink = (link, id) => {\n    if (!linksWrap || !link || id === previousActiveId || window.innerWidth > 860) {\n      previousActiveId = id;\n      return;\n    }\n\n    previousActiveId = id;\n    const left = link.offsetLeft - (linksWrap.clientWidth - link.offsetWidth) \/ 2;\n    linksWrap.scrollTo({ left: Math.max(0, left), behavior: \"smooth\" });\n  };\n\n  const setActiveLink = () => {\n    if (!sections.length) return;\n\n    const marker = window.scrollY + Math.min(220, window.innerHeight * .30);\n    let currentId = sections[0].id;\n\n    sections.forEach((section) => {\n      const sectionTop = section.getBoundingClientRect().top + window.scrollY;\n      if (sectionTop <= marker) currentId = section.id;\n    });\n\n    links.forEach((link) => {\n      const isActive = link.getAttribute(\"href\") === \"#\" + currentId;\n      link.classList.toggle(\"is-active\", isActive);\n\n      if (isActive) {\n        link.setAttribute(\"aria-current\", \"location\");\n        centerMobileLink(link, currentId);\n      } else {\n        link.removeAttribute(\"aria-current\");\n      }\n    });\n  };\n\n  const updateProgress = () => {\n    if (!progress) return;\n    const maxScroll = Math.max(\n      1,\n      document.documentElement.scrollHeight - window.innerHeight\n    );\n    const ratio = Math.min(1, Math.max(0, window.scrollY \/ maxScroll));\n    progress.style.transform = \"scaleX(\" + ratio + \")\";\n  };\n\n  let ticking = false;\n  const update = () => {\n    updateProgress();\n    setActiveLink();\n    ticking = false;\n  };\n\n  const requestUpdate = () => {\n    if (ticking) return;\n    ticking = true;\n    window.requestAnimationFrame(update);\n  };\n\n  window.addEventListener(\"scroll\", requestUpdate, { passive: true });\n  window.addEventListener(\"resize\", requestUpdate, { passive: true });\n  requestUpdate();\n  };\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initialize);\n  } else {\n    initialize();\n  }\n\n  window.addEventListener(\"elementor\/frontend\/init\", () => {\n    window.setTimeout(initialize, 250);\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60f1a8a hk-identity-section-v6 e-flex e-con-boxed e-con e-parent\" data-id=\"60f1a8a\" data-element_type=\"container\" data-e-type=\"container\" id=\"identity\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7adc147 elementor-widget elementor-widget-html\" data-id=\"7adc147\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 01 \u00b7 COMPANY PROFILE \/ WHO WE ARE\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and reveal interaction are included.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-navy: #102a43;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections a:focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-profile { background: var(--hk-white); }\n\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  font-weight: 800;\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-v5-lead p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.82;\n}\n.hk-about-v52-sections .hk-v5-lead p + p { margin-top: 18px; }\n\n.hk-about-v52-sections .hk-profile-layout {\n  display: grid;\n  grid-template-columns: minmax(320px, .76fr) minmax(0, 1.24fr);\n  gap: 18px;\n  align-items: stretch;\n}\n\n.hk-about-v52-sections .hk-fact-card {\n  margin: 0;\n  padding: 18px 30px;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: var(--hk-soft);\n  box-shadow: 0 16px 38px rgba(16,42,67,.05);\n}\n.hk-about-v52-sections .hk-fact-card > div {\n  display: grid;\n  min-height: 74px;\n  padding: 16px 0;\n  grid-template-columns: 140px minmax(0, 1fr);\n  gap: 22px;\n  align-items: center;\n  border-bottom: 1px solid var(--hk-line);\n}\n.hk-about-v52-sections .hk-fact-card > div:last-child { border-bottom: 0; }\n.hk-about-v52-sections .hk-fact-card dt {\n  color: #7a899d;\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n.hk-about-v52-sections .hk-fact-card dd {\n  margin: 0;\n  color: var(--hk-navy);\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n}\n.hk-about-v52-sections .hk-fact-card a { color: var(--hk-blue); }\n\n.hk-about-v52-sections .hk-business-entries {\n  display: grid;\n  gap: 12px;\n}\n.hk-about-v52-sections .hk-business-entries > a {\n  position: relative;\n  display: grid;\n  min-height: 132px;\n  padding: 24px 64px 22px 26px;\n  align-content: center;\n  border: 1px solid var(--hk-line);\n  border-radius: 14px;\n  background: var(--hk-white);\n  box-shadow: 0 10px 30px rgba(16,42,67,.045);\n  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;\n}\n.hk-about-v52-sections .hk-business-entries > a:hover {\n  border-color: #b5d5ea;\n  box-shadow: 0 18px 38px rgba(16,42,67,.09);\n  transform: translateX(5px);\n}\n.hk-about-v52-sections .hk-business-entries small {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-v52-sections .hk-business-entries strong {\n  margin-top: 8px;\n  color: var(--hk-navy);\n  font-size: clamp(18px, 1.7vw, 23px);\n  line-height: 1.3;\n}\n.hk-about-v52-sections .hk-entry-description {\n  margin-top: 7px;\n  color: var(--hk-muted);\n  font-size: 14px;\n  line-height: 1.55;\n}\n.hk-about-v52-sections .hk-entry-arrow {\n  position: absolute;\n  top: 50%;\n  right: 25px;\n  color: var(--hk-blue);\n  font-size: 20px;\n  line-height: 1;\n  transform: translateY(-50%);\n}\n\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading {\n    grid-template-columns: 1fr;\n    gap: 27px;\n  }\n  .hk-about-v52-sections .hk-profile-layout { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading { margin-bottom: 38px; }\n  .hk-about-v52-sections .hk-v5-heading h2 {\n    font-size: clamp(33px, 9.4vw, 44px);\n    overflow-wrap: anywhere;\n  }\n  .hk-about-v52-sections .hk-v5-lead p {\n    font-size: 15px;\n    line-height: 1.75;\n  }\n  .hk-about-v52-sections .hk-fact-card { padding: 12px 20px; }\n  .hk-about-v52-sections .hk-fact-card > div {\n    min-height: 0;\n    grid-template-columns: 1fr;\n    gap: 4px;\n  }\n  .hk-about-v52-sections .hk-business-entries > a {\n    min-height: 142px;\n    padding: 24px 50px 22px 22px;\n  }\n  .hk-about-v52-sections .hk-business-entries > a:hover { transform: none; }\n  .hk-about-v52-sections .hk-business-entries strong { font-size: 20px; }\n  .hk-about-v52-sections .hk-entry-arrow { right: 19px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-business-entries > a { padding-right: 44px; }\n  .hk-about-v52-sections .hk-section-tag { align-items: flex-start; }\n  .hk-about-v52-sections .hk-section-tag b { padding-top: 4px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"who-we-are\">\n  <section class=\"hk-section hk-profile\" id=\"who-we-are\" aria-labelledby=\"who-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>01<\/span><b>COMPANY PROFILE \u00b7 WHO WE ARE<\/b><\/div>\n          <h2 id=\"who-title\">Manufacturing, integration and international service\u2014clearly connected.<\/h2>\n        <\/div>\n        <div class=\"hk-v5-lead\">\n          <p>HONGKAI Cable Machinery serves cable manufacturers, new-factory investors, engineering companies and industrial partners planning fiber optic, LAN and low-voltage cable production.<\/p>\n          <p>HONGKAI connects confirmed core-equipment manufacturing with suitable specialist resources and one international project contact. The exact equipment source, technical scope and responsibility path are defined for each project.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hk-profile-layout\">\n        <dl class=\"hk-fact-card hk-reveal\" aria-label=\"HONGKAI company facts\">\n          <div><dt>Brand<\/dt><dd>HONGKAI Cable Machinery<\/dd><\/div>\n          <div><dt>International operations<\/dt><dd>Peter He \u00b7 HONGKAI international project team<\/dd><\/div>\n          <div><dt>Core manufacturing<\/dt><dd>Engineering, assembly, controls and testing within the confirmed HONGKAI scope<\/dd><\/div>\n          <div><dt>Main fields<\/dt><dd>Fiber Optic \u00b7 LAN \u00b7 Low-Voltage Cable<\/dd><\/div>\n          <div><dt>Project contact<\/dt><dd><a href=\"mailto:peter@hkcablemachine.com\">peter@hkcablemachine.com<\/a><\/dd><\/div>\n        <\/dl>\n\n        <div class=\"hk-business-entries hk-reveal\" aria-label=\"Three HONGKAI business entry points\">\n          <a href=\"https:\/\/hkcablemachine.com\/cable-machinery-production-lines\/#machinery\">\n            <small>BUSINESS ENTRY 01<\/small>\n            <strong>Cable Machinery &amp; Production Lines<\/strong>\n            <span class=\"hk-entry-description\">Plan equipment and complete production capacity<\/span>\n            <span class=\"hk-entry-arrow\" aria-hidden=\"true\">&#8599;&#65038;<\/span>\n          <\/a>\n          <a href=\"https:\/\/hkcablemachine.com\/cable-machinery-production-lines\/#finished-cables\">\n            <small>BUSINESS ENTRY 02<\/small>\n            <strong>Finished Fiber Optic Cables<\/strong>\n            <span class=\"hk-entry-description\">Review the current finished optical-cable path<\/span>\n            <span class=\"hk-entry-arrow\" aria-hidden=\"true\">&#8599;&#65038;<\/span>\n          <\/a>\n          <a href=\"https:\/\/hkcablemachine.com\/cable-machinery-production-lines\/#raw-materials\">\n            <small>BUSINESS ENTRY 03<\/small>\n            <strong>Materials, Spare Parts &amp; Supporting Resources<\/strong>\n            <span class=\"hk-entry-description\">Coordinate matched materials and operating resources<\/span>\n            <span class=\"hk-entry-arrow\" aria-hidden=\"true\">&#8599;&#65038;<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const script = document.currentScript;\n  const root = script && script.previousElementSibling && script.previousElementSibling.matches(\"[data-hk-about-section-widget]\")\n    ? script.previousElementSibling\n    : null;\n  if (!root || root.dataset.hkInitialized === \"true\") return;\n  root.dataset.hkInitialized = \"true\";\n  root.classList.add(\"is-js\");\n\n  const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        currentObserver.unobserve(entry.target);\n      });\n    }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n    revealItems.forEach((item) => observer.observe(item));\n  } else {\n    revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96f7b65 e-con-full hk-capabilities-section-v6 e-flex e-con e-parent\" data-id=\"96f7b65\" data-element_type=\"container\" data-e-type=\"container\" id=\"capabilities\">\n\t\t\t\t<div class=\"elementor-element elementor-element-988b486 elementor-widget elementor-widget-html\" data-id=\"988b486\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 02 \u00b7 OUR DEVELOPMENT\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n  Five real-image slots are written as direct <img> elements so Elementor's\n  editor and front end render them consistently.\n\n  IMPORTANT BEFORE LIVE PUBLISHING\n  - Verify the 2005 date against company records.\n  - The first image is representative manufacturing evidence, not a claim\n    that the photograph itself was taken in 2005. Replace it with a verified\n    early workshop \/ equipment \/ document photo when available.\n  - Confirm project-photo publication permission and captions.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 02 \u00b7 DEVELOPMENT *\/\n.hk-about-v52-sections .hk-development { background: var(--hk-soft); }\n.hk-about-v52-sections .hk-history-list {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  gap: 18px;\n  list-style: none;\n}\n.hk-about-v52-sections .hk-history-item {\n  display: grid;\n  min-width: 0;\n  grid-template-columns: 84px minmax(0, 1fr);\n  gap: 18px;\n}\n.hk-about-v52-sections .hk-history-rail {\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.hk-about-v52-sections .hk-history-rail::after {\n  position: absolute;\n  z-index: 0;\n  top: 46px;\n  bottom: -18px;\n  left: 50%;\n  width: 1px;\n  background: linear-gradient(var(--hk-blue), rgba(22,119,200,.08));\n  content: \"\";\n}\n.hk-about-v52-sections .hk-history-item:last-child .hk-history-rail::after { display: none; }\n.hk-about-v52-sections .hk-history-rail span {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  min-width: 54px;\n  height: 44px;\n  padding: 0 8px;\n  place-items: center;\n  border: 1px solid #bdd7e9;\n  border-radius: 10px;\n  background: var(--hk-white);\n  color: var(--hk-blue);\n  font: 700 9px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-history-card {\n  display: grid;\n  min-width: 0;\n  min-height: 320px;\n  grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);\n  overflow: hidden;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: var(--hk-white);\n  box-shadow: 0 18px 46px rgba(16,42,67,.055);\n}\n.hk-about-v52-sections .hk-history-media {\n  position: relative;\n  min-height: 320px;\n  margin: 0;\n  overflow: hidden;\n  background: #dce4ea;\n}\n.hk-about-v52-sections .hk-history-media::after {\n  position: absolute;\n  z-index: 1;\n  inset: 42% 0 0;\n  background: linear-gradient(180deg, transparent, rgba(7, 22, 38, .78));\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections .hk-history-media.is-placeholder {\n  display: grid;\n  padding: 30px;\n  place-items: center;\n  background:\n    linear-gradient(135deg, rgba(22,119,200,.08), rgba(255,255,255,.86)),\n    repeating-linear-gradient(135deg, transparent 0 16px, rgba(22,119,200,.06) 16px 17px);\n}\n.hk-about-v52-sections :is(.hk-history-media, .hk-director-photo, .hk-project-card figure) > img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.hk-about-v52-sections .hk-history-media > img {\n  transition: transform .45s ease;\n}\n.hk-about-v52-sections .hk-history-card:hover .hk-history-media > img {\n  transform: scale(1.025);\n}\n.hk-about-v52-sections .hk-history-media.is-foundation > img { object-position: 50% 48%; }\n.hk-about-v52-sections .hk-history-media.is-international > img { object-position: 50% 56%; }\n.hk-about-v52-sections .hk-history-media.is-complete-line > img { object-position: 50% 50%; }\n.hk-about-v52-sections .hk-history-media.is-integration > img { object-position: 50% 50%; }\n.hk-about-v52-sections .hk-history-media.is-current > img { object-position: 50% 64%; }\n.hk-about-v52-sections .hk-history-caption {\n  position: absolute;\n  z-index: 2;\n  right: 24px;\n  bottom: 22px;\n  left: 24px;\n  display: grid;\n  gap: 5px;\n  color: var(--hk-white);\n}\n.hk-about-v52-sections .hk-history-caption span {\n  color: #8bd0ff;\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-v52-sections .hk-history-caption strong {\n  font-size: 16px;\n  line-height: 1.35;\n}\n.hk-about-v52-sections .hk-history-caption small {\n  color: rgba(255, 255, 255, .76);\n  font-size: 11px;\n  line-height: 1.45;\n}\n.hk-about-v52-sections .hk-image-placeholder {\n  display: grid;\n  width: 100%;\n  max-width: 300px;\n  gap: 8px;\n  text-align: left;\n}\n.hk-about-v52-sections .hk-image-placeholder b {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-image-placeholder strong {\n  color: var(--hk-navy);\n  font-size: 19px;\n  line-height: 1.35;\n}\n.hk-about-v52-sections .hk-image-placeholder small {\n  color: var(--hk-muted);\n  font-size: 12px;\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n}\n.hk-about-v52-sections .hk-history-copy {\n  display: flex;\n  min-width: 0;\n  padding: 32px 34px;\n  flex-direction: column;\n  justify-content: center;\n}\n.hk-about-v52-sections .hk-history-copy > small {\n  color: var(--hk-blue);\n  font: 700 9px\/1.45 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-history-copy h3 {\n  margin: 18px 0 12px;\n  font-size: clamp(23px, 2.2vw, 31px);\n  line-height: 1.2;\n}\n.hk-about-v52-sections .hk-history-copy > p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 15px;\n  line-height: 1.72;\n}\n.hk-about-v52-sections .hk-history-proof {\n  margin-top: 22px;\n  padding: 14px 16px;\n  overflow: hidden;\n  border-left: 3px solid var(--hk-orange);\n  background: #f7f9fb;\n}\n.hk-about-v52-sections .hk-history-proof.is-current {\n  border-left-color: var(--hk-blue);\n  background: var(--hk-blue-soft);\n}\n.hk-about-v52-sections .hk-history-proof > span {\n  display: block;\n  margin-bottom: 7px;\n  color: #8b5e50;\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-history-proof.is-current > span { color: var(--hk-blue); }\n.hk-about-v52-sections .hk-history-proof > strong {\n  display: block;\n  color: #536176;\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n\/*\n  Scoped safeguards: each separated Elementor widget carries the shared About\n  CSS. These selectors prevent a later section widget from restoring the old\n  Section 02 card dimensions.\n*\/\n.hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-card {\n  min-height: 320px;\n  grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-media {\n  min-height: 320px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-proof {\n  padding: 14px 16px;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-card {\n    grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr);\n  }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-caption { right: 18px; bottom: 16px; left: 18px; }\n  .hk-about-v52-sections .hk-history-caption strong { font-size: 15px; }\n  .hk-about-v52-sections .hk-history-caption small { font-size: 10px; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-card {\n    min-height: 0;\n    grid-template-columns: 1fr;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"development\"] .hk-history-media {\n    min-height: 0;\n    aspect-ratio: 16 \/ 10;\n  }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"development\">\n  <section class=\"hk-section hk-development\" id=\"development\" aria-labelledby=\"development-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>02<\/span><b>OUR DEVELOPMENT<\/b><\/div>\n          <h2 id=\"development-title\">From manufacturing foundation to one international project team.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">HONGKAI\u2019s development reflects a transition from core optical cable equipment manufacturing to complete production-line integration and international project management.<\/p>\n      <\/div>\n\n      <ol class=\"hk-history-list\">\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>2005<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-foundation\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/HONGKAI.png\" width=\"1600\" height=\"1200\" alt=\"HONGKAI cable production equipment assembly work\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>MANUFACTURING RECORD<\/span><strong>Equipment assembly and manufacturing work<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>2005 \u00b7 MANUFACTURING FOUNDATION<\/small>\n              <h3>Manufacturing Foundation<\/h3>\n              <p>HONGKAI\u2019s manufacturing foundation dates back to 2005. Guangdong HONGKAI began developing and manufacturing equipment for optical-fiber-cable production in Guangdong, China.<\/p>\n              <div class=\"hk-history-proof\"><span>CAPABILITY ESTABLISHED<\/span><strong>Equipment engineering, assembly and practical production support became the basis for later production-line work.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>INTL<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-international\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/Inovacao-\u2013-Bluecom.png\" width=\"1080\" height=\"1440\" alt=\"HONGKAI cable equipment project team at an overseas customer factory\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>OVERSEAS PROJECT RECORD<\/span><strong>Equipment support at a customer production site<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>INTERNATIONAL MARKET DEVELOPMENT<\/small>\n              <h3>Serving Overseas Cable Projects<\/h3>\n              <p>As its cable-equipment work developed, HONGKAI gradually began serving overseas cable manufacturers and participating in international equipment and production-line projects.<\/p>\n              <div class=\"hk-history-proof\"><span>PROJECT ROLE EXPANDED<\/span><strong>Equipment supply expanded to include technical communication, testing and delivery coordination.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>LINE<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-complete-line\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\" width=\"1600\" height=\"1200\" alt=\"HONGKAI technicians setting up and testing connected cable production equipment\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>CONNECTED-LINE RECORD<\/span><strong>Equipment setup, interfaces and pre-delivery testing<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>COMPLETE-LINE DEVELOPMENT<\/small>\n              <h3>From Individual Machines to Connected Production Processes<\/h3>\n              <p>Project experience moved from individual machines toward complete-line planning around cable structure, production process, target output and factory conditions.<\/p>\n              <div class=\"hk-history-proof\"><span>LINE CAPABILITY DEVELOPED<\/span><strong>Process interfaces, equipment relationships, controls and connected-line testing became part of project definition.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>SPEC<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-integration\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"Electrical control cabinet integration for cable production machinery\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>ENGINEERING INTERFACE RECORD<\/span><strong>Electrical controls and equipment-interface integration<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>SPECIALIST EQUIPMENT INTEGRATION<\/small>\n              <h3>Building the Right Equipment Scope<\/h3>\n              <p>For supporting systems outside the confirmed core-manufacturing scope, HONGKAI developed a qualified specialist-manufacturing network for drawing, stranding, armouring, testing and related equipment.<\/p>\n              <div class=\"hk-history-proof\"><span>SCOPE BECAME TRANSPARENT<\/span><strong>Core HONGKAI manufacturing and specialist equipment could be identified and coordinated within one defined proposal.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n\n        <li class=\"hk-history-item hk-reveal\">\n          <div class=\"hk-history-rail\"><span>NOW<\/span><\/div>\n          <article class=\"hk-history-card\">\n            <figure class=\"hk-history-media is-current\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/HONGKAI-Group-scaled.jpg\" width=\"1024\" height=\"576\" alt=\"Current HONGKAI cable machinery manufacturing and international project team\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <figcaption class=\"hk-history-caption\"><span>CURRENT TEAM RECORD<\/span><strong>Manufacturing and international project resources<\/strong><\/figcaption>\n            <\/figure>\n            <div class=\"hk-history-copy\">\n              <small>CURRENT STAGE \u00b7 INTERNATIONAL PROJECT OPERATIONS<\/small>\n              <h3>One International Project Team<\/h3>\n              <p>Today, HONGKAI Cable Machinery combines core-equipment manufacturing, specialist-equipment integration, project coordination, delivery, installation support, spare parts and after-sales communication within one international project structure.<\/p>\n              <div class=\"hk-history-proof is-current\"><span>CURRENT OPERATING MODEL<\/span><strong>Core equipment manufacturing \u00b7 specialist equipment integration \u00b7 one coordinated international project team.<\/strong><\/div>\n            <\/div>\n          <\/article>\n        <\/li>\n      <\/ol>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const script = document.currentScript;\n  const root = script && script.previousElementSibling && script.previousElementSibling.matches(\"[data-hk-about-section-widget]\")\n    ? script.previousElementSibling\n    : null;\n  if (!root || root.dataset.hkInitialized === \"true\") return;\n  root.dataset.hkInitialized = \"true\";\n  root.classList.add(\"is-js\");\n\n  const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        currentObserver.unobserve(entry.target);\n      });\n    }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n    revealItems.forEach((item) => observer.observe(item));\n  } else {\n    revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-756f344 e-con-full hk-process-section-v6 e-flex e-con e-parent\" data-id=\"756f344\" data-element_type=\"container\" data-e-type=\"container\" id=\"process\">\n\t\t\t\t<div class=\"elementor-element elementor-element-979edb1 elementor-widget elementor-widget-html\" data-id=\"979edb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 03 \u00b7 HOW HONGKAI WORKS\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  display: block !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  flex: 0 0 auto !important;\n  align-self: stretch !important;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 03 \u00b7 PROCESS *\/\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process {\n  position: relative;\n  padding: clamp(88px, 7vw, 104px) 0;\n  overflow: hidden;\n  background: var(--hk-dark);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process::before {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(90deg, transparent 49.9%, rgba(139,208,255,.035) 50%, transparent 50.1%),\n    linear-gradient(rgba(139,208,255,.026) 1px, transparent 1px);\n  background-size: 100% 100%, 100% 70px;\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process .hk-shell { position: relative; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] :is(\n  .hk-process,\n  .hk-split-heading,\n  .hk-split-heading > div,\n  .hk-process-console,\n  .hk-process-flow,\n  .hk-process-principle\n) {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] :is(\n  h2,\n  h3,\n  p,\n  strong,\n  small,\n  b,\n  span\n) {\n  writing-mode: horizontal-tb !important;\n  word-break: normal !important;\n  overflow-wrap: normal !important;\n  hyphens: none !important;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading {\n  display: grid;\n  margin-bottom: 40px;\n  grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);\n  gap: clamp(44px, 7vw, 100px);\n  align-items: end;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading-light h2 { color: var(--hk-white); }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading-light .hk-heading-note { color: #aebbd0; }\n\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-console {\n  overflow: hidden;\n  border: 1px solid rgba(139,208,255,.27);\n  border-radius: 16px;\n  background: rgba(255,255,255,.025);\n  box-shadow: 0 24px 60px rgba(0,0,0,.14);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress {\n  padding: 14px 18px 13px;\n  border-bottom: 1px solid rgba(139,208,255,.18);\n  background: rgba(255,255,255,.035);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress > div {\n  display: flex;\n  margin-bottom: 9px;\n  align-items: center;\n  justify-content: space-between;\n  color: #82a2bc;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress > i {\n  display: block;\n  height: 3px;\n  overflow: hidden;\n  border-radius: 99px;\n  background: rgba(139,208,255,.18);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress > i span {\n  display: block;\n  width: 20%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, var(--hk-blue), var(--hk-blue-2) 78%, var(--hk-orange));\n  transition: width .28s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-flow {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  gap: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  min-width: 0;\n  min-height: 112px;\n  padding: 18px 18px 20px;\n  gap: 8px;\n  align-content: start;\n  border: 0;\n  border-right: 1px solid rgba(139,208,255,.18);\n  background: transparent;\n  color: var(--hk-white);\n  text-align: left;\n  cursor: pointer;\n  transition: background-color .2s ease, color .2s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-5 { border-right: 0; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab::after {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 3px;\n  background: var(--hk-blue-2);\n  content: \"\";\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .25s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab:hover,\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab[aria-expanded=\"true\"] {\n  background: rgba(51,160,232,.09);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab[aria-expanded=\"true\"]::after { transform: scaleX(1); }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > span {\n  color: #84caff;\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > small {\n  color: #7192ad;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > strong {\n  color: var(--hk-white);\n  font-size: 14px;\n  line-height: 1.35;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-1 { grid-column: 1; grid-row: 1; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-2 { grid-column: 2; grid-row: 1; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-3 { grid-column: 3; grid-row: 1; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-4 { grid-column: 4; grid-row: 1; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-5 { grid-column: 5; grid-row: 1; }\n\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel {\n  display: none;\n  min-width: 0;\n  min-height: 190px;\n  grid-row: 2;\n  grid-column: 1 \/ -1;\n  grid-template-columns: minmax(220px, 1.08fr) repeat(3, minmax(0, 1fr));\n  border-top: 1px solid rgba(139,208,255,.18);\n  background: rgba(255,255,255,.035);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel.is-active { display: grid; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel > div {\n  display: grid;\n  min-width: 0;\n  padding: 25px 24px;\n  gap: 9px;\n  align-content: center;\n  border-right: 1px solid rgba(139,208,255,.16);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel > div:last-child { border-right: 0; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel small {\n  color: #84caff;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel h3 {\n  margin-bottom: 0;\n  color: var(--hk-white);\n  font-size: clamp(21px, 2vw, 27px);\n  line-height: 1.22;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel p {\n  margin-bottom: 0;\n  color: #aebbd0;\n  font-size: 14px;\n  line-height: 1.65;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel .is-output {\n  background: linear-gradient(135deg, rgba(22,119,200,.11), rgba(51,160,232,.035));\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle {\n  display: grid;\n  margin-top: 16px;\n  padding: 19px 22px;\n  grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);\n  gap: 24px;\n  align-items: center;\n  border: 1px solid rgba(139,208,255,.22);\n  border-radius: 13px;\n  background: rgba(255,255,255,.035);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle small {\n  display: block;\n  margin-bottom: 5px;\n  color: #84caff;\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle strong {\n  color: var(--hk-white);\n  font-size: 14px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle p {\n  margin-bottom: 0;\n  color: #aebbd0;\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n\/* SECTION 03 \u00b7 COMPACT TABLET \/ MOBILE CONSOLE\n   Switch before the five desktop columns become too narrow. *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process {\n    padding: 72px 0;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading {\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 26px;\n    align-items: start;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-flow {\n    grid-template-columns: 1fr;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-1,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-2,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-3,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-4,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-5 {\n    min-height: 78px;\n    padding: 15px 17px;\n    grid-column: 1;\n    grid-row: auto;\n    grid-template-columns: 34px 82px minmax(0, 1fr);\n    gap: 10px;\n    align-items: center;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.16);\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > strong {\n    font-size: 15px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel {\n    min-height: 0;\n    grid-column: 1;\n    grid-row: auto;\n    grid-template-columns: 1fr;\n    border-top: 0;\n    border-bottom: 1px solid rgba(139,208,255,.20);\n    background: rgba(51,160,232,.075);\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel > div {\n    padding: 18px 19px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.13);\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel > div:last-child {\n    border-bottom: 0;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel h3 {\n    font-size: 21px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-panel p {\n    font-size: 14px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-principle {\n    padding: 19px;\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress {\n    padding: 13px 14px 12px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-work-progress > div {\n    font-size: 8px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-1,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-2,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-3,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-4,\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab.hk-step-5 {\n    grid-template-columns: 28px 70px minmax(0, 1fr);\n    padding: 14px;\n    gap: 8px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > small {\n    font-size: 8px;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-process-tab > strong {\n    font-size: 14px;\n  }\n}\n\n\/* ELEMENTOR MOBILE WIDTH GUARD\n   Prevent a desktop flex row from compressing this HTML widget to min-content. *\/\n@media (max-width: 767px) {\n  .elementor-widget-html:has(\n    .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"]\n  ),\n  .elementor-widget-html:has(\n    .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"]\n  ) > .elementor-widget-container,\n  .hk-how-work-widget-host,\n  .hk-how-work-widget-host > .elementor-widget-container {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    flex: 0 0 100% !important;\n    align-self: stretch !important;\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n\n  .e-con:has(\n    > .elementor-widget-html .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"]\n  ),\n  .e-con-inner:has(\n    > .elementor-widget-html .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"]\n  ),\n  .hk-how-work-widget-parent {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    flex-direction: column !important;\n    flex-wrap: nowrap !important;\n    align-items: stretch !important;\n  }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    flex-basis: 100% !important;\n  }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading h2 {\n    width: 100% !important;\n    max-width: none !important;\n    white-space: normal !important;\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n  }\n\n  .hk-about-v52-sections[data-hk-about-section-widget=\"how-we-work\"] .hk-split-heading {\n    gap: 22px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"how-we-work\">\n  <section class=\"hk-process\" id=\"how-we-work\" aria-labelledby=\"work-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-split-heading hk-split-heading-light hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>03<\/span><b>HOW HONGKAI WORKS<\/b><\/div>\n          <h2 id=\"work-title\">From cable requirement to stable production\u2014in five visible steps.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">Each stage defines the key decision, responsible party and expected output before the project moves forward.<\/p>\n      <\/div>\n\n      <div class=\"hk-process-console hk-reveal\">\n        <div class=\"hk-work-progress\" aria-label=\"Selected project stage\">\n          <div><span>ONE CONNECTED PROJECT ROUTE<\/span><b data-work-count>01 \/ 05<\/b><\/div>\n          <i aria-hidden=\"true\"><span data-work-bar><\/span><\/i>\n        <\/div>\n\n        <div class=\"hk-process-flow\" aria-label=\"HONGKAI five-step delivery process\">\n          <button class=\"hk-process-tab hk-step-1\" id=\"hk-work-tab-1\" type=\"button\" aria-expanded=\"true\" aria-controls=\"hk-work-panel-1\" data-work-tab>\n            <span>01<\/span><small>DEFINE<\/small><strong>Understand the Cable Product<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-1 is-active\" id=\"hk-work-panel-1\" role=\"region\" aria-labelledby=\"hk-work-tab-1\" data-work-panel>\n            <div><small>STEP 01 \u00b7 DEFINE<\/small><h3>Understand the Cable Product<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Cable structure, materials, standard, target output and factory conditions.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>Customer team and HONGKAI international project contact.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Confirmed project brief.<\/p><\/div>\n          <\/article>\n\n          <button class=\"hk-process-tab hk-step-2\" id=\"hk-work-tab-2\" type=\"button\" aria-expanded=\"false\" aria-controls=\"hk-work-panel-2\" tabindex=\"-1\" data-work-tab>\n            <span>02<\/span><small>ENGINEER<\/small><strong>Plan the Production Process<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-2\" id=\"hk-work-panel-2\" role=\"region\" aria-labelledby=\"hk-work-tab-2\" data-work-panel hidden>\n            <div><small>STEP 02 \u00b7 ENGINEER<\/small><h3>Plan the Production Process<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Process route, capacity balance, technical interfaces, utilities and layout.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>HONGKAI engineering and configuration resources.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Process and interface map.<\/p><\/div>\n          <\/article>\n\n          <button class=\"hk-process-tab hk-step-3\" id=\"hk-work-tab-3\" type=\"button\" aria-expanded=\"false\" aria-controls=\"hk-work-panel-3\" tabindex=\"-1\" data-work-tab>\n            <span>03<\/span><small>CONFIGURE<\/small><strong>Configure &amp; Source Equipment<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-3\" id=\"hk-work-panel-3\" role=\"region\" aria-labelledby=\"hk-work-tab-3\" data-work-panel hidden>\n            <div><small>STEP 03 \u00b7 CONFIGURE<\/small><h3>Configure &amp; Source Equipment<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Line scope, automation, equipment source, spare parts and installation plan.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>Confirmed HONGKAI manufacturing scope plus clearly identified specialist sources.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Proposal with a visible maker and responsibility map.<\/p><\/div>\n          <\/article>\n\n          <button class=\"hk-process-tab hk-step-4\" id=\"hk-work-tab-4\" type=\"button\" aria-expanded=\"false\" aria-controls=\"hk-work-panel-4\" tabindex=\"-1\" data-work-tab>\n            <span>04<\/span><small>VERIFY<\/small><strong>Manufacture, Test &amp; Deliver<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-4\" id=\"hk-work-panel-4\" role=\"region\" aria-labelledby=\"hk-work-tab-4\" data-work-panel hidden>\n            <div><small>STEP 04 \u00b7 VERIFY<\/small><h3>Manufacture, Test &amp; Deliver<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Acceptance points, inspection evidence, documentation and export preparation.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>Manufacturing, testing and international project-coordination teams.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Agreed inspection and delivery package.<\/p><\/div>\n          <\/article>\n\n          <button class=\"hk-process-tab hk-step-5\" id=\"hk-work-tab-5\" type=\"button\" aria-expanded=\"false\" aria-controls=\"hk-work-panel-5\" tabindex=\"-1\" data-work-tab>\n            <span>05<\/span><small>SUPPORT<\/small><strong>Installation, Training &amp; Support<\/strong>\n          <\/button>\n          <article class=\"hk-process-panel hk-step-5\" id=\"hk-work-panel-5\" role=\"region\" aria-labelledby=\"hk-work-tab-5\" data-work-panel hidden>\n            <div><small>STEP 05 \u00b7 SUPPORT<\/small><h3>Installation, Training &amp; Support<\/h3><\/div>\n            <div><small>DECISION<\/small><p>Installation scope, commissioning, operator training and service workflow.<\/p><\/div>\n            <div><small>RESPONSIBLE<\/small><p>International project contact and the agreed technical resources.<\/p><\/div>\n            <div class=\"is-output\"><small>OUTPUT<\/small><p>Defined production-support path.<\/p><\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n\n      <div class=\"hk-process-principle hk-reveal\">\n        <div><small>PROJECT CONTROL PRINCIPLE<\/small><strong>Product decisions come before machine decisions.<\/strong><\/div>\n        <p>Equipment selection begins only after the cable structure, production route, target output and key technical interfaces have been confirmed.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const selector = '[data-hk-about-section-widget=\"how-we-work\"]';\n\n  const initialize = (root) => {\n    if (!root || root.dataset.hkInitialized === \"true\") return;\n    root.dataset.hkInitialized = \"true\";\n\n    \/* Add stable hooks to Elementor's generated wrappers. *\/\n    const widgetHost = root.closest(\".elementor-widget-html\");\n    if (widgetHost) {\n      widgetHost.classList.add(\"hk-how-work-widget-host\");\n      const widgetParent = widgetHost.parentElement;\n      if (widgetParent) widgetParent.classList.add(\"hk-how-work-widget-parent\");\n    }\n\n    root.classList.add(\"is-js\");\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    const revealAll = () => revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n\n    if (\n      window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches ||\n      document.body.classList.contains(\"elementor-editor-active\") ||\n      !(\"IntersectionObserver\" in window)\n    ) {\n      revealAll();\n    } else {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n      revealItems.forEach((item) => observer.observe(item));\n      window.setTimeout(revealAll, 1400);\n    }\n\n    const workTabs = [...root.querySelectorAll(\"[data-work-tab]\")];\n    const workPanels = [...root.querySelectorAll(\"[data-work-panel]\")];\n    const workCount = root.querySelector(\"[data-work-count]\");\n    const workBar = root.querySelector(\"[data-work-bar]\");\n\n    const selectWorkStep = (index, moveFocus = false) => {\n      if (index < 0 || index >= workTabs.length) return;\n\n      workTabs.forEach((tab, tabIndex) => {\n        const isActive = tabIndex === index;\n        tab.classList.toggle(\"is-active\", isActive);\n        tab.setAttribute(\"aria-expanded\", String(isActive));\n        tab.tabIndex = isActive ? 0 : -1;\n      });\n\n      workPanels.forEach((panel, panelIndex) => {\n        const isActive = panelIndex === index;\n        panel.classList.toggle(\"is-active\", isActive);\n        panel.hidden = !isActive;\n      });\n\n      if (workCount) {\n        workCount.textContent = `${String(index + 1).padStart(2, \"0\")} \/ ${String(workTabs.length).padStart(2, \"0\")}`;\n      }\n      if (workBar) workBar.style.width = `${((index + 1) \/ workTabs.length) * 100}%`;\n      if (moveFocus) workTabs[index].focus({ preventScroll: true });\n    };\n\n    workTabs.forEach((tab, index) => {\n      tab.addEventListener(\"click\", () => selectWorkStep(index));\n      tab.addEventListener(\"keydown\", (event) => {\n        let nextIndex = index;\n        if ([\"ArrowRight\", \"ArrowDown\"].includes(event.key)) nextIndex = (index + 1) % workTabs.length;\n        else if ([\"ArrowLeft\", \"ArrowUp\"].includes(event.key)) nextIndex = (index - 1 + workTabs.length) % workTabs.length;\n        else if (event.key === \"Home\") nextIndex = 0;\n        else if (event.key === \"End\") nextIndex = workTabs.length - 1;\n        else return;\n        event.preventDefault();\n        selectWorkStep(nextIndex, true);\n      });\n    });\n\n    selectWorkStep(Math.max(0, workTabs.findIndex((tab) => tab.getAttribute(\"aria-expanded\") === \"true\")));\n  };\n\n  const scan = () => document.querySelectorAll(selector).forEach(initialize);\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", scan, { once: true });\n  } else {\n    scan();\n  }\n  window.addEventListener(\"elementor\/frontend\/init\", scan);\n  window.setTimeout(scan, 300);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27e5455 e-con-full e-flex e-con e-parent\" data-id=\"27e5455\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3218b3a hk-director-section-v6 elementor-widget elementor-widget-html\" data-id=\"3218b3a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"director\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 04 \u00b7 WHAT MAKES HONGKAI DIFFERENT\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 04 \u00b7 EVIDENCE-LED STRENGTHS *\/\n.hk-about-v52-sections .hk-strengths { background: var(--hk-white); }\n.hk-about-v52-sections .hk-strength-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n}\n.hk-about-v52-sections .hk-strength-card {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: var(--hk-white);\n  box-shadow: 0 12px 34px rgba(16,42,67,.05);\n}\n.hk-about-v52-sections .hk-strength-card[open] {\n  border-color: #acd1e9;\n  box-shadow: 0 20px 42px rgba(16,42,67,.08);\n}\n.hk-about-v52-sections .hk-strength-card summary {\n  position: relative;\n  display: grid;\n  min-height: 252px;\n  padding: 29px 68px 26px 29px;\n  align-content: start;\n  cursor: pointer;\n  list-style: none;\n}\n.hk-about-v52-sections .hk-strength-card summary::-webkit-details-marker { display: none; }\n.hk-about-v52-sections .hk-strength-card summary > span:first-child {\n  color: var(--hk-blue);\n  font: 700 11px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-strength-card summary > small {\n  margin-top: 44px;\n  color: #7c8ca0;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-strength-title {\n  margin-top: 11px;\n  color: var(--hk-navy);\n  font-size: clamp(22px, 2vw, 28px);\n  line-height: 1.28;\n}\n.hk-about-v52-sections .hk-strength-summary {\n  margin-top: 12px;\n  color: var(--hk-muted);\n  font-size: 14px;\n  line-height: 1.7;\n}\n.hk-about-v52-sections .hk-strength-card summary > b {\n  position: absolute;\n  top: 25px;\n  right: 25px;\n  display: grid;\n  width: 36px;\n  height: 36px;\n  place-items: center;\n  border: 1px solid #c9ddec;\n  border-radius: 50%;\n  color: var(--hk-blue);\n  font: 500 20px\/1 var(--hk-font);\n  transition: transform .2s ease, background-color .2s ease;\n}\n.hk-about-v52-sections .hk-strength-card[open] summary > b {\n  background: var(--hk-blue-soft);\n  transform: rotate(45deg);\n}\n.hk-about-v52-sections .hk-strength-detail {\n  padding: 0 29px 28px;\n  border-top: 1px solid var(--hk-line);\n}\n.hk-about-v52-sections .hk-strength-detail dl { margin-bottom: 0; }\n.hk-about-v52-sections .hk-strength-detail dl > div {\n  display: grid;\n  padding: 14px 0;\n  grid-template-columns: 128px 1fr;\n  gap: 16px;\n  border-bottom: 1px solid var(--hk-line);\n}\n.hk-about-v52-sections .hk-strength-detail dt {\n  color: #7b8a9e;\n  font: 700 9px\/1.45 var(--hk-mono);\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n.hk-about-v52-sections .hk-strength-detail dd {\n  margin-bottom: 0;\n  color: var(--hk-body);\n  font-size: 13px;\n  line-height: 1.6;\n}\n.hk-about-v52-sections .hk-strength-detail > a {\n  display: flex;\n  min-height: 48px;\n  margin-top: 16px;\n  align-items: center;\n  justify-content: space-between;\n  color: var(--hk-navy);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"strengths\">\n  <section class=\"hk-section hk-strengths\" id=\"strengths\" aria-labelledby=\"strengths-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>04<\/span><b>WHAT MAKES HONGKAI DIFFERENT<\/b><\/div>\n          <h2 id=\"strengths-title\">Strengths a buyer can verify\u2014not unsupported claims.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">Open each card to see what should be visible in the project record and why it matters to an equipment buyer.<\/p>\n      <\/div>\n\n      <div class=\"hk-strength-grid\">\n        <details class=\"hk-strength-card hk-reveal\" open>\n          <summary><span>01<\/span><small>MANUFACTURING-BACKED<\/small><strong class=\"hk-strength-title\" role=\"heading\" aria-level=\"3\">Real engineering and factory work<\/strong><span class=\"hk-strength-summary\">Core equipment decisions are connected to visible assembly, control integration and testing records.<\/span><b aria-hidden=\"true\">+<\/b><\/summary>\n          <div class=\"hk-strength-detail\"><dl><div><dt>Evidence to review<\/dt><dd>Assembly photos, electrical records, FAT points and machine identity.<\/dd><\/div><div><dt>Buyer value<\/dt><dd>More confidence in what was built, checked and prepared for delivery.<\/dd><\/div><\/dl><a href=\"#manufacturing\">Review manufacturing evidence <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a><\/div>\n        <\/details>\n        <details class=\"hk-strength-card hk-reveal\">\n          <summary><span>02<\/span><small>SOURCE TRANSPARENCY<\/small><strong class=\"hk-strength-title\" role=\"heading\" aria-level=\"3\">Equipment source stays visible<\/strong><span class=\"hk-strength-summary\">Core equipment, specialist machinery and supporting resources are identified by project scope.<\/span><b aria-hidden=\"true\">+<\/b><\/summary>\n          <div class=\"hk-strength-detail\"><dl><div><dt>Evidence to review<\/dt><dd>Equipment-source matrix, technical scope and proposal responsibility notes.<\/dd><\/div><div><dt>Buyer value<\/dt><dd>Clearer maker, interface and acceptance responsibility before order confirmation.<\/dd><\/div><\/dl><a href=\"#contact\">Request a project-scope review <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a><\/div>\n        <\/details>\n        <details class=\"hk-strength-card hk-reveal\">\n          <summary><span>03<\/span><small>PRODUCT-FIRST ENGINEERING<\/small><strong class=\"hk-strength-title\" role=\"heading\" aria-level=\"3\">The cable product comes first<\/strong><span class=\"hk-strength-summary\">The process route and equipment scope begin with the target cable, output and factory conditions.<\/span><b aria-hidden=\"true\">+<\/b><\/summary>\n          <div class=\"hk-strength-detail\"><dl><div><dt>Evidence to review<\/dt><dd>Confirmed project brief, process map, interface list and capacity assumptions.<\/dd><\/div><div><dt>Buyer value<\/dt><dd>Equipment is compared around the production requirement\u2014not a generic catalogue.<\/dd><\/div><\/dl><a href=\"#how-we-work\">Review the five-step process <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a><\/div>\n        <\/details>\n        <details class=\"hk-strength-card hk-reveal\">\n          <summary><span>04<\/span><small>ONE COORDINATED CONTACT<\/small><strong class=\"hk-strength-title\" role=\"heading\" aria-level=\"3\">Responsibility has a visible route<\/strong><span class=\"hk-strength-summary\">One international project contact follows the connected project and coordinates the responsible technical party.<\/span><b aria-hidden=\"true\">+<\/b><\/summary>\n          <div class=\"hk-strength-detail\"><dl><div><dt>Evidence to review<\/dt><dd>Project schedule, communication path, inspection actions and service workflow.<\/dd><\/div><div><dt>Buyer value<\/dt><dd>Fewer gaps when a decision or issue crosses multiple equipment packages.<\/dd><\/div><\/dl><a href=\"#team\">Meet the project team <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a><\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  const script = document.currentScript;\n  const root = script && script.previousElementSibling && script.previousElementSibling.matches(\"[data-hk-about-section-widget]\")\n    ? script.previousElementSibling\n    : null;\n  if (!root || root.dataset.hkInitialized === \"true\") return;\n  root.dataset.hkInitialized = \"true\";\n  root.classList.add(\"is-js\");\n\n  root.querySelectorAll(\"[data-replace-image]\").forEach((slot) => {\n    const source = (slot.dataset.replaceImage || \"\").trim();\n    if (!\/^(https?:\\\/\\\/|\\\/\\\/)\/i.test(source)) return;\n    const image = document.createElement(\"img\");\n    image.src = source;\n    image.alt = (slot.querySelector(\"strong\")?.textContent || \"HONGKAI project record\").trim();\n    image.loading = \"lazy\";\n    image.decoding = \"async\";\n    const parent = slot.parentElement;\n    slot.replaceWith(image);\n    if (parent) parent.classList.remove(\"is-placeholder\");\n  });\n\n  const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n  if (\"IntersectionObserver\" in window) {\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        currentObserver.unobserve(entry.target);\n      });\n    }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n    revealItems.forEach((item) => observer.observe(item));\n  } else {\n    revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd87d65 e-con-full hk-evidence-section-v6 e-flex e-con e-parent\" data-id=\"dd87d65\" data-element_type=\"container\" data-e-type=\"container\" id=\"evidence\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ad9833 elementor-widget elementor-widget-html\" data-id=\"9ad9833\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 05 \u00b7 ENGINEERING & MANUFACTURING\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 05 \u00b7 MANUFACTURING EVIDENCE *\/\n.hk-about-v52-sections .hk-manufacturing { background: var(--hk-soft); }\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-switcher {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-visually-hidden,\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-choice {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n.hk-about-v52-sections .hk-evidence-viewer {\n  display: grid;\n  min-width: 0;\n  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);\n  gap: 16px;\n  align-items: start;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-panels {\n  min-width: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-panel {\n  display: none;\n}\n#hk-v52-evidence-choice-1:checked ~ .hk-evidence-viewer .hk-evidence-panel-1,\n#hk-v52-evidence-choice-2:checked ~ .hk-evidence-viewer .hk-evidence-panel-2,\n#hk-v52-evidence-choice-3:checked ~ .hk-evidence-viewer .hk-evidence-panel-3,\n#hk-v52-evidence-choice-4:checked ~ .hk-evidence-viewer .hk-evidence-panel-4 {\n  display: block;\n}\n.hk-about-v52-sections .hk-evidence-main-panel {\n  position: relative;\n  aspect-ratio: 4 \/ 3;\n  min-width: 0;\n  margin: 0;\n  overflow: hidden;\n  border: 1px solid rgba(16,42,67,.1);\n  border-radius: 16px;\n  background: #dce4ea;\n}\n.hk-about-v52-sections .hk-evidence-main-panel::after {\n  position: absolute;\n  inset: 30% 0 0;\n  background: linear-gradient(180deg, transparent, rgba(7,22,40,.91));\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections .hk-evidence-main-panel > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.hk-about-v52-sections .hk-evidence-main-panel > a {\n  position: absolute;\n  z-index: 3;\n  top: 18px;\n  right: 18px;\n  display: flex;\n  min-height: 44px;\n  padding: 0 15px;\n  align-items: center;\n  gap: 9px;\n  border: 1px solid rgba(255,255,255,.72);\n  border-radius: 99px;\n  background: rgba(255,255,255,.88);\n  color: var(--hk-navy);\n  font-size: 11px;\n  font-weight: 800;\n  -webkit-backdrop-filter: blur(12px);\n  backdrop-filter: blur(12px);\n}\n.hk-about-v52-sections .hk-evidence-main-panel figcaption {\n  position: absolute;\n  z-index: 2;\n  right: 28px;\n  bottom: 25px;\n  left: 28px;\n  display: grid;\n  gap: 6px;\n  color: var(--hk-white);\n}\n.hk-about-v52-sections .hk-evidence-main-panel figcaption span {\n  color: #8bd0ff;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections .hk-evidence-main-panel figcaption strong {\n  font-size: clamp(20px, 2vw, 28px);\n  line-height: 1.3;\n}\n.hk-about-v52-sections .hk-evidence-main-panel figcaption small {\n  color: rgba(255,255,255,.72);\n  font-size: 12px;\n}\n.hk-about-v52-sections .hk-evidence-tabs {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab {\n  position: relative;\n  display: grid;\n  width: 100%;\n  min-width: 0;\n  min-height: 112px;\n  padding: 10px;\n  grid-template-columns: 96px minmax(0, 1fr);\n  gap: 14px;\n  align-items: center;\n  border: 1px solid var(--hk-line);\n  border-radius: 13px;\n  background: var(--hk-white);\n  color: var(--hk-navy);\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab:hover {\n  border-color: #a8cde7;\n  transform: translateY(-1px);\n}\n#hk-v52-evidence-choice-1:checked ~ .hk-evidence-viewer .hk-evidence-tab-1,\n#hk-v52-evidence-choice-2:checked ~ .hk-evidence-viewer .hk-evidence-tab-2,\n#hk-v52-evidence-choice-3:checked ~ .hk-evidence-viewer .hk-evidence-tab-3,\n#hk-v52-evidence-choice-4:checked ~ .hk-evidence-viewer .hk-evidence-tab-4 {\n  border-color: #8fc5e8;\n  background: var(--hk-blue-soft);\n  box-shadow: 0 13px 27px rgba(16,42,67,.07);\n  transform: none;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-choice:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab {\n  outline: none;\n}\n#hk-v52-evidence-choice-1:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab-1,\n#hk-v52-evidence-choice-2:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab-2,\n#hk-v52-evidence-choice-3:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab-3,\n#hk-v52-evidence-choice-4:focus-visible ~ .hk-evidence-viewer .hk-evidence-tab-4 {\n  outline: 3px solid rgba(67,131,240,.42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab img {\n  width: 96px;\n  aspect-ratio: 4 \/ 3;\n  object-fit: cover;\n  border-radius: 9px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab > span {\n  display: grid;\n  min-width: 0;\n  gap: 6px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab small {\n  color: var(--hk-blue);\n  font: 700 8px\/1.3 var(--hk-mono);\n  letter-spacing: .11em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab strong {\n  font-size: 14px;\n  line-height: 1.35;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab em {\n  color: #8997aa;\n  font-size: 10px;\n  font-style: normal;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-status-selected { display: none; }\n#hk-v52-evidence-choice-1:checked ~ .hk-evidence-viewer .hk-evidence-tab-1 .hk-evidence-status-selected,\n#hk-v52-evidence-choice-2:checked ~ .hk-evidence-viewer .hk-evidence-tab-2 .hk-evidence-status-selected,\n#hk-v52-evidence-choice-3:checked ~ .hk-evidence-viewer .hk-evidence-tab-3 .hk-evidence-status-selected,\n#hk-v52-evidence-choice-4:checked ~ .hk-evidence-viewer .hk-evidence-tab-4 .hk-evidence-status-selected { display: inline; }\n#hk-v52-evidence-choice-1:checked ~ .hk-evidence-viewer .hk-evidence-tab-1 .hk-evidence-status-choose,\n#hk-v52-evidence-choice-2:checked ~ .hk-evidence-viewer .hk-evidence-tab-2 .hk-evidence-status-choose,\n#hk-v52-evidence-choice-3:checked ~ .hk-evidence-viewer .hk-evidence-tab-3 .hk-evidence-status-choose,\n#hk-v52-evidence-choice-4:checked ~ .hk-evidence-viewer .hk-evidence-tab-4 .hk-evidence-status-choose { display: none; }\n.hk-about-v52-sections .hk-evidence-strip {\n  display: grid;\n  margin-top: 16px;\n  padding: 23px 25px;\n  grid-template-columns: 190px 1fr auto;\n  gap: 22px;\n  align-items: center;\n  border: 1px solid var(--hk-line);\n  border-radius: 14px;\n  background: var(--hk-white);\n}\n.hk-about-v52-sections .hk-evidence-strip > span {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-v52-sections .hk-evidence-strip p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 14px;\n}\n.hk-about-v52-sections .hk-evidence-strip a {\n  color: var(--hk-navy);\n  font-size: 14px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab img { width: 100%; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab small { font-size: 7px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"manufacturing\"] .hk-evidence-tab strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"manufacturing\">\n  <section class=\"hk-section hk-manufacturing\" id=\"manufacturing\" aria-labelledby=\"manufacturing-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>05<\/span><b>ENGINEERING &amp; MANUFACTURING BY HONGKAI<\/b><\/div>\n          <h2 id=\"manufacturing-title\">Engineering, assembly and testing\u2014shown through real records.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">Review the visible work behind equipment assembly, control integration, testing and export preparation.<\/p>\n      <\/div>\n\n      <fieldset class=\"hk-evidence-switcher hk-reveal\">\n        <legend class=\"hk-visually-hidden\">Choose a manufacturing evidence record<\/legend>\n\n        <input class=\"hk-evidence-choice\" type=\"radio\" name=\"hk-v52-evidence-choice\" id=\"hk-v52-evidence-choice-1\" checked>\n        <input class=\"hk-evidence-choice\" type=\"radio\" name=\"hk-v52-evidence-choice\" id=\"hk-v52-evidence-choice-2\">\n        <input class=\"hk-evidence-choice\" type=\"radio\" name=\"hk-v52-evidence-choice\" id=\"hk-v52-evidence-choice-3\">\n        <input class=\"hk-evidence-choice\" type=\"radio\" name=\"hk-v52-evidence-choice\" id=\"hk-v52-evidence-choice-4\">\n\n        <div class=\"hk-evidence-viewer\">\n          <div class=\"hk-evidence-panels\">\n            <figure class=\"hk-evidence-main-panel hk-evidence-panel hk-evidence-panel-1\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\" width=\"1600\" height=\"1200\" alt=\"HONGKAI technicians setting up and testing cable production equipment\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <a href=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\" target=\"_blank\" rel=\"noopener\">Open original <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n              <figcaption><span>01 \/ FACTORY TESTING<\/span><strong>Equipment setup and pre-delivery functional checks.<\/strong><small>Visible record: technicians working on production equipment.<\/small><\/figcaption>\n            <\/figure>\n\n            <figure class=\"hk-evidence-main-panel hk-evidence-panel hk-evidence-panel-2\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"Electrical control cabinet integration for cable production machinery\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <a href=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" target=\"_blank\" rel=\"noopener\">Open original <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n              <figcaption><span>02 \/ ELECTRICAL INTEGRATION<\/span><strong>Control cabinet, drives and machine-level wiring.<\/strong><small>Visible record: electrical equipment and control integration work.<\/small><\/figcaption>\n            <\/figure>\n\n            <figure class=\"hk-evidence-main-panel hk-evidence-panel hk-evidence-panel-3\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-2.png\" width=\"1600\" height=\"1200\" alt=\"HONGKAI cable production equipment mechanical assembly record\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <a href=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-2.png\" target=\"_blank\" rel=\"noopener\">Open original <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n              <figcaption><span>03 \/ MECHANICAL ASSEMBLY<\/span><strong>Mechanical assembly and equipment integration.<\/strong><small>Visible record: equipment assembly and configuration work.<\/small><\/figcaption>\n            <\/figure>\n\n            <figure class=\"hk-evidence-main-panel hk-evidence-panel hk-evidence-panel-4\">\n              <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/12\/Loading-Container-HONGKAI-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"Cable machinery protected and prepared for export delivery\" loading=\"lazy\" decoding=\"async\" title=\"\">\n              <a href=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/12\/Loading-Container-HONGKAI-scaled-scaled.jpg\" target=\"_blank\" rel=\"noopener\">Open original <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n              <figcaption><span>04 \/ EXPORT PREPARATION<\/span><strong>Protected equipment packages prepared for shipment.<\/strong><small>Visible record: machinery packing and export-delivery preparation.<\/small><\/figcaption>\n            <\/figure>\n          <\/div>\n\n          <div class=\"hk-evidence-tabs\" aria-label=\"Manufacturing evidence records\">\n            <label class=\"hk-evidence-tab hk-evidence-tab-1\" for=\"hk-v52-evidence-choice-1\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\" width=\"1600\" height=\"1200\" alt=\"\" loading=\"lazy\" title=\"\">\n              <span><small>01 \/ TESTING<\/small><strong>Factory Testing<\/strong><em aria-hidden=\"true\"><span class=\"hk-evidence-status-selected\">Selected record<\/span><span class=\"hk-evidence-status-choose\">Choose record<\/span><\/em><\/span>\n            <\/label>\n            <label class=\"hk-evidence-tab hk-evidence-tab-2\" for=\"hk-v52-evidence-choice-2\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/Cabinet-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"\" loading=\"lazy\" title=\"\">\n              <span><small>02 \/ CONTROL<\/small><strong>Electrical Integration<\/strong><em aria-hidden=\"true\"><span class=\"hk-evidence-status-selected\">Selected record<\/span><span class=\"hk-evidence-status-choose\">Choose record<\/span><\/em><\/span>\n            <\/label>\n            <label class=\"hk-evidence-tab hk-evidence-tab-3\" for=\"hk-v52-evidence-choice-3\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-2.png\" width=\"1600\" height=\"1200\" alt=\"\" loading=\"lazy\" title=\"\">\n              <span><small>03 \/ ASSEMBLY<\/small><strong>Mechanical Assembly<\/strong><em aria-hidden=\"true\"><span class=\"hk-evidence-status-selected\">Selected record<\/span><span class=\"hk-evidence-status-choose\">Choose record<\/span><\/em><\/span>\n            <\/label>\n            <label class=\"hk-evidence-tab hk-evidence-tab-4\" for=\"hk-v52-evidence-choice-4\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/12\/Loading-Container-HONGKAI-scaled-scaled.jpg\" width=\"2048\" height=\"1536\" alt=\"\" loading=\"lazy\" title=\"\">\n              <span><small>04 \/ DELIVERY<\/small><strong>Export Preparation<\/strong><em aria-hidden=\"true\"><span class=\"hk-evidence-status-selected\">Selected record<\/span><span class=\"hk-evidence-status-choose\">Choose record<\/span><\/em><\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n      <\/fieldset>\n\n      <div class=\"hk-evidence-strip hk-reveal\"><span>WHAT BUYERS SHOULD VERIFY<\/span><p>Review the visible work stage, equipment identity, acceptance points and delivery responsibility\u2014not only a finished machine photo.<\/p><a href=\"#contact\">Review equipment scope <b aria-hidden=\"true\">&#8599;&#65038;<\/b><\/a><\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  document.querySelectorAll(\n    '[data-hk-about-section-widget=\"manufacturing\"]:not([data-hk-manufacturing-ready])'\n  ).forEach((root) => {\n    root.dataset.hkManufacturingReady = \"true\";\n    root.classList.add(\"is-js\");\n\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    if (\"IntersectionObserver\" in window) {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n      revealItems.forEach((item) => observer.observe(item));\n    } else {\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    }\n  });\n\n  \/* Core evidence selection is native radio + CSS and does not depend on JS. *\/\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49a8398 e-con-full e-flex e-con e-parent\" data-id=\"49a8398\" data-element_type=\"container\" data-e-type=\"container\" id=\"scope\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0415e4 elementor-widget elementor-widget-html\" data-id=\"d0415e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 06 \u00b7 PETER & INTERNATIONAL PROJECT TEAM\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n  Peter He image is inserted directly in the HTML below.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 06 \u00b7 TEAM *\/\n.hk-about-v52-sections .hk-team { background: var(--hk-white); }\n.hk-about-v52-sections .hk-team-layout {\n  display: grid;\n  grid-template-columns: minmax(330px, .68fr) minmax(0, 1.32fr);\n  gap: clamp(48px, 7vw, 92px);\n  align-items: start;\n}\n.hk-about-v52-sections .hk-director-photo {\n  position: sticky;\n  top: 152px;\n  min-height: 570px;\n  margin: 0;\n  overflow: hidden;\n  border-radius: 18px;\n  background: linear-gradient(145deg, #e8edf3, #c8d2df);\n}\n.hk-about-v52-sections .hk-director-photo .hk-image-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: calc(100% - 52px);\n  transform: translate(-50%, -50%);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-director-photo > img {\n  width: 100%;\n  height: 100%;\n  min-height: 570px;\n  object-fit: cover;\n  object-position: center top;\n}\n.hk-about-v52-sections .hk-director-photo::after {\n  position: absolute;\n  inset: 60% 0 0;\n  background: linear-gradient(180deg, transparent, rgba(5,15,29,.78));\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections .hk-director-photo > figcaption {\n  position: absolute;\n  z-index: 2;\n  right: 28px;\n  bottom: 24px;\n  left: 28px;\n  display: grid;\n  color: var(--hk-white);\n}\n.hk-about-v52-sections .hk-director-photo > figcaption strong { font-size: 21px; }\n.hk-about-v52-sections .hk-director-photo > figcaption span {\n  color: rgba(255,255,255,.75);\n  font-size: 13px;\n}\n.hk-about-v52-sections .hk-team-copy h2 { max-width: 760px; }\n.hk-about-v52-sections .hk-director-role {\n  margin: 24px 0 28px;\n  color: var(--hk-blue);\n  font-weight: 800;\n}\n.hk-about-v52-sections .hk-team-intro {\n  max-width: 820px;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.82;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-path {\n  min-width: 0;\n  margin: 34px 0 0;\n  padding: 0;\n  border: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-visually-hidden,\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-choice {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress {\n  padding: 14px 17px 13px;\n  border: 1px solid var(--hk-line);\n  border-radius: 13px;\n  background: var(--hk-white);\n  box-shadow: 0 12px 30px rgba(16,42,67,.045);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress > div {\n  display: flex;\n  margin-bottom: 9px;\n  align-items: center;\n  justify-content: space-between;\n  color: #6f8198;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress-count span { display: none; }\n#hk-v52-team-choice-1:checked ~ .hk-team-progress .hk-team-count-1,\n#hk-v52-team-choice-2:checked ~ .hk-team-progress .hk-team-count-2,\n#hk-v52-team-choice-3:checked ~ .hk-team-progress .hk-team-count-3 { display: inline; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress > i {\n  display: block;\n  height: 3px;\n  overflow: hidden;\n  border-radius: 99px;\n  background: #dce6ee;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-progress > i span {\n  display: block;\n  width: 33.333%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, var(--hk-blue), var(--hk-blue-2) 78%, var(--hk-orange));\n  transition: width .25s ease;\n}\n#hk-v52-team-choice-1:checked ~ .hk-team-progress > i span { width: 33.333%; }\n#hk-v52-team-choice-2:checked ~ .hk-team-progress > i span { width: 66.666%; }\n#hk-v52-team-choice-3:checked ~ .hk-team-progress > i span { width: 100%; }\n.hk-about-v52-sections .hk-team-role-grid {\n  display: grid;\n  margin-top: 12px;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-role-card {\n  position: relative;\n  display: block;\n  min-height: 220px;\n  padding: 22px 21px;\n  border: 1px solid var(--hk-line);\n  border-radius: 13px;\n  background: var(--hk-soft);\n  color: var(--hk-navy);\n  cursor: pointer;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-role-card:hover {\n  border-color: #a8cde7;\n  transform: translateY(-2px);\n}\n#hk-v52-team-choice-1:checked ~ .hk-team-role-grid .hk-team-role-card-1,\n#hk-v52-team-choice-2:checked ~ .hk-team-role-grid .hk-team-role-card-2,\n#hk-v52-team-choice-3:checked ~ .hk-team-role-grid .hk-team-role-card-3 {\n  border-color: #8fc5e8;\n  background: var(--hk-blue-soft);\n  box-shadow: 0 15px 32px rgba(16,42,67,.08), inset 0 -3px var(--hk-blue);\n  transform: none;\n}\n#hk-v52-team-choice-1:focus-visible ~ .hk-team-role-grid .hk-team-role-card-1,\n#hk-v52-team-choice-2:focus-visible ~ .hk-team-role-grid .hk-team-role-card-2,\n#hk-v52-team-choice-3:focus-visible ~ .hk-team-role-grid .hk-team-role-card-3 {\n  outline: 3px solid rgba(67,131,240,.42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-role-card > span {\n  display: grid;\n  width: 38px;\n  height: 38px;\n  place-items: center;\n  border: 1px solid #c8dcea;\n  border-radius: 9px;\n  color: var(--hk-blue);\n  font: 700 9px\/1 var(--hk-mono);\n}\n#hk-v52-team-choice-1:checked ~ .hk-team-role-grid .hk-team-role-card-1 > span,\n#hk-v52-team-choice-2:checked ~ .hk-team-role-grid .hk-team-role-card-2 > span,\n#hk-v52-team-choice-3:checked ~ .hk-team-role-grid .hk-team-role-card-3 > span {\n  border-color: var(--hk-navy);\n  background: var(--hk-navy);\n  color: var(--hk-white);\n}\n.hk-about-v52-sections .hk-team-role-grid small {\n  display: block;\n  margin-top: 18px;\n  color: var(--hk-blue);\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .1em;\n}\n.hk-about-v52-sections .hk-team-role-grid h3 {\n  margin: 13px 0 7px;\n  font-size: 19px;\n  line-height: 1.3;\n}\n.hk-about-v52-sections .hk-team-role-grid p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 13px;\n  line-height: 1.65;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-card-status {\n  display: block;\n  margin-top: 14px;\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .08em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-status-selected { display: none; }\n#hk-v52-team-choice-1:checked ~ .hk-team-role-grid .hk-team-role-card-1 .hk-team-status-selected,\n#hk-v52-team-choice-2:checked ~ .hk-team-role-grid .hk-team-role-card-2 .hk-team-status-selected,\n#hk-v52-team-choice-3:checked ~ .hk-team-role-grid .hk-team-role-card-3 .hk-team-status-selected { display: inline; }\n#hk-v52-team-choice-1:checked ~ .hk-team-role-grid .hk-team-role-card-1 .hk-team-status-choose,\n#hk-v52-team-choice-2:checked ~ .hk-team-role-grid .hk-team-role-card-2 .hk-team-status-choose,\n#hk-v52-team-choice-3:checked ~ .hk-team-role-grid .hk-team-role-card-3 .hk-team-status-choose { display: none; }\n.hk-about-v52-sections .hk-team-quote {\n  position: relative;\n  margin: 20px 0 0;\n  padding: 24px 52px 24px 27px;\n  border-left: 4px solid var(--hk-orange);\n  background: var(--hk-soft);\n  color: var(--hk-navy);\n  font-size: clamp(19px, 1.8vw, 25px);\n  font-weight: 800;\n  line-height: 1.5;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-path-result { margin-top: 20px; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-result { display: none; }\n#hk-v52-team-choice-1:checked ~ .hk-team-path-result .hk-team-result-1,\n#hk-v52-team-choice-2:checked ~ .hk-team-path-result .hk-team-result-2,\n#hk-v52-team-choice-3:checked ~ .hk-team-path-result .hk-team-result-3 { display: block; }\n.hk-about-v52-sections .hk-team-quote small {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--hk-blue);\n  font: 700 8px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-v52-sections .hk-contact-links {\n  display: grid;\n  margin-top: 20px;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n}\n.hk-about-v52-sections .hk-contact-links a {\n  display: flex;\n  min-height: 68px;\n  padding: 0 18px;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid var(--hk-line);\n  border-radius: 12px;\n  background: var(--hk-white);\n  color: var(--hk-navy);\n  font-weight: 800;\n}\n.hk-about-v52-sections .hk-contact-links a:last-child {\n  border-color: var(--hk-orange);\n  background: var(--hk-orange);\n  color: var(--hk-white);\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-director-photo > img { min-height: 520px; }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-team-role-card { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-director-photo > img { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections .hk-project-record dl > div { grid-template-columns: 1fr; gap: 3px; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"team\"] .hk-director-photo > img { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"team\">\n  <section class=\"hk-section hk-team\" id=\"team\" aria-labelledby=\"team-title\">\n    <div class=\"hk-shell hk-team-layout\">\n      <figure class=\"hk-director-photo hk-reveal\">\n        <img loading=\"lazy\" src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/PeterHe-e1784209363801.jpg\" width=\"328\" height=\"408\" alt=\"Peter He, HONGKAI international project contact\" loading=\"lazy\" decoding=\"async\" title=\"\">\n        <figcaption><strong>Peter He<\/strong><span>International Project Contact<\/span><\/figcaption>\n      <\/figure>\n\n      <div class=\"hk-team-copy\">\n        <div class=\"hk-section-tag hk-reveal\"><span>06<\/span><b>PETER &amp; INTERNATIONAL PROJECT TEAM<\/b><\/div>\n        <h2 id=\"team-title\" class=\"hk-reveal\">One responsible contact across the complete production solution.<\/h2>\n        <p class=\"hk-director-role hk-reveal\">Peter He \u00b7 International Project Contact<\/p>\n        <p class=\"hk-team-intro hk-reveal\">Peter coordinates customer requirements, process and equipment discussions, quotation, project progress, inspection, delivery and after-sales communication. The wider team connects engineering, manufacturing, testing and service resources around the agreed scope.<\/p>\n\n        <fieldset class=\"hk-team-path hk-reveal\">\n          <legend class=\"hk-visually-hidden\">Choose a project responsibility stage<\/legend>\n\n          <input class=\"hk-team-choice\" type=\"radio\" name=\"hk-v52-team-choice\" id=\"hk-v52-team-choice-1\" checked>\n          <input class=\"hk-team-choice\" type=\"radio\" name=\"hk-v52-team-choice\" id=\"hk-v52-team-choice-2\">\n          <input class=\"hk-team-choice\" type=\"radio\" name=\"hk-v52-team-choice\" id=\"hk-v52-team-choice-3\">\n\n          <div class=\"hk-team-progress\" aria-label=\"Selected project responsibility stage\">\n            <div>\n              <span>ONE RESPONSIBLE PROJECT PATH<\/span>\n              <b class=\"hk-team-progress-count\"><span class=\"hk-team-count-1\">01 \/ 03<\/span><span class=\"hk-team-count-2\">02 \/ 03<\/span><span class=\"hk-team-count-3\">03 \/ 03<\/span><\/b>\n            <\/div>\n            <i aria-hidden=\"true\"><span><\/span><\/i>\n          <\/div>\n\n          <div class=\"hk-team-role-grid\" aria-label=\"Three-part project responsibility path\">\n            <label class=\"hk-team-role-card hk-team-role-card-1\" for=\"hk-v52-team-choice-1\">\n              <span>01<\/span><small>CUSTOMER &amp; PROJECT<\/small><h3>Peter coordinates the project route<\/h3><p>Requirements \u00b7 proposal \u00b7 quotation \u00b7 contract communication<\/p>\n              <b class=\"hk-team-card-status\" aria-hidden=\"true\"><span class=\"hk-team-status-selected\">Selected responsibility<\/span><span class=\"hk-team-status-choose\">Review responsibility<\/span><\/b>\n            <\/label>\n            <label class=\"hk-team-role-card hk-team-role-card-2\" for=\"hk-v52-team-choice-2\">\n              <span>02<\/span><small>ENGINEERING &amp; SUPPLY<\/small><h3>Technical resources define and execute the scope<\/h3><p>Process route \u00b7 machine matching \u00b7 interfaces \u00b7 manufacturing \u00b7 schedule<\/p>\n              <b class=\"hk-team-card-status\" aria-hidden=\"true\"><span class=\"hk-team-status-selected\">Selected responsibility<\/span><span class=\"hk-team-status-choose\">Review responsibility<\/span><\/b>\n            <\/label>\n            <label class=\"hk-team-role-card hk-team-role-card-3\" for=\"hk-v52-team-choice-3\">\n              <span>03<\/span><small>DELIVERY &amp; SUPPORT<\/small><h3>The team follows the agreed responsibility path<\/h3><p>Inspection \u00b7 shipping \u00b7 installation \u00b7 training \u00b7 after-sales coordination<\/p>\n              <b class=\"hk-team-card-status\" aria-hidden=\"true\"><span class=\"hk-team-status-selected\">Selected responsibility<\/span><span class=\"hk-team-status-choose\">Review responsibility<\/span><\/b>\n            <\/label>\n          <\/div>\n\n          <div class=\"hk-team-path-result\">\n            <div class=\"hk-team-quote hk-team-result hk-team-result-1\"><small>01 \u00b7 CUSTOMER &amp; PROJECT<\/small>One named contact keeps requirements, proposal decisions and commercial communication connected.<\/div>\n            <div class=\"hk-team-quote hk-team-result hk-team-result-2\"><small>02 \u00b7 ENGINEERING &amp; SUPPLY<\/small>Engineering, manufacturing and specialist resources work from the same confirmed technical scope.<\/div>\n            <div class=\"hk-team-quote hk-team-result hk-team-result-3\"><small>03 \u00b7 DELIVERY &amp; SUPPORT<\/small>Inspection, delivery, installation and support follow the responsibility path agreed for the project.<\/div>\n          <\/div>\n        <\/fieldset>\n\n        <div class=\"hk-contact-links hk-reveal\">\n          <a href=\"mailto:peter@hkcablemachine.com\">Email Peter <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n          <a href=\"https:\/\/wa.me\/8618681065860\" rel=\"nofollow noopener\" target=\"_blank\">WhatsApp Peter <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n          <a href=\"#contact\">Start a Project <span aria-hidden=\"true\">&#8599;&#65038;<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  document.querySelectorAll(\n    '[data-hk-about-section-widget=\"team\"]:not([data-hk-team-ready])'\n  ).forEach((root) => {\n    root.dataset.hkTeamReady = \"true\";\n    root.classList.add(\"is-js\");\n\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    if (\"IntersectionObserver\" in window) {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n      revealItems.forEach((item) => observer.observe(item));\n    } else {\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    }\n  });\n\n  \/* Responsibility selection is native radio + CSS. *\/\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-845a4ef e-con-full e-flex e-con e-parent\" data-id=\"845a4ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f7ea94 elementor-widget elementor-widget-html\" data-id=\"3f7ea94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 07 \u00b7 CUSTOMERS & PROJECT EXPERIENCE\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n  IMAGE URL KEYS\n  REPLACE_IMAGE_URL_PROJECT_01\n  REPLACE_IMAGE_URL_PROJECT_02\n  REPLACE_IMAGE_URL_PROJECT_03\n  Replace each key inside data-replace-image with an absolute Media Library URL.\n-->\n\n<style>\n.hk-about-v52-sections {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-ink: #172033;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-v52-sections,\n.hk-about-v52-sections * { box-sizing: border-box; }\n\n.hk-about-v52-sections :is(h2, h3, p, figure, blockquote, dl, dd) { margin-top: 0; }\n.hk-about-v52-sections :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-v52-sections img { display: block; max-width: 100%; }\n.hk-about-v52-sections a { color: inherit; text-decoration: none; }\n.hk-about-v52-sections button { color: inherit; font: inherit; }\n.hk-about-v52-sections :is(a, button, summary):focus-visible {\n  outline: 3px solid rgba(67, 131, 240, .42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections [id] { scroll-margin-top: 150px; }\n\n.hk-about-v52-sections .hk-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-v52-sections .hk-section { padding: clamp(88px, 7.5vw, 118px) 0; }\n.hk-about-v52-sections .hk-section-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-v52-sections .hk-section-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-v52-sections .hk-section-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-v52-sections .hk-v5-heading {\n  display: grid;\n  margin-bottom: clamp(42px, 5vw, 64px);\n  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);\n  gap: clamp(42px, 7vw, 104px);\n  align-items: end;\n}\n.hk-about-v52-sections .hk-v5-heading h2,\n.hk-about-v52-sections .hk-split-heading h2 {\n  max-width: 760px;\n  margin-bottom: 0;\n  font-size: clamp(38px, 4.1vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-v52-sections .hk-heading-note {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n.hk-about-v52-sections.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-v52-sections.is-js .hk-reveal.is-visible { opacity: 1; transform: none; }\n\n\/* 07 \u00b7 PROJECT RECORDS *\/\n.hk-about-v52-sections .hk-projects { background: var(--hk-soft); }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-switcher {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-visually-hidden,\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-choice {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress {\n  margin-bottom: 14px;\n  padding: 14px 17px 13px;\n  border: 1px solid var(--hk-line);\n  border-radius: 13px;\n  background: var(--hk-white);\n  box-shadow: 0 12px 30px rgba(16,42,67,.045);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress > div {\n  display: flex;\n  margin-bottom: 9px;\n  align-items: center;\n  justify-content: space-between;\n  color: #6f8198;\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .13em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress-count span { display: none; }\n#hk-v52-project-choice-1:checked ~ .hk-project-progress .hk-project-count-1,\n#hk-v52-project-choice-2:checked ~ .hk-project-progress .hk-project-count-2,\n#hk-v52-project-choice-3:checked ~ .hk-project-progress .hk-project-count-3 { display: inline; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress > i {\n  display: block;\n  height: 3px;\n  overflow: hidden;\n  border-radius: 99px;\n  background: #dce6ee;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-progress > i span {\n  display: block;\n  width: 33.333%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, var(--hk-blue), var(--hk-blue-2) 78%, var(--hk-orange));\n  transition: width .25s ease;\n}\n#hk-v52-project-choice-1:checked ~ .hk-project-progress > i span { width: 33.333%; }\n#hk-v52-project-choice-2:checked ~ .hk-project-progress > i span { width: 66.666%; }\n#hk-v52-project-choice-3:checked ~ .hk-project-progress > i span { width: 100%; }\n.hk-about-v52-sections .hk-project-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n.hk-about-v52-sections .hk-project-card {\n  position: relative;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: var(--hk-white);\n  box-shadow: 0 14px 40px rgba(16,42,67,.055);\n  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-card:hover {\n  border-color: #a8cde7;\n  transform: translateY(-3px);\n}\n#hk-v52-project-choice-1:checked ~ .hk-project-grid .hk-project-card-1,\n#hk-v52-project-choice-2:checked ~ .hk-project-grid .hk-project-card-2,\n#hk-v52-project-choice-3:checked ~ .hk-project-grid .hk-project-card-3 {\n  border-color: #8fc5e8;\n  box-shadow: 0 18px 42px rgba(16,42,67,.11), inset 0 -3px var(--hk-blue);\n  transform: none;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-card-select {\n  position: absolute;\n  z-index: 5;\n  inset: 0;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n#hk-v52-project-choice-1:focus-visible ~ .hk-project-grid .hk-project-card-1,\n#hk-v52-project-choice-2:focus-visible ~ .hk-project-grid .hk-project-card-2,\n#hk-v52-project-choice-3:focus-visible ~ .hk-project-grid .hk-project-card-3 {\n  outline: 3px solid rgba(67,131,240,.42);\n  outline-offset: 3px;\n}\n.hk-about-v52-sections .hk-project-card figure {\n  position: relative;\n  aspect-ratio: 4 \/ 3;\n  margin: 0;\n  overflow: hidden;\n  background: linear-gradient(145deg, #e7edf3, #ced9e4);\n}\n.hk-about-v52-sections .hk-project-card figure::after {\n  position: absolute;\n  z-index: 1;\n  inset: 58% 0 0;\n  background: linear-gradient(180deg, transparent, rgba(8,25,43,.7));\n  content: \"\";\n  pointer-events: none;\n}\n.hk-about-v52-sections .hk-project-card figure > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform .35s ease;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-card:hover figure > img { transform: scale(1.025); }\n.hk-about-v52-sections .hk-project-card figure .hk-image-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 2;\n  display: grid;\n  width: calc(100% - 44px);\n  gap: 5px;\n  transform: translate(-50%, -50%);\n}\n.hk-about-v52-sections .hk-project-card .hk-image-placeholder b {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .12em;\n}\n.hk-about-v52-sections .hk-project-card .hk-image-placeholder strong {\n  color: var(--hk-navy);\n  font-size: 18px;\n  line-height: 1.4;\n}\n.hk-about-v52-sections .hk-project-card .hk-image-placeholder small {\n  color: var(--hk-muted);\n  font-size: 12px;\n  line-height: 1.5;\n}\n.hk-about-v52-sections .hk-project-card figure figcaption {\n  position: absolute;\n  z-index: 2;\n  right: 20px;\n  bottom: 16px;\n  left: 20px;\n  color: var(--hk-white);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .12em;\n}\n.hk-about-v52-sections .hk-project-card > div { padding: 26px 24px 25px; }\n.hk-about-v52-sections .hk-project-card-label {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 10px;\n}\n.hk-about-v52-sections .hk-project-card-label small {\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .12em;\n}\n.hk-about-v52-sections .hk-project-card-label span {\n  flex: 0 0 auto;\n  padding: 6px 8px;\n  border-radius: 99px;\n  background: #fff2ed;\n  color: #a5533a;\n  font: 700 7px\/1 var(--hk-mono);\n  letter-spacing: .08em;\n}\n.hk-about-v52-sections .hk-project-card h3 {\n  min-height: 80px;\n  margin: 12px 0 22px;\n  font-size: 22px;\n  line-height: 1.3;\n}\n.hk-about-v52-sections .hk-project-summary {\n  margin: -8px 0 20px;\n  color: var(--hk-muted);\n  font-size: 13px;\n  line-height: 1.65;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-card-status {\n  display: block;\n  margin-top: 17px;\n  padding-top: 15px;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .08em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-status-selected { display: none; }\n#hk-v52-project-choice-1:checked ~ .hk-project-grid .hk-project-card-1 .hk-project-status-selected,\n#hk-v52-project-choice-2:checked ~ .hk-project-grid .hk-project-card-2 .hk-project-status-selected,\n#hk-v52-project-choice-3:checked ~ .hk-project-grid .hk-project-card-3 .hk-project-status-selected { display: inline; }\n#hk-v52-project-choice-1:checked ~ .hk-project-grid .hk-project-card-1 .hk-project-status-choose,\n#hk-v52-project-choice-2:checked ~ .hk-project-grid .hk-project-card-2 .hk-project-status-choose,\n#hk-v52-project-choice-3:checked ~ .hk-project-grid .hk-project-card-3 .hk-project-status-choose { display: none; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context {\n  margin-top: 16px;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-panel {\n  display: none;\n  padding: 26px 27px;\n  grid-template-columns: minmax(220px,.62fr) minmax(0,1.38fr);\n  gap: 30px;\n  align-items: center;\n  border: 1px solid var(--hk-line);\n  border-radius: 15px;\n  background: var(--hk-white);\n  box-shadow: 0 14px 36px rgba(16,42,67,.05);\n}\n#hk-v52-project-choice-1:checked ~ .hk-project-context .hk-project-context-1,\n#hk-v52-project-choice-2:checked ~ .hk-project-context .hk-project-context-2,\n#hk-v52-project-choice-3:checked ~ .hk-project-context .hk-project-context-3 { display: grid; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-intro small {\n  display: block;\n  margin-bottom: 9px;\n  color: var(--hk-blue);\n  font: 700 9px\/1.4 var(--hk-mono);\n  letter-spacing: .12em;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-intro strong {\n  display: block;\n  color: var(--hk-navy);\n  font-size: 19px;\n  line-height: 1.45;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl {\n  display: grid;\n  margin: 0;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 0;\n  border: 1px solid var(--hk-line);\n  border-radius: 12px;\n  overflow: hidden;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl > div {\n  display: grid;\n  min-width: 0;\n  padding: 15px 16px;\n  gap: 5px;\n  border-right: 1px solid var(--hk-line);\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl > div:last-child { border-right: 0; }\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dt {\n  color: #8290a4;\n  font: 700 9px\/1.5 var(--hk-mono);\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n.hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dd {\n  margin-bottom: 0;\n  color: var(--hk-body);\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\/* TABLET *\/\n@media (max-width: 1024px) {\n  .hk-about-v52-sections .hk-v5-heading,\n  .hk-about-v52-sections .hk-split-heading { grid-template-columns: 1fr; gap: 26px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 70px minmax(0, 1fr); gap: 14px; }\n  .hk-about-v52-sections .hk-history-card { grid-template-columns: minmax(230px, .64fr) minmax(0, 1.36fr); }\n  .hk-about-v52-sections .hk-operating-strip { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-operating-strip > div {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(139,208,255,.18);\n  }\n  .hk-about-v52-sections .hk-operating-strip > div:last-child { border-bottom: 0; }\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: 1 \/ -1; }\n  .hk-about-v52-sections .hk-evidence-viewer { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-team-layout { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo {\n    position: relative;\n    top: auto;\n    width: min(100%, 430px);\n    min-height: 520px;\n    margin: 0 auto;\n  }\n  .hk-about-v52-sections .hk-team-role-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-team-role-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-project-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-project-card {\n    display: grid;\n    grid-template-columns: minmax(280px, .72fr) 1fr;\n  }\n  .hk-about-v52-sections .hk-project-card figure { aspect-ratio: auto; min-height: 390px; }\n  .hk-about-v52-sections .hk-project-card h3 { min-height: 0; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-panel {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .hk-about-v52-sections .hk-contact-card { grid-template-columns: 1fr; gap: 42px; }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 32px); }\n  .hk-about-v52-sections .hk-section,\n  .hk-about-v52-sections .hk-process { padding: 72px 0; }\n  .hk-about-v52-sections .hk-v5-heading h2,\n  .hk-about-v52-sections .hk-split-heading h2 { font-size: clamp(33px, 9.4vw, 44px); }\n  .hk-about-v52-sections .hk-heading-note { font-size: 15px; line-height: 1.75; }\n\n  .hk-about-v52-sections .hk-history-list { gap: 14px; }\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }\n  .hk-about-v52-sections .hk-history-rail { justify-content: flex-start; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 40px; bottom: -14px; left: 20px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 40px; height: 40px; padding: 0 6px; font-size: 8px; }\n  .hk-about-v52-sections .hk-history-card { min-height: 0; grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-history-media { min-height: 0; aspect-ratio: 16 \/ 10; }\n  .hk-about-v52-sections .hk-history-media.is-placeholder { padding: 22px; }\n  .hk-about-v52-sections .hk-image-placeholder strong { font-size: 16px; }\n  .hk-about-v52-sections .hk-history-copy { padding: 25px 21px; }\n  .hk-about-v52-sections .hk-history-copy h3 { font-size: 22px; }\n  .hk-about-v52-sections .hk-history-copy > p { font-size: 14px; }\n\n  .hk-about-v52-sections .hk-process-flow { grid-template-columns: 1fr; gap: 10px; }\n  .hk-about-v52-sections .hk-process-stage:last-child { grid-column: auto; }\n  .hk-about-v52-sections .hk-process-stage summary { min-height: 148px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-process-stage summary > small { margin-top: 26px; }\n  .hk-about-v52-sections .hk-process-title { font-size: 18px; }\n\n  .hk-about-v52-sections .hk-strength-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-strength-card summary { min-height: 0; padding: 24px 58px 23px 22px; }\n  .hk-about-v52-sections .hk-strength-card summary > small { margin-top: 30px; }\n  .hk-about-v52-sections .hk-strength-card summary > b { top: 20px; right: 18px; }\n  .hk-about-v52-sections .hk-strength-title { font-size: 22px; }\n  .hk-about-v52-sections .hk-strength-detail { padding: 0 22px 22px; }\n  .hk-about-v52-sections .hk-strength-detail dl > div { grid-template-columns: 1fr; gap: 4px; }\n\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption { right: 19px; bottom: 18px; left: 19px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption strong { font-size: 18px; }\n  .hk-about-v52-sections .hk-evidence-main-panel figcaption small { display: none; }\n  .hk-about-v52-sections .hk-evidence-main-panel > a { top: 12px; right: 12px; min-height: 40px; }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }\n  .hk-about-v52-sections .hk-evidence-tabs button {\n    min-height: 0;\n    padding: 8px;\n    grid-template-columns: 1fr;\n    gap: 8px;\n    align-content: start;\n  }\n  .hk-about-v52-sections .hk-evidence-tabs button img { width: 100%; }\n  .hk-about-v52-sections .hk-evidence-tabs button em { display: none; }\n  .hk-about-v52-sections .hk-evidence-strip { grid-template-columns: 1fr; gap: 9px; padding: 21px 19px; }\n  .hk-about-v52-sections .hk-evidence-strip a { white-space: normal; }\n\n  .hk-about-v52-sections .hk-director-photo { min-height: 470px; }\n  .hk-about-v52-sections .hk-team-intro { font-size: 15px; }\n  .hk-about-v52-sections .hk-team-quote { padding: 22px 42px 22px 21px; font-size: 19px; }\n  .hk-about-v52-sections .hk-contact-links { grid-template-columns: 1fr; }\n\n  .hk-about-v52-sections .hk-project-card { display: block; }\n  .hk-about-v52-sections .hk-project-card figure { min-height: 0; aspect-ratio: 4 \/ 3; }\n  .hk-about-v52-sections .hk-project-card > div { padding: 23px 20px; }\n  .hk-about-v52-sections .hk-project-card-label { display: grid; justify-items: start; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context-panel { padding: 22px 20px; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl { grid-template-columns: 1fr; }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl > div {\n    border-right: 0;\n    border-bottom: 1px solid var(--hk-line);\n  }\n  .hk-about-v52-sections[data-hk-about-section-widget=\"projects\"] .hk-project-context dl > div:last-child { border-bottom: 0; }\n\n  .hk-about-v52-sections .hk-purpose-grid,\n  .hk-about-v52-sections .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-purpose-card { min-height: 0; padding: 28px 23px; }\n  .hk-about-v52-sections .hk-purpose-card h3 { margin-top: 34px; font-size: 24px; }\n  .hk-about-v52-sections .hk-values-grid article { min-height: 0; }\n  .hk-about-v52-sections .hk-values-grid h3 { margin-top: 30px; }\n\n  .hk-about-v52-sections .hk-contact { padding-top: 38px; }\n  .hk-about-v52-sections .hk-contact-card { padding: 30px 21px; gap: 34px; border-radius: 17px; }\n  .hk-about-v52-sections .hk-contact-copy > p { font-size: 15px; }\n  .hk-about-v52-sections .hk-contact-panel { padding: 21px 17px; }\n}\n\n@media (max-width: 430px) {\n  .hk-about-v52-sections .hk-history-item { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }\n  .hk-about-v52-sections .hk-history-rail span { min-width: 34px; width: 34px; height: 36px; }\n  .hk-about-v52-sections .hk-history-rail::after { top: 36px; left: 17px; }\n  .hk-about-v52-sections .hk-evidence-tabs button small { font-size: 7px; }\n  .hk-about-v52-sections .hk-evidence-tabs button strong { font-size: 12px; }\n}\n\n@media (max-width: 390px) {\n  .hk-about-v52-sections .hk-shell { width: calc(100% - 24px); }\n  .hk-about-v52-sections .hk-evidence-tabs { grid-template-columns: 1fr; }\n  .hk-about-v52-sections .hk-director-photo { min-height: 430px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-v52-sections.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n  .hk-about-v52-sections * { scroll-behavior: auto !important; }\n}\n<\/style>\n\n<div class=\"hk-about-v52-sections\" data-hk-about-section-widget=\"projects\">\n  <section class=\"hk-section hk-projects\" id=\"projects\" aria-labelledby=\"projects-title\">\n    <div class=\"hk-shell\">\n      <div class=\"hk-v5-heading hk-reveal\">\n        <div>\n          <div class=\"hk-section-tag\"><span>07<\/span><b>CUSTOMERS &amp; PROJECT EXPERIENCE<\/b><\/div>\n          <h2 id=\"projects-title\">Trusted through real project records.<\/h2>\n        <\/div>\n        <p class=\"hk-heading-note\">Review customer-site, production-site and project-communication records that show how equipment and support connect to real project work.<\/p>\n      <\/div>\n\n      <fieldset class=\"hk-project-switcher hk-reveal\">\n        <legend class=\"hk-visually-hidden\">Choose a project record to review<\/legend>\n\n        <input class=\"hk-project-choice\" type=\"radio\" name=\"hk-v52-project-choice\" id=\"hk-v52-project-choice-1\" aria-label=\"Customer-site equipment record\" checked>\n        <input class=\"hk-project-choice\" type=\"radio\" name=\"hk-v52-project-choice\" id=\"hk-v52-project-choice-2\" aria-label=\"Production-site result record\">\n        <input class=\"hk-project-choice\" type=\"radio\" name=\"hk-v52-project-choice\" id=\"hk-v52-project-choice-3\" aria-label=\"Project communication record\">\n\n        <div class=\"hk-project-progress\" aria-label=\"Selected project record\">\n          <div>\n            <span>REAL PROJECT RECORDS<\/span>\n            <b class=\"hk-project-progress-count\"><span class=\"hk-project-count-1\">01 \/ 03<\/span><span class=\"hk-project-count-2\">02 \/ 03<\/span><span class=\"hk-project-count-3\">03 \/ 03<\/span><\/b>\n          <\/div>\n          <i aria-hidden=\"true\"><span><\/span><\/i>\n        <\/div>\n\n        <div class=\"hk-project-grid\" aria-label=\"Three project records\">\n          <article class=\"hk-project-card hk-project-card-1\">\n            <label class=\"hk-project-card-select\" for=\"hk-v52-project-choice-1\" aria-label=\"Select customer-site equipment record\"><\/label>\n            <figure><div class=\"hk-image-placeholder\" data-replace-image=https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/Bangladesh-Client-scaled.jpg><b>PROJECT RECORD 01<\/b><strong>Customer-site equipment<\/strong><small>Equipment \u00b7 operating team \u00b7 production environment<\/small><\/div><figcaption>PROJECT RECORD 01 \u00b7 CUSTOMER SITE<\/figcaption><\/figure>\n            <div><div class=\"hk-project-card-label\"><small>CUSTOMER-SITE EQUIPMENT RECORD<\/small><span>SITE EVIDENCE<\/span><\/div><h3>Installed cable-production equipment and local operating team.<\/h3><p class=\"hk-project-summary\">A customer-site record showing equipment within its real production environment.<\/p><b class=\"hk-project-card-status\" aria-hidden=\"true\"><span class=\"hk-project-status-selected\">Selected record<\/span><span class=\"hk-project-status-choose\">Review record<\/span><\/b><\/div>\n          <\/article>\n\n          <article class=\"hk-project-card hk-project-card-2\">\n            <label class=\"hk-project-card-select\" for=\"hk-v52-project-choice-2\" aria-label=\"Select production-site result record\"><\/label>\n            <figure><div class=\"hk-image-placeholder\" data-replace-image=https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/clients-factory-scaled.jpg><b>PROJECT RECORD 02<\/b><strong>Production-site result<\/strong><small>Customer team \u00b7 finished cable \u00b7 line operation<\/small><\/div><figcaption>PROJECT RECORD 02 \u00b7 PRODUCTION SITE<\/figcaption><\/figure>\n            <div><div class=\"hk-project-card-label\"><small>PRODUCTION-SITE RECORD<\/small><span>OUTPUT EVIDENCE<\/span><\/div><h3>Finished cable documented at the production site.<\/h3><p class=\"hk-project-summary\">A production-site record connecting delivered equipment with the customer\u2019s manufacturing activity.<\/p><b class=\"hk-project-card-status\" aria-hidden=\"true\"><span class=\"hk-project-status-selected\">Selected record<\/span><span class=\"hk-project-status-choose\">Review record<\/span><\/b><\/div>\n          <\/article>\n\n          <article class=\"hk-project-card hk-project-card-3\">\n            <label class=\"hk-project-card-select\" for=\"hk-v52-project-choice-3\" aria-label=\"Select project communication record\"><\/label>\n            <figure><div class=\"hk-image-placeholder\" data-replace-image=https:\/\/hkcablemachine.com\/wp-content\/uploads\/2023\/04\/Africa-client-scaled.jpg><b>PROJECT RECORD 03<\/b><strong>Project communication<\/strong><small>Customer meeting \u00b7 technical discussion \u00b7 coordination<\/small><\/div><figcaption>PROJECT RECORD 03 \u00b7 PROJECT COMMUNICATION<\/figcaption><\/figure>\n            <div><div class=\"hk-project-card-label\"><small>PROJECT COMMUNICATION RECORD<\/small><span>COORDINATION EVIDENCE<\/span><\/div><h3>Customer and HONGKAI representatives during project discussion.<\/h3><p class=\"hk-project-summary\">A project record showing direct communication around customer requirements and coordination.<\/p><b class=\"hk-project-card-status\" aria-hidden=\"true\"><span class=\"hk-project-status-selected\">Selected record<\/span><span class=\"hk-project-status-choose\">Review record<\/span><\/b><\/div>\n          <\/article>\n        <\/div>\n\n        <div class=\"hk-project-context\" aria-live=\"polite\">\n          <div class=\"hk-project-context-panel hk-project-context-1\">\n            <div class=\"hk-project-context-intro\"><small>01 \u00b7 SELECTED CUSTOMER-SITE RECORD<\/small><strong>Review what this photograph can verify before publication.<\/strong><\/div>\n            <dl><div><dt>Visible stage<\/dt><dd>Equipment at a customer production site<\/dd><\/div><div><dt>Project focus<\/dt><dd>Installed machinery, operating environment and local team<\/dd><\/div><div><dt>Why it matters<\/dt><dd>Shows the equipment beyond the factory-delivery stage<\/dd><\/div><\/dl>\n          <\/div>\n          <div class=\"hk-project-context-panel hk-project-context-2\">\n            <div class=\"hk-project-context-intro\"><small>02 \u00b7 SELECTED PRODUCTION-SITE RECORD<\/small><strong>Connect the production equipment with a visible manufacturing result.<\/strong><\/div>\n            <dl><div><dt>Visible stage<\/dt><dd>Customer team with produced cable<\/dd><\/div><div><dt>Project focus<\/dt><dd>Production activity and finished-cable handling<\/dd><\/div><div><dt>Why it matters<\/dt><dd>Connects machinery with a visible production result<\/dd><\/div><\/dl>\n          <\/div>\n          <div class=\"hk-project-context-panel hk-project-context-3\">\n            <div class=\"hk-project-context-intro\"><small>03 \u00b7 SELECTED COMMUNICATION RECORD<\/small><strong>Show the named communication route behind an international project.<\/strong><\/div>\n            <dl><div><dt>Visible stage<\/dt><dd>Customer meeting and project discussion<\/dd><\/div><div><dt>Project focus<\/dt><dd>Requirements, technical questions and coordination<\/dd><\/div><div><dt>Why it matters<\/dt><dd>Shows the human responsibility path behind the project<\/dd><\/div><\/dl>\n          <\/div>\n        <\/div>\n      <\/fieldset>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  document.querySelectorAll(\n    '[data-hk-about-section-widget=\"projects\"]:not([data-hk-projects-ready])'\n  ).forEach((root) => {\n    root.dataset.hkProjectsReady = \"true\";\n    root.classList.add(\"is-js\");\n\n    root.querySelectorAll(\"[data-replace-image]\").forEach((slot) => {\n      const source = (slot.dataset.replaceImage || \"\").trim();\n      if (!\/^(https?:\\\/\\\/|\\\/\\\/)\/i.test(source)) return;\n      const image = document.createElement(\"img\");\n      image.src = source;\n      image.alt = (slot.querySelector(\"strong\")?.textContent || \"HONGKAI project record\").trim();\n      image.loading = \"lazy\";\n      image.decoding = \"async\";\n      slot.replaceWith(image);\n    });\n\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    if (\"IntersectionObserver\" in window) {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: \"0px 0px -8% 0px\", threshold: 0.06 });\n      revealItems.forEach((item) => observer.observe(item));\n    } else {\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    }\n  });\n\n  \/* Project selection is native radio + CSS. *\/\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64e3d60 e-con-full e-flex e-con e-parent\" data-id=\"64e3d60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90b9909 elementor-widget elementor-widget-html\" data-id=\"90b9909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 08 \u00b7 VISION, MISSION & VALUES\n  Standalone Elementor HTML widget. Paste this entire file into one HTML widget.\n  Internal content width: 1289px. CSS and required interaction are included.\n-->\n\n<style>\n.hk-about-values-v53 {\n  --hk-blue: #1677c8;\n  --hk-blue-2: #33a0e8;\n  --hk-blue-soft: #eaf4fc;\n  --hk-navy: #102a43;\n  --hk-body: #344054;\n  --hk-muted: #667085;\n  --hk-line: #d8e2eb;\n  --hk-soft: #f4f7fa;\n  --hk-white: #ffffff;\n  --hk-orange: #e16a47;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  color: var(--hk-body);\n  background: var(--hk-white);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-values-v53,\n.hk-about-values-v53 * { box-sizing: border-box; }\n.hk-about-values-v53 :is(h2, h3, p) { margin-top: 0; }\n.hk-about-values-v53 :is(h2, h3) { color: var(--hk-navy); }\n.hk-about-values-v53 a { color: inherit; text-decoration: none; }\n.hk-about-values-v53 a:focus-visible {\n  outline: 3px solid rgba(67,131,240,.42);\n  outline-offset: 3px;\n}\n.hk-about-values-v53 [id] { scroll-margin-top: 150px; }\n\n.hk-about-values-v53 .hk-values-shell {\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n.hk-about-values-v53 .hk-values-section {\n  padding: clamp(88px,7.5vw,118px) 0;\n  background: var(--hk-white);\n}\n.hk-about-values-v53 .hk-values-heading {\n  display: grid;\n  margin-bottom: clamp(42px,5vw,64px);\n  grid-template-columns: minmax(0,1.05fr) minmax(320px,.65fr);\n  gap: clamp(42px,7vw,104px);\n  align-items: end;\n}\n.hk-about-values-v53 .hk-values-tag {\n  display: flex;\n  margin-bottom: 22px;\n  align-items: center;\n  gap: 14px;\n}\n.hk-about-values-v53 .hk-values-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-navy);\n  color: var(--hk-white);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-values-v53 .hk-values-tag b {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .15em;\n}\n.hk-about-values-v53 .hk-values-heading h2 {\n  max-width: 780px;\n  margin-bottom: 0;\n  font-size: clamp(38px,4.1vw,58px);\n  line-height: 1.08;\n  letter-spacing: -.035em;\n}\n.hk-about-values-v53 .hk-values-heading > p {\n  margin-bottom: 0;\n  color: var(--hk-muted);\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n.hk-about-values-v53 .hk-purpose-grid {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 16px;\n}\n.hk-about-values-v53 .hk-purpose-card {\n  position: relative;\n  display: flex;\n  min-width: 0;\n  padding: clamp(28px,3vw,36px);\n  overflow: hidden;\n  flex-direction: column;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: linear-gradient(135deg,#f8fbfd 0%,#eef4f8 100%);\n}\n.hk-about-values-v53 .hk-purpose-card::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 3px;\n  background: linear-gradient(90deg,var(--hk-blue),var(--hk-blue-2));\n  content: \"\";\n}\n.hk-about-values-v53 .hk-purpose-card:last-child::before {\n  background: linear-gradient(90deg,var(--hk-orange),#efa080);\n}\n.hk-about-values-v53 .hk-purpose-card header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n}\n.hk-about-values-v53 .hk-purpose-card small {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-values-v53 .hk-purpose-card:last-child small { color: #a5533a; }\n.hk-about-values-v53 .hk-purpose-card header span {\n  color: rgba(16,42,67,.15);\n  font: 700 25px\/1 var(--hk-mono);\n}\n.hk-about-values-v53 .hk-purpose-card h3 {\n  max-width: 550px;\n  margin: clamp(34px,4vw,54px) 0 28px;\n  font-size: clamp(24px,2.25vw,32px);\n  line-height: 1.34;\n}\n.hk-about-values-v53 .hk-purpose-card > p {\n  margin: auto 0 0;\n  padding-top: 17px;\n  border-top: 1px solid var(--hk-line);\n  color: #7d8ca1;\n  font: 700 8px\/1.5 var(--hk-mono);\n  letter-spacing: .12em;\n}\n\n.hk-about-values-v53 .hk-values-board {\n  margin-top: 16px;\n  padding: 22px;\n  border: 1px solid var(--hk-line);\n  border-radius: 18px;\n  background: var(--hk-soft);\n}\n.hk-about-values-v53 .hk-values-board-heading {\n  display: flex;\n  margin-bottom: 18px;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 28px;\n}\n.hk-about-values-v53 .hk-values-board-heading small {\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n.hk-about-values-v53 .hk-values-board-heading p {\n  max-width: 560px;\n  margin: 0;\n  color: var(--hk-muted);\n  font-size: 14px;\n  line-height: 1.7;\n}\n.hk-about-values-v53 .hk-values-grid {\n  display: grid;\n  grid-template-columns: repeat(4,minmax(0,1fr));\n  gap: 13px;\n}\n.hk-about-values-v53 .hk-value-card {\n  display: flex;\n  min-width: 0;\n  min-height: 264px;\n  padding: 24px 21px 22px;\n  flex-direction: column;\n  border: 1px solid var(--hk-line);\n  border-radius: 14px;\n  background: var(--hk-white);\n  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.hk-about-values-v53 .hk-value-card:hover {\n  border-color: #a8cde7;\n  box-shadow: 0 14px 30px rgba(16,42,67,.07);\n  transform: translateY(-2px);\n}\n.hk-about-values-v53 .hk-value-card > span {\n  color: var(--hk-blue);\n  font: 700 10px\/1 var(--hk-mono);\n}\n.hk-about-values-v53 .hk-value-card small {\n  display: block;\n  margin-top: 31px;\n  color: #8290a4;\n  font: 700 8px\/1.45 var(--hk-mono);\n  letter-spacing: .1em;\n}\n.hk-about-values-v53 .hk-value-card h3 {\n  margin: 9px 0 10px;\n  font-size: 20px;\n  line-height: 1.3;\n}\n.hk-about-values-v53 .hk-value-card p {\n  margin-bottom: 22px;\n  color: var(--hk-muted);\n  font-size: 15px;\n  line-height: 1.68;\n}\n.hk-about-values-v53 .hk-value-link {\n  display: flex;\n  margin-top: auto;\n  padding-top: 15px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-navy);\n  font-size: 12px;\n  font-weight: 800;\n}\n.hk-about-values-v53 .hk-value-link b {\n  color: var(--hk-blue);\n  font-size: 18px;\n  font-weight: 500;\n}\n\n.hk-about-values-v53.is-js .hk-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity .58s ease, transform .58s ease;\n}\n.hk-about-values-v53.is-js .hk-reveal.is-visible {\n  opacity: 1;\n  transform: none;\n}\n\n@media (max-width:1024px) {\n  .hk-about-values-v53 .hk-values-heading {\n    grid-template-columns: 1fr;\n    gap: 26px;\n  }\n  .hk-about-values-v53 .hk-values-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n  .hk-about-values-v53 .hk-value-card { min-height: 235px; }\n}\n\n@media (max-width:900px) {\n  .hk-about-values-v53 .hk-purpose-grid { grid-template-columns: 1fr; }\n}\n\n@media (max-width:767px) {\n  .hk-about-values-v53 .hk-values-shell { width: calc(100% - 32px); }\n  .hk-about-values-v53 .hk-values-section { padding: 72px 0; }\n  .hk-about-values-v53 .hk-values-heading h2 {\n    font-size: clamp(33px,9.4vw,44px);\n  }\n  .hk-about-values-v53 .hk-values-heading > p {\n    font-size: 15px;\n    line-height: 1.75;\n  }\n  .hk-about-values-v53 .hk-purpose-card { padding: 27px 23px; }\n  .hk-about-values-v53 .hk-purpose-card h3 {\n    margin-top: 32px;\n    font-size: 24px;\n  }\n  .hk-about-values-v53 .hk-values-board {\n    padding: 16px;\n    border-radius: 16px;\n  }\n  .hk-about-values-v53 .hk-values-board-heading {\n    display: grid;\n    gap: 8px;\n  }\n  .hk-about-values-v53 .hk-values-grid { grid-template-columns: 1fr; }\n  .hk-about-values-v53 .hk-value-card {\n    min-height: 0;\n    padding: 23px 20px;\n  }\n  .hk-about-values-v53 .hk-value-card small { margin-top: 25px; }\n  .hk-about-values-v53 .hk-value-card p { font-size: 15px; }\n}\n\n@media (max-width:390px) {\n  .hk-about-values-v53 .hk-values-shell { width: calc(100% - 24px); }\n  .hk-about-values-v53 .hk-values-board { padding: 12px; }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  .hk-about-values-v53.is-js .hk-reveal {\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n<\/style>\n\n<div class=\"hk-about-values-v53\" data-hk-about-section-widget=\"values\">\n  <section class=\"hk-values-section\" id=\"values\" aria-labelledby=\"values-title\">\n    <div class=\"hk-values-shell\">\n      <div class=\"hk-values-heading hk-reveal\">\n        <div>\n          <div class=\"hk-values-tag\"><span>08<\/span><b>VISION \u00b7 MISSION \u00b7 VALUES<\/b><\/div>\n          <h2 id=\"values-title\">Technical accuracy and visible responsibility guide the work.<\/h2>\n        <\/div>\n        <p>These principles guide how HONGKAI defines scope, communicates decisions and supports project execution.<\/p>\n      <\/div>\n\n      <div class=\"hk-purpose-grid\">\n        <article class=\"hk-purpose-card hk-reveal\">\n          <header><small>VISION<\/small><span>01<\/span><\/header>\n          <h3>To become a trusted global partner for cable production capability development.<\/h3>\n          <p>LONG-TERM DIRECTION \u00b7 CABLE PRODUCTION CAPABILITY<\/p>\n        <\/article>\n        <article class=\"hk-purpose-card hk-reveal\">\n          <header><small>MISSION<\/small><span>02<\/span><\/header>\n          <h3>To help manufacturers and investors build stable, practical and scalable cable production systems.<\/h3>\n          <p>OPERATING PURPOSE \u00b7 PRACTICAL PROJECT EXECUTION<\/p>\n        <\/article>\n      <\/div>\n\n      <div class=\"hk-values-board hk-reveal\">\n        <div class=\"hk-values-board-heading\">\n          <small>VALUES IN PRACTICE<\/small>\n          <p>Each principle links to the part of this page where customers can review how it appears in project work.<\/p>\n        <\/div>\n\n        <nav class=\"hk-values-grid\" aria-label=\"HONGKAI values in project practice\">\n          <a class=\"hk-value-card\" href=\"#how-we-work\">\n            <span>01<\/span>\n            <small>PROJECT DECISION QUALITY<\/small>\n            <h3>Technical Clarity<\/h3>\n            <p>Make cable, process, capacity and interface decisions easier to understand and compare.<\/p>\n            <strong class=\"hk-value-link\">Review the delivery process <b aria-hidden=\"true\">\u2192<\/b><\/strong>\n          <\/a>\n\n          <a class=\"hk-value-card\" href=\"#strengths\">\n            <span>02<\/span>\n            <small>RESPONSIBILITY BOUNDARY<\/small>\n            <h3>Source &amp; Scope Transparency<\/h3>\n            <p>State what HONGKAI manufactures, what specialists supply and what still needs confirmation.<\/p>\n            <strong class=\"hk-value-link\">Review evidence-based strengths <b aria-hidden=\"true\">\u2192<\/b><\/strong>\n          <\/a>\n\n          <a class=\"hk-value-card\" href=\"#manufacturing\">\n            <span>03<\/span>\n            <small>VISIBLE PROJECT OUTPUT<\/small>\n            <h3>Visible Execution Evidence<\/h3>\n            <p>Connect project statements to engineering, assembly, testing and delivery records.<\/p>\n            <strong class=\"hk-value-link\">Review manufacturing evidence <b aria-hidden=\"true\">\u2192<\/b><\/strong>\n          <\/a>\n\n          <a class=\"hk-value-card\" href=\"#team\">\n            <span>04<\/span>\n            <small>NAMED COMMUNICATION ROUTE<\/small>\n            <h3>Continued Project Coordination<\/h3>\n            <p>Keep customer, engineering, manufacturing and support communication on one named route.<\/p>\n            <strong class=\"hk-value-link\">Review the project team <b aria-hidden=\"true\">\u2192<\/b><\/strong>\n          <\/a>\n        <\/nav>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(() => {\n  document.querySelectorAll(\n    '[data-hk-about-section-widget=\"values\"]:not([data-hk-values-ready])'\n  ).forEach((root) => {\n    root.dataset.hkValuesReady = \"true\";\n    const revealItems = [...root.querySelectorAll(\".hk-reveal\")];\n    const revealAll = () => revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n    const reducedMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const editorMode = document.body.classList.contains(\"elementor-editor-active\");\n\n    if (reducedMotion || editorMode || !(\"IntersectionObserver\" in window)) {\n      revealAll();\n      return;\n    }\n\n    root.classList.add(\"is-js\");\n    const observer = new IntersectionObserver((entries, currentObserver) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add(\"is-visible\");\n        currentObserver.unobserve(entry.target);\n      });\n    }, { rootMargin: \"0px 0px -8% 0px\", threshold: .06 });\n\n    revealItems.forEach((item) => observer.observe(item));\n    window.setTimeout(revealAll, 1400);\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e49af75 e-con-full e-flex e-con e-parent\" data-id=\"e49af75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63df4b4 elementor-widget elementor-widget-html\" data-id=\"63df4b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI ABOUT \u00b7 SECTION 09 \u00b7 FINAL PROJECT CTA\n  Standalone Elementor HTML widget.\n  Replace the complete old Section 09 HTML widget with this file.\n  Internal content width: 1289px. No JavaScript is required.\n-->\n\n<style>\n\/* =========================================================\n   HONGKAI ABOUT \u00b7 09 FINAL PROJECT CTA\n   Scoped styles: this widget will not change other sections.\n========================================================= *\/\n\/* Remove the browser's default 8px margin in the standalone preview. *\/\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\n.hk-about-final-v9,\n.hk-about-final-v9 * {\n  box-sizing: border-box;\n}\n\n.hk-about-final-v9 {\n  --hk-blue: #1677c8;\n  --hk-sky: #84caff;\n  --hk-navy: #102a43;\n  --hk-dark: #0b1b2f;\n  --hk-dark-2: #102842;\n  --hk-body: #4b5565;\n  --hk-muted: #667085;\n  --hk-line: #dce3ea;\n  --hk-light: #f5f7fa;\n  --hk-orange: #e16a47;\n  --hk-white: #ffffff;\n  --hk-font: \"Roboto\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", Consolas, monospace;\n\n  position: relative;\n  display: block;\n  \/* Full-bleed even when the HTML widget sits in a boxed Elementor parent. *\/\n  width: 100vw !important;\n  max-width: 100vw !important;\n  min-width: 0 !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n  overflow: hidden;\n  background: var(--hk-dark);\n  color: var(--hk-body);\n  font-family: var(--hk-font);\n  font-size: 16px;\n  line-height: 1.65;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hk-about-final-v9 :is(h2, h3, p, ol, ul) {\n  margin-top: 0;\n}\n\n.hk-about-final-v9 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.hk-about-final-v9 a:focus-visible {\n  outline: 3px solid rgba(132, 202, 255, .62);\n  outline-offset: 3px;\n}\n\n.hk-about-final-v9 .hk-final-section {\n  position: relative;\n  padding: 0;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 88% 10%, rgba(22, 119, 200, .24), transparent 34%),\n    linear-gradient(135deg, var(--hk-dark) 0%, #0c2037 62%, var(--hk-dark-2) 100%);\n  isolation: isolate;\n}\n\n.hk-about-final-v9 .hk-final-section::before {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--hk-blue) 0 74%, var(--hk-orange) 74% 100%);\n  content: \"\";\n}\n\n.hk-about-final-v9 .hk-final-section::after {\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n  background:\n    linear-gradient(90deg, transparent 49.9%, rgba(132, 202, 255, .03) 50%, transparent 50.1%),\n    linear-gradient(rgba(132, 202, 255, .025) 1px, transparent 1px);\n  background-size: 100% 100%, 100% 72px;\n  content: \"\";\n  pointer-events: none;\n}\n\n.hk-about-final-v9 .hk-final-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1289px, calc(100% - 56px));\n  margin: 0 auto;\n}\n\n.hk-about-final-v9 .hk-final-card {\n  padding: clamp(70px, 7vw, 96px) 0;\n  background: transparent;\n}\n\n.hk-about-final-v9 .hk-final-main {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .78fr);\n  gap: clamp(46px, 7vw, 92px);\n  align-items: start;\n}\n\n\/* SECTION LABEL *\/\n.hk-about-final-v9 .hk-final-tag {\n  display: flex;\n  margin-bottom: 24px;\n  gap: 14px;\n  align-items: center;\n}\n\n.hk-about-final-v9 .hk-final-tag span {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 auto;\n  place-items: center;\n  border-radius: 9px;\n  background: var(--hk-sky);\n  color: var(--hk-navy);\n  font: 700 10px\/1 var(--hk-mono);\n}\n\n.hk-about-final-v9 .hk-final-tag b {\n  color: var(--hk-sky);\n  font: 700 10px\/1.45 var(--hk-mono);\n  letter-spacing: .15em;\n}\n\n\/* LEFT: PROJECT INPUT *\/\n.hk-about-final-v9 .hk-final-copy h2 {\n  max-width: 720px;\n  margin-bottom: 0;\n  color: var(--hk-white);\n  font-size: clamp(38px, 4.2vw, 58px);\n  font-weight: 700;\n  line-height: 1.08;\n  letter-spacing: -.038em;\n}\n\n.hk-about-final-v9 .hk-final-intro {\n  max-width: 700px;\n  margin: 24px 0 30px;\n  color: #bdc9d8;\n  font-size: 17px;\n  line-height: 1.78;\n}\n\n.hk-about-final-v9 .hk-final-input-label {\n  display: block;\n  margin-bottom: 12px;\n  color: var(--hk-sky);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n\n.hk-about-final-v9 .hk-final-inputs {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 8px 26px;\n  list-style: none;\n}\n\n.hk-about-final-v9 .hk-final-inputs li {\n  display: grid;\n  min-height: 49px;\n  padding: 10px 0;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 10px;\n  align-items: center;\n  border-top: 1px solid rgba(132, 202, 255, .17);\n  color: #f4f8fb;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n\n.hk-about-final-v9 .hk-final-inputs b {\n  color: var(--hk-sky);\n  font: 700 10px\/1 var(--hk-mono);\n  letter-spacing: .06em;\n}\n\n\/* RIGHT: REAL CONTACT ROUTES *\/\n.hk-about-final-v9 .hk-final-actions {\n  padding: clamp(24px, 3vw, 32px);\n  border: 1px solid rgba(255, 255, 255, .75);\n  border-radius: 16px;\n  background: rgba(255, 255, 255, .97);\n  box-shadow: 0 18px 48px rgba(4, 18, 34, .2);\n}\n\n.hk-about-final-v9 .hk-final-actions > small {\n  display: block;\n  color: var(--hk-blue);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n\n.hk-about-final-v9 .hk-final-actions h3 {\n  margin: 12px 0 9px;\n  color: var(--hk-navy);\n  font-size: 24px;\n  line-height: 1.25;\n  letter-spacing: -.02em;\n}\n\n.hk-about-final-v9 .hk-final-actions > p {\n  margin-bottom: 22px;\n  color: var(--hk-muted);\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.hk-about-final-v9 .hk-final-links {\n  display: grid;\n  gap: 10px;\n}\n\n.hk-about-final-v9 .hk-final-link {\n  display: flex;\n  min-height: 58px;\n  padding: 14px 17px;\n  gap: 14px;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid #cddae5;\n  border-radius: 8px;\n  background: var(--hk-white);\n  color: var(--hk-navy);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.35;\n  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;\n}\n\n.hk-about-final-v9 .hk-final-link-copy {\n  display: grid;\n  min-width: 0;\n  gap: 3px;\n}\n\n.hk-about-final-v9 .hk-final-link-copy small {\n  color: var(--hk-blue);\n  font: 700 9px\/1.3 var(--hk-mono);\n  letter-spacing: .12em;\n}\n\n.hk-about-final-v9 .hk-final-link-copy strong {\n  color: inherit;\n  font-size: 14px;\n  line-height: 1.35;\n}\n\n.hk-about-final-v9 .hk-final-link-primary {\n  border-color: #c94f2f;\n  background: #c94f2f;\n  color: var(--hk-white);\n}\n\n.hk-about-final-v9 .hk-final-link-primary .hk-final-link-copy small {\n  color: var(--hk-white);\n}\n\n.hk-about-final-v9 .hk-final-link-whatsapp {\n  background: #f4f8fb;\n}\n\n.hk-about-final-v9 .hk-final-arrow {\n  flex: 0 0 auto;\n  font-size: 20px;\n  font-weight: 400;\n  line-height: 1;\n}\n\n.hk-about-final-v9 .hk-final-email {\n  display: flex;\n  margin-top: 19px;\n  padding-top: 17px;\n  gap: 12px;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-navy);\n  font-size: 13px;\n  font-weight: 700;\n  overflow-wrap: anywhere;\n}\n\n\/* WHAT HAPPENS NEXT *\/\n.hk-about-final-v9 .hk-final-next {\n  margin-top: clamp(32px, 4.5vw, 48px);\n  padding-top: clamp(24px, 3vw, 32px);\n  border-top: 1px solid rgba(132, 202, 255, .2);\n}\n\n.hk-about-final-v9 .hk-final-next > h3 {\n  display: block;\n  margin-bottom: 14px;\n  color: var(--hk-sky);\n  font: 700 10px\/1.4 var(--hk-mono);\n  letter-spacing: .14em;\n}\n\n.hk-about-final-v9 .hk-final-next ol {\n  display: grid;\n  margin: 0;\n  padding: 0;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  border: 1px solid rgba(132, 202, 255, .2);\n  border-radius: 13px;\n  list-style: none;\n  overflow: hidden;\n  counter-reset: hk-final-step;\n}\n\n.hk-about-final-v9 .hk-final-next li {\n  display: grid;\n  min-height: 88px;\n  padding: 19px 22px;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 12px;\n  align-items: center;\n  border-right: 1px solid rgba(132, 202, 255, .18);\n  background: rgba(255, 255, 255, .035);\n  color: #dce5ee;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1.45;\n}\n\n.hk-about-final-v9 .hk-final-next li:last-child {\n  border-right: 0;\n}\n\n.hk-about-final-v9 .hk-final-next li::before {\n  display: grid;\n  width: 32px;\n  height: 32px;\n  place-items: center;\n  border: 1px solid rgba(132, 202, 255, .3);\n  border-radius: 8px;\n  color: var(--hk-sky);\n  content: \"0\" counter(hk-final-step);\n  counter-increment: hk-final-step;\n  font: 700 10px\/1 var(--hk-mono);\n}\n\n@media (hover: hover) {\n  .hk-about-final-v9 .hk-final-link:hover {\n    border-color: var(--hk-blue);\n    background: #edf6fd;\n    transform: translateY(-2px);\n  }\n\n  .hk-about-final-v9 .hk-final-link-primary:hover {\n    border-color: #b9472b;\n    background: #b9472b;\n  }\n}\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n  .hk-about-final-v9 .hk-final-main {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .hk-about-final-v9 .hk-final-actions {\n    width: 100%;\n  }\n}\n\n\/* MOBILE \u00b7 360 \/ 390 \/ 430 *\/\n@media (max-width: 767px) {\n  .hk-about-final-v9 .hk-final-section {\n    padding: 0;\n  }\n\n  .hk-about-final-v9 .hk-final-shell {\n    width: calc(100% - 32px);\n  }\n\n  .hk-about-final-v9 .hk-final-card {\n    padding: 52px 0 48px;\n  }\n\n  .hk-about-final-v9 .hk-final-main {\n    gap: 30px;\n  }\n\n  .hk-about-final-v9 .hk-final-tag {\n    margin-bottom: 19px;\n  }\n\n  .hk-about-final-v9 .hk-final-tag span {\n    width: 40px;\n    height: 40px;\n  }\n\n  .hk-about-final-v9 .hk-final-copy h2 {\n    font-size: clamp(34px, 10vw, 43px);\n  }\n\n  .hk-about-final-v9 .hk-final-intro {\n    margin: 20px 0 26px;\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .hk-about-final-v9 .hk-final-inputs {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  .hk-about-final-v9 .hk-final-inputs li {\n    min-height: 48px;\n  }\n\n  .hk-about-final-v9 .hk-final-actions {\n    padding: 23px 17px;\n    border-radius: 13px;\n  }\n\n  .hk-about-final-v9 .hk-final-actions h3 {\n    font-size: 22px;\n  }\n\n  .hk-about-final-v9 .hk-final-link {\n    width: 100%;\n    min-height: 56px;\n  }\n\n  .hk-about-final-v9 .hk-final-next {\n    margin-top: 30px;\n    padding-top: 24px;\n  }\n\n  .hk-about-final-v9 .hk-final-next ol {\n    grid-template-columns: 1fr;\n  }\n\n  .hk-about-final-v9 .hk-final-next li {\n    min-height: 68px;\n    padding: 15px 16px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(132, 202, 255, .18);\n  }\n\n  .hk-about-final-v9 .hk-final-next li:last-child {\n    border-bottom: 0;\n  }\n}\n\n@media (max-width: 390px) {\n  .hk-about-final-v9 .hk-final-shell {\n    width: calc(100% - 24px);\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-about-final-v9 .hk-final-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<div class=\"hk-about-final-v9\" data-hk-about-section-widget=\"final-contact\">\n  <section class=\"hk-final-section\" id=\"contact\" aria-labelledby=\"hk-final-title\">\n    <div class=\"hk-final-shell\">\n      <div class=\"hk-final-card\">\n        <div class=\"hk-final-main\">\n          <div class=\"hk-final-copy\">\n            <div class=\"hk-final-tag\">\n              <span>09<\/span>\n              <b>START A PROJECT<\/b>\n            <\/div>\n\n            <h2 id=\"hk-final-title\">Start with the cable you want to produce.<\/h2>\n            <p class=\"hk-final-intro\">\n              Share the product, production target and factory conditions. We will begin with the required process and project scope\u2014not a generic machine list.\n            <\/p>\n\n            <span class=\"hk-final-input-label\">HELP US UNDERSTAND YOUR PROJECT<\/span>\n            <ul class=\"hk-final-inputs\">\n              <li><b>01<\/b><span>Cable product and structure<\/span><\/li>\n              <li><b>02<\/b><span>Size range and materials<\/span><\/li>\n              <li><b>03<\/b><span>Target output or line speed<\/span><\/li>\n              <li><b>04<\/b><span>Factory voltage and available space<\/span><\/li>\n              <li><b>05<\/b><span>New factory, expansion or upgrade<\/span><\/li>\n            <\/ul>\n          <\/div>\n\n          <aside class=\"hk-final-actions\" aria-label=\"Direct project contact options\">\n            <small>PROJECT BRIEF \/ START HERE<\/small>\n            <h3>Choose how you want to begin.<\/h3>\n            <p>Use the project form, send a cable drawing or contact Peter directly.<\/p>\n\n            <div class=\"hk-final-links\">\n              <a class=\"hk-final-link hk-final-link-primary\" href=\"https:\/\/hkcablemachine.com\/contact\/\" aria-label=\"Open the HONGKAI contact and project requirements page\">\n                <span class=\"hk-final-link-copy\"><small>PROJECT FORM<\/small><strong>Send Project Requirements<\/strong><\/span>\n                <span class=\"hk-final-arrow\" aria-hidden=\"true\">\u2192<\/span>\n              <\/a>\n\n              <a class=\"hk-final-link\" href=\"https:\/\/hkcablemachine.com\/contact\/\" aria-label=\"Open the contact form and upload a cable drawing\">\n                <span class=\"hk-final-link-copy\"><small>FORM + FILE UPLOAD<\/small><strong>Upload Cable Drawing<\/strong><\/span>\n                <span class=\"hk-final-arrow\" aria-hidden=\"true\">\u2192<\/span>\n              <\/a>\n\n              <a class=\"hk-final-link hk-final-link-whatsapp\" href=\"https:\/\/wa.me\/8618681065860\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n                <span class=\"hk-final-link-copy\"><small>DIRECT CHAT<\/small><strong>WhatsApp Peter<\/strong><\/span>\n                <span class=\"hk-final-arrow\" aria-hidden=\"true\">\u2192<\/span>\n              <\/a>\n            <\/div>\n\n            <a class=\"hk-final-email\" href=\"mailto:peter@hkcablemachine.com\">\n              <span>peter@hkcablemachine.com<\/span>\n              <span class=\"hk-final-arrow\" aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n          <\/aside>\n        <\/div>\n\n        <div class=\"hk-final-next\" aria-label=\"What happens next\">\n          <h3>WHAT HAPPENS NEXT<\/h3>\n          <ol>\n            <li>Review the cable and production requirement<\/li>\n            <li>Confirm the missing process and configuration inputs<\/li>\n            <li>Define the recommended project route and next discussion<\/li>\n          <\/ol>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\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>Home \u9875\u9762 00 ABOUT HONGKAI CBALE MACHINERY The Team Behind Your Cable Production Project. HONGKAI integrates core equipment and specialist machinery into complete production lines for fiber optic, LAN, and low-voltage cables. Our project team manages process planning, equipment coordination, delivery, installation, and after-sales support. The right equipment from the right specialists, managed as one [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14812,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2629","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/pages\/2629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/comments?post=2629"}],"version-history":[{"count":78,"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/pages\/2629\/revisions"}],"predecessor-version":[{"id":15027,"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/pages\/2629\/revisions\/15027"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/media\/14812"}],"wp:attachment":[{"href":"https:\/\/hkcablemachine.com\/pt\/wp-json\/wp\/v2\/media?parent=2629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}