{"id":11660,"date":"2024-04-25T10:16:36","date_gmt":"2024-04-25T02:16:36","guid":{"rendered":"https:\/\/hkcablemachine.com\/?page_id=11660"},"modified":"2026-07-26T17:37:21","modified_gmt":"2026-07-26T09:37:21","slug":"cable-machinery-production-lines","status":"publish","type":"page","link":"https:\/\/hkcablemachine.com\/vi\/san-pham\/","title":{"rendered":"S\u1ea3n ph\u1ea9m"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11660\" class=\"elementor elementor-11660\" 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-3e6c7a3 e-con e-atomic-element e-flexbox-base e-1b60fc7 \" data-id=\"3e6c7a3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3e6c7a3\" data-e-type=\"e-flexbox\" data-id=\"3e6c7a3\">\n    \t\t<div class=\"elementor-element elementor-element-7122073 elementor-widget elementor-widget-html\" data-id=\"7122073\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI PRODUCTS & CAPABILITIES\n  01 \/ HERO \u2014 INDEPENDENT ELEMENTOR HTML WIDGET\n\n  Desktop content width: 1289px.\n  Header, progress bar and capability navigation are separate widgets\/templates.\n-->\n\n<section class=\"hk-products-hero-v6\" id=\"top\" aria-labelledby=\"hk-products-page-title\">\n  <div class=\"hk-products-hero-v6__shell\">\n    <nav class=\"hk-products-hero-v6__breadcrumb\" aria-label=\"Breadcrumb\">\n      <a href=\"https:\/\/hkcablemachine.com\/\">Home<\/a>\n      <span aria-hidden=\"true\">\u2192<\/span>\n      <span>Products &amp; Capabilities<\/span>\n    <\/nav>\n\n    <div class=\"hk-products-hero-v6__grid\">\n      <div class=\"hk-products-hero-v6__copy\">\n        <p class=\"hk-products-hero-v6__eyebrow\">\n          <span aria-hidden=\"true\"><\/span>\n          Engineering Capability Atlas\n        <\/p>\n\n        <h1 id=\"hk-products-page-title\">\n          Cable Machinery &amp; Complete Production Lines\n        <\/h1>\n\n        <p class=\"hk-products-hero-v6__intro\">\n          Explore HONGKAI cable machinery, complete production-line solutions,\n          replacement parts, finished fiber optic cables, and selected project\n          resources.\n        <\/p>\n\n        <div class=\"hk-products-hero-v6__actions\">\n          <a class=\"hk-products-hero-v6__button hk-products-hero-v6__button--primary\"\n             href=\"#business-routes\">\n            <span>Explore All Capabilities<\/span>\n            <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n\n          <a class=\"hk-products-hero-v6__button hk-products-hero-v6__button--secondary\"\n             href=\"https:\/\/hkcablemachine.com\/contact\/#project-contact\">\n            <span>Start Your Project<\/span>\n            <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n        <\/div>\n\n        <p class=\"hk-products-hero-v6__trust\">\n          <span class=\"hk-products-hero-v6__check\" aria-hidden=\"true\">\u2713<\/span>\n          <span>\n            Core machinery, specialist equipment and project support coordinated\n            by one responsible team.\n          <\/span>\n        <\/p>\n      <\/div>\n\n      <div class=\"hk-products-hero-v6__visual\">\n        <div class=\"hk-products-hero-v6__visual-head\">\n          <span>Featured Production Route<\/span>\n          <strong>From equipment scope to stable cable production<\/strong>\n        <\/div>\n\n        <div class=\"hk-products-hero-v6__machine\">\n          <!--\n            Replace only the src URL below with your WordPress Media Library URL.\n            Recommended image ratio: 1993 \u00d7 789 (approximately 2.53:1).\n            Use a complete production-line image on a white or transparent background.\n            Keep the width, height and descriptive alt text.\n          -->\n          <img fetchpriority=\"high\" decoding=\"async\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/HONGKAI-Machinery.png\"\n            alt=\"Complete HONGKAI cable production line with pay-off, extrusion, cooling, control and take-up equipment\"\n            width=\"1993\"\n            height=\"789\"\n            fetchpriority=\"high\"\n          \/>\n        <\/div>\n\n        <div class=\"hk-products-hero-v6__visual-note\">\n          <span>01 \/ Complete Line<\/span>\n          <p>Configured around your cable structure, output and factory conditions.<\/p>\n          <a href=\"#production-solutions\"\n             aria-label=\"View complete production solutions\">\u2193<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"hk-products-hero-v6__buyer-route\"\n         aria-label=\"Buyer route through the page\">\n      <span class=\"hk-products-hero-v6__route-label\">Your Buyer Route<\/span>\n\n      <div class=\"hk-products-hero-v6__route-item\">\n        <span>01<\/span>\n        <p><small>Choose<\/small><strong>Business Area<\/strong><\/p>\n      <\/div>\n\n      <div class=\"hk-products-hero-v6__route-item\">\n        <span>02<\/span>\n        <p><small>Choose<\/small><strong>Cable Type<\/strong><\/p>\n      <\/div>\n\n      <div class=\"hk-products-hero-v6__route-item\">\n        <span>03<\/span>\n        <p><small>Select<\/small><strong>Machinery Route<\/strong><\/p>\n      <\/div>\n\n      <div class=\"hk-products-hero-v6__route-item\">\n        <span>04<\/span>\n        <p><small>Browse<\/small><strong>Process &amp; Equipment<\/strong><\/p>\n      <\/div>\n\n      <div class=\"hk-products-hero-v6__route-item\">\n        <span>05<\/span>\n        <p><small>Review<\/small><strong>Evidence &amp; Start Project<\/strong><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* Elementor full-width containment *\/\n  .elementor-widget-html:has(.hk-products-hero-v6),\n  .elementor-widget-html:has(.hk-products-hero-v6) > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n  }\n\n  .hk-products-hero-v6,\n  .hk-products-hero-v6 * {\n    box-sizing: border-box;\n  }\n\n  .hk-products-hero-v6 {\n    --hk-shell: 1289px;\n    --hk-navy: #0b2540;\n    --hk-blue: #1677c8;\n    --hk-orange: #e16a47;\n    --hk-orange-dark: #cc5636;\n    --hk-body: #596980;\n    --hk-muted: #7f8ea3;\n    --hk-line: #d6e2ec;\n    --hk-line-strong: #bdd3e4;\n    --hk-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n    --hk-mono: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n\n    position: relative;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-inline: calc(50% - 50vw) !important;\n    overflow-x: clip;\n    padding: 26px 0 54px;\n    border-bottom: 1px solid var(--hk-line);\n    color: #172033;\n    \/*\n      Keep this section transparent.\n      Set or replace the background image directly on the OUTER\n      Elementor container so it remains editable in the Elementor UI.\n    *\/\n    background: transparent;\n    font-family: var(--hk-font);\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  }\n\n  .hk-products-hero-v6__shell {\n    position: relative;\n    z-index: 1;\n    width: min(var(--hk-shell), calc(100% - 48px));\n    margin-inline: auto;\n  }\n\n  .hk-products-hero-v6 a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .hk-products-hero-v6__breadcrumb {\n    min-height: 36px;\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 28px;\n    color: var(--hk-muted);\n    font-size: 13px;\n  }\n\n  .hk-products-hero-v6__breadcrumb a {\n    color: var(--hk-blue);\n    font-weight: 700;\n  }\n\n  .hk-products-hero-v6__grid {\n    display: grid;\n    grid-template-columns: minmax(0, 440px) minmax(0, 1fr);\n    gap: 54px;\n    align-items: center;\n  }\n\n  .hk-products-hero-v6__copy {\n    min-width: 0;\n    display: grid;\n    gap: 28px;\n  }\n\n  .hk-products-hero-v6__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 0;\n    color: var(--hk-blue);\n    font-family: var(--hk-mono);\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.35;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .hk-products-hero-v6__eyebrow > span {\n    flex: 0 0 32px;\n    width: 32px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .hk-products-hero-v6 h1 {\n    max-width: 700px;\n    margin: 0;\n    color: var(--hk-navy);\n    font-size: clamp(48px, 4.2vw, 64px);\n    font-weight: 800;\n    line-height: 0.99;\n    letter-spacing: -0.045em;\n  }\n\n  .hk-products-hero-v6__intro {\n    max-width: 610px;\n    margin: 0;\n    color: var(--hk-body);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .hk-products-hero-v6__actions {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 12px;\n  }\n\n  .hk-products-hero-v6__button {\n    min-width: 0;\n    min-height: 52px;\n    display: inline-flex;\n    flex: 1 1 0;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    padding: 13px 18px;\n    border: 1px solid transparent;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.25;\n    transition:\n      color 180ms ease,\n      background-color 180ms ease,\n      border-color 180ms ease,\n      transform 180ms ease;\n  }\n\n  .hk-products-hero-v6__button:hover,\n  .hk-products-hero-v6__button:focus-visible {\n    transform: translateY(-2px);\n  }\n\n  .hk-products-hero-v6__button--primary,\n  .hk-products-hero-v6__button--primary:visited {\n    color: #ffffff !important;\n    background: var(--hk-orange);\n  }\n\n  .hk-products-hero-v6__button--primary:hover,\n  .hk-products-hero-v6__button--primary:focus-visible {\n    color: #ffffff !important;\n    background: var(--hk-orange-dark);\n  }\n\n  .hk-products-hero-v6__button--secondary,\n  .hk-products-hero-v6__button--secondary:visited {\n    color: var(--hk-navy) !important;\n    border-color: var(--hk-navy);\n    background: rgba(255, 255, 255, 0.62);\n  }\n\n  .hk-products-hero-v6__button--secondary:hover,\n  .hk-products-hero-v6__button--secondary:focus-visible {\n    color: #ffffff !important;\n    background: var(--hk-navy);\n  }\n\n  .hk-products-hero-v6__trust {\n    display: flex;\n    max-width: 430px;\n    align-items: flex-start;\n    gap: 10px;\n    margin: 0;\n    padding-top: 18px;\n    border-top: 1px solid var(--hk-line);\n    color: #63738a;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .hk-products-hero-v6__check {\n    flex: 0 0 18px;\n    width: 18px;\n    height: 18px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 1px;\n    border-radius: 50%;\n    color: #fff;\n    background: var(--hk-blue);\n    font-size: 11px;\n    font-weight: 800;\n  }\n\n  .hk-products-hero-v6__visual {\n    min-width: 0;\n    align-self: center;\n    display: grid;\n    grid-template-rows: auto auto auto;\n    overflow: hidden;\n    border-top: 2px solid var(--hk-blue);\n    border-bottom: 1px solid var(--hk-line-strong);\n    background: rgba(255, 255, 255, 0.46);\n  }\n\n  .hk-products-hero-v6__visual-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    padding: 14px 16px;\n    border-bottom: 1px solid var(--hk-line);\n    font-family: var(--hk-mono);\n    text-transform: uppercase;\n  }\n\n  .hk-products-hero-v6__visual-head span {\n    color: var(--hk-blue);\n    font-size: 10px;\n    font-weight: 750;\n    letter-spacing: 0.14em;\n  }\n\n  .hk-products-hero-v6__visual-head strong {\n    color: var(--hk-muted);\n    font-size: 9px;\n    letter-spacing: 0.1em;\n    text-align: right;\n  }\n\n  .hk-products-hero-v6__machine {\n    min-height: 0;\n    aspect-ratio: 1993 \/ 789;\n    display: grid;\n    place-items: center;\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .hk-products-hero-v6__machine img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-height: none;\n    object-fit: contain;\n    object-position: center;\n  }\n\n  .hk-products-hero-v6__visual-note {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) 36px;\n    gap: 16px;\n    align-items: center;\n    padding: 16px;\n    border-top: 1px solid var(--hk-line);\n    background: rgba(255, 255, 255, 0.76);\n  }\n\n  .hk-products-hero-v6__visual-note > span {\n    padding: 8px 9px;\n    border: 1px solid var(--hk-line-strong);\n    border-radius: 8px;\n    color: var(--hk-blue);\n    font-family: var(--hk-mono);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  .hk-products-hero-v6__visual-note p {\n    margin: 0;\n    color: var(--hk-body);\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  .hk-products-hero-v6__visual-note a {\n    width: 36px;\n    height: 36px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--hk-blue) !important;\n    font-size: 20px;\n    font-weight: 700;\n  }\n\n  .hk-products-hero-v6__buyer-route {\n    display: grid;\n    grid-template-columns: 184px repeat(5, minmax(0, 1fr));\n    margin-top: 36px;\n    border-top: 1px solid var(--hk-line-strong);\n    border-bottom: 1px solid var(--hk-line-strong);\n    background: rgba(255, 255, 255, 0.58);\n  }\n\n  .hk-products-hero-v6__route-label {\n    min-height: 66px;\n    display: flex;\n    align-items: center;\n    padding: 14px 16px;\n    color: var(--hk-blue);\n    font-family: var(--hk-mono);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .hk-products-hero-v6__route-item {\n    min-width: 0;\n    min-height: 66px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 14px;\n    border-left: 1px solid var(--hk-line);\n  }\n\n  .hk-products-hero-v6__route-item > span {\n    flex: 0 0 auto;\n    color: var(--hk-blue);\n    font-family: var(--hk-mono);\n    font-size: 10px;\n    font-weight: 700;\n  }\n\n  .hk-products-hero-v6__route-item p {\n    min-width: 0;\n    display: grid;\n    gap: 1px;\n    margin: 0;\n  }\n\n  .hk-products-hero-v6__route-item small {\n    color: var(--hk-muted);\n    font-size: 10px;\n    line-height: 1.2;\n    text-transform: uppercase;\n  }\n\n  .hk-products-hero-v6__route-item strong {\n    overflow: hidden;\n    color: var(--hk-navy);\n    font-size: 12px;\n    line-height: 1.25;\n    text-overflow: ellipsis;\n  }\n\n  @media (max-width: 1180px) {\n    .hk-products-hero-v6__grid {\n      grid-template-columns: minmax(0, 390px) minmax(0, 1fr);\n      gap: 38px;\n    }\n\n    .hk-products-hero-v6__buyer-route {\n      grid-template-columns: 155px repeat(5, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .hk-products-hero-v6__shell {\n      width: min(var(--hk-shell), calc(100% - 40px));\n    }\n\n    .hk-products-hero-v6__grid {\n      grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);\n      gap: 32px;\n    }\n\n    .hk-products-hero-v6 h1 {\n      font-size: clamp(44px, 5.5vw, 58px);\n    }\n\n    .hk-products-hero-v6__copy {\n      gap: 23px;\n    }\n\n    .hk-products-hero-v6__visual {\n      grid-template-rows: auto auto auto;\n    }\n\n    .hk-products-hero-v6__machine {\n      min-height: 0;\n    }\n\n    .hk-products-hero-v6__visual-head strong {\n      display: none;\n    }\n\n    .hk-products-hero-v6__buyer-route {\n      grid-template-columns: 130px repeat(5, minmax(0, 1fr));\n    }\n\n    .hk-products-hero-v6__route-item {\n      padding-inline: 9px;\n    }\n\n    .hk-products-hero-v6__route-item strong {\n      font-size: 10px;\n    }\n  }\n\n  @media (max-width: 820px) {\n    .hk-products-hero-v6__shell {\n      width: calc(100% - 36px);\n    }\n\n    .hk-products-hero-v6 {\n      padding-top: 20px;\n    }\n\n    .hk-products-hero-v6__breadcrumb {\n      justify-content: center;\n      margin-bottom: 18px;\n    }\n\n    .hk-products-hero-v6__grid {\n      grid-template-columns: 1fr;\n      gap: 36px;\n    }\n\n    .hk-products-hero-v6__copy {\n      justify-items: center;\n      text-align: center;\n    }\n\n    .hk-products-hero-v6__copy h1,\n    .hk-products-hero-v6__intro,\n    .hk-products-hero-v6__trust {\n      max-width: 650px;\n    }\n\n    .hk-products-hero-v6__trust {\n      justify-content: center;\n    }\n\n    .hk-products-hero-v6__visual {\n      width: 100%;\n      max-width: 720px;\n      justify-self: center;\n    }\n\n    .hk-products-hero-v6__buyer-route {\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n\n    .hk-products-hero-v6__route-label {\n      grid-column: 1 \/ -1;\n      min-height: 40px;\n      justify-content: center;\n      border-bottom: 1px solid var(--hk-line);\n    }\n\n    .hk-products-hero-v6__route-item:first-of-type {\n      border-left: 0;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .hk-products-hero-v6 {\n      padding: 18px 0 44px;\n    }\n\n    .hk-products-hero-v6__shell {\n      width: calc(100% - 40px);\n    }\n\n    .hk-products-hero-v6__breadcrumb {\n      justify-content: center;\n      margin-bottom: 24px;\n      font-size: 12px;\n    }\n\n    .hk-products-hero-v6__eyebrow {\n      justify-content: center;\n      font-size: 10px;\n      letter-spacing: 0.13em;\n    }\n\n    .hk-products-hero-v6__eyebrow > span {\n      flex-basis: 24px;\n      width: 24px;\n    }\n\n    .hk-products-hero-v6 h1 {\n      font-size: clamp(38px, 11.2vw, 46px);\n      line-height: 1.02;\n    }\n\n    .hk-products-hero-v6__copy {\n      gap: 22px;\n    }\n\n    .hk-products-hero-v6__intro {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .hk-products-hero-v6__actions {\n      width: 100%;\n      flex-direction: column;\n    }\n\n    .hk-products-hero-v6__button {\n      width: 100%;\n      min-height: 54px;\n      flex: 0 0 auto;\n    }\n\n    .hk-products-hero-v6__trust {\n      align-items: center;\n      font-size: 12px;\n      text-align: center;\n    }\n\n    .hk-products-hero-v6__visual {\n      grid-template-rows: auto auto auto;\n    }\n\n    .hk-products-hero-v6__visual-head {\n      justify-content: center;\n      padding-block: 12px;\n    }\n\n    .hk-products-hero-v6__machine {\n      min-height: 0;\n      padding: 0;\n    }\n\n    .hk-products-hero-v6__machine img {\n      max-height: none;\n    }\n\n    .hk-products-hero-v6__visual-note {\n      grid-template-columns: 1fr auto;\n      gap: 10px;\n      text-align: left;\n    }\n\n    .hk-products-hero-v6__visual-note > span {\n      display: none;\n    }\n\n    .hk-products-hero-v6__visual-note p {\n      font-size: 12px;\n    }\n\n    .hk-products-hero-v6__buyer-route {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      margin-top: 28px;\n    }\n\n    .hk-products-hero-v6__route-label {\n      grid-column: 1 \/ -1;\n    }\n\n    .hk-products-hero-v6__route-item {\n      min-height: 72px;\n      justify-content: center;\n      border-top: 1px solid var(--hk-line);\n      border-left: 0;\n      text-align: left;\n    }\n\n    .hk-products-hero-v6__route-item:nth-of-type(even) {\n      border-left: 1px solid var(--hk-line);\n    }\n\n    .hk-products-hero-v6__route-item:last-child {\n      grid-column: 1 \/ -1;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .hk-products-hero-v6__shell {\n      width: calc(100% - 36px);\n    }\n\n    .hk-products-hero-v6__visual {\n      grid-template-rows: auto auto auto;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .hk-products-hero-v6__shell {\n      width: calc(100% - 32px);\n    }\n\n    .hk-products-hero-v6 h1 {\n      font-size: 39px;\n    }\n\n    .hk-products-hero-v6__visual {\n      grid-template-rows: auto auto auto;\n    }\n  }\n\n  @media (max-width: 360px) {\n    .hk-products-hero-v6__shell {\n      width: calc(100% - 28px);\n    }\n\n    .hk-products-hero-v6 h1 {\n      font-size: 37px;\n    }\n\n    .hk-products-hero-v6__visual {\n      grid-template-rows: auto auto auto;\n    }\n\n    .hk-products-hero-v6__visual-note {\n      padding-inline: 12px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hk-products-hero-v6__button {\n      transition: none;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4dfdffc e-con e-atomic-element e-flexbox-base e-585e60b \" data-id=\"4dfdffc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4dfdffc\" id=\"hk-capability-sticky-nav\" data-e-type=\"e-flexbox\" data-id=\"4dfdffc\">\n    \t\t<div class=\"elementor-element elementor-element-237e8e5 elementor-widget elementor-widget-html\" data-id=\"237e8e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!--\n  HONGKAI PRODUCTS & CAPABILITIES\n  02 \/ CAPABILITY MAP \u2014 HOMEPAGE-ALIGNED ELEMENTOR HTML WIDGET\n\n  Elementor installation:\n  1. Replace the complete contents of the existing Capability Map HTML widget\n     with this file.\n  2. Keep the outer Elementor Flexbox ID as: hk-capability-sticky-nav\n  3. Keep the page-progress widget separate.\n  4. Update the page, regenerate Elementor CSS\/data, and purge NitroPack.\n-->\n\n<nav class=\"hk-capability-map-v6 hk-capability-map-v6--homepage-style\"\n     data-hk-capability-map\n     aria-label=\"Products and capabilities page navigation\">\n  <div class=\"hk-capability-map-v6__shell\">\n    <span class=\"hk-capability-map-v6__label\">Capability Map<\/span>\n\n    <div class=\"hk-capability-map-v6__links\">\n      <a class=\"is-active\" href=\"#business-routes\" aria-current=\"location\">\n        Business Areas\n      <\/a>\n      <a href=\"#production-solutions\">Cable Types<\/a>\n      <a href=\"#equipment-directory\">Machinery<\/a>\n      <a href=\"#spare-parts\">Spare Parts<\/a>\n      <a href=\"#finished-cables\">Finished Cables<\/a>\n      <a href=\"#materials\">Resources<\/a>\n      <a href=\"#evidence\">Evidence<\/a>\n    <\/div>\n\n    <a class=\"hk-capability-map-v6__start\"\n       href=\"https:\/\/hkcablemachine.com\/contact\/\">\n      <span>Start a Project<\/span>\n      <span aria-hidden=\"true\">\u2197<\/span>\n    <\/a>\n  <\/div>\n<\/nav>\n\n<style id=\"hk-capability-map-homepage-aligned-v1\">\n  \/*\n   * The real homepage Journey navigation is the visual source of truth:\n   * 1200px shell, 54px desktop height, translucent white background,\n   * one subtle bottom border, 2px active underline and orange CTA.\n   *\/\n  body.page-id-11660 #hk-capability-sticky-nav {\n    --hk-capability-sticky-top: 82px;\n\n    position: -webkit-sticky !important;\n    position: sticky !important;\n    z-index: 45 !important;\n    top: var(--hk-capability-sticky-top) !important;\n\n    width: 100% !important;\n    min-width: 0 !important;\n    max-width: none !important;\n    min-height: 54px !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    gap: 0 !important;\n\n    overflow: visible !important;\n    transform: none !important;\n  }\n\n  body.page-id-11660 #hk-capability-sticky-nav > .e-con-inner,\n  body.page-id-11660 #hk-capability-sticky-nav > .elementor-container,\n  body.page-id-11660 #hk-capability-sticky-nav .elementor-widget-html,\n  body.page-id-11660\n    #hk-capability-sticky-nav\n    .elementor-widget-html\n    > .elementor-widget-container {\n    width: 100% !important;\n    min-width: 0 !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    gap: 0 !important;\n    overflow: visible !important;\n  }\n\n  body.page-id-11660 #hk-capability-sticky-nav .elementor-widget-html {\n    margin-bottom: 0 !important;\n  }\n\n  body.admin-bar.page-id-11660 #hk-capability-sticky-nav {\n    top: calc(var(--hk-capability-sticky-top) + 32px) !important;\n  }\n\n  .elementor-widget-html:has(.hk-capability-map-v6--homepage-style),\n  .elementor-widget-html:has(.hk-capability-map-v6--homepage-style)\n    > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n  }\n\n  .hk-capability-map-v6--homepage-style,\n  .hk-capability-map-v6--homepage-style * {\n    box-sizing: border-box;\n  }\n\n  .hk-capability-map-v6--homepage-style {\n    --hk-navy: #102a43;\n    --hk-blue: #1677c8;\n    --hk-orange: #e16a47;\n    --hk-body: #5f6d81;\n    --hk-muted: #8290a4;\n    --hk-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n    --hk-mono: \"Roboto Mono\", Consolas, monospace;\n    --hk-nav-height: 54px;\n\n    position: relative;\n    z-index: 1;\n    width: 100% !important;\n    max-width: none !important;\n    min-height: var(--hk-nav-height);\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border-top: 0 !important;\n    border-right: 0 !important;\n    border-bottom: 1px solid rgba(16, 42, 67, 0.07) !important;\n    border-left: 0 !important;\n    background: rgba(255, 255, 255, 0.64) !important;\n    box-shadow: 0 8px 24px rgba(16, 42, 67, 0.035);\n    color: var(--hk-navy);\n    font-family: var(--hk-font);\n    -webkit-backdrop-filter: blur(12px) saturate(135%);\n    backdrop-filter: blur(12px) saturate(135%);\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__shell {\n    width: min(1200px, calc(100% - 56px));\n    min-height: var(--hk-nav-height);\n    margin: 0 auto;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__label {\n    flex: 0 0 auto;\n    color: var(--hk-muted);\n    font-family: var(--hk-mono);\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links {\n    min-width: 0;\n    display: flex;\n    flex: 1;\n    align-self: stretch;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 3px;\n  }\n\n  .hk-capability-map-v6--homepage-style a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a {\n    position: relative;\n    min-height: var(--hk-nav-height);\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    padding: 0 9px;\n    color: var(--hk-body);\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-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a::after {\n    content: \"\";\n    position: absolute;\n    right: 9px;\n    bottom: -1px;\n    left: 9px;\n    height: 2px;\n    background: var(--hk-blue);\n    opacity: 0;\n    transform: scaleX(0.3);\n    transform-origin: center;\n    transition:\n      opacity 180ms ease,\n      transform 180ms ease;\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a:hover,\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a:focus-visible,\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a.is-active {\n    color: var(--hk-blue);\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a:hover::after,\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a:focus-visible::after,\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a.is-active::after {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__links\n    > a:focus-visible,\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__start:focus-visible {\n    outline: 2px solid rgba(22, 119, 200, 0.35);\n    outline-offset: 3px;\n    border-radius: 4px;\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__start {\n    display: inline-flex;\n    flex: 0 0 auto;\n    gap: 7px;\n    align-items: center;\n    color: var(--hk-orange) !important;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1;\n    white-space: nowrap;\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__start\n    > span:last-child {\n    transition: transform 180ms ease;\n  }\n\n  .hk-capability-map-v6--homepage-style\n    .hk-capability-map-v6__start:hover\n    > span:last-child {\n    transform: translate(3px, -3px);\n  }\n\n  @media (max-width: 1120px) {\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__label {\n      display: none;\n    }\n  }\n\n  @media (max-width: 860px) {\n    body.page-id-11660 #hk-capability-sticky-nav {\n      min-height: 52px !important;\n      overflow: hidden !important;\n    }\n\n    body.page-id-11660\n      #hk-capability-sticky-nav\n      .elementor-widget-html,\n    body.page-id-11660\n      #hk-capability-sticky-nav\n      .elementor-widget-html\n      > .elementor-widget-container {\n      overflow: hidden !important;\n    }\n\n    .hk-capability-map-v6--homepage-style {\n      --hk-nav-height: 52px;\n      overflow: hidden;\n    }\n\n    .hk-capability-map-v6--homepage-style::after {\n      content: \"\";\n      position: absolute;\n      z-index: 3;\n      top: 0;\n      right: 0;\n      width: 42px;\n      height: 100%;\n      background: linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0),\n        rgba(255, 255, 255, 0.82)\n      );\n      pointer-events: none;\n    }\n\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__shell {\n      width: 100%;\n      min-height: var(--hk-nav-height);\n      gap: 0;\n      overflow: hidden;\n    }\n\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__links {\n      width: 100%;\n      min-height: var(--hk-nav-height);\n      flex: 1 1 auto;\n      justify-content: flex-start;\n      gap: 3px;\n      padding: 0 38px 0 14px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      overscroll-behavior-x: contain;\n      scroll-padding-left: 14px;\n      scrollbar-width: none;\n      scroll-snap-type: x proximity;\n      touch-action: pan-x;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__links::-webkit-scrollbar {\n      display: none;\n    }\n\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__links\n      > a {\n      flex: 0 0 auto;\n      scroll-snap-align: start;\n    }\n\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__start {\n      display: none;\n    }\n  }\n\n  @media (max-width: 782px) {\n    body.admin-bar.page-id-11660 #hk-capability-sticky-nav {\n      top: calc(var(--hk-capability-sticky-top) + 46px) !important;\n    }\n  }\n\n  @media (max-width: 620px) {\n    body.page-id-11660 #hk-capability-sticky-nav {\n      --hk-capability-sticky-top: 68px;\n      min-height: 48px !important;\n    }\n\n    .hk-capability-map-v6--homepage-style {\n      --hk-nav-height: 48px;\n    }\n\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__links {\n      gap: 2px;\n    }\n\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__links\n      > a {\n      min-height: 48px;\n      padding: 0 12px;\n      font-size: 10px;\n    }\n\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__links\n      > a::after {\n      right: 12px;\n      left: 12px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__links\n      > a,\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__links\n      > a::after,\n    .hk-capability-map-v6--homepage-style\n      .hk-capability-map-v6__start\n      > span:last-child {\n      transition: none;\n    }\n  }\n<\/style>\n\n<script>\n  (() => {\n    const maps = document.querySelectorAll(\n      \"[data-hk-capability-map]:not([data-hk-ready])\"\n    );\n\n    maps.forEach((map) => {\n      map.dataset.hkReady = \"true\";\n\n      const reduceMotion = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n      const links = Array.from(\n        map.querySelectorAll(\n          '.hk-capability-map-v6__links > a[href^=\"#\"]'\n        )\n      );\n\n      const targetFor = (link) => {\n        const id = link.getAttribute(\"href\").slice(1);\n        return id ? document.getElementById(id) : null;\n      };\n\n      const tracked = links\n        .map((link) => ({ link, target: targetFor(link) }))\n        .filter((item) => item.target);\n\n      const stickyOffset = () => {\n        const outer =\n          map.closest(\n            \"#hk-capability-sticky-nav, .e-con, .elementor-section\"\n          ) || map;\n        const cssTop = parseFloat(getComputedStyle(outer).top);\n\n        return (\n          (Number.isFinite(cssTop) ? cssTop : 0) +\n          map.offsetHeight +\n          14\n        );\n      };\n\n      const centerActiveLink = (link) => {\n        const scroller = map.querySelector(\n          \".hk-capability-map-v6__links\"\n        );\n\n        if (!scroller || scroller.scrollWidth <= scroller.clientWidth) {\n          return;\n        }\n\n        const left =\n          link.offsetLeft -\n          (scroller.clientWidth - link.offsetWidth) \/ 2;\n\n        scroller.scrollTo({\n          left: Math.max(0, left),\n          behavior: reduceMotion ? \"auto\" : \"smooth\"\n        });\n      };\n\n      links.forEach((link) => {\n        link.addEventListener(\"click\", (event) => {\n          const target = targetFor(link);\n          if (!target) return;\n\n          event.preventDefault();\n\n          const top =\n            target.getBoundingClientRect().top +\n            window.scrollY -\n            stickyOffset();\n\n          window.scrollTo({\n            top: Math.max(0, top),\n            behavior: reduceMotion ? \"auto\" : \"smooth\"\n          });\n        });\n      });\n\n      let scheduled = false;\n\n      const updateActive = () => {\n        scheduled = false;\n        if (!tracked.length) return;\n\n        const threshold = stickyOffset() + 36;\n        let active = tracked[0];\n\n        tracked.forEach((item) => {\n          if (item.target.getBoundingClientRect().top <= threshold) {\n            active = item;\n          }\n        });\n\n        tracked.forEach((item) => {\n          const isActive = item === active;\n          item.link.classList.toggle(\"is-active\", isActive);\n\n          if (isActive) {\n            item.link.setAttribute(\"aria-current\", \"location\");\n          } else {\n            item.link.removeAttribute(\"aria-current\");\n          }\n        });\n\n        centerActiveLink(active.link);\n      };\n\n      const requestUpdate = () => {\n        if (scheduled) return;\n        scheduled = true;\n        window.requestAnimationFrame(updateActive);\n      };\n\n      window.addEventListener(\"scroll\", requestUpdate, {\n        passive: true\n      });\n      window.addEventListener(\"resize\", requestUpdate, {\n        passive: true\n      });\n\n      requestUpdate();\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f0240ed e-con e-atomic-element e-flexbox-base e-f0240ed-95f8e69 \" data-id=\"f0240ed\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f0240ed\" data-e-type=\"e-flexbox\" data-id=\"f0240ed\">\n    \t\t<div class=\"elementor-element elementor-element-6e97edf elementor-widget elementor-widget-html\" data-id=\"6e97edf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES \/ SECTION 03\n     FOUR BUSINESS AREAS \u2014 EXACT FULL-PREVIEW VERSION\n     Paste this entire file into ONE Elementor HTML widget.\n========================================================== -->\n\n<section class=\"hk-business-v6\" id=\"business-routes\" aria-labelledby=\"hk-business-v6-title\">\n  <div class=\"hk-business-v6__shell\">\n    <p class=\"hk-business-v6__eyebrow\">\n      <span aria-hidden=\"true\"><\/span>\n      Choose Your Business Area\n    <\/p>\n\n    <div class=\"hk-business-v6__grid\">\n      <a class=\"hk-business-v6__card hk-business-v6__card--primary\" href=\"#production-solutions\">\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/fiber-optic-cable-solutions.png\"\n          alt=\"Optical Cable production line manufactured by HONGKAI\"\n          width=\"2172\"\n          height=\"360\"\n          loading=\"lazy\"\n        >\n        <span class=\"hk-business-v6__index\">01<\/span>\n        <div class=\"hk-business-v6__copy\">\n          <h2 id=\"hk-business-v6-title\">Cable Machinery &amp; Production Lines<\/h2>\n          <p>Complete solutions and individual machinery for fiber optic, LAN and low-voltage cables.<\/p>\n          <strong>\n            Explore Machinery Solutions\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/strong>\n        <\/div>\n      <\/a>\n\n      <a class=\"hk-business-v6__card\" href=\"#spare-parts\">\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/06\/banner_c4d_v1.png\"\n          alt=\"Cable machine spare parts and replacement components\"\n          width=\"1280\"\n          height=\"760\"\n          loading=\"lazy\"\n        >\n        <span class=\"hk-business-v6__index\">02<\/span>\n        <div class=\"hk-business-v6__copy\">\n          <h3>Cable Machine Spare Parts<\/h3>\n          <p>Replacement, wear, electrical, custom and upgrade parts.<\/p>\n          <strong>\n            Browse Spare Parts\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/strong>\n        <\/div>\n      <\/a>\n\n      <a class=\"hk-business-v6__card\" href=\"#finished-cables\">\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/ADSS-Cable-Design.png\"\n          alt=\"Finished outdoor fiber optic cable\"\n          width=\"900\"\n          height=\"900\"\n          loading=\"lazy\"\n        >\n        <span class=\"hk-business-v6__index\">03<\/span>\n        <div class=\"hk-business-v6__copy\">\n          <h3>Finished Fiber Optic Cables<\/h3>\n          <p>Project cable supply through qualified manufacturing partners.<\/p>\n          <strong>\n            View Cable Supply\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/strong>\n        <\/div>\n      <\/a>\n\n      <a class=\"hk-business-v6__card\" href=\"#materials\">\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2024\/04\/Cable-Raw-Materials.jpg\"\n          alt=\"Optical cable materials and production resources\"\n          width=\"1280\"\n          height=\"720\"\n          loading=\"lazy\"\n        >\n        <span class=\"hk-business-v6__index\">04<\/span>\n        <div class=\"hk-business-v6__copy\">\n          <h3>Materials &amp; Supporting Resources<\/h3>\n          <p>Optical cable materials, compounds and technical resources.<\/p>\n          <strong>\n            Explore Resources\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/strong>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   The values below are copied from the V6 full preview.\n========================================================== *\/\n.hk-business-v6,\n.hk-business-v6 * {\n  box-sizing: border-box;\n}\n\n.hk-business-v6 {\n  --hk-shell: 1289px;\n  --hk-navy: #0b2540;\n  --hk-blue: #1677c8;\n  --hk-body: #596980;\n  --hk-line: #d6e2ec;\n  --hk-shadow-soft: 0 12px 34px rgba(11, 37, 64, 0.06);\n  --hk-radius: 16px;\n  --hk-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: 104px 0;\n  overflow: clip;\n  color: var(--hk-navy);\n  background: #fff;\n  font-family: var(--hk-font);\n}\n\n.hk-business-v6 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.hk-business-v6 img,\n.hk-business-v6 svg {\n  display: block;\n}\n\n.hk-business-v6 h2,\n.hk-business-v6 h3,\n.hk-business-v6 p {\n  margin: 0;\n}\n\n.hk-business-v6 h2,\n.hk-business-v6 h3 {\n  color: var(--hk-navy);\n  font-weight: 800;\n  letter-spacing: -0.035em;\n}\n\n.hk-business-v6__shell {\n  width: min(var(--hk-shell), calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.hk-business-v6__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 28px !important;\n  color: var(--hk-blue);\n  font-family: var(--hk-mono);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hk-business-v6__eyebrow > span {\n  flex: 0 0 32px;\n  width: 32px;\n  height: 2px;\n  background: currentColor;\n}\n\n.hk-business-v6__grid {\n  display: grid;\n  grid-template-columns: 1.8fr repeat(3, minmax(0, 1fr));\n  gap: 12px;\n}\n\n.hk-business-v6__card {\n  position: relative;\n  min-width: 0;\n  min-height: 382px;\n  display: grid;\n  grid-template-rows: 176px minmax(0, 1fr);\n  overflow: hidden;\n  border: 1px solid var(--hk-line);\n  border-radius: var(--hk-radius);\n  background: #fff;\n  transition:\n    border-color 180ms ease,\n    box-shadow 180ms ease,\n    transform 180ms ease;\n}\n\n.hk-business-v6__card:hover,\n.hk-business-v6__card:focus-visible {\n  border-color: #8dbce0;\n  box-shadow: var(--hk-shadow-soft);\n  transform: translateY(-4px);\n}\n\n.hk-business-v6__card > img {\n  width: 100%;\n  height: 176px;\n  object-fit: cover;\n}\n\n.hk-business-v6__card--primary {\n  grid-template-rows: 222px minmax(0, 1fr);\n}\n\n.hk-business-v6__card--primary > img {\n  height: 222px;\n  object-position: center;\n}\n\n.hk-business-v6__index {\n  position: absolute;\n  top: 14px;\n  left: 14px;\n  display: inline-flex;\n  min-width: 38px;\n  min-height: 32px;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 9px;\n  border-radius: 7px;\n  color: var(--hk-blue);\n  background: rgba(255, 255, 255, 0.92);\n  font-family: var(--hk-mono);\n  font-size: 10px;\n  font-weight: 750;\n}\n\n.hk-business-v6__copy {\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 22px 18px 18px;\n}\n\n.hk-business-v6__card--primary .hk-business-v6__copy {\n  padding-inline: 24px;\n}\n\n.hk-business-v6__copy h2 {\n  max-width: 460px;\n  font-size: clamp(28px, 2.4vw, 36px);\n  line-height: 1.06;\n}\n\n.hk-business-v6__copy h3 {\n  font-size: 21px;\n  line-height: 1.2;\n}\n\n.hk-business-v6__copy p {\n  color: var(--hk-body);\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n.hk-business-v6__copy strong {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: auto;\n  color: var(--hk-blue);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.hk-business-v6__copy strong svg {\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n}\n\n@media (max-width: 1180px) {\n  .hk-business-v6__grid {\n    grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr));\n  }\n\n  .hk-business-v6__copy {\n    padding-inline: 15px;\n  }\n\n  .hk-business-v6__copy h3 {\n    font-size: 18px;\n  }\n}\n\n@media (max-width: 1024px) {\n  .hk-business-v6 {\n    padding-block: 86px;\n  }\n\n  .hk-business-v6__shell {\n    width: min(var(--hk-shell), calc(100% - 40px));\n  }\n\n  .hk-business-v6__grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .hk-business-v6__card--primary {\n    grid-column: 1 \/ -1;\n    grid-template-columns: 1.25fr 0.75fr;\n    grid-template-rows: 330px;\n    min-height: 330px;\n  }\n\n  .hk-business-v6__card--primary > img {\n    height: 330px;\n  }\n\n  .hk-business-v6__card--primary .hk-business-v6__copy {\n    align-content: center;\n    padding: 34px;\n  }\n\n  .hk-business-v6__card {\n    min-height: 350px;\n  }\n}\n\n@media (max-width: 820px) {\n  .hk-business-v6__shell {\n    width: calc(100% - 36px);\n  }\n\n  .hk-business-v6__eyebrow {\n    justify-content: center;\n  }\n\n  .hk-business-v6__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hk-business-v6__card--primary {\n    grid-column: 1 \/ -1;\n  }\n\n  .hk-business-v6__card:last-child {\n    grid-column: 1 \/ -1;\n    grid-template-columns: 0.8fr 1.2fr;\n    grid-template-rows: 250px;\n    min-height: 250px;\n  }\n\n  .hk-business-v6__card:last-child > img {\n    height: 250px;\n  }\n\n  .hk-business-v6__card:last-child .hk-business-v6__copy {\n    align-content: center;\n    padding: 30px;\n  }\n}\n\n@media (max-width: 767px) {\n  .hk-business-v6 {\n    padding-block: 72px;\n  }\n\n  .hk-business-v6__grid {\n    grid-template-columns: 1fr;\n  }\n\n  .hk-business-v6__card,\n  .hk-business-v6__card--primary,\n  .hk-business-v6__card:last-child {\n    grid-column: auto;\n    grid-template-columns: 1fr;\n    grid-template-rows: 190px auto;\n    min-height: 0;\n  }\n\n  .hk-business-v6__card > img,\n  .hk-business-v6__card--primary > img,\n  .hk-business-v6__card:last-child > img {\n    height: 190px;\n  }\n\n  .hk-business-v6__copy,\n  .hk-business-v6__card--primary .hk-business-v6__copy,\n  .hk-business-v6__card:last-child .hk-business-v6__copy {\n    align-content: start;\n    padding: 22px;\n    text-align: center;\n  }\n\n  .hk-business-v6__copy h2 {\n    max-width: none;\n    font-size: 29px;\n  }\n\n  .hk-business-v6__copy h3 {\n    font-size: 21px;\n  }\n}\n\n@media (max-width: 430px) {\n  .hk-business-v6__copy strong {\n    text-align: left;\n  }\n}\n\n@media (max-width: 390px) {\n  .hk-business-v6__shell {\n    width: calc(100% - 32px);\n  }\n}\n\n@media (max-width: 360px) {\n  .hk-business-v6__shell {\n    width: calc(100% - 28px);\n  }\n\n  .hk-business-v6__copy {\n    padding-inline: 18px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-business-v6 *,\n  .hk-business-v6 *::before,\n  .hk-business-v6 *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-22b3a73 e-con e-atomic-element e-flexbox-base e-c78b88a \" data-id=\"22b3a73\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"22b3a73\" data-e-type=\"e-flexbox\" data-id=\"22b3a73\">\n    \t\t<div class=\"elementor-element elementor-element-d2d15a8 elementor-widget elementor-widget-html\" data-id=\"d2d15a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES \/ SECTION 04\n     CABLE TYPES \u2014 EXACT FULL-PREVIEW VERSION\n     Paste this entire file into ONE Elementor HTML widget.\n========================================================== -->\n\n<section class=\"hk-cable-types-v6\" id=\"production-solutions\" aria-labelledby=\"hk-cable-types-v6-title\">\n  <div class=\"hk-cable-types-v6__shell\">\n    <header class=\"hk-cable-types-v6__head\">\n      <div>\n        <p class=\"hk-cable-types-v6__eyebrow\">\n          <span aria-hidden=\"true\"><\/span>\n          Start with the Finished Product\n        <\/p>\n        <h2 id=\"hk-cable-types-v6-title\">Start with the Cable You Plan to Produce<\/h2>\n      <\/div>\n      <p>The finished cable determines the process route, machine interfaces and supporting systems.<\/p>\n    <\/header>\n\n    <div class=\"hk-cable-types-v6__grid\">\n      <article class=\"hk-cable-types-v6__card hk-cable-types-v6__card--01\">\n        <figure>\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/clients-factory-scaled.jpg\"\n            alt=\"Fiber optic cable production equipment\"\n            width=\"1200\"\n            height=\"425\"\n            loading=\"lazy\"\n          >\n          <figcaption>01 \/ FIBER OPTIC<\/figcaption>\n        <\/figure>\n        <div class=\"hk-cable-types-v6__copy\">\n          <h3>Fiber Optic Cable Production<\/h3>\n          <p>From fiber preparation and loose tube extrusion to stranding, sheathing, testing and packing.<\/p>\n          <a href=\"https:\/\/hkcablemachine.com\/fiber-optic-cable-production-line\/\">\n            View Fiber Optic Solutions\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"hk-cable-types-v6__card hk-cable-types-v6__card--02\">\n        <figure>\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/lan-cable-solutions.png\"\n            alt=\"LAN cable production line equipment\"\n            width=\"1200\"\n            height=\"425\"\n            loading=\"lazy\"\n          >\n          <figcaption>02 \/ LAN CABLE<\/figcaption>\n        <\/figure>\n        <div class=\"hk-cable-types-v6__copy\">\n          <h3>LAN Cable Production<\/h3>\n          <p>Equipment for insulation, pair twisting, cabling and sheathing of data cable families.<\/p>\n          <a href=\"https:\/\/hkcablemachine.com\/lan-cable-production-line-guide\/\">\n            View LAN Cable Solutions\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"hk-cable-types-v6__card hk-cable-types-v6__card--03\">\n        <figure>\n          <img loading=\"lazy\" decoding=\"async\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/low-voltage-cable-solutions.png\"\n            alt=\"Low-voltage cable production equipment\"\n            width=\"1200\"\n            height=\"425\"\n            loading=\"lazy\"\n          >\n          <figcaption>03 \/ LOW VOLTAGE<\/figcaption>\n        <\/figure>\n        <div class=\"hk-cable-types-v6__copy\">\n          <h3>Low-Voltage Cable Production<\/h3>\n          <p>Drawing, bunching, stranding, insulation and sheathing routes for low-voltage cable.<\/p>\n          <a href=\"https:\/\/hkcablemachine.com\/electric-cable-making-machine\/\">\n            View Low-Voltage Solutions\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   The values below are copied from the V6 full preview.\n========================================================== *\/\n.hk-cable-types-v6,\n.hk-cable-types-v6 * {\n  box-sizing: border-box;\n}\n\n.hk-cable-types-v6 {\n  --hk-shell: 1289px;\n  --hk-navy: #0b2540;\n  --hk-blue: #1677c8;\n  --hk-body: #596980;\n  --hk-line: #d6e2ec;\n  --hk-line-strong: #bdd3e4;\n  --hk-radius: 16px;\n  --hk-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: 104px 0;\n  overflow: clip;\n  border-block: 1px solid var(--hk-line);\n  color: var(--hk-navy);\n  background-color: #f8fbfd;\n  background-image: url(\"..\/..\/public\/assets\/capability-atlas-bg.png\");\n  background-position: center top;\n  background-repeat: repeat-y;\n  background-size: max(1440px, 100%) auto;\n  font-family: var(--hk-font);\n}\n\n.hk-cable-types-v6 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.hk-cable-types-v6 img,\n.hk-cable-types-v6 svg {\n  display: block;\n  max-width: 100%;\n}\n\n.hk-cable-types-v6 figure,\n.hk-cable-types-v6 h2,\n.hk-cable-types-v6 h3,\n.hk-cable-types-v6 p {\n  margin: 0;\n}\n\n.hk-cable-types-v6 h2,\n.hk-cable-types-v6 h3 {\n  color: var(--hk-navy);\n  font-weight: 800;\n  letter-spacing: -0.035em;\n}\n\n.hk-cable-types-v6 h2 {\n  font-size: clamp(36px, 3vw, 44px);\n  line-height: 1.06;\n}\n\n.hk-cable-types-v6 h3 {\n  font-size: 22px;\n  line-height: 1.2;\n}\n\n.hk-cable-types-v6__shell {\n  width: min(var(--hk-shell), calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.hk-cable-types-v6__head {\n  display: grid;\n  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.6fr);\n  gap: 72px;\n  align-items: end;\n  margin-bottom: 44px;\n}\n\n.hk-cable-types-v6__head > div {\n  display: grid;\n  gap: 20px;\n}\n\n.hk-cable-types-v6__head > p {\n  max-width: 480px;\n  justify-self: end;\n  color: var(--hk-body);\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.hk-cable-types-v6__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  color: var(--hk-blue);\n  font-family: var(--hk-mono);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hk-cable-types-v6__eyebrow > span {\n  flex: 0 0 32px;\n  width: 32px;\n  height: 2px;\n  background: currentColor;\n}\n\n.hk-cable-types-v6__grid {\n  display: grid;\n  grid-template-columns: 1.12fr 1fr 1fr;\n  gap: 14px;\n}\n\n.hk-cable-types-v6__card {\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--hk-line-strong);\n  border-radius: var(--hk-radius);\n  background: rgba(255, 255, 255, 0.8);\n}\n\n.hk-cable-types-v6__card figure {\n  position: relative;\n  height: 170px;\n  overflow: hidden;\n  background: #dfeaf2;\n}\n\n.hk-cable-types-v6__card--01 figure {\n  height: 196px;\n}\n\n.hk-cable-types-v6__card figure img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 260ms ease;\n}\n\n.hk-cable-types-v6__card:hover figure img {\n  transform: scale(1.025);\n}\n\n.hk-cable-types-v6__card figcaption {\n  position: absolute;\n  left: 14px;\n  bottom: 14px;\n  padding: 7px 9px;\n  border-radius: 6px;\n  color: #fff;\n  background: rgba(11, 37, 64, 0.9);\n  font-family: var(--hk-mono);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n}\n\n.hk-cable-types-v6__copy {\n  display: grid;\n  gap: 12px;\n  padding: 22px;\n}\n\n.hk-cable-types-v6__copy p {\n  min-height: 74px;\n  color: var(--hk-body);\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.hk-cable-types-v6__copy a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 14px;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-blue);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.hk-cable-types-v6__copy a svg {\n  width: 16px;\n  height: 16px;\n}\n\n@media (max-width: 1024px) {\n  .hk-cable-types-v6 {\n    padding-block: 86px;\n  }\n\n  .hk-cable-types-v6__shell {\n    width: min(var(--hk-shell), calc(100% - 40px));\n  }\n\n  .hk-cable-types-v6__grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .hk-cable-types-v6__card figure,\n  .hk-cable-types-v6__card--01 figure {\n    height: 158px;\n  }\n\n  .hk-cable-types-v6__copy {\n    padding: 18px;\n  }\n}\n\n@media (max-width: 820px) {\n  .hk-cable-types-v6__shell {\n    width: calc(100% - 36px);\n  }\n\n  .hk-cable-types-v6__head {\n    grid-template-columns: 1fr;\n    gap: 20px;\n    margin-bottom: 34px;\n    text-align: center;\n  }\n\n  .hk-cable-types-v6__head > div {\n    justify-items: center;\n  }\n\n  .hk-cable-types-v6__head > p {\n    max-width: 620px;\n    justify-self: center;\n  }\n\n  .hk-cable-types-v6__grid {\n    grid-template-columns: 1fr;\n    max-width: 720px;\n    margin-inline: auto;\n  }\n\n  .hk-cable-types-v6__card {\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n  }\n\n  .hk-cable-types-v6__card figure,\n  .hk-cable-types-v6__card--01 figure {\n    height: 100%;\n    min-height: 230px;\n  }\n\n  .hk-cable-types-v6__copy {\n    align-content: center;\n  }\n\n  .hk-cable-types-v6__copy p {\n    min-height: 0;\n  }\n}\n\n@media (max-width: 767px) {\n  .hk-cable-types-v6 {\n    padding-block: 68px;\n  }\n\n  .hk-cable-types-v6__shell {\n    width: calc(100% - 40px);\n  }\n\n  .hk-cable-types-v6 h2 {\n    font-size: clamp(30px, 8.4vw, 36px);\n    line-height: 1.08;\n  }\n\n  .hk-cable-types-v6 h3 {\n    font-size: 20px;\n  }\n\n  .hk-cable-types-v6__head {\n    margin-bottom: 28px;\n  }\n\n  .hk-cable-types-v6__head > p {\n    font-size: 15px;\n  }\n\n  .hk-cable-types-v6__eyebrow {\n    justify-content: center;\n    font-size: 10px;\n    letter-spacing: 0.13em;\n  }\n\n  .hk-cable-types-v6__eyebrow > span {\n    flex-basis: 24px;\n    width: 24px;\n  }\n\n  .hk-cable-types-v6__card {\n    grid-template-columns: 1fr;\n  }\n\n  .hk-cable-types-v6__card figure,\n  .hk-cable-types-v6__card--01 figure {\n    min-height: 0;\n    height: 188px;\n  }\n\n  .hk-cable-types-v6__copy {\n    justify-items: center;\n    padding: 22px;\n    text-align: center;\n  }\n\n  .hk-cable-types-v6__copy a {\n    width: 100%;\n    text-align: left;\n  }\n}\n\n@media (max-width: 430px) {\n  .hk-cable-types-v6__shell {\n    width: calc(100% - 36px);\n  }\n}\n\n@media (max-width: 390px) {\n  .hk-cable-types-v6__shell {\n    width: calc(100% - 32px);\n  }\n}\n\n@media (max-width: 360px) {\n  .hk-cable-types-v6__shell {\n    width: calc(100% - 28px);\n  }\n\n  .hk-cable-types-v6 h2 {\n    font-size: 30px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-cable-types-v6__card figure img {\n    transition: none !important;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4880fce e-con e-atomic-element e-flexbox-base e-ae3860f \" data-id=\"4880fce\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4880fce\" data-e-type=\"e-flexbox\" data-id=\"4880fce\">\n    \t\t<div class=\"elementor-element elementor-element-3d6c2d5 elementor-widget elementor-widget-html\" data-id=\"3d6c2d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES \/ SECTION 05\n     MACHINERY ROUTE \u2014 EXACT FULL-PREVIEW VERSION\n     Paste this entire file into ONE Elementor HTML widget.\n========================================================== -->\n\n<section\n  class=\"hk-machinery-route-v6\"\n  id=\"machinery-route\"\n  aria-labelledby=\"hk-machinery-route-v6-title\"\n>\n  <div class=\"hk-machinery-route-v6__shell\">\n    <p class=\"hk-machinery-route-v6__eyebrow\">\n      <span aria-hidden=\"true\"><\/span>\n      Choose Your Machinery Route\n    <\/p>\n\n    <h2 class=\"hk-machinery-route-v6__sr-only\" id=\"hk-machinery-route-v6-title\">\n      Choose complete solutions, individual machinery, or supporting systems\n    <\/h2>\n\n    <div class=\"hk-machinery-route-v6__grid\">\n      <a class=\"hk-machinery-route-v6__card\" href=\"#production-solutions\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n          <path d=\"M136,32V216H40V85.35a8,8,0,0,1,3.56-6.66l80-53.33A8,8,0,0,1,136,32Z\" opacity=\"0.2\"><\/path>\n          <path d=\"M240,208H224V96a16,16,0,0,0-16-16H144V32a16,16,0,0,0-24.88-13.32L39.12,72A16,16,0,0,0,32,85.34V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM208,96V208H144V96ZM48,85.34,128,32V208H48ZM112,112v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm-32,0v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm0,56v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Zm32,0v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Z\"><\/path>\n        <\/svg>\n        <span>A. Complete Solutions<\/span>\n        <p>End-to-end production lines tailored to cable type, capacity and factory layout.<\/p>\n        <strong>\n          Explore Complete Lines\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n            <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n          <\/svg>\n        <\/strong>\n      <\/a>\n\n      <a class=\"hk-machinery-route-v6__card\" href=\"#equipment-directory\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n          <path d=\"M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z\" opacity=\"0.2\"><\/path>\n          <path d=\"M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z\"><\/path>\n        <\/svg>\n        <span>B. Individual Machinery<\/span>\n        <p>Select standalone machines to build, replace or upgrade a production stage.<\/p>\n        <strong>\n          Browse Machinery\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n            <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n          <\/svg>\n        <\/strong>\n      <\/a>\n\n      <a class=\"hk-machinery-route-v6__card\" href=\"#equipment-directory\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n          <path d=\"M216,56v56c0,96-88,120-88,120S40,208,40,112V56a8,8,0,0,1,8-8H208A8,8,0,0,1,216,56Z\" opacity=\"0.2\"><\/path>\n          <path d=\"M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.26,47,25.53a8,8,0,0,0,4.2,0c1-.27,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40Zm0,72c0,37.07-13.66,67.16-40.6,89.42A129.3,129.3,0,0,1,128,223.62a128.25,128.25,0,0,1-38.92-21.81C61.82,179.51,48,149.3,48,112l0-56,160,0ZM82.34,141.66a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32l-56,56a8,8,0,0,1-11.32,0Z\"><\/path>\n        <\/svg>\n        <span>C. Auxiliary &amp; Testing<\/span>\n        <p>Supporting equipment for preparation, inspection, testing and finishing.<\/p>\n        <strong>\n          View Auxiliary &amp; Testing\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n            <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n          <\/svg>\n        <\/strong>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.hk-machinery-route-v6,\n.hk-machinery-route-v6 * {\n  box-sizing: border-box;\n}\n\n.hk-machinery-route-v6 {\n  --hk-shell: 1289px;\n  --hk-navy: #0b2540;\n  --hk-blue: #1677c8;\n  --hk-body: #596980;\n  --hk-line: #d6e2ec;\n  --hk-line-strong: #bdd3e4;\n  --hk-wash-blue: #edf7fd;\n  --hk-radius: 16px;\n  --hk-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n\n  position: relative;\n  width: 100%;\n  margin: 0;\n  padding: 72px 0;\n  overflow: clip;\n  border-bottom: 1px solid var(--hk-line);\n  color: var(--hk-navy);\n  background: #fff;\n  font-family: var(--hk-font);\n}\n\n.hk-machinery-route-v6 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.hk-machinery-route-v6 svg {\n  display: block;\n  max-width: 100%;\n}\n\n.hk-machinery-route-v6 p,\n.hk-machinery-route-v6 h2 {\n  margin: 0;\n}\n\n.hk-machinery-route-v6__shell {\n  width: min(var(--hk-shell), calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.hk-machinery-route-v6__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  \/* Elementor and some themes reset paragraph margins. Padding keeps the\n     section label visibly separate from the card border on the front end. *\/\n  margin: 0 !important;\n  padding: 0 0 36px !important;\n  color: var(--hk-blue);\n  font-family: var(--hk-mono);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hk-machinery-route-v6__eyebrow > span {\n  flex: 0 0 32px;\n  width: 32px;\n  height: 2px;\n  background: currentColor;\n}\n\n.hk-machinery-route-v6__sr-only {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.hk-machinery-route-v6__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  overflow: hidden;\n  border: 1px solid var(--hk-line-strong);\n  border-radius: var(--hk-radius);\n}\n\n.hk-machinery-route-v6__card {\n  position: relative;\n  min-height: 214px;\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-rows: auto auto 1fr auto;\n  gap: 12px 16px;\n  padding: 28px;\n  background: #fff;\n  transition: background-color 180ms ease;\n}\n\n.hk-machinery-route-v6__card + .hk-machinery-route-v6__card {\n  border-left: 1px solid var(--hk-line);\n}\n\n.hk-machinery-route-v6__card:hover,\n.hk-machinery-route-v6__card:focus-visible {\n  background: var(--hk-wash-blue);\n}\n\n.hk-machinery-route-v6__card:focus-visible {\n  outline: 2px solid var(--hk-blue);\n  outline-offset: -3px;\n}\n\n.hk-machinery-route-v6__card > svg {\n  grid-row: 1 \/ 3;\n  width: 36px;\n  height: 36px;\n  color: var(--hk-blue);\n}\n\n.hk-machinery-route-v6__card > span {\n  align-self: center;\n  color: var(--hk-navy);\n  font-size: 20px;\n  font-weight: 800;\n}\n\n.hk-machinery-route-v6__card > p {\n  grid-column: 2;\n  color: var(--hk-body);\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n.hk-machinery-route-v6__card > strong {\n  grid-column: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 14px;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-blue);\n  font-size: 13px;\n}\n\n.hk-machinery-route-v6__card > strong svg {\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n}\n\n@media (max-width: 1024px) {\n  .hk-machinery-route-v6 {\n    padding-block: 62px;\n  }\n\n  .hk-machinery-route-v6__shell {\n    width: min(var(--hk-shell), calc(100% - 40px));\n  }\n\n  .hk-machinery-route-v6__card {\n    padding: 22px 18px;\n  }\n}\n\n@media (max-width: 820px) {\n  .hk-machinery-route-v6__eyebrow {\n    justify-content: center;\n    margin: 0 !important;\n    padding-bottom: 26px !important;\n  }\n\n  .hk-machinery-route-v6__grid {\n    grid-template-columns: 1fr;\n    max-width: 720px;\n    margin-inline: auto;\n  }\n\n  .hk-machinery-route-v6__card {\n    min-height: 160px;\n  }\n\n  .hk-machinery-route-v6__card + .hk-machinery-route-v6__card {\n    border-top: 1px solid var(--hk-line);\n    border-left: 0;\n  }\n}\n\n@media (max-width: 767px) {\n  .hk-machinery-route-v6 {\n    padding-block: 54px;\n  }\n\n  .hk-machinery-route-v6__shell {\n    width: calc(100% - 40px);\n  }\n\n  .hk-machinery-route-v6__eyebrow {\n    gap: 10px;\n    font-size: 10px;\n    letter-spacing: 0.13em;\n    text-align: center;\n  }\n\n  .hk-machinery-route-v6__eyebrow > span {\n    flex-basis: 24px;\n    width: 24px;\n  }\n\n  .hk-machinery-route-v6__card {\n    min-height: 0;\n    grid-template-columns: 42px 1fr;\n    padding: 22px;\n    text-align: left;\n  }\n}\n\n@media (max-width: 390px) {\n  .hk-machinery-route-v6__card {\n    grid-template-columns: 34px 1fr;\n    gap: 10px;\n    padding-inline: 18px;\n  }\n\n  .hk-machinery-route-v6__card > svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  .hk-machinery-route-v6__card > span {\n    font-size: 18px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-machinery-route-v6__card {\n    transition: none;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-843f61e e-con e-atomic-element e-flexbox-base e-77e1d49 \" data-id=\"843f61e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"843f61e\" data-e-type=\"e-flexbox\" data-id=\"843f61e\">\n    \t\t<div class=\"elementor-element elementor-element-63357bd elementor-widget elementor-widget-html\" data-id=\"63357bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES \/ SECTION 06\n     MACHINERY BY PRODUCTION PROCESS\n     Paste this entire file into ONE Elementor HTML widget.\n========================================================== -->\n\n<section\n  class=\"hk-process-browser-v6\"\n  id=\"equipment-directory\"\n  aria-labelledby=\"hk-process-browser-v6-title\"\n>\n  <svg class=\"hk-process-browser-v6__symbols\" aria-hidden=\"true\">\n    <symbol id=\"hk-process-browser-v6-arrow\" viewBox=\"0 0 24 24\">\n      <path d=\"M7 17 17 7M9 7h8v8\"><\/path>\n    <\/symbol>\n    <symbol id=\"hk-process-browser-v6-arrow-right\" viewBox=\"0 0 24 24\">\n      <path d=\"M5 12h13M14 7l5 5-5 5\"><\/path>\n    <\/symbol>\n  <\/svg>\n\n  <div class=\"hk-process-browser-v6__shell\">\n    <header class=\"hk-process-browser-v6__heading\">\n      <div class=\"hk-process-browser-v6__heading-main\">\n        <p class=\"hk-process-browser-v6__eyebrow\">\n          <span aria-hidden=\"true\"><\/span>\n          Browse Machinery by Production Process\n        <\/p>\n        <h2 id=\"hk-process-browser-v6-title\">\n          Find the Machine by Its Process Role\n        <\/h2>\n      <\/div>\n\n      <p class=\"hk-process-browser-v6__intro\">\n        Select a cable family, then review the equipment stages.\n        Every product remains a normal page link.\n      <\/p>\n    <\/header>\n\n    <div class=\"hk-process-browser-v6__atlas\">\n      <div\n        class=\"hk-process-browser-v6__tabs\"\n        role=\"tablist\"\n        aria-label=\"Cable machinery categories\"\n      >\n        <button\n          class=\"is-active\"\n          id=\"hk-process-tab-fiber\"\n          type=\"button\"\n          role=\"tab\"\n          aria-selected=\"true\"\n          aria-controls=\"hk-process-panel-fiber\"\n          data-hk-process-tab=\"fiber\"\n        >\n          <span>Fiber Optic Cable<\/span>\n          <small>14<\/small>\n        <\/button>\n\n        <button\n          id=\"hk-process-tab-lan\"\n          type=\"button\"\n          role=\"tab\"\n          aria-selected=\"false\"\n          aria-controls=\"hk-process-panel-lan\"\n          data-hk-process-tab=\"lan\"\n        >\n          <span>LAN Cable<\/span>\n          <small>06<\/small>\n        <\/button>\n\n        <button\n          id=\"hk-process-tab-low\"\n          type=\"button\"\n          role=\"tab\"\n          aria-selected=\"false\"\n          aria-controls=\"hk-process-panel-low\"\n          data-hk-process-tab=\"low\"\n        >\n          <span>Low-Voltage Cable<\/span>\n          <small>07<\/small>\n        <\/button>\n\n        <button\n          id=\"hk-process-tab-auxiliary\"\n          type=\"button\"\n          role=\"tab\"\n          aria-selected=\"false\"\n          aria-controls=\"hk-process-panel-auxiliary\"\n          data-hk-process-tab=\"auxiliary\"\n        >\n          <span>Auxiliary &amp; Testing<\/span>\n          <small>03<\/small>\n        <\/button>\n      <\/div>\n\n      <!-- FIBER OPTIC -->\n      <div\n        class=\"hk-process-browser-v6__panel is-active\"\n        id=\"hk-process-panel-fiber\"\n        role=\"tabpanel\"\n        aria-labelledby=\"hk-process-tab-fiber\"\n        data-hk-process-panel=\"fiber\"\n        style=\"--hk-stage-columns: 7\"\n      >\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary>\n            <small>01<\/small>\n            <h3>Fiber Preparation<\/h3>\n            <span aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/fiber-optic-cable-production-line\/\">\n              <span>Fiber Pay-off &amp; Coloring Systems<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/optical-fiber-respooler-for-payout-bins\/\">\n              <span>Optical Fiber Respooler<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary>\n            <small>02<\/small>\n            <h3>Loose Tube Extrusion<\/h3>\n            <span aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/fiber-optic-cable-production-line\/\">\n              <span>Loose Tube Production Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/fiber-optic-cable-production-line\/\">\n              <span>Jelly Filling &amp; Diameter Control<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary>\n            <small>03<\/small>\n            <h3>SZ Stranding<\/h3>\n            <span aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/fiber-optic-cable-production-line\/\">\n              <span>SZ Stranding Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/fiber-optic-cable-production-line\/\">\n              <span>Water Blocking Systems<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary>\n            <small>04<\/small>\n            <h3>Reinforcement<\/h3>\n            <span aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/adss-cable-production-line\/\">\n              <span>Aramid &amp; Strength-Member Systems<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/gyxtc8s-cable-production-line\/\">\n              <span>Figure-8 Cable Route<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary>\n            <small>05<\/small>\n            <h3>Sheathing<\/h3>\n            <span aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/cable-sheathing-line\/\">\n              <span>Optical Cable Sheathing Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/ftth-drop-cable-production-line\/\">\n              <span>FTTH Drop Cable Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary>\n            <small>06<\/small>\n            <h3>Testing<\/h3>\n            <span aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/tight-buffered-production-line\/\">\n              <span>Tight Buffer Production Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/gjfjv-cable-production-line\/\">\n              <span>Indoor Fiber Cable Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary>\n            <small>07<\/small>\n            <h3>Packing &amp; Delivery<\/h3>\n            <span aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/automatic-cable-package-machine\/\">\n              <span>Automatic Cable Packaging<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/mirco-cable-production-line\/\">\n              <span>Micro Cable Production Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n      <\/div>\n\n      <!-- LAN CABLE -->\n      <div\n        class=\"hk-process-browser-v6__panel\"\n        id=\"hk-process-panel-lan\"\n        role=\"tabpanel\"\n        aria-labelledby=\"hk-process-tab-lan\"\n        data-hk-process-panel=\"lan\"\n        style=\"--hk-stage-columns: 6\"\n        hidden\n      >\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>01<\/small><h3>Conductor Insulation<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/lan-cable-production-line-guide\/\">\n              <span>LAN Insulation Extrusion Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>02<\/small><h3>Pair Twisting<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/double-twisting-machine\/\">\n              <span>Pair Twisting Machine<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>03<\/small><h3>Cabling<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/lan-cable-production-line\/\">\n              <span>LAN Cabling &amp; Sheathing Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>04<\/small><h3>Cat5e Production<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/utp-cat5e-cable-production-line\/\">\n              <span>UTP Cat5e Production Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>05<\/small><h3>Cat6 Production<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/utp-cat6-cable-production-line\/\">\n              <span>UTP Cat6 Production Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>06<\/small><h3>Patch Cord<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/patch-cord-cable-production-line-hongkai\/\">\n              <span>Patch Cord Cable Production Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n      <\/div>\n\n      <!-- LOW-VOLTAGE CABLE -->\n      <div\n        class=\"hk-process-browser-v6__panel\"\n        id=\"hk-process-panel-low\"\n        role=\"tabpanel\"\n        aria-labelledby=\"hk-process-tab-low\"\n        data-hk-process-panel=\"low\"\n        style=\"--hk-stage-columns: 4\"\n        hidden\n      >\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>01<\/small><h3>Wire Drawing<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/intermediate-large-wire-drawing-machine-with-annealer\/\">\n              <span>Wire Drawing Machine with Annealer<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/wire-drawing-annealing-tinning-machine\/\">\n              <span>Drawing, Annealing &amp; Tinning<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>02<\/small><h3>Bunching<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/wire-bunching-machine\/\">\n              <span>Wire Bunching Machine<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/double-twist-bunching-machine\/\">\n              <span>Double-Twist Bunching Machine<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>03<\/small><h3>Stranding<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/cage-stranding-machine\/\">\n              <span>Cage Stranding Machine<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/bow-type-stranding-machine\/\">\n              <span>Bow-Type Stranding Machine<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>04<\/small><h3>Insulation &amp; Sheathing<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/electric-cable-making-machine\/\">\n              <span>Low-Voltage Cable Extrusion Line<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n      <\/div>\n\n      <!-- AUXILIARY & TESTING -->\n      <div\n        class=\"hk-process-browser-v6__panel\"\n        id=\"hk-process-panel-auxiliary\"\n        role=\"tabpanel\"\n        aria-labelledby=\"hk-process-tab-auxiliary\"\n        data-hk-process-panel=\"auxiliary\"\n        style=\"--hk-stage-columns: 3\"\n        hidden\n      >\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>01<\/small><h3>Winding &amp; Handling<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/contact\/?enquiry_type=INDIVIDUAL_MACHINE#project-contact\">\n              <span>Pay-off and Take-up Systems<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n            <a href=\"https:\/\/hkcablemachine.com\/optical-fiber-respooler-for-payout-bins\/\">\n              <span>Optical Fiber Respooler<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>02<\/small><h3>Packing<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/automatic-cable-package-machine\/\">\n              <span>Automatic Cable Packaging Machine<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"hk-process-browser-v6__stage\" open>\n          <summary><small>03<\/small><h3>Testing Integration<\/h3><span aria-hidden=\"true\"><\/span><\/summary>\n          <div class=\"hk-process-browser-v6__links\">\n            <a href=\"https:\/\/hkcablemachine.com\/contact\/#project-contact\">\n              <span>Request Testing Equipment Review<\/span>\n              <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow\"><\/use><\/svg>\n            <\/a>\n          <\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n\n    <a\n      class=\"hk-process-browser-v6__all\"\n      href=\"https:\/\/hkcablemachine.com\/cable-machinery-production-line\/\"\n    >\n      <span>View All Cable Machinery<\/span>\n      <svg aria-hidden=\"true\"><use href=\"#hk-process-browser-v6-arrow-right\"><\/use><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n.hk-process-browser-v6,\n.hk-process-browser-v6 * {\n  box-sizing: border-box;\n}\n\n.hk-process-browser-v6 {\n  --hk-shell: 1289px;\n  --hk-navy: #102a43;\n  --hk-blue: #1677c8;\n  --hk-blue-soft: #eaf6fc;\n  --hk-body: #5f7088;\n  --hk-line: #d4e1eb;\n  --hk-line-strong: #bad1e2;\n  --hk-surface: #ffffff;\n  --hk-bg: #f4f7fa;\n  --hk-radius: 16px;\n  --hk-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n  --hk-mono: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n\n  position: relative;\n  width: 100%;\n  max-width: none;\n  margin: 0;\n  padding: 84px 0 78px;\n  overflow: clip;\n  border-top: 1px solid var(--hk-line);\n  border-bottom: 1px solid var(--hk-line);\n  color: var(--hk-navy);\n  background: var(--hk-bg);\n  font-family: var(--hk-font);\n}\n\n.hk-process-browser-v6__symbols {\n  position: absolute;\n  width: 0;\n  height: 0;\n  overflow: hidden;\n}\n\n.hk-process-browser-v6 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.hk-process-browser-v6 button,\n.hk-process-browser-v6 summary {\n  font: inherit;\n}\n\n.hk-process-browser-v6 h2,\n.hk-process-browser-v6 h3,\n.hk-process-browser-v6 p {\n  margin: 0;\n}\n\n.hk-process-browser-v6 svg {\n  display: block;\n}\n\n.hk-process-browser-v6__shell {\n  width: min(var(--hk-shell), calc(100% - 48px));\n  margin-inline: auto;\n}\n\n.hk-process-browser-v6__heading {\n  display: grid;\n  grid-template-columns: minmax(0, 1.8fr) minmax(280px, 0.78fr);\n  gap: 64px;\n  align-items: end;\n  margin-bottom: 42px;\n}\n\n.hk-process-browser-v6__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 20px !important;\n  color: var(--hk-blue);\n  font-family: var(--hk-mono);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.35;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.hk-process-browser-v6__eyebrow > span {\n  flex: 0 0 auto;\n  width: 32px;\n  height: 2px;\n  background: currentColor;\n}\n\n.hk-process-browser-v6__heading h2 {\n  max-width: 760px;\n  color: var(--hk-navy);\n  font-size: clamp(34px, 3.25vw, 46px);\n  font-weight: 800;\n  line-height: 1.08;\n  letter-spacing: -0.035em;\n}\n\n.hk-process-browser-v6__intro {\n  max-width: 390px;\n  color: var(--hk-body);\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.hk-process-browser-v6__atlas {\n  overflow: hidden;\n  border: 1px solid var(--hk-line-strong);\n  border-radius: var(--hk-radius);\n  background: var(--hk-surface);\n  box-shadow: 0 18px 42px rgba(16, 42, 67, 0.04);\n}\n\n.hk-process-browser-v6__tabs {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  border-bottom: 1px solid var(--hk-line);\n}\n\n.hk-process-browser-v6__tabs button {\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n  min-width: 0;\n  min-height: 60px;\n  margin: 0;\n  padding: 0 18px;\n  border: 0;\n  border-radius: 0;\n  color: var(--hk-navy) !important;\n  background: var(--hk-surface);\n  box-shadow: none;\n  cursor: pointer;\n  text-align: left;\n  transition:\n    color 180ms ease,\n    background-color 180ms ease;\n}\n\n.hk-process-browser-v6__tabs button + button {\n  border-left: 1px solid var(--hk-line);\n}\n\n.hk-process-browser-v6__tabs button:hover,\n.hk-process-browser-v6__tabs button:focus-visible,\n.hk-process-browser-v6__tabs button.is-active {\n  color: var(--hk-blue) !important;\n  background: var(--hk-blue-soft);\n}\n\n.hk-process-browser-v6__tabs button:focus-visible {\n  outline: 2px solid var(--hk-blue);\n  outline-offset: -3px;\n}\n\n.hk-process-browser-v6__tabs button > span {\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.hk-process-browser-v6__tabs button > small {\n  flex: 0 0 auto;\n  color: #75869d;\n  font-family: var(--hk-mono);\n  font-size: 10px;\n  letter-spacing: 0.08em;\n}\n\n.hk-process-browser-v6__panel {\n  display: grid;\n  grid-template-columns: repeat(var(--hk-stage-columns), minmax(0, 1fr));\n  min-height: 280px;\n}\n\n.hk-process-browser-v6__panel[hidden] {\n  display: none !important;\n}\n\n.hk-process-browser-v6__stage {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: var(--hk-surface);\n}\n\n.hk-process-browser-v6__stage + .hk-process-browser-v6__stage {\n  border-left: 1px solid var(--hk-line);\n}\n\n.hk-process-browser-v6__stage > summary {\n  position: relative;\n  display: grid;\n  grid-template-rows: auto auto;\n  gap: 14px;\n  min-height: 146px;\n  padding: 22px 16px 18px;\n  list-style: none;\n  cursor: default;\n}\n\n.hk-process-browser-v6__stage > summary::-webkit-details-marker {\n  display: none;\n}\n\n.hk-process-browser-v6__stage > summary::marker {\n  content: \"\";\n}\n\n.hk-process-browser-v6__stage > summary small {\n  color: var(--hk-blue);\n  font-family: var(--hk-mono);\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: 0.08em;\n}\n\n.hk-process-browser-v6__stage > summary h3 {\n  align-self: start;\n  color: var(--hk-navy);\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.25;\n  letter-spacing: -0.02em;\n}\n\n.hk-process-browser-v6__stage > summary > span {\n  display: none;\n}\n\n.hk-process-browser-v6__links {\n  padding: 0 16px 24px;\n}\n\n.hk-process-browser-v6__links a {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 14px;\n  gap: 8px;\n  align-items: start;\n  min-height: 42px;\n  padding: 9px 0;\n  border-top: 1px solid var(--hk-line);\n  color: var(--hk-body);\n  font-size: 12px;\n  line-height: 1.4;\n  transition:\n    color 180ms ease,\n    padding-left 180ms ease;\n}\n\n.hk-process-browser-v6__links a:hover,\n.hk-process-browser-v6__links a:focus-visible {\n  padding-left: 3px;\n  color: var(--hk-blue);\n}\n\n.hk-process-browser-v6__links a:focus-visible {\n  outline: 2px solid var(--hk-blue);\n  outline-offset: 2px;\n}\n\n.hk-process-browser-v6__links svg {\n  width: 13px;\n  height: 13px;\n  margin-top: 1px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.75;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.hk-process-browser-v6__all {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 24px;\n  color: var(--hk-blue) !important;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.hk-process-browser-v6__all svg {\n  width: 17px;\n  height: 17px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform 180ms ease;\n}\n\n.hk-process-browser-v6__all:hover svg,\n.hk-process-browser-v6__all:focus-visible svg {\n  transform: translateX(4px);\n}\n\n.hk-process-browser-v6__all:focus-visible {\n  outline: 2px solid var(--hk-blue);\n  outline-offset: 5px;\n}\n\n@media (max-width: 1100px) {\n  .hk-process-browser-v6__heading {\n    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.8fr);\n    gap: 36px;\n  }\n\n  .hk-process-browser-v6__stage > summary {\n    padding-inline: 12px;\n  }\n\n  .hk-process-browser-v6__links {\n    padding-inline: 12px;\n  }\n}\n\n@media (max-width: 900px) {\n  .hk-process-browser-v6 {\n    padding-block: 68px;\n  }\n\n  .hk-process-browser-v6__shell {\n    width: min(var(--hk-shell), calc(100% - 40px));\n  }\n\n  .hk-process-browser-v6__heading {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    text-align: center;\n  }\n\n  .hk-process-browser-v6__eyebrow {\n    justify-content: center;\n  }\n\n  .hk-process-browser-v6__heading h2,\n  .hk-process-browser-v6__intro {\n    margin-inline: auto;\n  }\n\n  .hk-process-browser-v6__tabs {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .hk-process-browser-v6__tabs button:nth-child(3) {\n    border-left: 0;\n    border-top: 1px solid var(--hk-line);\n  }\n\n  .hk-process-browser-v6__tabs button:nth-child(4) {\n    border-top: 1px solid var(--hk-line);\n  }\n\n  .hk-process-browser-v6__tabs button {\n    justify-content: center;\n    min-height: 58px;\n    text-align: center;\n  }\n\n  .hk-process-browser-v6__panel {\n    display: block;\n    min-height: 0;\n    padding: 16px;\n    background: var(--hk-bg);\n  }\n\n  .hk-process-browser-v6__stage {\n    overflow: hidden;\n    border: 1px solid var(--hk-line) !important;\n    border-radius: 12px;\n  }\n\n  .hk-process-browser-v6__stage + .hk-process-browser-v6__stage {\n    margin-top: 10px;\n  }\n\n  .hk-process-browser-v6__stage > summary {\n    grid-template-columns: 34px minmax(0, 1fr) 22px;\n    grid-template-rows: 1fr;\n    gap: 12px;\n    align-items: center;\n    min-height: 68px;\n    padding: 14px 16px;\n    cursor: pointer;\n    text-align: left;\n  }\n\n  .hk-process-browser-v6__stage > summary small {\n    display: grid;\n    place-items: center;\n    width: 34px;\n    height: 34px;\n    border: 1px solid var(--hk-line-strong);\n    border-radius: 9px;\n    background: #f8fbfd;\n  }\n\n  .hk-process-browser-v6__stage > summary h3 {\n    align-self: center;\n    font-size: 17px;\n  }\n\n  .hk-process-browser-v6__stage > summary > span {\n    position: relative;\n    display: block;\n    width: 18px;\n    height: 18px;\n  }\n\n  .hk-process-browser-v6__stage > summary > span::before,\n  .hk-process-browser-v6__stage > summary > span::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 12px;\n    height: 2px;\n    border-radius: 2px;\n    background: var(--hk-blue);\n    transform: translate(-50%, -50%);\n  }\n\n  .hk-process-browser-v6__stage > summary > span::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    transition: transform 160ms ease;\n  }\n\n  .hk-process-browser-v6__stage[open] > summary > span::after {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n\n  .hk-process-browser-v6__links {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n    padding: 0 16px 16px;\n  }\n\n  .hk-process-browser-v6__links a {\n    min-height: 54px;\n    padding: 12px;\n    border: 1px solid var(--hk-line);\n    border-radius: 9px;\n    background: #fff;\n  }\n}\n\n@media (max-width: 620px) {\n  .hk-process-browser-v6 {\n    padding-block: 58px;\n  }\n\n  .hk-process-browser-v6__shell {\n    width: min(var(--hk-shell), calc(100% - 32px));\n  }\n\n  .hk-process-browser-v6__heading {\n    margin-bottom: 30px;\n  }\n\n  .hk-process-browser-v6__eyebrow {\n    flex-direction: column;\n    gap: 10px;\n    margin-bottom: 16px !important;\n    font-size: 11px;\n    text-align: center;\n  }\n\n  .hk-process-browser-v6__heading h2 {\n    font-size: clamp(30px, 9vw, 38px);\n    line-height: 1.1;\n  }\n\n  .hk-process-browser-v6__intro {\n    max-width: 430px;\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .hk-process-browser-v6__tabs {\n    grid-template-columns: 1fr;\n  }\n\n  .hk-process-browser-v6__tabs button + button,\n  .hk-process-browser-v6__tabs button:nth-child(3) {\n    border-left: 0;\n    border-top: 1px solid var(--hk-line);\n  }\n\n  .hk-process-browser-v6__tabs button {\n    min-height: 54px;\n  }\n\n  .hk-process-browser-v6__panel {\n    padding: 12px;\n  }\n\n  .hk-process-browser-v6__stage > summary {\n    text-align: center;\n  }\n\n  .hk-process-browser-v6__links {\n    grid-template-columns: 1fr;\n  }\n\n  .hk-process-browser-v6__links a {\n    align-items: center;\n    text-align: center;\n  }\n\n  .hk-process-browser-v6__all {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    margin-top: 22px;\n    text-align: center;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-process-browser-v6 *,\n  .hk-process-browser-v6 *::before,\n  .hk-process-browser-v6 *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  var section = document.querySelector(\".hk-process-browser-v6\");\n  if (!section || section.dataset.hkProcessReady === \"true\") return;\n  section.dataset.hkProcessReady = \"true\";\n\n  var tabs = Array.prototype.slice.call(\n    section.querySelectorAll(\"[data-hk-process-tab]\")\n  );\n  var panels = Array.prototype.slice.call(\n    section.querySelectorAll(\"[data-hk-process-panel]\")\n  );\n  var mobileQuery = window.matchMedia(\"(max-width: 900px)\");\n\n  function setStageState(panel) {\n    var stages = Array.prototype.slice.call(\n      panel.querySelectorAll(\".hk-process-browser-v6__stage\")\n    );\n\n    stages.forEach(function (stage, index) {\n      stage.open = mobileQuery.matches ? index === 0 : true;\n    });\n  }\n\n  function activate(name, focusPanel) {\n    tabs.forEach(function (tab) {\n      var active = tab.dataset.hkProcessTab === name;\n      tab.classList.toggle(\"is-active\", active);\n      tab.setAttribute(\"aria-selected\", active ? \"true\" : \"false\");\n      tab.tabIndex = active ? 0 : -1;\n    });\n\n    panels.forEach(function (panel) {\n      var active = panel.dataset.hkProcessPanel === name;\n      panel.hidden = !active;\n      panel.classList.toggle(\"is-active\", active);\n\n      if (active) {\n        setStageState(panel);\n        if (focusPanel) panel.focus({ preventScroll: true });\n      }\n    });\n  }\n\n  tabs.forEach(function (tab, index) {\n    tab.addEventListener(\"click\", function () {\n      activate(tab.dataset.hkProcessTab, false);\n    });\n\n    tab.addEventListener(\"keydown\", function (event) {\n      if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(event.key)) return;\n      event.preventDefault();\n\n      var nextIndex = index;\n      if (event.key === \"ArrowRight\") nextIndex = (index + 1) % tabs.length;\n      if (event.key === \"ArrowLeft\") nextIndex = (index - 1 + tabs.length) % tabs.length;\n      if (event.key === \"Home\") nextIndex = 0;\n      if (event.key === \"End\") nextIndex = tabs.length - 1;\n\n      tabs[nextIndex].focus();\n      activate(tabs[nextIndex].dataset.hkProcessTab, false);\n    });\n  });\n\n  function refreshResponsiveState() {\n    var activePanel = section.querySelector(\n      \"[data-hk-process-panel]:not([hidden])\"\n    );\n    if (activePanel) setStageState(activePanel);\n  }\n\n  if (typeof mobileQuery.addEventListener === \"function\") {\n    mobileQuery.addEventListener(\"change\", refreshResponsiveState);\n  } else if (typeof mobileQuery.addListener === \"function\") {\n    mobileQuery.addListener(refreshResponsiveState);\n  }\n\n  activate(\"fiber\", false);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d5c126d e-con e-atomic-element e-flexbox-base e-446a2cc \" data-id=\"d5c126d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5c126d\" data-e-type=\"e-flexbox\" data-id=\"d5c126d\">\n    \t\t<div class=\"elementor-element elementor-element-2e88da6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2e88da6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES \/ 07 SPARE PARTS\n     Elementor: paste this whole file into ONE HTML widget.\n     Full browser-width background + 1289px centered content.\n========================================================== -->\n\n<section class=\"hk-spares-v6\" id=\"spare-parts\" aria-labelledby=\"hk-spares-v6-title\">\n  <div class=\"hk-spares-v6__shell\">\n\n    <div class=\"hk-spares-v6__copy\">\n      <p class=\"hk-spares-v6__eyebrow\">\n        <span aria-hidden=\"true\"><\/span>\n        Cable Machine Spare Parts\n      <\/p>\n\n      <h2 id=\"hk-spares-v6-title\">\n        Keep Your Production<br>\n        Line Running\n      <\/h2>\n\n      <p class=\"hk-spares-v6__intro\">\n        Identify parts against the real machine model, dimensions and\n        interface before requesting a quotation.\n      <\/p>\n\n      <ul class=\"hk-spares-v6__checks\">\n        <li>\n          <span class=\"hk-spares-v6__check\" aria-hidden=\"true\">\u2713<\/span>\n          <span>Replacement &amp; wear parts<\/span>\n        <\/li>\n        <li>\n          <span class=\"hk-spares-v6__check\" aria-hidden=\"true\">\u2713<\/span>\n          <span>Electrical &amp; control components<\/span>\n        <\/li>\n        <li>\n          <span class=\"hk-spares-v6__check\" aria-hidden=\"true\">\u2713<\/span>\n          <span>Custom parts from drawings<\/span>\n        <\/li>\n        <li>\n          <span class=\"hk-spares-v6__check\" aria-hidden=\"true\">\u2713<\/span>\n          <span>Compatibility review &amp; upgrades<\/span>\n        <\/li>\n      <\/ul>\n\n      <a\n        class=\"hk-spares-v6__button\"\n        href=\"https:\/\/hkcablemachine.com\/contact\/?enquiry_type=SPARE_PARTS#project-contact\"\n      >\n        <span>Send Machine Photos or Drawings<\/span>\n        <span class=\"hk-spares-v6__arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <figure class=\"hk-spares-v6__visual\">\n      <!-- Replace only this src after uploading your real spare-parts photo. -->\n      <img loading=\"lazy\" decoding=\"async\"\n        src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/Spare-parts.png\"\n        alt=\"Cable machine spare parts, dies, bearings and electrical replacement components\"\n        width=\"1280\"\n        height=\"760\"\n        loading=\"lazy\"\n      >\n\n      <figcaption>\n        <span>Part Identification<\/span>\n        <strong>Photo \u00b7 dimension \u00b7 model \u00b7 installation position<\/strong>\n      <\/figcaption>\n    <\/figure>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   SECTION SCOPE\n========================================================== *\/\n.hk-spares-v6,\n.hk-spares-v6 * {\n  box-sizing: border-box;\n}\n\n.hk-spares-v6 {\n  --hk-shell: 1289px;\n  --hk-navy: #0b1b31;\n  --hk-navy-2: #112640;\n  --hk-line: #31506d;\n  --hk-white: #ffffff;\n  --hk-body: #a9b9cb;\n  --hk-soft: #d4deea;\n  --hk-blue: #78c7ff;\n  --hk-orange: #e96d47;\n  --hk-orange-hover: #d95e3b;\n\n  position: relative;\n  width: 100vw;\n  max-width: none;\n  margin: 0 calc(50% - 50vw);\n  padding: 92px 24px;\n  overflow: hidden;\n\n  color: var(--hk-white);\n  background:\n    linear-gradient(rgba(90, 135, 177, .045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(90, 135, 177, .045) 1px, transparent 1px),\n    var(--hk-navy);\n  background-size: 96px 96px;\n  border-top: 1px solid #173653;\n  border-bottom: 1px solid #173653;\n\n  font-family: \"Roboto\", Arial, sans-serif;\n}\n\n@supports (width: 100dvw) {\n  .hk-spares-v6 {\n    width: 100dvw;\n    margin-left: calc(50% - 50dvw);\n    margin-right: calc(50% - 50dvw);\n  }\n}\n\n.hk-spares-v6__shell {\n  width: min(100%, var(--hk-shell));\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);\n  gap: 72px;\n  align-items: center;\n}\n\n\/* =========================================================\n   LEFT CONTENT\n========================================================== *\/\n.hk-spares-v6__copy {\n  display: grid;\n  gap: 24px;\n  min-width: 0;\n}\n\n.hk-spares-v6__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin: 0;\n\n  color: #b8c7d7;\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n\n.hk-spares-v6__eyebrow > span {\n  width: 32px;\n  height: 2px;\n  flex: 0 0 32px;\n  background: #b8c7d7;\n}\n\n.hk-spares-v6 h2 {\n  max-width: 540px;\n  margin: 0;\n\n  color: var(--hk-white);\n  font-size: clamp(38px, 3.2vw, 48px);\n  font-weight: 760;\n  line-height: 1.06;\n  letter-spacing: -.035em;\n}\n\n.hk-spares-v6__intro {\n  max-width: 520px;\n  margin: 0;\n\n  color: var(--hk-body);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n}\n\n.hk-spares-v6__checks {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px 18px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.hk-spares-v6__checks li {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  min-width: 0;\n\n  color: var(--hk-soft);\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n.hk-spares-v6__check {\n  flex: 0 0 14px;\n  margin-top: 1px;\n  color: var(--hk-blue);\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.hk-spares-v6__button,\n.hk-spares-v6__button:visited {\n  justify-self: start;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n  min-height: 54px;\n  padding: 15px 22px;\n\n  color: #ffffff !important;\n  background: var(--hk-orange);\n  border: 1px solid var(--hk-orange);\n  border-radius: 8px;\n  box-shadow: none;\n\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.2;\n  text-decoration: none !important;\n\n  transition:\n    background-color .2s ease,\n    border-color .2s ease,\n    transform .2s ease;\n}\n\n.hk-spares-v6__button:hover,\n.hk-spares-v6__button:focus-visible {\n  color: #ffffff !important;\n  background: var(--hk-orange-hover);\n  border-color: var(--hk-orange-hover);\n  transform: translateY(-2px);\n}\n\n.hk-spares-v6__button:focus-visible {\n  outline: 3px solid rgba(120, 199, 255, .48);\n  outline-offset: 3px;\n}\n\n.hk-spares-v6__arrow {\n  color: currentColor;\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 1;\n  transition: transform .2s ease;\n}\n\n.hk-spares-v6__button:hover .hk-spares-v6__arrow,\n.hk-spares-v6__button:focus-visible .hk-spares-v6__arrow {\n  transform: translateX(4px);\n}\n\n\/* =========================================================\n   RIGHT IMAGE\n========================================================== *\/\n.hk-spares-v6__visual {\n  position: relative;\n  min-width: 0;\n  margin: 0;\n  overflow: hidden;\n\n  aspect-ratio: 2.22 \/ 1;\n  border: 1px solid var(--hk-line);\n  border-radius: 16px;\n  background: #101f34;\n}\n\n.hk-spares-v6__visual img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.hk-spares-v6__visual figcaption {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  min-height: 54px;\n  padding: 14px 20px;\n\n  color: #ffffff;\n  background: rgba(11, 27, 49, .93);\n  border-top: 1px solid rgba(133, 177, 215, .34);\n}\n\n.hk-spares-v6__visual figcaption span {\n  color: var(--hk-blue);\n  font-family: \"Roboto Mono\", monospace;\n  font-size: 9px;\n  font-weight: 750;\n  line-height: 1.3;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.hk-spares-v6__visual figcaption strong {\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.35;\n  text-align: right;\n}\n\n\/* =========================================================\n   TABLET\n========================================================== *\/\n@media (max-width: 1100px) {\n  .hk-spares-v6 {\n    padding-block: 80px;\n  }\n\n  .hk-spares-v6__shell {\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n    gap: 38px;\n  }\n\n  .hk-spares-v6 h2 {\n    font-size: clamp(36px, 4vw, 44px);\n  }\n\n  .hk-spares-v6__checks {\n    grid-template-columns: 1fr;\n  }\n\n  .hk-spares-v6__visual {\n    aspect-ratio: 1.75 \/ 1;\n  }\n}\n\n\/* =========================================================\n   MOBILE \/ STACKED\n========================================================== *\/\n@media (max-width: 820px) {\n  .hk-spares-v6 {\n    padding: 68px 20px;\n    background-size: 72px 72px;\n  }\n\n  .hk-spares-v6__shell {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .hk-spares-v6__copy {\n    justify-items: center;\n    text-align: center;\n  }\n\n  .hk-spares-v6__eyebrow {\n    justify-content: center;\n  }\n\n  .hk-spares-v6 h2 {\n    max-width: 620px;\n    font-size: clamp(35px, 8vw, 44px);\n  }\n\n  .hk-spares-v6__intro {\n    max-width: 620px;\n    font-size: 15px;\n  }\n\n  .hk-spares-v6__checks {\n    width: min(100%, 560px);\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    text-align: left;\n  }\n\n  .hk-spares-v6__button {\n    justify-self: center;\n  }\n\n  .hk-spares-v6__visual {\n    width: min(100%, 760px);\n    justify-self: center;\n    aspect-ratio: 1.8 \/ 1;\n  }\n}\n\n@media (max-width: 600px) {\n  .hk-spares-v6 {\n    padding: 58px 18px;\n  }\n\n  .hk-spares-v6__eyebrow {\n    gap: 10px;\n    font-size: 11px;\n    letter-spacing: .14em;\n  }\n\n  .hk-spares-v6__eyebrow > span {\n    width: 24px;\n    flex-basis: 24px;\n  }\n\n  .hk-spares-v6 h2 {\n    font-size: clamp(33px, 10vw, 40px);\n  }\n\n  .hk-spares-v6__checks {\n    grid-template-columns: 1fr;\n    width: min(100%, 340px);\n  }\n\n  .hk-spares-v6__button {\n    width: 100%;\n    max-width: 390px;\n  }\n\n  .hk-spares-v6__visual {\n    aspect-ratio: 1.4 \/ 1;\n  }\n\n  .hk-spares-v6__visual figcaption {\n    display: grid;\n    gap: 5px;\n    padding: 12px 14px;\n    text-align: left;\n  }\n\n  .hk-spares-v6__visual figcaption strong {\n    font-size: 12px;\n    text-align: left;\n  }\n}\n\n@media (max-width: 390px) {\n  .hk-spares-v6 {\n    padding-inline: 16px;\n  }\n\n  .hk-spares-v6 h2 {\n    font-size: 32px;\n  }\n\n  .hk-spares-v6__visual {\n    aspect-ratio: 1.22 \/ 1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-spares-v6__button,\n  .hk-spares-v6__arrow {\n    transition: none;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-006574d e-con e-atomic-element e-flexbox-base e-9e61501 \" data-id=\"006574d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"006574d\" data-e-type=\"e-flexbox\" data-id=\"006574d\">\n    \t\t<div class=\"elementor-element elementor-element-df13bb7 elementor-widget elementor-widget-html\" data-id=\"df13bb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES\n     08 \/ FINISHED FIBER OPTIC CABLE SUPPLY\n     Paste this complete block into ONE Elementor HTML widget.\n========================================================== -->\n\n<section class=\"hk-finished-cables-v6\" id=\"finished-cables\" aria-labelledby=\"hk-finished-cables-title\">\n  <div class=\"hk-finished-cables-v6__shell\">\n\n    <div class=\"hk-finished-cables-v6__copy\">\n      <p class=\"hk-finished-cables-v6__eyebrow\">\n        <span aria-hidden=\"true\"><\/span>\n        Finished Fiber Optic Cable Supply\n      <\/p>\n\n      <h2 id=\"hk-finished-cables-title\">Finished Cables for Project Supply<\/h2>\n\n      <p class=\"hk-finished-cables-v6__intro\">\n        Finished fiber optic cables are coordinated through qualified cable\n        manufacturing partners according to structure, standard, quantity,\n        packing and destination.\n      <\/p>\n\n      <ul class=\"hk-finished-cables-v6__types\" aria-label=\"Available finished fiber optic cable categories\">\n        <li>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"m7.8 12.1 2.6 2.6 5.8-6\"><\/path>\n          <\/svg>\n          FTTH Drop Cable\n        <\/li>\n        <li>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"m7.8 12.1 2.6 2.6 5.8-6\"><\/path>\n          <\/svg>\n          ADSS &amp; Figure-8 Cable\n        <\/li>\n        <li>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"m7.8 12.1 2.6 2.6 5.8-6\"><\/path>\n          <\/svg>\n          Indoor Optical Cable\n        <\/li>\n        <li>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n            <path d=\"m7.8 12.1 2.6 2.6 5.8-6\"><\/path>\n          <\/svg>\n          Outdoor Loose Tube Cable\n        <\/li>\n      <\/ul>\n\n      <a class=\"hk-finished-cables-v6__link\" href=\"https:\/\/hkcablemachine.com\/fiber-optic-cables\/\">\n        <span>View Cable Specifications<\/span>\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"hk-finished-cables-v6__visual\" aria-label=\"Finished fiber optic cable examples\">\n      <figure class=\"hk-finished-cables-v6__figure hk-finished-cables-v6__figure--main\">\n        <!-- Replace this src with the corresponding WordPress Media Library image URL if needed. -->\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/ADSS-Cable-Design.png\"\n          alt=\"Finished outdoor loose tube fiber optic cable cross-section\"\n          width=\"900\"\n          height=\"900\"\n          loading=\"lazy\"\n        >\n        <figcaption>OUTDOOR ADSS CABLE<\/figcaption>\n      <\/figure>\n\n      <figure class=\"hk-finished-cables-v6__figure\">\n        <!-- Replace this src with the corresponding WordPress Media Library image URL if needed. -->\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2026\/07\/FTTH-Drop-cable-design.png\"\n          alt=\"Finished tight buffered indoor fiber optic cable\"\n          width=\"900\"\n          height=\"900\"\n          loading=\"lazy\"\n        >\n        <figcaption>INDOOR &amp; FTTH Drop Cable<\/figcaption>\n      <\/figure>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .hk-finished-cables-v6,\n  .hk-finished-cables-v6 * {\n    box-sizing: border-box;\n  }\n\n  .hk-finished-cables-v6 {\n    --hk-shell: 1289px;\n    --hk-navy: #102a43;\n    --hk-body: #596980;\n    --hk-blue: #1677c8;\n    --hk-line: #d6e2ec;\n    --hk-wash: #f4f8fb;\n    --hk-radius: 16px;\n    --hk-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n    --hk-mono: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n\n    position: relative;\n    width: 100vw;\n    max-width: none;\n    margin: 0 calc(50% - 50vw);\n    padding: 104px 0;\n    overflow: hidden;\n    border-bottom: 1px solid var(--hk-line);\n    background: #ffffff;\n    font-family: var(--hk-font);\n  }\n\n  @supports (width: 100dvw) {\n    .hk-finished-cables-v6 {\n      width: 100dvw;\n      margin-left: calc(50% - 50dvw);\n      margin-right: calc(50% - 50dvw);\n    }\n  }\n\n  .hk-finished-cables-v6__shell {\n    display: grid;\n    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);\n    gap: 72px;\n    align-items: center;\n    width: min(var(--hk-shell), calc(100% - 48px));\n    margin: 0 auto;\n  }\n\n  .hk-finished-cables-v6__copy {\n    display: grid;\n    gap: 22px;\n    min-width: 0;\n  }\n\n  .hk-finished-cables-v6__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    max-width: 390px;\n    margin: 0;\n    color: var(--hk-body);\n    font-family: var(--hk-mono);\n    font-size: 12px;\n    font-weight: 750;\n    line-height: 1.55;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .hk-finished-cables-v6__eyebrow > span {\n    flex: 0 0 32px;\n    width: 32px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .hk-finished-cables-v6 h2 {\n    max-width: 430px;\n    margin: 0;\n    color: var(--hk-navy);\n    font-size: clamp(36px, 3vw, 44px);\n    font-weight: 800;\n    line-height: 1.06;\n    letter-spacing: -0.035em;\n  }\n\n  .hk-finished-cables-v6__intro {\n    max-width: 480px;\n    margin: 0;\n    color: var(--hk-body);\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.72;\n  }\n\n  .hk-finished-cables-v6__types {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px 28px;\n    margin: 2px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .hk-finished-cables-v6__types li {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    color: var(--hk-navy);\n    font-size: 13px;\n    font-weight: 750;\n    line-height: 1.45;\n  }\n\n  .hk-finished-cables-v6__types svg {\n    flex: 0 0 14px;\n    width: 14px;\n    height: 14px;\n    overflow: visible;\n  }\n\n  .hk-finished-cables-v6__types circle {\n    fill: var(--hk-blue);\n  }\n\n  .hk-finished-cables-v6__types path {\n    fill: none;\n    stroke: #ffffff;\n    stroke-width: 2.1;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .hk-finished-cables-v6__link,\n  .hk-finished-cables-v6__link:visited {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    justify-self: start;\n    margin-top: 4px;\n    padding: 12px 2px;\n    border-bottom: 1px solid var(--hk-blue);\n    color: var(--hk-blue) !important;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-decoration: none !important;\n    transition: gap 180ms ease, color 180ms ease, border-color 180ms ease;\n  }\n\n  .hk-finished-cables-v6__link:hover,\n  .hk-finished-cables-v6__link:focus-visible {\n    gap: 26px;\n    color: var(--hk-navy) !important;\n    border-color: var(--hk-navy);\n  }\n\n  .hk-finished-cables-v6__visual {\n    display: grid;\n    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.75fr);\n    gap: 12px;\n    min-width: 0;\n    height: clamp(400px, 33vw, 504px);\n  }\n\n  .hk-finished-cables-v6__figure {\n    position: relative;\n    display: grid;\n    place-items: center;\n    min-width: 0;\n    height: 100%;\n    margin: 0;\n    overflow: hidden;\n    border: 1px solid var(--hk-line);\n    border-radius: var(--hk-radius);\n    background: #ffffff;\n  }\n\n  .hk-finished-cables-v6__figure img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: 34px 8px 42px;\n    object-fit: contain;\n    object-position: center;\n  }\n\n  .hk-finished-cables-v6__figure figcaption {\n    position: absolute;\n    right: 14px;\n    bottom: 12px;\n    left: 14px;\n    padding: 7px 10px;\n    border-radius: 6px;\n    color: var(--hk-navy);\n    background: rgba(255, 255, 255, 0.94);\n    font-family: var(--hk-mono);\n    font-size: 9px;\n    font-weight: 750;\n    line-height: 1.3;\n    letter-spacing: 0.11em;\n  }\n\n  @media (max-width: 1180px) {\n    .hk-finished-cables-v6__shell {\n      gap: 46px;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .hk-finished-cables-v6 {\n      padding: 86px 0;\n    }\n\n    .hk-finished-cables-v6__shell {\n      width: min(var(--hk-shell), calc(100% - 40px));\n      gap: 38px;\n    }\n\n    .hk-finished-cables-v6__visual {\n      height: 410px;\n    }\n  }\n\n  @media (max-width: 820px) {\n    .hk-finished-cables-v6__shell {\n      grid-template-columns: 1fr;\n    }\n\n    .hk-finished-cables-v6__copy {\n      justify-items: center;\n      text-align: center;\n    }\n\n    .hk-finished-cables-v6__eyebrow {\n      justify-content: center;\n      max-width: none;\n    }\n\n    .hk-finished-cables-v6 h2,\n    .hk-finished-cables-v6__intro {\n      max-width: 650px;\n    }\n\n    .hk-finished-cables-v6__types {\n      width: min(100%, 600px);\n    }\n\n    .hk-finished-cables-v6__types li {\n      justify-content: center;\n      text-align: center;\n    }\n\n    .hk-finished-cables-v6__link {\n      justify-self: center;\n    }\n\n    .hk-finished-cables-v6__visual {\n      width: min(100%, 720px);\n      height: 410px;\n      margin: 0 auto;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .hk-finished-cables-v6 {\n      padding: 68px 0;\n    }\n\n    .hk-finished-cables-v6__shell {\n      width: min(var(--hk-shell), calc(100% - 40px));\n      gap: 38px;\n    }\n\n    .hk-finished-cables-v6__eyebrow {\n      gap: 10px;\n      font-size: 10px;\n    }\n\n    .hk-finished-cables-v6__eyebrow > span {\n      flex-basis: 24px;\n      width: 24px;\n    }\n\n    .hk-finished-cables-v6 h2 {\n      font-size: clamp(30px, 8.4vw, 36px);\n    }\n\n    .hk-finished-cables-v6__intro {\n      font-size: 15px;\n      line-height: 1.68;\n    }\n\n    .hk-finished-cables-v6__types {\n      grid-template-columns: 1fr;\n      gap: 11px;\n    }\n\n    .hk-finished-cables-v6__visual {\n      grid-template-columns: 1fr;\n      height: auto;\n    }\n\n    .hk-finished-cables-v6__figure {\n      min-height: 230px;\n      aspect-ratio: 16 \/ 10;\n    }\n\n    .hk-finished-cables-v6__figure img {\n      padding: 24px 8px 38px;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .hk-finished-cables-v6__shell {\n      width: calc(100% - 36px);\n    }\n  }\n\n  @media (max-width: 390px) {\n    .hk-finished-cables-v6__shell {\n      width: calc(100% - 32px);\n    }\n\n    .hk-finished-cables-v6__figure {\n      min-height: 210px;\n    }\n  }\n\n  @media (max-width: 360px) {\n    .hk-finished-cables-v6__shell {\n      width: calc(100% - 28px);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hk-finished-cables-v6__link {\n      transition: none;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e9fae28 e-con e-atomic-element e-flexbox-base e-7d8f000 \" data-id=\"e9fae28\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e9fae28\" data-e-type=\"e-flexbox\" data-id=\"e9fae28\">\n    \t\t<div class=\"elementor-element elementor-element-e2775b4 elementor-widget elementor-widget-html\" data-id=\"e2775b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES\n     09 \/ MATERIALS & SUPPORTING RESOURCES\n     Paste this complete block into ONE Elementor HTML widget.\n========================================================== -->\n\n<section class=\"hk-materials-v6\" id=\"materials\" aria-labelledby=\"hk-materials-title\">\n  <div class=\"hk-materials-v6__shell\">\n\n    <div class=\"hk-materials-v6__copy\">\n      <p class=\"hk-materials-v6__eyebrow\">\n        <span aria-hidden=\"true\"><\/span>\n        Materials &amp; Supporting Resources\n      <\/p>\n\n      <h2 id=\"hk-materials-title\">Match Materials to the Cable Structure<\/h2>\n\n      <p class=\"hk-materials-v6__intro\">\n        Begin with the cable drawing, required standard, product range and\n        production process.\n      <\/p>\n\n      <div class=\"hk-materials-v6__list\">\n        <article>\n          <span class=\"hk-materials-v6__number\">01<\/span>\n          <div>\n            <h3>Optical Core<\/h3>\n            <p>Optical fiber \u00b7 PBT compounds \u00b7 filling jelly<\/p>\n          <\/div>\n        <\/article>\n\n        <article>\n          <span class=\"hk-materials-v6__number\">02<\/span>\n          <div>\n            <h3>Water Blocking<\/h3>\n            <p>Tape \u00b7 yarn \u00b7 binders \u00b7 fillers<\/p>\n          <\/div>\n        <\/article>\n\n        <article>\n          <span class=\"hk-materials-v6__number\">03<\/span>\n          <div>\n            <h3>Reinforcement<\/h3>\n            <p>Aramid \u00b7 glass yarn \u00b7 FRP \u00b7 steel members<\/p>\n          <\/div>\n        <\/article>\n\n        <article>\n          <span class=\"hk-materials-v6__number\">04<\/span>\n          <div>\n            <h3>Sheathing<\/h3>\n            <p>PE \u00b7 PVC \u00b7 LSZH \u00b7 coated metal tape<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <a class=\"hk-materials-v6__link\" href=\"https:\/\/hkcablemachine.com\/fiber-optic-cable-materials\/\">\n        <span>Explore Optical Cable Materials<\/span>\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"hk-materials-v6__gallery\" aria-label=\"Optical cable material examples\">\n      <figure>\n        <!-- Replace this src with the corresponding WordPress Media Library image URL if needed. -->\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2024\/05\/Bare-fibe-core.png\"\n          alt=\"Optical fiber production material on a supply spool\"\n          width=\"1280\"\n          height=\"720\"\n          loading=\"lazy\"\n        >\n        <figcaption>OPTICAL FIBER<\/figcaption>\n      <\/figure>\n\n      <figure>\n        <!-- Replace this src with the corresponding WordPress Media Library image URL if needed. -->\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2024\/05\/raw-materials.png\"\n          alt=\"Polymer compounds for optical cable production\"\n          width=\"1280\"\n          height=\"720\"\n          loading=\"lazy\"\n        >\n        <figcaption>POLYMER COMPOUNDS<\/figcaption>\n      <\/figure>\n\n      <figure>\n        <!-- Replace this src with the corresponding WordPress Media Library image URL if needed. -->\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2024\/05\/Steel-TapeAluminum-Tape.png\"\n          alt=\"Coated steel tape for optical cable armouring\"\n          width=\"1280\"\n          height=\"720\"\n          loading=\"lazy\"\n        >\n        <figcaption>ARMOURING TAPE<\/figcaption>\n      <\/figure>\n\n      <figure>\n        <!-- Replace this src with the corresponding WordPress Media Library image URL if needed. -->\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2024\/05\/polyester-binder-yarn.png\"\n          alt=\"Polyester yarn and binders for optical cable production\"\n          width=\"1280\"\n          height=\"720\"\n          loading=\"lazy\"\n        >\n        <figcaption>YARN &amp; BINDERS<\/figcaption>\n      <\/figure>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .hk-materials-v6,\n  .hk-materials-v6 * {\n    box-sizing: border-box;\n  }\n\n  .hk-materials-v6 {\n    --hk-shell: 1289px;\n    --hk-navy: #102a43;\n    --hk-body: #596980;\n    --hk-blue: #1677c8;\n    --hk-line: #d6e2ec;\n    --hk-radius: 12px;\n    --hk-font: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n    --hk-mono: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n\n    position: relative;\n    width: 100vw;\n    max-width: none;\n    min-height: 100%;\n    height: 100%;\n    margin: 0 calc(50% - 50vw);\n    padding: 90px 0;\n    overflow: hidden;\n    background-color: #f8fbfd;\n\n    \/*\n      In WordPress, replace the URL below with the uploaded Capability Atlas\n      background image URL, or delete background-image and set it on the\n      OUTER Elementor container instead.\n    *\/\n    background-image: url(\"..\/..\/public\/assets\/capability-atlas-bg.png\");\n    background-position: center top;\n    background-repeat: repeat-y;\n    background-size: max(1440px, 100%) auto;\n\n    font-family: var(--hk-font);\n  }\n\n  @supports (width: 100dvw) {\n    .hk-materials-v6 {\n      width: 100dvw;\n      margin-left: calc(50% - 50dvw);\n      margin-right: calc(50% - 50dvw);\n    }\n  }\n\n  .hk-materials-v6__shell {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n    gap: 72px;\n    align-items: center;\n    width: min(var(--hk-shell), calc(100% - 48px));\n    margin: 0 auto;\n  }\n\n  .hk-materials-v6__copy {\n    display: grid;\n    gap: 22px;\n    min-width: 0;\n  }\n\n  .hk-materials-v6__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 0;\n    color: var(--hk-body);\n    font-family: var(--hk-mono);\n    font-size: 12px;\n    font-weight: 750;\n    line-height: 1.45;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .hk-materials-v6__eyebrow > span {\n    flex: 0 0 32px;\n    width: 32px;\n    height: 2px;\n    background: currentColor;\n  }\n\n  .hk-materials-v6 h2 {\n    max-width: 560px;\n    margin: 0;\n    color: var(--hk-navy);\n    font-size: clamp(36px, 3vw, 44px);\n    font-weight: 800;\n    line-height: 1.06;\n    letter-spacing: -0.035em;\n  }\n\n  .hk-materials-v6__intro {\n    max-width: 550px;\n    margin: 0;\n    color: var(--hk-body);\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.72;\n  }\n\n  .hk-materials-v6__list {\n    display: grid;\n    border-top: 1px solid var(--hk-line);\n  }\n\n  .hk-materials-v6__list article {\n    display: grid;\n    grid-template-columns: 34px minmax(0, 1fr);\n    gap: 12px;\n    align-items: start;\n    margin: 0;\n    padding: 12px 0;\n    border-bottom: 1px solid var(--hk-line);\n  }\n\n  .hk-materials-v6__number {\n    padding-top: 2px;\n    color: var(--hk-blue);\n    font-family: var(--hk-mono);\n    font-size: 9px;\n    font-weight: 750;\n    line-height: 1.45;\n  }\n\n  .hk-materials-v6__list article > div {\n    display: grid;\n    gap: 2px;\n    min-width: 0;\n  }\n\n  .hk-materials-v6__list h3 {\n    margin: 0;\n    color: var(--hk-navy);\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.45;\n    letter-spacing: -0.01em;\n  }\n\n  .hk-materials-v6__list p {\n    margin: 0;\n    color: var(--hk-body);\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 1.55;\n  }\n\n  .hk-materials-v6__link,\n  .hk-materials-v6__link:visited {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    justify-self: start;\n    padding: 10px 0;\n    color: var(--hk-blue) !important;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.3;\n    text-decoration: none !important;\n    transition: gap 180ms ease, color 180ms ease;\n  }\n\n  .hk-materials-v6__link:hover,\n  .hk-materials-v6__link:focus-visible {\n    gap: 20px;\n    color: var(--hk-navy) !important;\n  }\n\n  .hk-materials-v6__gallery {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .hk-materials-v6__gallery figure {\n    position: relative;\n    min-width: 0;\n    min-height: 146px;\n    margin: 0;\n    overflow: hidden;\n    border: 1px solid var(--hk-line);\n    border-radius: var(--hk-radius);\n    background: #ffffff;\n  }\n\n  .hk-materials-v6__gallery img {\n    display: block;\n    width: 100%;\n    height: 146px;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 280ms ease;\n  }\n\n  .hk-materials-v6__gallery figure:hover img {\n    transform: scale(1.025);\n  }\n\n  .hk-materials-v6__gallery figcaption {\n    position: absolute;\n    right: 8px;\n    bottom: 8px;\n    left: 8px;\n    padding: 7px 9px;\n    border-radius: 6px;\n    color: var(--hk-navy);\n    background: rgba(255, 255, 255, 0.92);\n    font-family: var(--hk-mono);\n    font-size: 8px;\n    font-weight: 750;\n    line-height: 1.3;\n    letter-spacing: 0.09em;\n  }\n\n  @media (max-width: 1180px) {\n    .hk-materials-v6__shell {\n      gap: 46px;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .hk-materials-v6 {\n      padding: 86px 0;\n    }\n\n    .hk-materials-v6__shell {\n      width: min(var(--hk-shell), calc(100% - 40px));\n      grid-template-columns: 1fr;\n      gap: 42px;\n    }\n\n    .hk-materials-v6__copy {\n      justify-items: center;\n      text-align: center;\n    }\n\n    .hk-materials-v6__eyebrow {\n      justify-content: center;\n    }\n\n    .hk-materials-v6 h2,\n    .hk-materials-v6__intro {\n      max-width: 680px;\n    }\n\n    .hk-materials-v6__list {\n      width: min(100%, 620px);\n      text-align: left;\n    }\n\n    .hk-materials-v6__link {\n      justify-self: center;\n    }\n\n    .hk-materials-v6__gallery {\n      width: min(100%, 720px);\n      margin: 0 auto;\n    }\n\n    .hk-materials-v6__gallery figure,\n    .hk-materials-v6__gallery img {\n      min-height: 180px;\n      height: 180px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .hk-materials-v6 {\n      padding: 68px 0;\n    }\n\n    .hk-materials-v6__shell {\n      width: min(var(--hk-shell), calc(100% - 40px));\n      gap: 36px;\n    }\n\n    .hk-materials-v6__eyebrow {\n      gap: 10px;\n      font-size: 10px;\n    }\n\n    .hk-materials-v6__eyebrow > span {\n      flex-basis: 24px;\n      width: 24px;\n    }\n\n    .hk-materials-v6 h2 {\n      font-size: clamp(30px, 8.4vw, 36px);\n    }\n\n    .hk-materials-v6__intro {\n      font-size: 15px;\n      line-height: 1.68;\n    }\n\n    .hk-materials-v6__gallery {\n      grid-template-columns: 1fr;\n    }\n\n    .hk-materials-v6__gallery figure {\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .hk-materials-v6__gallery figure,\n    .hk-materials-v6__gallery img {\n      min-height: 0;\n      height: auto;\n    }\n\n    .hk-materials-v6__gallery img {\n      aspect-ratio: 16 \/ 9;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .hk-materials-v6__shell {\n      width: calc(100% - 36px);\n    }\n  }\n\n  @media (max-width: 390px) {\n    .hk-materials-v6__shell {\n      width: calc(100% - 32px);\n    }\n  }\n\n  @media (max-width: 360px) {\n    .hk-materials-v6__shell {\n      width: calc(100% - 28px);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hk-materials-v6__link,\n    .hk-materials-v6__gallery img {\n      transition: none;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9f4ae63 e-con e-atomic-element e-flexbox-base e-6fd5b98 \" data-id=\"9f4ae63\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9f4ae63\" data-e-type=\"e-flexbox\" data-id=\"9f4ae63\">\n    \t\t<div class=\"elementor-element elementor-element-09f8b00 elementor-widget elementor-widget-html\" data-id=\"09f8b00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES V6\n     SECTION 10 \u2014 OUR ROLE \u00b7 YOUR ADVANTAGE\n     Paste this entire block into one Elementor HTML widget.\n========================================================== -->\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@4.6.0\/fonts\/remixicon.css\"\n>\n\n<section\n  class=\"hk-role-advantage-v6\"\n  id=\"source-responsibility\"\n  aria-labelledby=\"hk-role-advantage-title\"\n>\n  <div class=\"hk-role-advantage-v6__shell\">\n    <header class=\"hk-role-advantage-v6__heading\">\n      <p class=\"hk-role-advantage-v6__eyebrow\">\n        <span aria-hidden=\"true\"><\/span>\n        OUR ROLE \u00b7 YOUR ADVANTAGE\n      <\/p>\n      <h2 id=\"hk-role-advantage-title\" class=\"hk-role-advantage-v6__sr-only\">\n        What HONGKAI manufactures, configures and integrates\n      <\/h2>\n    <\/header>\n\n    <div class=\"hk-role-advantage-v6__grid\">\n      <article class=\"hk-role-advantage-v6__item\">\n        <div class=\"hk-role-advantage-v6__meta\">\n          <span>01<\/span>\n          <i class=\"ri-building-4-line\" aria-hidden=\"true\"><\/i>\n        <\/div>\n        <h3>Manufactured by HONGKAI<\/h3>\n        <p>\n          Core cable machinery, electrical integration and testing within\n          the confirmed scope.\n        <\/p>\n      <\/article>\n\n      <article class=\"hk-role-advantage-v6__item\">\n        <div class=\"hk-role-advantage-v6__meta\">\n          <span>02<\/span>\n          <i class=\"ri-settings-3-line\" aria-hidden=\"true\"><\/i>\n        <\/div>\n        <h3>Configured &amp; Supplied<\/h3>\n        <p>\n          Auxiliary equipment, testing systems, spare parts and\n          project-supporting machinery.\n        <\/p>\n      <\/article>\n\n      <article class=\"hk-role-advantage-v6__item\">\n        <div class=\"hk-role-advantage-v6__meta\">\n          <span>03<\/span>\n          <i class=\"ri-tools-line\" aria-hidden=\"true\"><\/i>\n        <\/div>\n        <h3>Specialist Integration<\/h3>\n        <p>\n          Wire drawing, bunching, stranding, armouring and other specialist\n          processes.\n        <\/p>\n      <\/article>\n\n      <article class=\"hk-role-advantage-v6__item\">\n        <div class=\"hk-role-advantage-v6__meta\">\n          <span>04<\/span>\n          <i class=\"ri-shield-check-line\" aria-hidden=\"true\"><\/i>\n        <\/div>\n        <h3>Supported Beyond Delivery<\/h3>\n        <p>\n          Documentation, installation support, troubleshooting and long-term\n          parts coordination.\n        <\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .hk-role-advantage-v6,\n  .hk-role-advantage-v6 * {\n    box-sizing: border-box;\n  }\n\n  .hk-role-advantage-v6 {\n    --hk-role-navy: #0b1f36;\n    --hk-role-panel: #122740;\n    --hk-role-line: #2a4864;\n    --hk-role-sky: #75c6ff;\n    --hk-role-white: #f8fbff;\n    --hk-role-muted: #aab9ca;\n    --hk-role-radius: 16px;\n\n    position: relative;\n    width: 100vw;\n    min-width: 100vw;\n    max-width: none;\n    min-height: 422px;\n    margin: 0 calc(50% - 50vw);\n    padding: 0;\n    display: flex;\n    align-items: stretch;\n    overflow: hidden;\n    color: var(--hk-role-white);\n    background: var(--hk-role-navy);\n    border-top: 1px solid #173653;\n    border-bottom: 1px solid #173653;\n    font-family: \"Roboto\", Arial, sans-serif;\n  }\n\n  .hk-role-advantage-v6__shell {\n    width: min(calc(100% - 48px), 1289px);\n    min-height: 100%;\n    margin: 0 auto;\n    padding: 80px 0;\n  }\n\n  .hk-role-advantage-v6__heading {\n    margin: 0 0 26px;\n  }\n\n  .hk-role-advantage-v6__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin: 0;\n    color: var(--hk-role-sky);\n    font-family: \"Roboto Mono\", monospace;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: .22em;\n    text-transform: uppercase;\n  }\n\n  .hk-role-advantage-v6__eyebrow > span {\n    width: 32px;\n    height: 2px;\n    flex: 0 0 32px;\n    background: var(--hk-role-sky);\n  }\n\n  .hk-role-advantage-v6__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    width: 100%;\n    overflow: hidden;\n    border: 1px solid var(--hk-role-line);\n    border-radius: var(--hk-role-radius);\n  }\n\n  .hk-role-advantage-v6__item {\n    min-width: 0;\n    min-height: 218px;\n    margin: 0;\n    padding: 26px 22px;\n    background: rgba(255, 255, 255, .025);\n    transition:\n      background-color .2s ease,\n      transform .2s ease;\n  }\n\n  .hk-role-advantage-v6__item + .hk-role-advantage-v6__item {\n    border-left: 1px solid var(--hk-role-line);\n  }\n\n  .hk-role-advantage-v6__item:hover {\n    background: rgba(117, 198, 255, .06);\n  }\n\n  .hk-role-advantage-v6__meta {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    min-height: 29px;\n    margin-bottom: 14px;\n  }\n\n  .hk-role-advantage-v6__meta span {\n    color: var(--hk-role-sky);\n    font-family: \"Roboto Mono\", monospace;\n    font-size: 10px;\n    font-weight: 750;\n    line-height: 1;\n    letter-spacing: .06em;\n  }\n\n  .hk-role-advantage-v6__meta i {\n    color: var(--hk-role-sky);\n    font-size: 28px;\n    font-weight: 400;\n    line-height: 1;\n  }\n\n  .hk-role-advantage-v6__item h3 {\n    margin: 0 0 10px;\n    color: var(--hk-role-white);\n    font-size: 20px;\n    font-weight: 700;\n    line-height: 1.25;\n    letter-spacing: -.025em;\n  }\n\n  .hk-role-advantage-v6__item p {\n    margin: 0;\n    color: var(--hk-role-muted);\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 1.62;\n  }\n\n  .hk-role-advantage-v6__sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n  }\n\n  @supports (width: 100dvw) {\n    .hk-role-advantage-v6 {\n      width: 100dvw;\n      min-width: 100dvw;\n      margin-inline: calc(50% - 50dvw);\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .hk-role-advantage-v6__shell {\n      width: min(calc(100% - 40px), 1289px);\n      padding: 64px 0;\n    }\n\n    .hk-role-advantage-v6__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .hk-role-advantage-v6__item:nth-child(3) {\n      border-left: 0;\n    }\n\n    .hk-role-advantage-v6__item:nth-child(n + 3) {\n      border-top: 1px solid var(--hk-role-line);\n    }\n  }\n\n  @media (max-width: 767px) {\n    .hk-role-advantage-v6 {\n      min-height: 0;\n    }\n\n    .hk-role-advantage-v6__shell {\n      width: calc(100% - 32px);\n      padding: 52px 0;\n    }\n\n    .hk-role-advantage-v6__heading {\n      margin-bottom: 22px;\n    }\n\n    .hk-role-advantage-v6__eyebrow {\n      justify-content: center;\n      gap: 11px;\n      font-size: 11px;\n      letter-spacing: .16em;\n      text-align: center;\n    }\n\n    .hk-role-advantage-v6__eyebrow > span {\n      width: 24px;\n      flex-basis: 24px;\n    }\n\n    .hk-role-advantage-v6__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .hk-role-advantage-v6__item {\n      min-height: 0;\n      padding: 25px 22px 27px;\n      text-align: center;\n    }\n\n    .hk-role-advantage-v6__item + .hk-role-advantage-v6__item,\n    .hk-role-advantage-v6__item:nth-child(3) {\n      border-top: 1px solid var(--hk-role-line);\n      border-left: 0;\n    }\n\n    .hk-role-advantage-v6__meta {\n      margin-bottom: 13px;\n    }\n\n    .hk-role-advantage-v6__item h3 {\n      font-size: 20px;\n    }\n\n    .hk-role-advantage-v6__item p {\n      max-width: 420px;\n      margin-inline: auto;\n      font-size: 15px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hk-role-advantage-v6__item {\n      transition: none;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-211b15c e-con e-atomic-element e-flexbox-base e-8c07bd7 \" data-id=\"211b15c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"211b15c\" data-e-type=\"e-flexbox\" data-id=\"211b15c\">\n    \t\t<div class=\"elementor-element elementor-element-eb3dccc elementor-widget elementor-widget-html\" data-id=\"eb3dccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES V6\n     SECTION 11 \u2014 REAL MANUFACTURING & PROJECT EVIDENCE\n     Paste this entire block into one Elementor HTML widget.\n========================================================== -->\n\n<section\n  class=\"hk-manufacturing-evidence-v6\"\n  id=\"evidence\"\n  aria-labelledby=\"hk-manufacturing-evidence-title\"\n>\n  <div class=\"hk-manufacturing-evidence-v6__shell\">\n    <header class=\"hk-manufacturing-evidence-v6__heading\">\n      <div>\n        <p class=\"hk-manufacturing-evidence-v6__eyebrow\">\n          <span aria-hidden=\"true\"><\/span>\n          REAL MANUFACTURING &amp; PROJECT EVIDENCE\n        <\/p>\n        <h2 id=\"hk-manufacturing-evidence-title\">\n          See How Equipment Is Built and Tested\n        <\/h2>\n      <\/div>\n\n      <p class=\"hk-manufacturing-evidence-v6__intro\">\n        Review real work behind assembly, electrical integration, factory\n        testing and export preparation.\n      <\/p>\n    <\/header>\n\n    <div class=\"hk-manufacturing-evidence-v6__grid\">\n      <figure class=\"hk-manufacturing-evidence-v6__stage\">\n        <img loading=\"lazy\"\n          src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\"\n          alt=\"HONGKAI cable machinery mechanical assembly in the workshop\"\n          width=\"1600\"\n          height=\"1200\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <figcaption>\n          <span>01 \/ Manufacturing<\/span>\n          <strong>Mechanical assembly and equipment integration.<\/strong>\n          <small>\n            Visible work from the confirmed HONGKAI equipment scope.\n          <\/small>\n        <\/figcaption>\n      <\/figure>\n\n      <div\n        class=\"hk-manufacturing-evidence-v6__records\"\n        aria-label=\"Select a manufacturing evidence record\"\n      >\n        <button\n          type=\"button\"\n          class=\"is-active\"\n          aria-pressed=\"true\"\n          data-label=\"01 \/ Manufacturing\"\n          data-title=\"Mechanical assembly and equipment integration.\"\n          data-copy=\"Visible work from the confirmed HONGKAI equipment scope.\"\n          data-alt=\"HONGKAI cable machinery mechanical assembly in the workshop\"\n        >\n          <img loading=\"lazy\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-3.jpg\"\n            alt=\"\"\n            width=\"160\"\n            height=\"110\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n          <span>\n            <small>01 \/ Manufacturing<\/small>\n            <strong>Mechanical assembly and equipment integration.<\/strong>\n          <\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/button>\n\n        <button\n          type=\"button\"\n          aria-pressed=\"false\"\n          data-label=\"02 \/ Electrical Integration\"\n          data-title=\"Controls, drives, sensors and machine wiring.\"\n          data-copy=\"Electrical systems are integrated and checked against the confirmed equipment scope.\"\n          data-alt=\"HONGKAI cable machinery electrical control cabinet integration\"\n        >\n          <img loading=\"lazy\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2022\/09\/install-2.png\"\n            alt=\"\"\n            width=\"160\"\n            height=\"110\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n          <span>\n            <small>02 \/ Electrical Integration<\/small>\n            <strong>Controls, drives, sensors and machine wiring.<\/strong>\n          <\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/button>\n\n        <button\n          type=\"button\"\n          aria-pressed=\"false\"\n          data-label=\"03 \/ Site Installation\"\n          data-title=\"Production equipment installed at the customer site.\"\n          data-copy=\"Site work and project coordination follow the confirmed installation scope.\"\n          data-alt=\"HONGKAI production equipment installed at a customer site\"\n        >\n          <img loading=\"lazy\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2021\/11\/4941629118205_.pic_.jpg\"\n            alt=\"\"\n            width=\"160\"\n            height=\"110\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n          <span>\n            <small>03 \/ Site Installation<\/small>\n            <strong>Production equipment installed at the customer site.<\/strong>\n          <\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/button>\n\n        <button\n          type=\"button\"\n          aria-pressed=\"false\"\n          data-label=\"04 \/ Packing &amp; Delivery\"\n          data-title=\"Packing and delivery preparation.\"\n          data-copy=\"Equipment is prepared for shipment according to the agreed delivery scope.\"\n          data-alt=\"HONGKAI cable machinery packing and delivery preparation\"\n        >\n          <img loading=\"lazy\"\n            src=\"https:\/\/hkcablemachine.com\/wp-content\/uploads\/2020\/11\/packing-scaled-scaled.jpg\"\n            alt=\"\"\n            width=\"160\"\n            height=\"110\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n          <span>\n            <small>04 \/ Packing &amp; Delivery<\/small>\n            <strong>Packing and delivery preparation.<\/strong>\n          <\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/button>\n\n        <a href=\"https:\/\/hkcablemachine.com\/about-hongkai-cable-machinerys\/#evidence\">\n          <span>View More Project Evidence<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .hk-manufacturing-evidence-v6,\n  .hk-manufacturing-evidence-v6 * {\n    box-sizing: border-box;\n  }\n\n  .hk-manufacturing-evidence-v6 {\n    --hk-evidence-navy: #0b2540;\n    --hk-evidence-blue: #1677c8;\n    --hk-evidence-sky: #83caff;\n    --hk-evidence-body: #596980;\n    --hk-evidence-line: #d6e2ec;\n    --hk-evidence-line-strong: #bdd3e4;\n    --hk-evidence-wash: #f4f8fb;\n    --hk-evidence-wash-blue: #edf7fd;\n    --hk-evidence-radius: 16px;\n\n    position: relative;\n    width: 100vw;\n    min-width: 100vw;\n    max-width: none;\n    margin: 0 calc(50% - 50vw);\n    padding: 0;\n    overflow: hidden;\n    color: var(--hk-evidence-navy);\n    background: #fff;\n    font-family: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  .hk-manufacturing-evidence-v6__shell {\n    width: min(calc(100% - 48px), 1289px);\n    margin: 0 auto;\n    padding: 104px 0;\n  }\n\n  .hk-manufacturing-evidence-v6__heading {\n    display: grid;\n    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .6fr);\n    gap: 72px;\n    align-items: end;\n    margin: 0 0 44px;\n  }\n\n  .hk-manufacturing-evidence-v6__heading > div {\n    display: grid;\n    gap: 20px;\n  }\n\n  .hk-manufacturing-evidence-v6__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 0;\n    color: var(--hk-evidence-blue);\n    font-family: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.35;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .hk-manufacturing-evidence-v6__eyebrow > span {\n    width: 32px;\n    height: 2px;\n    flex: 0 0 32px;\n    background: currentColor;\n  }\n\n  .hk-manufacturing-evidence-v6 h2 {\n    max-width: 800px;\n    margin: 0;\n    color: var(--hk-evidence-navy);\n    font-size: clamp(36px, 3vw, 44px);\n    font-weight: 800;\n    line-height: 1.06;\n    letter-spacing: -.035em;\n  }\n\n  .hk-manufacturing-evidence-v6__intro {\n    max-width: 480px;\n    margin: 0;\n    justify-self: end;\n    color: var(--hk-evidence-body);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .hk-manufacturing-evidence-v6__grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.62fr) minmax(320px, .68fr);\n    gap: 14px;\n  }\n\n  .hk-manufacturing-evidence-v6__stage {\n    position: relative;\n    min-width: 0;\n    min-height: 470px;\n    margin: 0;\n    overflow: hidden;\n    border: 1px solid var(--hk-evidence-line-strong);\n    border-radius: var(--hk-evidence-radius);\n    background: var(--hk-evidence-wash);\n  }\n\n  .hk-manufacturing-evidence-v6__stage > img {\n    display: block;\n    width: 100%;\n    height: 470px;\n    object-fit: cover;\n    transition: opacity .16s ease;\n  }\n\n  .hk-manufacturing-evidence-v6__stage.is-changing > img {\n    opacity: .68;\n  }\n\n  .hk-manufacturing-evidence-v6__stage figcaption {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: grid;\n    gap: 5px;\n    padding: 62px 26px 24px;\n    color: #fff;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(11, 27, 49, 0) 0%,\n        rgba(11, 27, 49, .88) 52%,\n        rgba(11, 27, 49, .96) 100%\n      );\n  }\n\n  .hk-manufacturing-evidence-v6__stage figcaption span {\n    color: var(--hk-evidence-sky);\n    font-family: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n    font-size: 10px;\n    font-weight: 750;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n  }\n\n  .hk-manufacturing-evidence-v6__stage figcaption strong {\n    max-width: 760px;\n    color: #fff;\n    font-size: 24px;\n    font-weight: 750;\n    line-height: 1.25;\n  }\n\n  .hk-manufacturing-evidence-v6__stage figcaption small {\n    color: #ccd8e5;\n    font-size: 13px;\n    line-height: 1.5;\n  }\n\n  .hk-manufacturing-evidence-v6__records {\n    min-width: 0;\n    display: grid;\n    grid-template-rows: repeat(4, 1fr) auto;\n    gap: 8px;\n  }\n\n  .hk-manufacturing-evidence-v6__records button,\n  .hk-manufacturing-evidence-v6__records > a {\n    min-width: 0;\n    display: grid;\n    grid-template-columns: 76px minmax(0, 1fr) auto;\n    gap: 12px;\n    align-items: center;\n    margin: 0;\n    padding: 10px;\n    border: 1px solid var(--hk-evidence-line);\n    border-radius: 10px;\n    background: #fff;\n    box-shadow: none;\n    color: var(--hk-evidence-navy);\n    font-family: inherit;\n    text-align: left;\n    text-decoration: none;\n    cursor: pointer;\n    transition:\n      border-color .16s ease,\n      background-color .16s ease,\n      transform .16s ease;\n  }\n\n  .hk-manufacturing-evidence-v6__records button:hover,\n  .hk-manufacturing-evidence-v6__records button:focus-visible,\n  .hk-manufacturing-evidence-v6__records button.is-active {\n    border-color: #8ebce0;\n    background: var(--hk-evidence-wash-blue);\n  }\n\n  .hk-manufacturing-evidence-v6__records button:focus-visible,\n  .hk-manufacturing-evidence-v6__records > a:focus-visible {\n    outline: 3px solid rgba(22, 119, 200, .22);\n    outline-offset: 2px;\n  }\n\n  .hk-manufacturing-evidence-v6__records button:hover {\n    transform: translateX(2px);\n  }\n\n  .hk-manufacturing-evidence-v6__records button > img {\n    display: block;\n    width: 76px;\n    height: 58px;\n    border-radius: 7px;\n    object-fit: cover;\n  }\n\n  .hk-manufacturing-evidence-v6__records button > span {\n    min-width: 0;\n    display: grid;\n    gap: 4px;\n  }\n\n  .hk-manufacturing-evidence-v6__records button small {\n    overflow: hidden;\n    color: var(--hk-evidence-blue);\n    font-family: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n    font-size: 8px;\n    font-weight: 750;\n    line-height: 1.35;\n    letter-spacing: .06em;\n    text-overflow: ellipsis;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  .hk-manufacturing-evidence-v6__records button strong {\n    display: -webkit-box;\n    overflow: hidden;\n    color: var(--hk-evidence-navy);\n    font-size: 12px;\n    font-weight: 750;\n    line-height: 1.35;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n\n  .hk-manufacturing-evidence-v6__records svg {\n    width: 15px;\n    height: 15px;\n    color: var(--hk-evidence-blue);\n  }\n\n  .hk-manufacturing-evidence-v6__records svg path {\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .hk-manufacturing-evidence-v6__records > a {\n    grid-template-columns: minmax(0, 1fr) auto;\n    color: var(--hk-evidence-blue);\n    font-size: 13px;\n    font-weight: 800;\n  }\n\n  .hk-manufacturing-evidence-v6__records > a:hover {\n    border-color: #8ebce0;\n    background: var(--hk-evidence-wash-blue);\n  }\n\n  @supports (width: 100dvw) {\n    .hk-manufacturing-evidence-v6 {\n      width: 100dvw;\n      min-width: 100dvw;\n      margin-inline: calc(50% - 50dvw);\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .hk-manufacturing-evidence-v6__shell {\n      width: min(calc(100% - 40px), 1289px);\n      padding: 86px 0;\n    }\n\n    .hk-manufacturing-evidence-v6__heading {\n      gap: 42px;\n    }\n\n    .hk-manufacturing-evidence-v6__grid {\n      grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr);\n    }\n\n    .hk-manufacturing-evidence-v6__records button {\n      grid-template-columns: 64px minmax(0, 1fr) auto;\n      gap: 10px;\n    }\n\n    .hk-manufacturing-evidence-v6__records button > img {\n      width: 64px;\n      height: 52px;\n    }\n  }\n\n  @media (max-width: 820px) {\n    .hk-manufacturing-evidence-v6__heading {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      text-align: center;\n    }\n\n    .hk-manufacturing-evidence-v6__heading > div {\n      justify-items: center;\n    }\n\n    .hk-manufacturing-evidence-v6__eyebrow {\n      justify-content: center;\n    }\n\n    .hk-manufacturing-evidence-v6__intro {\n      max-width: 620px;\n      justify-self: center;\n      text-align: center;\n    }\n\n    .hk-manufacturing-evidence-v6__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .hk-manufacturing-evidence-v6__records {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      grid-template-rows: none;\n    }\n\n    .hk-manufacturing-evidence-v6__records > a {\n      grid-column: 1 \/ -1;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .hk-manufacturing-evidence-v6__shell {\n      width: calc(100% - 32px);\n      padding: 64px 0;\n    }\n\n    .hk-manufacturing-evidence-v6__heading {\n      margin-bottom: 32px;\n    }\n\n    .hk-manufacturing-evidence-v6 h2 {\n      font-size: clamp(30px, 9vw, 38px);\n    }\n\n    .hk-manufacturing-evidence-v6__intro {\n      font-size: 16px;\n    }\n\n    .hk-manufacturing-evidence-v6__stage,\n    .hk-manufacturing-evidence-v6__stage > img {\n      min-height: 350px;\n      height: 350px;\n    }\n\n    .hk-manufacturing-evidence-v6__stage figcaption {\n      justify-items: center;\n      padding: 54px 18px 18px;\n      text-align: center;\n    }\n\n    .hk-manufacturing-evidence-v6__stage figcaption strong {\n      font-size: 20px;\n    }\n\n    .hk-manufacturing-evidence-v6__records {\n      grid-template-columns: 1fr;\n    }\n\n    .hk-manufacturing-evidence-v6__records button,\n    .hk-manufacturing-evidence-v6__records > a {\n      min-height: 78px;\n    }\n\n    .hk-manufacturing-evidence-v6__records > a {\n      grid-column: auto;\n      min-height: 54px;\n      text-align: center;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .hk-manufacturing-evidence-v6__shell {\n      width: calc(100% - 24px);\n      padding: 52px 0;\n    }\n\n    .hk-manufacturing-evidence-v6__eyebrow {\n      gap: 10px;\n      font-size: 10px;\n      letter-spacing: .13em;\n    }\n\n    .hk-manufacturing-evidence-v6__eyebrow > span {\n      width: 24px;\n      flex-basis: 24px;\n    }\n\n    .hk-manufacturing-evidence-v6__stage,\n    .hk-manufacturing-evidence-v6__stage > img {\n      min-height: 320px;\n      height: 320px;\n    }\n\n    .hk-manufacturing-evidence-v6__records button {\n      grid-template-columns: 70px minmax(0, 1fr) 15px;\n    }\n\n    .hk-manufacturing-evidence-v6__records button > img {\n      width: 70px;\n      height: 54px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hk-manufacturing-evidence-v6__stage > img,\n    .hk-manufacturing-evidence-v6__records button {\n      transition: none;\n    }\n  }\n<\/style>\n\n<script>\n  (() => {\n    const section = document.currentScript?.previousElementSibling?.previousElementSibling;\n    const root =\n      section?.matches?.(\".hk-manufacturing-evidence-v6\")\n        ? section\n        : document.querySelector(\".hk-manufacturing-evidence-v6\");\n\n    if (!root || root.dataset.hkEvidenceReady === \"true\") return;\n    root.dataset.hkEvidenceReady = \"true\";\n\n    const stage = root.querySelector(\".hk-manufacturing-evidence-v6__stage\");\n    const stageImage = stage?.querySelector(\":scope > img\");\n    const stageLabel = stage?.querySelector(\"figcaption span\");\n    const stageTitle = stage?.querySelector(\"figcaption strong\");\n    const stageCopy = stage?.querySelector(\"figcaption small\");\n    const buttons = [\n      ...root.querySelectorAll(\n        \".hk-manufacturing-evidence-v6__records > button\"\n      )\n    ];\n\n    buttons.forEach((button) => {\n      button.addEventListener(\"click\", () => {\n        const thumbnail = button.querySelector(\"img\");\n\n        buttons.forEach((item) => {\n          const selected = item === button;\n          item.classList.toggle(\"is-active\", selected);\n          item.setAttribute(\"aria-pressed\", String(selected));\n        });\n\n        if (stage) stage.classList.add(\"is-changing\");\n\n        window.setTimeout(() => {\n          if (stageImage && thumbnail) {\n            stageImage.src = thumbnail.getAttribute(\"src\");\n            stageImage.alt = button.dataset.alt || \"\";\n          }\n\n          if (stageLabel) stageLabel.textContent = button.dataset.label || \"\";\n          if (stageTitle) stageTitle.textContent = button.dataset.title || \"\";\n          if (stageCopy) stageCopy.textContent = button.dataset.copy || \"\";\n\n          if (stage) stage.classList.remove(\"is-changing\");\n        }, 90);\n      });\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ee7d5e5 e-con e-atomic-element e-flexbox-base e-c24b3d7 \" data-id=\"ee7d5e5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ee7d5e5\" data-e-type=\"e-flexbox\" data-id=\"ee7d5e5\">\n    \t\t<div class=\"elementor-element elementor-element-41839c0 elementor-widget elementor-widget-html\" data-id=\"41839c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES V6\n     SECTION 12 \u2014 NOT SURE WHERE TO START?\n     Paste this entire block into one Elementor HTML widget.\n========================================================== -->\n\n<section\n  class=\"hk-start-guide-v6\"\n  id=\"decision-guide\"\n  aria-labelledby=\"hk-start-guide-title\"\n>\n  <div class=\"hk-start-guide-v6__shell\">\n    <p class=\"hk-start-guide-v6__eyebrow\">\n      <span aria-hidden=\"true\"><\/span>\n      NOT SURE WHERE TO START?\n    <\/p>\n\n    <h2 class=\"hk-start-guide-v6__sr-only\" id=\"hk-start-guide-title\">\n      Choose the route that matches your current project information\n    <\/h2>\n\n    <div class=\"hk-start-guide-v6__grid\">\n      <article>\n        <span class=\"hk-start-guide-v6__number\">01<\/span>\n        <div class=\"hk-start-guide-v6__content\">\n          <h3>I know the cable, but not the machines.<\/h3>\n          <p>\n            Share your cable name and target capacity. We will map the process\n            route.\n          <\/p>\n          <a href=\"#production-solutions\">\n            <span>Tell Us Your Cable<\/span>\n            <svg\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              width=\"1em\"\n              height=\"1em\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 256 256\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <article>\n        <span class=\"hk-start-guide-v6__number\">02<\/span>\n        <div class=\"hk-start-guide-v6__content\">\n          <h3>I know the machines, but need a line.<\/h3>\n          <p>\n            Review process stages, interfaces and supporting equipment.\n          <\/p>\n          <a href=\"#equipment-directory\">\n            <span>Plan My Production Line<\/span>\n            <svg\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              width=\"1em\"\n              height=\"1em\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 256 256\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <article>\n        <span class=\"hk-start-guide-v6__number\">03<\/span>\n        <div class=\"hk-start-guide-v6__content\">\n          <h3>I need expert guidance.<\/h3>\n          <p>\n            Start with available files, factory conditions or an equipment\n            problem.\n          <\/p>\n          <a href=\"https:\/\/hkcablemachine.com\/contact\/#project-contact\">\n            <span>Talk to an Engineer<\/span>\n            <svg\n              xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n              width=\"1em\"\n              height=\"1em\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 256 256\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .hk-start-guide-v6,\n  .hk-start-guide-v6 * {\n    box-sizing: border-box;\n  }\n\n  .hk-start-guide-v6 {\n    --hk-guide-navy: #0b2540;\n    --hk-guide-blue: #1677c8;\n    --hk-guide-body: #596980;\n    --hk-guide-line: #d6e2ec;\n    --hk-guide-line-strong: #bdd3e4;\n    --hk-guide-wash: #f4f8fb;\n\n    position: relative;\n    width: 100vw;\n    min-width: 100vw;\n    max-width: none;\n    margin: 0 calc(50% - 50vw);\n    padding: 0;\n    overflow: hidden;\n    color: var(--hk-guide-navy);\n    background: var(--hk-guide-wash);\n    font-family: \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  .hk-start-guide-v6__shell {\n    width: min(calc(100% - 48px), 1289px);\n    margin: 0 auto;\n    padding: 72px 0;\n  }\n\n  .hk-start-guide-v6__eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 0 !important;\n    color: var(--hk-guide-blue);\n    font-family: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.35;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .hk-start-guide-v6__eyebrow > span {\n    width: 32px;\n    height: 2px;\n    flex: 0 0 32px;\n    background: currentColor;\n  }\n\n  .hk-start-guide-v6__sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n  }\n\n  .hk-start-guide-v6__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    margin-top: 56px !important;\n    border-top: 1px solid var(--hk-guide-line-strong);\n    border-bottom: 1px solid var(--hk-guide-line-strong);\n  }\n\n  .hk-start-guide-v6__grid article {\n    display: grid;\n    grid-template-columns: 34px minmax(0, 1fr);\n    gap: 0 14px;\n    min-width: 0;\n    min-height: 178px;\n    margin: 0;\n    padding: 26px 24px;\n  }\n\n  .hk-start-guide-v6__grid article + article {\n    border-left: 1px solid var(--hk-guide-line);\n  }\n\n  .hk-start-guide-v6__number {\n    padding-top: 2px;\n    color: var(--hk-guide-blue);\n    font-family: \"Roboto Mono\", \"SFMono-Regular\", Consolas, monospace;\n    font-size: 10px;\n    font-weight: 750;\n    line-height: 1.4;\n  }\n\n  .hk-start-guide-v6__content {\n    display: grid;\n    grid-template-rows: auto 1fr auto;\n    min-width: 0;\n  }\n\n  .hk-start-guide-v6 h3 {\n    margin: 0 0 8px;\n    color: var(--hk-guide-navy);\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -.025em;\n  }\n\n  .hk-start-guide-v6 p {\n    margin: 0;\n    color: var(--hk-guide-body);\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .hk-start-guide-v6 a {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-top: 14px;\n    padding-top: 10px;\n    border-top: 1px solid var(--hk-guide-line);\n    color: var(--hk-guide-blue);\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.4;\n    text-decoration: none;\n    transition: color .2s ease, border-color .2s ease;\n  }\n\n  .hk-start-guide-v6 a svg {\n    width: 15px;\n    height: 15px;\n    flex: 0 0 15px;\n    transition: transform .2s ease;\n  }\n\n  .hk-start-guide-v6 a:hover,\n  .hk-start-guide-v6 a:focus-visible {\n    color: #0b5fa9;\n    border-color: var(--hk-guide-blue);\n  }\n\n  .hk-start-guide-v6 a:hover svg,\n  .hk-start-guide-v6 a:focus-visible svg {\n    transform: translateX(3px);\n  }\n\n  .hk-start-guide-v6 a:focus-visible {\n    outline: 2px solid var(--hk-guide-blue);\n    outline-offset: 4px;\n  }\n\n  @media (max-width: 1024px) {\n    .hk-start-guide-v6__shell {\n      padding: 64px 0;\n    }\n\n    .hk-start-guide-v6__grid {\n      grid-template-columns: 1fr;\n      max-width: 720px;\n      margin: 40px auto 0 !important;\n    }\n\n    .hk-start-guide-v6__eyebrow {\n      margin: 0 !important;\n    }\n\n    .hk-start-guide-v6__grid article {\n      min-height: 0;\n    }\n\n    .hk-start-guide-v6__grid article + article {\n      border-top: 1px solid var(--hk-guide-line);\n      border-left: 0;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .hk-start-guide-v6__shell {\n      width: min(calc(100% - 32px), 1289px);\n      padding: 54px 0;\n    }\n\n    .hk-start-guide-v6__eyebrow {\n      justify-content: center;\n      margin: 0 !important;\n      font-size: 11px;\n      text-align: center;\n    }\n\n    .hk-start-guide-v6__grid {\n      margin-top: 32px !important;\n    }\n\n    .hk-start-guide-v6__grid article {\n      grid-template-columns: 1fr;\n      gap: 10px;\n      padding: 26px 22px;\n      text-align: center;\n    }\n\n    .hk-start-guide-v6__number {\n      justify-self: center;\n    }\n\n    .hk-start-guide-v6__content {\n      display: block;\n    }\n\n    .hk-start-guide-v6 h3 {\n      font-size: 19px;\n    }\n\n    .hk-start-guide-v6 p {\n      max-width: 430px;\n      margin-inline: auto;\n      font-size: 14px;\n    }\n\n    .hk-start-guide-v6 a {\n      margin-top: 18px;\n      min-height: 46px;\n      justify-content: center;\n      position: relative;\n      padding-inline: 24px;\n    }\n\n    .hk-start-guide-v6 a svg {\n      position: absolute;\n      right: 4px;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .hk-start-guide-v6__shell {\n      width: min(calc(100% - 24px), 1289px);\n      padding: 48px 0;\n    }\n\n    .hk-start-guide-v6__eyebrow {\n      gap: 10px;\n      margin: 0 !important;\n      letter-spacing: .13em;\n    }\n\n    .hk-start-guide-v6__grid {\n      margin-top: 28px !important;\n    }\n\n    .hk-start-guide-v6__eyebrow > span {\n      width: 24px;\n      flex-basis: 24px;\n    }\n\n    .hk-start-guide-v6__grid article {\n      padding-inline: 18px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hk-start-guide-v6 a,\n    .hk-start-guide-v6 a svg {\n      transition: none;\n    }\n  }\n\n  @supports (width: 100dvw) {\n    .hk-start-guide-v6 {\n      width: 100dvw;\n      min-width: 100dvw;\n      margin-inline: calc(50% - 50dvw);\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e81700a e-con e-atomic-element e-flexbox-base e-a6b37fa \" data-id=\"e81700a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e81700a\" data-e-type=\"e-flexbox\" data-id=\"e81700a\">\n    \t\t<div class=\"elementor-element elementor-element-77f72ac elementor-widget elementor-widget-html\" data-id=\"77f72ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\t\t\n<!-- =========================================================\n     HONGKAI PRODUCTS & CAPABILITIES\n     SECTION 13 \u2014 FINAL PROJECT CTA\n     Paste the complete code into one Elementor HTML widget.\n========================================================== -->\n\n<section class=\"hk-atlas-final-cta-v6\" id=\"contact\" aria-labelledby=\"hk-atlas-final-title\">\n  <div class=\"hk-atlas-final-cta-v6__inner\">\n\n    <div class=\"hk-atlas-final-cta-v6__copy\">\n      <p class=\"hk-atlas-final-cta-v6__eyebrow\">\n        <span aria-hidden=\"true\"><\/span>\n        START WITH YOUR REQUIREMENT\n      <\/p>\n\n      <h2 id=\"hk-atlas-final-title\">\n        Turn the Product Requirement into a Defined Scope\n      <\/h2>\n\n      <p class=\"hk-atlas-final-cta-v6__description\">\n        Send the cable drawing, product range, target output, factory voltage\n        and available space. For one machine or spare part, send its model,\n        photo and application information.\n      <\/p>\n    <\/div>\n\n    <div class=\"hk-atlas-final-cta-v6__actions\" aria-label=\"Project contact options\">\n      <a\n        class=\"hk-atlas-final-cta-v6__button hk-atlas-final-cta-v6__button--primary\"\n        href=\"https:\/\/hkcablemachine.com\/contact\/#project-contact\"\n      >\n        <span>Submit Project Requirements<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n          <path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path>\n        <\/svg>\n      <\/a>\n\n      <a class=\"hk-atlas-final-cta-v6__button hk-atlas-final-cta-v6__button--light\" href=\"https:\/\/wa.me\/8618681065860\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n        <span>WhatsApp Peter<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n          <path d=\"M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z\"><\/path>\n        <\/svg>\n      <\/a>\n\n      <a\n        class=\"hk-atlas-final-cta-v6__email\"\n        href=\"mailto:peter@hkcablemachine.com\"\n      >\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 256 256\" aria-hidden=\"true\">\n          <path d=\"M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM193.15,68,128,127.72,62.85,68ZM44,188V83.28l75.89,69.57a12,12,0,0,0,16.22,0L212,83.28V188Z\"><\/path>\n        <\/svg>\n        <span>peter@hkcablemachine.com<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   SECTION SCOPE + RESET\n========================================================== *\/\n.hk-atlas-final-cta-v6,\n.hk-atlas-final-cta-v6 * {\n  box-sizing: border-box;\n}\n\n.hk-atlas-final-cta-v6 {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  color: #FFFFFF;\n  background:\n    linear-gradient(rgba(65, 115, 167, .075) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(65, 115, 167, .075) 1px, transparent 1px),\n    linear-gradient(105deg, #0A192C 0%, #0B1E35 60%, #0D2744 100%);\n  background-size: 96px 96px, 96px 96px, auto;\n  font-family: \"Roboto\", Arial, sans-serif;\n}\n\n.hk-atlas-final-cta-v6 a {\n  text-decoration: none;\n}\n\n\/* =========================================================\n   1289PX CONTENT SYSTEM\n========================================================== *\/\n.hk-atlas-final-cta-v6__inner {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);\n  gap: clamp(64px, 8vw, 118px);\n  align-items: center;\n\n  width: min(1289px, calc(100% - 48px));\n  min-height: 492px;\n  margin: 0 auto;\n  padding: 76px 0;\n}\n\n\/* =========================================================\n   LEFT COPY\n========================================================== *\/\n.hk-atlas-final-cta-v6__copy {\n  min-width: 0;\n}\n\n.hk-atlas-final-cta-v6__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin: 0 0 28px;\n  color: #A9BCD0;\n  font-family: \"Roboto Mono\", \"Courier New\", monospace;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: .21em;\n}\n\n.hk-atlas-final-cta-v6__eyebrow > span {\n  flex: 0 0 32px;\n  width: 32px;\n  height: 1px;\n  background: #BFD0E0;\n}\n\n.hk-atlas-final-cta-v6 h2 {\n  max-width: 760px;\n  margin: 0;\n  color: #FFFFFF;\n  font-size: clamp(44px, 4vw, 60px);\n  font-weight: 700;\n  line-height: 1.06;\n  letter-spacing: -.045em;\n}\n\n.hk-atlas-final-cta-v6__description {\n  max-width: 760px;\n  margin: 26px 0 0;\n  color: #AEBCCB;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.75;\n}\n\n\/* =========================================================\n   RIGHT ACTIONS\n========================================================== *\/\n.hk-atlas-final-cta-v6__actions {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n}\n\n.hk-atlas-final-cta-v6__button {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n\n  width: 100%;\n  min-height: 52px;\n  padding: 14px 20px;\n  border: 1px solid transparent;\n  border-radius: 9px;\n\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.25;\n  transition:\n    color .2s ease,\n    background-color .2s ease,\n    border-color .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.hk-atlas-final-cta-v6__button svg {\n  flex: 0 0 auto;\n  width: 18px;\n  height: 18px;\n}\n\n.hk-atlas-final-cta-v6__button--primary {\n  color: #FFFFFF !important;\n  background: #E66A47;\n  border-color: #E66A47;\n}\n\n.hk-atlas-final-cta-v6__button--primary:visited {\n  color: #FFFFFF !important;\n}\n\n.hk-atlas-final-cta-v6__button--primary:hover {\n  color: #FFFFFF !important;\n  background: #D85C3A;\n  border-color: #D85C3A;\n  box-shadow: 0 12px 28px rgba(0, 0, 0, .18);\n  transform: translateY(-2px);\n}\n\n.hk-atlas-final-cta-v6__button--light {\n  color: #102A43 !important;\n  background: #FFFFFF;\n  border-color: rgba(255, 255, 255, .84);\n}\n\n.hk-atlas-final-cta-v6__button--light:visited {\n  color: #102A43 !important;\n}\n\n.hk-atlas-final-cta-v6__button--light:hover {\n  color: #102A43 !important;\n  background: #EAF3FA;\n  border-color: #EAF3FA;\n  box-shadow: 0 12px 28px rgba(0, 0, 0, .16);\n  transform: translateY(-2px);\n}\n\n.hk-atlas-final-cta-v6__email {\n  display: inline-flex;\n  align-items: center;\n  align-self: flex-start;\n  gap: 10px;\n  margin-top: 12px;\n  padding: 4px 2px;\n  color: #80C8FF !important;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  transition: color .2s ease;\n}\n\n.hk-atlas-final-cta-v6__email:visited {\n  color: #80C8FF !important;\n}\n\n.hk-atlas-final-cta-v6__email:hover {\n  color: #FFFFFF !important;\n}\n\n.hk-atlas-final-cta-v6__email svg {\n  width: 17px;\n  height: 17px;\n}\n\n.hk-atlas-final-cta-v6 a:focus-visible {\n  outline: 3px solid rgba(128, 200, 255, .9);\n  outline-offset: 4px;\n}\n\n\/* =========================================================\n   TABLET\n========================================================== *\/\n@media (max-width: 1024px) {\n  .hk-atlas-final-cta-v6__inner {\n    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);\n    gap: 52px;\n    width: min(100% - 48px, 1289px);\n    min-height: 440px;\n    padding: 68px 0;\n  }\n\n  .hk-atlas-final-cta-v6 h2 {\n    font-size: clamp(40px, 5vw, 52px);\n  }\n}\n\n\/* =========================================================\n   MOBILE \u2014 CENTERED HONGKAI LAYOUT\n========================================================== *\/\n@media (max-width: 767px) {\n  .hk-atlas-final-cta-v6 {\n    background-size: 72px 72px, 72px 72px, auto;\n  }\n\n  .hk-atlas-final-cta-v6__inner {\n    grid-template-columns: 1fr;\n    gap: 34px;\n    width: 100%;\n    min-height: 0;\n    padding: 62px 20px;\n  }\n\n  .hk-atlas-final-cta-v6__copy {\n    text-align: center;\n  }\n\n  .hk-atlas-final-cta-v6__eyebrow {\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 22px;\n    font-size: 11px;\n    letter-spacing: .16em;\n  }\n\n  .hk-atlas-final-cta-v6__eyebrow > span {\n    flex-basis: 24px;\n    width: 24px;\n  }\n\n  .hk-atlas-final-cta-v6 h2 {\n    max-width: 560px;\n    margin: 0 auto;\n    font-size: clamp(34px, 10.6vw, 44px);\n    line-height: 1.08;\n    letter-spacing: -.04em;\n  }\n\n  .hk-atlas-final-cta-v6__description {\n    max-width: 580px;\n    margin: 22px auto 0;\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .hk-atlas-final-cta-v6__actions {\n    max-width: 560px;\n    margin: 0 auto;\n  }\n\n  .hk-atlas-final-cta-v6__button {\n    min-height: 56px;\n    padding: 15px 18px;\n    text-align: left;\n  }\n\n  .hk-atlas-final-cta-v6__email {\n    align-self: center;\n    justify-content: center;\n    margin-top: 14px;\n  }\n}\n\n@media (max-width: 390px) {\n  .hk-atlas-final-cta-v6__inner {\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n\n  .hk-atlas-final-cta-v6 h2 {\n    font-size: 34px;\n  }\n\n  .hk-atlas-final-cta-v6__email {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hk-atlas-final-cta-v6__button,\n  .hk-atlas-final-cta-v6__email {\n    transition: none;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home \u2192 Products &amp; Capabilities Engineering Capability Atlas Cable Machinery &amp; Complete Production Lines Explore HONGKAI cable machinery, complete production-line solutions, replacement parts, finished fiber optic cables, and selected project resources. Explore All Capabilities \u2192 Start Your Project \u2192 \u2713 Core machinery, specialist equipment and project support coordinated by one responsible team. Featured Production Route [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":15048,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","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-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11660","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/pages\/11660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/comments?post=11660"}],"version-history":[{"count":24,"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/pages\/11660\/revisions"}],"predecessor-version":[{"id":15082,"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/pages\/11660\/revisions\/15082"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/media\/15048"}],"wp:attachment":[{"href":"https:\/\/hkcablemachine.com\/vi\/wp-json\/wp\/v2\/media?parent=11660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}