{"id":1631,"date":"2022-08-01T03:56:20","date_gmt":"2022-08-01T03:56:20","guid":{"rendered":"https:\/\/demowebsg.com\/hermesys\/?page_id=1631"},"modified":"2026-10-13T03:03:10","modified_gmt":"2026-10-13T03:03:10","slug":"home-2","status":"publish","type":"page","link":"https:\/\/hermesys.com\/vi\/","title":{"rendered":"Hermesys"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1631\" class=\"elementor elementor-1631\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7adfb99 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7adfb99\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bcee7f9\" data-id=\"bcee7f9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2eb7d5c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2eb7d5c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==================================================\r\n   HERMESYS 1.6T \/ 800G OSFP HERO\r\n   ================================================== *\/\r\n\r\n.hosfp-hero {\r\n    --hosfp-yellow: #ffd60a;\r\n    --hosfp-white: #f5f5f7;\r\n    --hosfp-grey: #a1a1a6;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;            \/* \u65e7\u6d4f\u89c8\u5668\u515c\u5e95 *\/\r\n    height: 100svh;           \/* \u5360\u6ee1\u4e00\u5c4f *\/\r\n    min-height: 560px;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    color: var(--hosfp-white);\r\n    background: #000;\r\n    font-family: Inter, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.hosfp-hero,\r\n.hosfp-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---------- \u89c6\u9891\uff08\u7535\u8111 \/ \u5e73\u677f\uff09 ---------- *\/\r\n\r\n.hosfp-video {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    margin: 0;\r\n    border: 0;\r\n    object-fit: cover;        \/* \u94fa\u6ee1\u6574\u5c4f\uff0c\u5bbd\u5c4f\u65f6\u4e0a\u4e0b\u5c11\u91cf\u88c1\u5207\uff08\u6587\u5b57\u5728\u4ee3\u7801\u91cc\uff0c\u4e0d\u53d7\u5f71\u54cd\uff09 *\/\r\n    object-position: center 40%;\r\n    background: #000;\r\n}\r\n\r\n\/* \u7ad6\u653e\u5e73\u677f\u7b49\u63a5\u8fd1\u65b9\u5f62\u7684\u5c4f\u5e55\uff1a\u4e0d\u5f3a\u884c\u5360\u6ee1\u4e00\u5c4f\uff0c\u6539\u6210 16:9 \u9ad8\u5ea6\uff0c\u907f\u514d\u4e24\u4fa7\u6a21\u5757\u88ab\u88c1\u3001\u4e0a\u4e0b\u51fa\u73b0\u5927\u7247\u7a7a\u767d *\/\r\n@media (min-width: 768px) and (max-aspect-ratio: 4\/3) {\r\n    .hosfp-hero { height: auto; min-height: 0; aspect-ratio: 16 \/ 9; }\r\n}\r\n\r\n\/* \u5173\u952e\u8bcd\u9636\u6bb5\u5e95\u90e8\u538b\u6697\u4e00\u70b9\uff0c\u4fdd\u8bc1\u767d\u5b57\u5728\u4eae\u955c\u5934\u4e0a\u4e5f\u770b\u5f97\u6e05 *\/\r\n.hosfp-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 42%;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));\r\n    opacity: 0;\r\n    transition: opacity 0.6s ease;\r\n}\r\n\r\n.hosfp-hero.is-kw::after {\r\n    opacity: 1;\r\n}\r\n\r\n.hosfp-br-m { display: none; }\r\n\r\n\/* ---------- \u624b\u673a\u56fe\u7247\uff08\u9ed8\u8ba4\u9690\u85cf\uff09 ---------- *\/\r\n\r\n.hosfp-picture,\r\n.hosfp-mobile-img {\r\n    display: none;\r\n}\r\n\r\n\/* ---------- \u5173\u952e\u8bcd ---------- *\/\r\n\r\n.hosfp-kw {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 11%;\r\n    height: 1.2em;\r\n    font-size: clamp(30px, 3.6vw, 60px);\r\n    pointer-events: none;\r\n}\r\n\r\n.hosfp-kw span {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    text-align: center;\r\n    color: var(--hosfp-white);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.035em;\r\n    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.6);\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    filter: blur(8px);\r\n    transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), filter 0.45s ease;\r\n}\r\n\r\n.hosfp-kw span.on {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    filter: blur(0);\r\n}\r\n\r\n.hosfp-kw .hosfp-kw-ai {\r\n    color: transparent;\r\n    background: linear-gradient(100deg, #ffffff 0%, #ffe066 45%, var(--hosfp-yellow) 70%, #ffffff 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    text-shadow: none;\r\n}\r\n\r\n\/* ---------- \u6700\u7ec8\u6587\u6848 ---------- *\/\r\n\r\n.hosfp-copy {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 50%;\r\n    bottom: 8%;\r\n    width: min(90%, 900px);\r\n    transform: translateX(-50%);\r\n    text-align: center;\r\n}\r\n\r\n.hosfp-step {\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n}\r\n\r\n.hosfp-step.on {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.hosfp-eyebrow {\r\n    display: table;               \/* \u5bbd\u5ea6\u8d34\u5408\u6587\u5b57\uff0c\u6e10\u53d8\u624d\u4e0d\u4f1a\u88ab\u62c9\u6563\uff1bmargin auto \u4fdd\u6301\u5c45\u4e2d *\/\r\n    margin: 0 auto 10px;\r\n    color: transparent;\r\n    background: linear-gradient(100deg, #fff4b8 0%, #ffe066 35%, #ffd60a 65%, #ffb700 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    font-size: clamp(18px, 1.8vw, 30px);\r\n    font-weight: 600;\r\n    line-height: 1.1;\r\n    letter-spacing: 0.01em;\r\n}\r\n\r\n.hosfp-hero h1.hosfp-title {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #fff;\r\n    font-family: inherit;\r\n    font-size: clamp(24px, 2.6vw, 44px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.03em;\r\n    text-transform: none;\r\n}\r\n\r\n.hosfp-hero p.hosfp-sub {\r\n    margin: 10px 0 0;\r\n    padding: 0;\r\n    color: var(--hosfp-grey);\r\n    font-size: clamp(13px, 1vw, 17px);\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n}\r\n\r\n.hosfp-sub strong {\r\n    color: var(--hosfp-white);\r\n    font-weight: 600;\r\n}\r\n\r\n.hosfp-cta {\r\n    margin-top: clamp(14px, 1.6vw, 24px);\r\n}\r\n\r\n.hosfp-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 42px;\r\n    padding: 0 24px;\r\n    color: #fff !important;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border: 1px solid rgba(255, 255, 255, 0.34);\r\n    border-radius: 999px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    text-decoration: none !important;\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    transition: background 0.35s ease, border-color 0.35s ease, color 0.35s ease, transform 0.35s ease;\r\n}\r\n\r\n.hosfp-button:hover {\r\n    color: #000 !important;\r\n    background: var(--hosfp-yellow);\r\n    border-color: var(--hosfp-yellow);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* \u8f83\u77ee\u7684\u7535\u8111\u5c4f\u5e55 *\/\r\n@media (min-width: 768px) and (max-height: 760px) {\r\n    .hosfp-copy { bottom: 4.5%; }\r\n    .hosfp-cta { margin-top: 12px; }\r\n    .hosfp-button { min-height: 38px; padding: 0 20px; font-size: 13px; }\r\n}\r\n\r\n\/* ==================================================\r\n   \u624b\u673a\uff1a\u9759\u6001\u56fe + \u6587\u6848\uff0c\u4e0d\u52a0\u8f7d\u89c6\u9891\r\n   ================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    .hosfp-hero {\r\n        height: auto;\r\n        min-height: 0;\r\n    }\r\n\r\n    .hosfp-video,\r\n    .hosfp-kw,\r\n    .hosfp-hero::after {\r\n        display: none;\r\n    }\r\n\r\n    .hosfp-picture,\r\n    .hosfp-mobile-img {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        max-width: 100%;\r\n        margin: 0;\r\n        border: 0;\r\n    }\r\n\r\n    .hosfp-copy {\r\n        position: relative;\r\n        left: auto;\r\n        bottom: auto;\r\n        width: 100%;\r\n        padding: 0 24px 40px;\r\n        transform: none;\r\n    }\r\n\r\n    .hosfp-step {\r\n        opacity: 1;\r\n        transform: none;\r\n        transition: none;\r\n    }\r\n\r\n    \/* \u624b\u673a\u56fe\u7247\u91cc\u5df2\u7ecf\u6709\u6587\u5b57\uff1a\u7f51\u9875\u6587\u5b57\u53ea\u4fdd\u7559\u7ed9 SEO \/ \u8bfb\u5c4f\uff0c\u89c6\u89c9\u4e0a\u9690\u85cf\uff0c\u53ea\u663e\u793a\u6309\u94ae *\/\r\n    .hosfp-eyebrow,\r\n    .hosfp-hero h1.hosfp-title,\r\n    .hosfp-hero p.hosfp-sub {\r\n        position: absolute !important;\r\n        width: 1px !important;\r\n        height: 1px !important;\r\n        margin: -1px !important;\r\n        padding: 0 !important;\r\n        overflow: hidden !important;\r\n        clip: rect(0 0 0 0) !important;\r\n        white-space: nowrap !important;\r\n        border: 0 !important;\r\n    }\r\n    .hosfp-cta { margin-top: 4px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hosfp-kw { display: none; }\r\n    .hosfp-step { transition: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hosfp-hero\" id=\"hosfpHero\" aria-label=\"Hermesys 1.6T \/ 800G OSFP optical transceivers\">\r\n\r\n    <!-- \u7535\u8111 \/ \u5e73\u677f\uff1a\u65e0\u6587\u5b57\u5ba3\u4f20\u89c6\u9891\uff08\u64ad\u653e\u4e00\u6b21\uff0c\u505c\u5728\u6700\u540e\u4e00\u5e27\uff1b\u624b\u673a\u7aef\u4e0d\u52a0\u8f7d\uff09 -->\r\n    <video\r\n        class=\"hosfp-video\"\r\n        id=\"hosfpVideo\"\r\n        muted\r\n        playsinline\r\n        preload=\"none\"\r\n        disablepictureinpicture\r\n        aria-hidden=\"true\"\r\n        data-src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/hermesys-osfp-hero-clean-1080p-v2_1.mp4\"\r\n    ><\/video>\r\n\r\n    <!-- \u624b\u673a\uff1a\u5e26\u6587\u5b57\u7684\u9759\u6001\u9996\u56fe\uff08\u7535\u8111\u7aef\u4e3a\u900f\u660e\u5360\u4f4d\uff0c\u4e0d\u4ea7\u751f\u56fe\u7247\u8bf7\u6c42\uff09 -->\r\n    <picture class=\"hosfp-picture\">\r\n        <source\r\n            media=\"(max-width: 767px)\"\r\n            srcset=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/hermesys-osfp-hero-mobile-v3-828.webp 828w,\r\n                    https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/hermesys-osfp-hero-mobile-v3.webp 1080w\"\r\n            sizes=\"100vw\"\r\n        >\r\n        <img fetchpriority=\"high\"\r\n            class=\"hosfp-mobile-img\"\r\n            src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\"\r\n            alt=\"Hermesys 1.6T and 800G OSFP optical transceivers\"\r\n            width=\"1080\"\r\n            height=\"1350\"\r\n            fetchpriority=\"high\"\r\n            decoding=\"async\"\r\n            loading=\"eager\"\r\n        >\r\n    <\/picture>\r\n\r\n    <!-- \u89c6\u9891\u524d\u6bb5\u7684\u5173\u952e\u8bcd\uff08\u8ddf\u968f\u89c6\u9891\u65f6\u95f4\u51fa\u73b0\uff09 -->\r\n    <div class=\"hosfp-kw\" aria-hidden=\"true\">\r\n        <span>Faster<\/span>\r\n        <span>Denser<\/span>\r\n        <span>Hot-swappable<\/span>\r\n        <span class=\"hosfp-kw-ai\">Ready for AI<\/span>\r\n    <\/div>\r\n\r\n    <!-- \u6700\u7ec8\u6587\u6848 -->\r\n    <div class=\"hosfp-copy\">\r\n        <div class=\"hosfp-step hosfp-eyebrow\">1.6T \/ 800G<\/div>\r\n        <h1 class=\"hosfp-step hosfp-title\">Ultra-High-Density <br class=\"hosfp-br-m\">Optical Connectivity<\/h1>\r\n        <p class=\"hosfp-step hosfp-sub\">\r\n            Validated for compatibility with <strong>NVIDIA<\/strong>, <strong>Cisco<\/strong>,\r\n            <strong>Arista<\/strong>, <strong>Juniper<\/strong> and more\r\n        <\/p>\r\n        <div class=\"hosfp-step hosfp-cta\">\r\n            <a href=\"https:\/\/hermesys.com\/product\/hydrax1-6t-2dr4-500m-osfp-rhs-transceiver\/\" class=\"hosfp-button\">Learn more<span style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;\"> about 1.6T OSFP transceivers<\/span><\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- JS \u88ab\u7981\u7528\u65f6\uff1a\u76f4\u63a5\u663e\u793a\u6587\u6848 -->\r\n<noscript>\r\n<style>\r\n.hosfp-step { opacity: 1 !important; transform: none !important; }\r\n<\/style>\r\n<\/noscript>\r\n\r\n<script>\r\n(function () {\r\n    var hero  = document.getElementById(\"hosfpHero\");\r\n    var video = document.getElementById(\"hosfpVideo\");\r\n    if (!hero || !video) return;\r\n\r\n    var kws   = hero.querySelectorAll(\".hosfp-kw span\");\r\n    var steps = hero.querySelectorAll(\".hosfp-step\");\r\n\r\n    \/* \u4e0e\u89c6\u9891\u753b\u9762\u5bf9\u5e94\u7684\u65f6\u95f4\u70b9\uff08\u79d2\uff09 *\/\r\n    var KW    = [[0.3, 1.85], [2.0, 3.4], [3.5, 4.4], [4.5, 5.75]]; \/\/ Faster \/ Denser \/ Hot-swappable \/ Ready for AI\r\n    var STEPS = [7.9, 8.2, 8.9, 9.4];                               \/\/ 1.6T\/800G \u2192 \u6807\u9898 \u2192 \u526f\u6807\u9898 \u2192 \u6309\u94ae\r\n\r\n    var isMobile     = window.matchMedia(\"(max-width: 767px)\").matches;\r\n    var reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n    var conn         = navigator.connection || {};\r\n    var lowData      = conn.saveData === true || \/(^|-)2g$\/.test(conn.effectiveType || \"\");\r\n\r\n    \/* \u624b\u673a\uff1a\u4e0d\u52a0\u8f7d\u89c6\u9891\uff0c\u6587\u6848\u7531 CSS \u76f4\u63a5\u663e\u793a *\/\r\n    if (isMobile) {\r\n        video.removeAttribute(\"data-src\");\r\n        return;\r\n    }\r\n\r\n    function render(t) {\r\n        var anyKw = false;\r\n        for (var i = 0; i < kws.length; i++) {\r\n            var on = t >= KW[i][0] && t < KW[i][1];\r\n            kws[i].classList.toggle(\"on\", on);\r\n            if (on) anyKw = true;\r\n        }\r\n        hero.classList.toggle(\"is-kw\", anyKw);\r\n        for (var j = 0; j < steps.length; j++) {\r\n            steps[j].classList.toggle(\"on\", t >= STEPS[j]);\r\n        }\r\n    }\r\n\r\n    function showFinal() {\r\n        render(999);\r\n    }\r\n\r\n    function loop() {\r\n        render(video.currentTime);\r\n        if (!video.paused && !video.ended) window.requestAnimationFrame(loop);\r\n    }\r\n\r\n    \/* \u76f4\u63a5\u505c\u5728\u6700\u540e\u4e00\u5e27\uff08\u81ea\u52a8\u64ad\u653e\u88ab\u62e6\u3001\u51cf\u5c11\u52a8\u6001\u6548\u679c\u3001\u7701\u6d41\u91cf\u65f6\u7528\uff09 *\/\r\n    function jumpToLastFrame() {\r\n        function seek() {\r\n            if (video.duration && isFinite(video.duration)) {\r\n                video.currentTime = Math.max(0, video.duration - 0.05);\r\n            }\r\n            showFinal();\r\n        }\r\n        if (video.readyState >= 1) seek();\r\n        else video.addEventListener(\"loadedmetadata\", seek, { once: true });\r\n    }\r\n\r\n    function loadVideo() {\r\n        if (video.src) return;\r\n        var src = video.getAttribute(\"data-src\");\r\n        if (!src) { showFinal(); return; }\r\n\r\n        video.addEventListener(\"playing\", loop);\r\n        video.addEventListener(\"ended\", showFinal, { once: true });\r\n        video.addEventListener(\"error\", showFinal, { once: true });\r\n\r\n        var still = reduceMotion || lowData;\r\n        video.preload = still ? \"metadata\" : \"auto\";\r\n        video.src = src;\r\n        video.load();\r\n\r\n        if (still) { jumpToLastFrame(); return; }\r\n\r\n        var p = video.play();\r\n        if (p && typeof p.catch === \"function\") p.catch(jumpToLastFrame);\r\n    }\r\n\r\n    if (document.readyState === \"complete\") {\r\n        loadVideo();\r\n    } else {\r\n        window.addEventListener(\"load\", loadVideo, { once: true });\r\n        window.setTimeout(loadVideo, 600);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cf69d7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9cf69d7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  #hdcProducts,\r\n  #hdcProducts * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* \u6574\u4e2a\u677f\u5757 *\/\r\n  #hdcProducts {\r\n    --hdc-gutter: clamp(24px, 2.5vw, 48px);\r\n    --hdc-gap: 16px;\r\n\r\n    position: relative;\r\n    left: 50%;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    margin: 0 0 0 -50vw;\r\n    padding: 0 0 clamp(56px, 8vw, 110px);\r\n    overflow: hidden;\r\n    color: #1d1d1f;\r\n    background: #f5f5f7;\r\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont,\r\n      \"Segoe UI\", Arial, sans-serif;\r\n  }\r\n\r\n  \/* \u6807\u9898\u3001\u526f\u6807\u9898 *\/\r\n  #hdcProducts .dc-section-heading {\r\n    padding: 100px 30px 80px;\r\n    text-align: center;\r\n  }\r\n\r\n  #hdcProducts .dc-section-heading h2 {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #090909;\r\n    font-size: clamp(40px, 4vw, 66px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.06em;\r\n  }\r\n\r\n  #hdcProducts .dc-section-heading p {\r\n    max-width: 1000px;\r\n    margin: 30px auto 0 !important;\r\n    padding: 0;\r\n    color: #5c6269;\r\n    font-size: clamp(15px, 1vw, 22px);\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* \u5c45\u4e2d\u7684\u6d45\u7070\u5c0f\u80f6\u56ca\u6309\u94ae *\/\r\n  #hdcProducts .dc-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 44px !important;\r\n  }\r\n\r\n  #hdcProducts .dc-text-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 38px;\r\n    padding: 9px 20px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    color: #1d1d1f !important;\r\n    background: #e8e8ed;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n    transition: background 0.25s ease;\r\n  }\r\n\r\n  #hdcProducts .dc-text-link:hover {\r\n    background: #dcdce1;\r\n  }\r\n\r\n  \/* \u684c\u9762\uff1a\u4e94\u5f20\u5361\u7247\u4e00\u884c *\/\r\n  #hdcProducts .hdc-track {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 390px));\r\n    justify-content: center;\r\n    align-items: start;\r\n    gap: var(--hdc-gap);\r\n    padding: 0 var(--hdc-gutter);\r\n  }\r\n\r\n  \/* \u4ea7\u54c1\u5361\u7247 *\/\r\n  #hdcProducts .hdc-card {\r\n    container-type: inline-size;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    min-width: 0;\r\n    aspect-ratio: 39 \/ 56;\r\n    overflow: hidden;\r\n    border-radius: 24px;\r\n    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.055);\r\n    text-decoration: none !important;\r\n    transition:\r\n      box-shadow 0.4s ease,\r\n      transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n  }\r\n\r\n  \/* \u5361\u7247\u914d\u8272 *\/\r\n  #hdcProducts .hdc-card-light {\r\n    --hdc-title: #1d1d1f;\r\n    --hdc-text: #606065;\r\n    background: linear-gradient(145deg, #fff 0%, #f7f7f8 100%);\r\n  }\r\n\r\n  #hdcProducts .hdc-card-dark,\r\n  #hdcProducts .hdc-card-black,\r\n  #hdcProducts .hdc-card-blue {\r\n    --hdc-title: #fff;\r\n    --hdc-text: rgba(255, 255, 255, 0.69);\r\n  }\r\n\r\n  #hdcProducts .hdc-card-dark {\r\n    background: radial-gradient(\r\n      circle at 68% 72%,\r\n      #142842 0%,\r\n      #070d16 43%,\r\n      #000 100%\r\n    );\r\n  }\r\n\r\n  #hdcProducts .hdc-card-black {\r\n    background: #000;\r\n  }\r\n\r\n  #hdcProducts .hdc-card-blue {\r\n    background: radial-gradient(\r\n      circle at 70% 74%,\r\n      #154f84 0%,\r\n      #092640 42%,\r\n      #04121f 100%\r\n    );\r\n  }\r\n\r\n  \/* \u5361\u7247\u6587\u5b57 *\/\r\n  #hdcProducts .hdc-card-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    flex: 0 0 auto;\r\n    padding: min(9.2cqw, 36px) min(8.2cqw, 32px) 0;\r\n  }\r\n\r\n  #hdcProducts .hdc-card h3 {\r\n    margin: 0 0 min(3cqw, 12px);\r\n    padding: 0;\r\n    color: var(--hdc-title) !important;\r\n    font-family: \"Inter\", Arial, sans-serif !important;\r\n    font-size: clamp(17px, 8.4cqw, 33px);\r\n    font-style: normal;\r\n    font-weight: 500;\r\n    line-height: 1.07;\r\n    letter-spacing: -0.043em;\r\n    text-transform: none;\r\n  }\r\n\r\n  #hdcProducts .hdc-card p {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: var(--hdc-text);\r\n    font-size: clamp(12px, 4.1cqw, 16px);\r\n    font-weight: 400;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  @container (max-width: 340px) {\r\n    #hdcProducts .hdc-card p br {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  \/* \u4ea7\u54c1\u56fe\u7247 *\/\r\n  #hdcProducts .hdc-image-wrap {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex: 1 1 auto;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    min-height: 0;\r\n    margin-top: min(4.6cqw, 18px);\r\n    padding: 2.5cqw 7cqw 6.6cqw;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #hdcProducts .hdc-image-wrap img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    border: 0;\r\n    outline: 0;\r\n    background: transparent;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    transform: scale(var(--hdc-img, 1));\r\n    transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n  }\r\n\r\n  #hdcProducts .hdc-image-panel {\r\n    --hdc-img: 0.9;\r\n    --hdc-img-hover: 0.96;\r\n  }\r\n\r\n  #hdcProducts .hdc-image-aec {\r\n    --hdc-img: 0.88;\r\n    --hdc-img-hover: 0.94;\r\n  }\r\n\r\n  #hdcProducts .hdc-image-mpo {\r\n    --hdc-img: 0.92;\r\n    --hdc-img-hover: 0.98;\r\n    padding: 0 7cqw 6cqw;\r\n    background: #000;\r\n  }\r\n\r\n  #hdcProducts .hdc-image-trunk {\r\n    --hdc-img: 1.28;\r\n    --hdc-img-hover: 1.34;\r\n    padding: 2.5cqw 3cqw 6.6cqw;\r\n  }\r\n\r\n  #hdcProducts .hdc-image-transceiver {\r\n    --hdc-img: 0.94;\r\n    --hdc-img-hover: 1;\r\n  }\r\n\r\n  \/* \u684c\u9762\u60ac\u505c *\/\r\n  @media (min-width: 1024px) and (hover: hover) and (pointer: fine) {\r\n    #hdcProducts .hdc-card:hover {\r\n      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.13);\r\n      transform: translateY(-6px);\r\n    }\r\n\r\n    #hdcProducts .hdc-card:hover .hdc-image-wrap img {\r\n      transform: scale(var(--hdc-img-hover, 1));\r\n    }\r\n  }\r\n\r\n  \/* \u6ed1\u52a8\u8fdb\u5ea6\u7ebf\uff1a\u7535\u8111\u7aef\u9690\u85cf *\/\r\n  #hdcProducts .hdc-progress {\r\n    display: none;\r\n  }\r\n\r\n  \/* \u5e73\u677f\uff1a\u6a2a\u5411\u6ed1\u52a8\uff0c\u4e00\u5c4f\u4e24\u5f20 *\/\r\n  @media (max-width: 1023px) {\r\n    #hdcProducts {\r\n      --hdc-gutter: 24px;\r\n      --hdc-gap: 16px;\r\n    }\r\n\r\n    #hdcProducts .dc-section-heading {\r\n      padding: 80px 30px 55px;\r\n    }\r\n\r\n    #hdcProducts .hdc-track {\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      padding: 10px var(--hdc-gutter) 24px;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      scroll-snap-type: x mandatory;\r\n      scroll-padding-inline: var(--hdc-gutter);\r\n      overscroll-behavior-x: contain;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    #hdcProducts .hdc-track::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    #hdcProducts .hdc-card {\r\n      flex: 0 0 calc((100% - var(--hdc-gap)) \/ 2);\r\n      scroll-snap-align: start;\r\n      scroll-snap-stop: always;\r\n    }\r\n\r\n    \/* \u6ed1\u52a8\u8fdb\u5ea6\u7ebf\uff1a\u5e73\u677f\u548c\u624b\u673a\u663e\u793a *\/\r\n    #hdcProducts .hdc-progress {\r\n      display: block;\r\n      position: relative;\r\n      height: 1px;\r\n      margin: 8px var(--hdc-gutter) 0;\r\n      background: #d2d2d7;\r\n    }\r\n\r\n    #hdcProducts .hdc-progress-bar {\r\n      position: absolute;\r\n      top: -0.5px;\r\n      left: 0;\r\n      width: 20%;\r\n      height: 2px;\r\n      background: #1d1d1f;\r\n      border-radius: 2px;\r\n      will-change: transform;\r\n    }\r\n  }\r\n\r\n  \/* \u624b\u673a\uff1a\u6a2a\u5411\u6ed1\u52a8\uff0c\u9732\u51fa\u4e0b\u4e00\u5f20\u8fb9\u7f18 *\/\r\n  @media (max-width: 767px) {\r\n    #hdcProducts {\r\n      --hdc-gutter: 20px;\r\n      --hdc-gap: 12px;\r\n    }\r\n\r\n    #hdcProducts .dc-section-heading {\r\n      padding: 65px 22px 45px;\r\n    }\r\n\r\n    #hdcProducts .dc-section-heading h2 {\r\n      font-size: clamp(38px, 11vw, 58px);\r\n    }\r\n\r\n    #hdcProducts .dc-section-heading p {\r\n      margin-top: 20px !important;\r\n      font-size: 16px;\r\n    }\r\n\r\n    #hdcProducts .dc-actions {\r\n      margin-top: 30px !important;\r\n    }\r\n\r\n    #hdcProducts .hdc-card {\r\n      flex-basis: 86%;\r\n      border-radius: 22px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #hdcProducts .hdc-card,\r\n    #hdcProducts .hdc-image-wrap img {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hdcProducts\" aria-labelledby=\"hdcHeading\">\r\n\r\n  <div class=\"dc-section-heading\">\r\n    <h2 id=\"hdcHeading\">Data Centre Connectivity<\/h2>\r\n\r\n    <p>\r\n      High-speed interconnects and high-density fiber solutions\r\n      for AI and data centre networks.\r\n    <\/p>\r\n\r\n    <div class=\"dc-actions\">\r\n      <a class=\"dc-text-link\"\r\n         href=\"https:\/\/hermesys.com\/product-category\/hydra\/\">\r\n        Explore HydraX\u2122 products\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hdc-track\">\r\n\r\n    <a class=\"hdc-card hdc-card-light\"\r\n       href=\"https:\/\/hermesys.com\/product\/hydrax-1u-12-slot-high-density-fiber-patch-panel\/\">\r\n      <div class=\"hdc-card-content\">\r\n        <h3>Premium 1U<br>Fiber Patch Panel<\/h3>\r\n        <p>\r\n          Modular fiber management,<br>\r\n          designed for scalable deployments.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"hdc-image-wrap hdc-image-panel\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/AdobeStock_27768592-8-\u8f6c\u6362\u81ea-png.webp\"\r\n          alt=\"Hermesys Premium 1U High-Density Fiber Patch Panel\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"hdc-card hdc-card-dark\"\r\n       href=\"https:\/\/hermesys.com\/product\/1-6t-osfp-aec-active-electrical-cable\/\">\r\n      <div class=\"hdc-card-content\">\r\n        <h3>1.6T OSFP<br>Active Electrical Cable<\/h3>\r\n        <p>\r\n          High-speed, low-latency connectivity<br>\r\n          for next-generation AI infrastructure.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"hdc-image-wrap hdc-image-aec\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/1.6T-OSFP-AEC_1.webp\"\r\n          alt=\"Hermesys 1.6T OSFP Active Electrical Cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"hdc-card hdc-card-black\"\r\n       href=\"https:\/\/hermesys.com\/product\/mpo-mtp-to-lc-fiber-optic-fanout-cable\/\">\r\n      <div class=\"hdc-card-content\">\r\n        <h3>MPO\/MTP<br>Breakout Cable<\/h3>\r\n        <p>\r\n          Flexible connectivity for high-density network architecture.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"hdc-image-wrap hdc-image-mpo\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/mpo2.webp\"\r\n          alt=\"Hermesys MPO\/MTP Fiber Optic Breakout Cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"hdc-card hdc-card-light\"\r\n       href=\"https:\/\/hermesys.com\/product\/mpo-mtp-fiber-optic-trunk-cable\/\">\r\n      <div class=\"hdc-card-content\">\r\n        <h3>MPO\/MTP<br>Trunk Cable<\/h3>\r\n        <p>\r\n          High-density fiber connectivity,<br>\r\n          engineered for efficient deployment.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"hdc-image-wrap hdc-image-trunk\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/08\/MTP.webp\"\r\n          alt=\"Hermesys MPO\/MTP Fiber Optic Trunk Cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"hdc-card hdc-card-blue\"\r\n       href=\"https:\/\/hermesys.com\/product\/hydrax1-6t-2fr4-2km-osfp-rhs-transceiver\/\">\r\n      <div class=\"hdc-card-content\">\r\n        <h3>1.6T 2FR4<br>OSFP-RHS Transceiver<\/h3>\r\n        <p>\r\n          High-bandwidth optical connectivity<br>\r\n          for accelerated computing networks.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"hdc-image-wrap hdc-image-transceiver\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/hermesys-1-6t-2fr4-osfp-home.webp\"\r\n          alt=\"Hermesys 1.6T 2FR4 OSFP-RHS Optical Transceiver\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u6ed1\u52a8\u8fdb\u5ea6\u7ebf -->\r\n  <div class=\"hdc-progress\" aria-hidden=\"true\">\r\n    <div class=\"hdc-progress-bar\"><\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var track = document.querySelector(\"#hdcProducts .hdc-track\");\r\n    if (!track) return;\r\n\r\n    \/* \u6ed1\u52a8\u8fdb\u5ea6\u7ebf *\/\r\n    var progress = document.querySelector(\"#hdcProducts .hdc-progress\");\r\n    var bar = progress && progress.querySelector(\".hdc-progress-bar\");\r\n\r\n    function updateProgress() {\r\n      if (!bar) return;\r\n      var max = track.scrollWidth - track.clientWidth;\r\n      var w = progress.clientWidth;\r\n      if (max <= 0 || !w) return;\r\n      var barW = w * track.clientWidth \/ track.scrollWidth;\r\n      bar.style.width = barW + \"px\";\r\n      bar.style.transform =\r\n        \"translateX(\" + (track.scrollLeft \/ max) * (w - barW) + \"px)\";\r\n    }\r\n\r\n    track.addEventListener(\"scroll\", updateProgress, { passive: true });\r\n    window.addEventListener(\"resize\", updateProgress);\r\n    window.addEventListener(\"load\", updateProgress);\r\n    requestAnimationFrame(function () { requestAnimationFrame(updateProgress); });\r\n\r\n    \/* \u7535\u8111\u7aef\u9f20\u6807\u6eda\u8f6e\u6a2a\u5411\u6eda\u52a8 *\/\r\n    var finePointer = window.matchMedia(\r\n      \"(hover: hover) and (pointer: fine)\"\r\n    );\r\n\r\n    track.addEventListener(\r\n      \"wheel\",\r\n      function (event) {\r\n        if (!finePointer.matches) return;\r\n\r\n        var max = track.scrollWidth - track.clientWidth;\r\n        if (max <= 0) return;\r\n\r\n        var delta =\r\n          Math.abs(event.deltaX) > Math.abs(event.deltaY)\r\n            ? event.deltaX\r\n            : event.deltaY;\r\n\r\n        var canMove =\r\n          (delta < 0 && track.scrollLeft > 0) ||\r\n          (delta > 0 && track.scrollLeft < max - 1);\r\n\r\n        if (canMove) {\r\n          event.preventDefault();\r\n          track.scrollLeft += delta;\r\n        }\r\n      },\r\n      { passive: false }\r\n    );\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa6a119 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fa6a119\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  #scStructuredCabling,\r\n  #scStructuredCabling * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ---------- \u9875\u9762 ---------- *\/\r\n  #scStructuredCabling {\r\n    --sc-ink: #090909;\r\n    --sc-muted: #5c6269;\r\n    --sc-gutter: 40px;\r\n    --sc-gap: clamp(16px, 1.5vw, 28px);\r\n    --sc-title: clamp(16px, 1.25vw, 31px);\r\n    --sc-title-top: clamp(22px, 2.3vw, 50px);\r\n    --sc-cta: clamp(12px, 0.75vw, 16px);\r\n\r\n    width: 100%;\r\n    padding-bottom: 120px;\r\n    overflow: hidden;\r\n    color: var(--sc-ink);\r\n    background: #fff;\r\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\r\n  }\r\n  #scStructuredCabling img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n  #scStructuredCabling a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* ---------- \u9876\u90e8\u4ecb\u7ecd ---------- *\/\r\n  #scStructuredCabling .sc-hero {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 180px 40px 150px;\r\n    text-align: center;\r\n  }\r\n  #scStructuredCabling .sc-hero-copy {\r\n    width: min(1180px, 94%);\r\n    margin: 0 auto;\r\n  }\r\n  #scStructuredCabling .sc-hero h2 {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: var(--sc-ink);\r\n    font-size: clamp(40px, 5vw, 66px);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: -0.06em;\r\n  }\r\n  #scStructuredCabling .sc-hero-text {\r\n    max-width: 1250px;\r\n    margin: 30px auto 0;\r\n    padding: 0;\r\n    color: var(--sc-muted);\r\n    font-size: clamp(15px, 1vw, 22px);\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  \/* ---------- \u5927\u80f6\u56ca + \u6ed1\u52a8\u7684\u6df1\u7070\u5c0f\u80f6\u56ca ---------- *\/\r\n  #scStructuredCabling .sc-actions {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n    gap: 0 !important;\r\n    width: fit-content;\r\n    margin: 38px auto 0;\r\n    padding: 4px;\r\n    border-radius: 999px;\r\n    background: #f0f0f2;\r\n  }\r\n  \/* \u4f1a\u6ed1\u52a8\u7684\u6df1\u7070\u5e95\u5757 *\/\r\n  #scStructuredCabling .sc-actions::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    left: 4px;\r\n    width: calc(50% - 4px);\r\n    border-radius: 999px;\r\n    background: #3a3a3c;\r\n    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n  }\r\n  #scStructuredCabling .sc-actions:has(.sc-button:hover)::before {\r\n    transform: translateX(100%);\r\n  }\r\n\r\n  #scStructuredCabling .sc-text-link,\r\n  #scStructuredCabling .sc-button {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 34px;\r\n    padding: 8px 18px;\r\n    border: 0;\r\n    border-radius: 999px;\r\n    background: transparent !important;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    white-space: nowrap;\r\n    transition: color 0.3s ease;\r\n  }\r\n  \/* \u9ed8\u8ba4\uff1a\u5de6\u8fb9\u767d\u5b57\uff0c\u53f3\u8fb9\u6df1\u8272\u5b57 *\/\r\n  #scStructuredCabling .sc-text-link {\r\n    color: #fff !important;\r\n  }\r\n  #scStructuredCabling .sc-button {\r\n    color: #1d1d1f !important;\r\n  }\r\n  \/* \u9f20\u6807\u5728 Request a quote \u4e0a\uff1a\u6587\u5b57\u989c\u8272\u4e92\u6362 *\/\r\n  #scStructuredCabling .sc-actions:has(.sc-button:hover) .sc-text-link {\r\n    color: #1d1d1f !important;\r\n  }\r\n  #scStructuredCabling .sc-actions:has(.sc-button:hover) .sc-button {\r\n    color: #fff !important;\r\n  }\r\n\r\n  \/* ---------- \u684c\u9762\uff1a5 \u5f20\u4e00\u884c\uff0c\u4e0d\u6ed1\u52a8 ---------- *\/\r\n  #scStructuredCabling .sc-category-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 420px));\r\n    justify-content: center;\r\n    align-items: start;\r\n    gap: var(--sc-gap);\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0 var(--sc-gutter);\r\n  }\r\n\r\n  \/* ---------- \u5361\u7247 ---------- *\/\r\n  #scStructuredCabling .sc-category-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100% !important;\r\n    min-width: 0;\r\n    max-width: none !important;\r\n    aspect-ratio: 3 \/ 4;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden;\r\n    background-color: #f4f4f4 !important;\r\n    transition:\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  #scStructuredCabling .sc-category-card h2 {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    width: 100%;\r\n    min-height: calc(var(--sc-title-top) + 2.36em);\r\n    margin: 0;\r\n    padding: var(--sc-title-top) 5% 0;\r\n    color: var(--sc-ink);\r\n    text-align: center;\r\n    font-size: var(--sc-title);\r\n    font-weight: 700;\r\n    line-height: 1.18;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  \/* ---------- \u56fe\u7247 ---------- *\/\r\n  #scStructuredCabling .sc-card-image {\r\n    position: relative;\r\n    flex: 1 1 auto;\r\n    width: 100%;\r\n    min-height: 0;\r\n    margin-bottom: 6%;\r\n    overflow: hidden;\r\n  }\r\n  #scStructuredCabling .sc-card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    mix-blend-mode: multiply;\r\n    transform: scale(var(--sc-img, 1));\r\n    transition: transform 0.35s ease;\r\n  }\r\n  #scStructuredCabling .sc-category-card:nth-child(1) { --sc-img: 0.68; }\r\n    #scStructuredCabling .sc-category-card:nth-child(2) { --sc-img: 0.82; }\r\n  #scStructuredCabling .sc-category-card:nth-child(3) { --sc-img: 1.02; }\r\n    #scStructuredCabling .sc-category-card:nth-child(4) { --sc-img: 0.80; }\r\n  #scStructuredCabling .sc-category-card:nth-child(5) { --sc-img: 1.02; }\r\n\r\n  \/* ---------- \u201cView products\u201d \u6309\u94ae ---------- *\/\r\n  #scStructuredCabling .sc-image-cta {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 50%;\r\n    bottom: 4%;\r\n    padding: 0.75em 1.4em;\r\n    border-radius: 999px;\r\n    color: #fff;\r\n    background: #111;\r\n    text-align: center;\r\n    font-size: var(--sc-cta);\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    transform: translateX(-50%);\r\n    transition:\r\n      opacity 0.25s ease,\r\n      transform 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n  #scStructuredCabling .sc-image-cta:hover {\r\n    background: #333;\r\n  }\r\n\r\n  @media (min-width: 1024px) and (hover: hover) and (pointer: fine) {\r\n    #scStructuredCabling .sc-category-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.07);\r\n    }\r\n    #scStructuredCabling .sc-category-card:hover .sc-card-image img {\r\n      transform: scale(calc(var(--sc-img, 1) * 1.025));\r\n    }\r\n    #scStructuredCabling .sc-image-cta {\r\n      opacity: 0;\r\n      transform: translate(-50%, 10px);\r\n    }\r\n    #scStructuredCabling .sc-category-card:hover .sc-image-cta,\r\n    #scStructuredCabling .sc-image-cta:focus-visible {\r\n      opacity: 1;\r\n      transform: translate(-50%, 0);\r\n    }\r\n  }\r\n\r\n  \/* ---------- \u6ed1\u52a8\u8fdb\u5ea6\u7ebf\uff1a\u7535\u8111\u7aef\u9690\u85cf ---------- *\/\r\n  #scStructuredCabling .sc-progress {\r\n    display: none;\r\n  }\r\n\r\n  \/* ---------- \u5e73\u677f \/ \u624b\u673a\uff1a\u6a2a\u5411\u6ed1\u52a8 ---------- *\/\r\n  @media (max-width: 1023px) {\r\n    #scStructuredCabling {\r\n      --sc-gutter: 24px;\r\n      --sc-gap: 16px;\r\n      --sc-title: clamp(20px, 3vw, 28px);\r\n      --sc-title-top: 5vw;\r\n      --sc-cta: 15px;\r\n    }\r\n    #scStructuredCabling .sc-hero {\r\n      padding: 80px 30px 55px;\r\n    }\r\n    #scStructuredCabling .sc-category-grid {\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      padding: 10px var(--sc-gutter) 24px;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      scroll-snap-type: x mandatory;\r\n      scroll-padding-inline: var(--sc-gutter);\r\n      overscroll-behavior-x: contain;\r\n      scrollbar-width: none;\r\n    }\r\n    #scStructuredCabling .sc-category-grid::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n    #scStructuredCabling .sc-category-card {\r\n      flex: 0 0 calc((100% - var(--sc-gap)) \/ 2);\r\n      max-height: 85vh;\r\n      scroll-snap-align: start;\r\n      scroll-snap-stop: always;\r\n    }\r\n\r\n    #scStructuredCabling .sc-progress {\r\n      display: block;\r\n      position: relative;\r\n      height: 1px;\r\n      margin: 8px var(--sc-gutter) 0;\r\n      background: #d2d2d7;\r\n    }\r\n    #scStructuredCabling .sc-progress-bar {\r\n      position: absolute;\r\n      top: -0.5px;\r\n      left: 0;\r\n      width: 20%;\r\n      height: 2px;\r\n      background: #1d1d1f;\r\n      border-radius: 2px;\r\n      will-change: transform;\r\n    }\r\n  }\r\n\r\n  \/* ---------- \u624b\u673a ---------- *\/\r\n  @media (max-width: 767px) {\r\n    #scStructuredCabling {\r\n      --sc-gutter: 20px;\r\n      --sc-gap: 12px;\r\n      --sc-title: clamp(20px, 6vw, 28px);\r\n      --sc-title-top: clamp(28px, 9vw, 44px);\r\n      --sc-cta: 14px;\r\n      padding-bottom: 80px;\r\n    }\r\n    #scStructuredCabling .sc-hero {\r\n      padding: 65px 22px 45px;\r\n    }\r\n    #scStructuredCabling .sc-hero-copy {\r\n      width: 100%;\r\n    }\r\n    #scStructuredCabling .sc-hero h2 {\r\n      font-size: clamp(38px, 11vw, 58px);\r\n    }\r\n    #scStructuredCabling .sc-hero-text {\r\n      margin-top: 20px;\r\n      font-size: 16px;\r\n    }\r\n    #scStructuredCabling .sc-actions {\r\n      margin-top: 25px;\r\n    }\r\n    #scStructuredCabling .sc-category-card {\r\n      flex-basis: 86%;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #scStructuredCabling .sc-category-card,\r\n    #scStructuredCabling .sc-card-image img,\r\n    #scStructuredCabling .sc-image-cta,\r\n    #scStructuredCabling .sc-actions::before {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<main class=\"sc-page\" id=\"scStructuredCabling\">\r\n  <section class=\"sc-hero\">\r\n    <div class=\"sc-hero-copy\">\r\n      <h2>Structured Cabling<\/h2>\r\n\r\n      <p class=\"sc-hero-text\">\r\n        Hermesys structured cabling solutions support buildings,\r\n        transportation, telecommunications, and public infrastructure\r\n        with fiber and copper cabling, outdoor distribution, and air\r\n        blown network systems.\r\n      <\/p>\r\n\r\n      <div class=\"sc-actions\">\r\n        <a class=\"sc-text-link\" href=\"https:\/\/hermesys.com\/structured-cabling-fttx-access\/\">Explore solutions<\/a>\r\n        <a class=\"sc-button\" href=\"mailto:info@hermesys.com\">Request a quote<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"sc-category-grid\" aria-label=\"Structured cabling product categories\">\r\n    <div class=\"sc-category-card\">\r\n      <h2><a href=\"https:\/\/hermesys.com\/product-category\/hydra\/copper-fiber-fitting\/\">Copper &amp; Fiber Fitting<\/a><\/h2>\r\n      <div class=\"sc-card-image\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/UTP_C6_patch_cord_0805.webp\"\r\n          alt=\"Hermesys Cat 6A patch cord\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <a class=\"sc-image-cta\" href=\"https:\/\/hermesys.com\/product-category\/hydra\/copper-fiber-fitting\/\">View products<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sc-category-card\">\r\n      <h2><a href=\"https:\/\/hermesys.com\/product-category\/ladonx\/fiber-optic-cable\/\">Fiber Optic Cabling<\/a><\/h2>\r\n      <div class=\"sc-card-image\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/fiber-optic-cable_1.webp\"\r\n          alt=\"Hermesys fiber optic cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <a class=\"sc-image-cta\" href=\"https:\/\/hermesys.com\/product-category\/ladonx\/fiber-optic-cable\/\">View products<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sc-category-card\">\r\n      <h2><a href=\"https:\/\/hermesys.com\/product-category\/ladonx\/ethernet-cable-up-to-cat8\/\">Ethernet Cable up to Cat8<\/a><\/h2>\r\n      <div class=\"sc-card-image\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/08\/SFTP-CAT6A.webp\"\r\n          alt=\"Hermesys Ethernet cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <a class=\"sc-image-cta\" href=\"https:\/\/hermesys.com\/product-category\/ladonx\/ethernet-cable-up-to-cat8\/\">View products<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sc-category-card\">\r\n      <h2><a href=\"https:\/\/hermesys.com\/product-category\/gryphonx\/\">Air Blown System<\/a><\/h2>\r\n      <div class=\"sc-card-image\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/Armored-Airblown-Bundle-Duct_1.webp\"\r\n          alt=\"Hermesys air-blown fiber system\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <a class=\"sc-image-cta\" href=\"https:\/\/hermesys.com\/product-category\/gryphonx\/\">View products<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sc-category-card\">\r\n      <h2><a href=\"https:\/\/hermesys.com\/product-category\/cetox\/\">Rack &amp; Cabinet<\/a><\/h2>\r\n      <div class=\"sc-card-image\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/08\/cabinet.webp\"\r\n          alt=\"Hermesys rack and cabinet\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n        <a class=\"sc-image-cta\" href=\"https:\/\/hermesys.com\/product-category\/cetox\/\">View products<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u6ed1\u52a8\u8fdb\u5ea6\u7ebf -->\r\n  <div class=\"sc-progress\" aria-hidden=\"true\">\r\n    <div class=\"sc-progress-bar\"><\/div>\r\n  <\/div>\r\n<\/main>\r\n\r\n<script>\r\n  (function () {\r\n    var grid = document.querySelector(\"#scStructuredCabling .sc-category-grid\");\r\n    var progress = document.querySelector(\"#scStructuredCabling .sc-progress\");\r\n    if (!grid || !progress) return;\r\n    var bar = progress.querySelector(\".sc-progress-bar\");\r\n\r\n    function updateProgress() {\r\n      var max = grid.scrollWidth - grid.clientWidth;\r\n      var w = progress.clientWidth;\r\n      if (max <= 0 || !w) return;\r\n      var barW = w * grid.clientWidth \/ grid.scrollWidth;\r\n      bar.style.width = barW + \"px\";\r\n      bar.style.transform =\r\n        \"translateX(\" + (grid.scrollLeft \/ max) * (w - barW) + \"px)\";\r\n    }\r\n\r\n    grid.addEventListener(\"scroll\", updateProgress, { passive: true });\r\n    window.addEventListener(\"resize\", updateProgress);\r\n    window.addEventListener(\"load\", updateProgress);\r\n   requestAnimationFrame(function () { requestAnimationFrame(updateProgress); });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d46db16 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d46db16\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Paste into ONE Elementor HTML widget -->\r\n\r\n<style>\r\n  .hx-slider,\r\n  .hx-slider * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .hx-slider {\r\n    width: 100%;\r\n    padding: 0 0 180px;\r\n    overflow: hidden;\r\n    color: #111;\r\n    background: #fff;\r\n    font-family:\r\n      \"Inter\",\r\n      -apple-system,\r\n      BlinkMacSystemFont,\r\n      \"Segoe UI\",\r\n      Arial,\r\n      sans-serif;\r\n  }\r\n\r\n  .hx-slider a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .hx-slider-heading {\r\n    width: min(1200px, calc(100% - 48px));\r\n    min-height: clamp(360px, 42vw, 520px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto;\r\n    padding: clamp(60px, 8vw, 100px) 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .hx-slider-heading h2 {\r\n    margin: 0;\r\n    color: #090909;\r\n    font-size: clamp(40px, 4vw, 66px);\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    letter-spacing: -0.055em;\r\n  }\r\n\r\n  .hx-slider-description {\r\n    max-width: 1000px;\r\n    margin: clamp(24px, 3vw, 36px) auto 0;\r\n    color: #626870;\r\n    font-size: clamp(16px, 1.4vw, 22px);\r\n    font-weight: 400;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .hx-learn-more {\r\n    display: inline-flex;\r\n    margin-top: clamp(24px, 3vw, 34px);\r\n    padding: 7px 0 6px;\r\n    border-bottom: 1px solid #111;\r\n    color: #111;\r\n    font-size: clamp(13px, 1vw, 16px);\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .hx-learn-more:hover {\r\n    opacity: 0.58;\r\n  }\r\n\r\n  .hx-slider-window {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hx-slider-track {\r\n    display: flex;\r\n    gap: 10px;\r\n    transition:\r\n      transform 0.5s\r\n      cubic-bezier(0.22, 0.61, 0.36, 1);\r\n  }\r\n\r\n  .hx-card {\r\n    position: relative;\r\n    flex: 0 0 calc((100% - 20px) \/ 3);\r\n    height: clamp(330px, 25vw, 430px);\r\n    overflow: hidden;\r\n    background: #f2f2f2;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .hx-card img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 80%;\r\n    display: block;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    transform: scale(0.55);\r\n    transition: transform 0.45s ease;\r\n  }\r\n\r\n  .hx-card:hover img {\r\n    transform: scale(0.59);\r\n  }\r\n\r\n  .hx-card-shade {\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(242, 242, 242, 0) 40%,\r\n        rgba(242, 242, 242, 0.72) 68%,\r\n        #f2f2f2 88%\r\n      );\r\n  }\r\n\r\n  .hx-card-content {\r\n    position: absolute;\r\n    z-index: 2;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    padding: 22px 24px 25px;\r\n    color: #111;\r\n    text-align: center;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hx-card-title {\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n    font-size: clamp(17px, 1.3vw, 21px);\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  \/* \u4fdd\u6301\u5361\u7247\u5e95\u90e8\u5c0f\u5b57\u539f\u6765\u7684\u5927\u5c0f *\/\r\n  .hx-card-description {\r\n    max-width: 500px;\r\n    margin: 9px auto 0;\r\n    color: #666;\r\n    font-size: clamp(12px, 0.9vw, 14px);\r\n    font-weight: 400;\r\n    line-height: 1.45;\r\n    min-height: 2.9em; \/* \u7edf\u4e00\u4e24\u884c\u9ad8\u5ea6\uff0c\u8ba9\u4e09\u5f20\u5361\u7247\u7684\u6807\u9898\u5bf9\u9f50 *\/\r\n  }\r\n\r\n  .hx-card-link {\r\n    position: absolute;\r\n    z-index: 3;\r\n    inset: 0;\r\n  }\r\n\r\n  .hx-slider-arrow {\r\n    position: absolute;\r\n    z-index: 5;\r\n    top: 50%;\r\n    width: 46px;\r\n    height: 46px;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    background: rgba(15, 15, 15, 0.7);\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translateY(-50%) scale(0.9);\r\n    transition:\r\n      opacity 0.22s ease,\r\n      transform 0.22s ease,\r\n      background 0.22s ease;\r\n  }\r\n\r\n  .hx-slider-window:hover .hx-slider-arrow,\r\n  .hx-slider-arrow:focus-visible {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n    transform: translateY(-50%) scale(1);\r\n  }\r\n\r\n  .hx-slider-arrow:hover {\r\n    background: #000;\r\n  }\r\n\r\n  .hx-slider-arrow svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n  }\r\n\r\n  .hx-slider-prev {\r\n    left: 16px;\r\n  }\r\n\r\n  .hx-slider-next {\r\n    right: 16px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .hx-slider-heading {\r\n      min-height: 420px;\r\n    }\r\n\r\n    .hx-card {\r\n      flex-basis: calc((100% - 10px) \/ 2);\r\n      height: 390px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .hx-slider-heading {\r\n      width: calc(100% - 28px);\r\n      min-height: 390px;\r\n      padding: 55px 10px;\r\n    }\r\n\r\n    .hx-slider-heading h2 {\r\n      font-size: clamp(36px, 11vw, 48px);\r\n      line-height: 1;\r\n    }\r\n\r\n    .hx-slider-description {\r\n      margin-top: 22px;\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .hx-learn-more {\r\n      margin-top: 23px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .hx-card {\r\n      flex-basis: 100%;\r\n      height: 410px;\r\n    }\r\n\r\n    .hx-card img {\r\n      height: 78%;\r\n      transform: scale(0.55);\r\n    }\r\n\r\n    .hx-card:hover img {\r\n      transform: scale(0.59);\r\n    }\r\n\r\n    .hx-card-content {\r\n      padding: 20px 20px 23px;\r\n    }\r\n\r\n    .hx-card-title {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .hx-slider-arrow {\r\n      width: 42px;\r\n      height: 42px;\r\n    }\r\n\r\n    .hx-slider-prev {\r\n      left: 7px;\r\n    }\r\n\r\n    .hx-slider-next {\r\n      right: 7px;\r\n    }\r\n  }\r\n\r\n  @media (hover: none) {\r\n    .hx-slider-arrow {\r\n      opacity: 1;\r\n      pointer-events: auto;\r\n      transform: translateY(-50%) scale(1);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hx-slider-track,\r\n    .hx-card img,\r\n    .hx-slider-arrow,\r\n    .hx-learn-more {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section\r\n  class=\"hx-slider\"\r\n  aria-labelledby=\"hx-slider-title\"\r\n>\r\n  <header class=\"hx-slider-heading\">\r\n    <h2 id=\"hx-slider-title\">\r\n      Industrial Cable Solutions\r\n    <\/h2>\r\n\r\n    <p class=\"hx-slider-description\">\r\n      Hermesys develops specialized cable solutions that keep\r\n      critical infrastructure connected across industrial sites,\r\n      energy facilities, and demanding amphibious environments.\r\n    <\/p>\r\n\r\n    <a\r\n      class=\"hx-learn-more\"\r\n      href=\"https:\/\/hermesys.com\/product-category\/chimerax\/\"\r\n    >\r\n            Learn more<span style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;\"> about ChimeraX\u2122 industrial cables<\/span>\r\n    <\/a>\r\n  <\/header>\r\n\r\n  <div class=\"hx-slider-window\">\r\n    <button\r\n      class=\"hx-slider-arrow hx-slider-prev\"\r\n      type=\"button\"\r\n      aria-label=\"Previous product\"\r\n    >\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"hx-slider-track\">\r\n      <article class=\"hx-card\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/FRP_2.webp\"\r\n          alt=\"Outdoor Non-Metallic FRP Armoured Cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n        <div class=\"hx-card-shade\"><\/div>\r\n\r\n        <div class=\"hx-card-content\">\r\n          <h3 class=\"hx-card-title\">\r\n            Outdoor Non-Metallic FRP Armoured Cable\r\n          <\/h3>\r\n\r\n          <p class=\"hx-card-description\">\r\n            Robust non-metallic protection for demanding\r\n            outdoor fiber networks.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"hx-card-link\"\r\n          href=\"https:\/\/hermesys.com\/product\/non-metallic-frp-armoured-cable\/\"\r\n          aria-label=\"Explore Outdoor Non-Metallic FRP Armoured Cable\"\r\n        ><\/a>\r\n      <\/article>\r\n\r\n      <article class=\"hx-card\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/oil-gas_2.webp\"\r\n          alt=\"Oil and Gas Utility Fire Resistant Cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n        <div class=\"hx-card-shade\"><\/div>\r\n\r\n        <div class=\"hx-card-content\">\r\n          <h3 class=\"hx-card-title\">\r\n            Oil &amp; Gas Utility Fire Resistant Cable\r\n          <\/h3>\r\n\r\n          <p class=\"hx-card-description\">\r\n            Reliable performance for critical oil,\r\n            gas and utility infrastructure.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"hx-card-link\"\r\n          href=\"https:\/\/hermesys.com\/product\/chimerax-oil-gas-utility-fire-resistant-cable\/\"\r\n          aria-label=\"Explore Oil and Gas Utility Fire Resistant Cable\"\r\n        ><\/a>\r\n      <\/article>\r\n\r\n      <article class=\"hx-card\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/Amphibious_2.webp\"\r\n          alt=\"Amphibious Heavy Armored Fiber Optic Cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n        <div class=\"hx-card-shade\"><\/div>\r\n\r\n        <div class=\"hx-card-content\">\r\n          <h3 class=\"hx-card-title\">\r\n            Amphibious Heavy Armored Fiber Optic Cable\r\n          <\/h3>\r\n\r\n          <p class=\"hx-card-description\">\r\n            Heavy-duty connectivity for shoreline,\r\n            amphibious and severe outdoor environments.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"hx-card-link\"\r\n          href=\"https:\/\/hermesys.com\/product\/amphibious-fiber-optic-cable\/\"\r\n          aria-label=\"Explore Amphibious Heavy Armored Fiber Optic Cable\"\r\n        ><\/a>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <button\r\n      class=\"hx-slider-arrow hx-slider-next\"\r\n      type=\"button\"\r\n      aria-label=\"Next product\"\r\n    >\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M9 5l7 7-7 7\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  document\r\n    .querySelectorAll(\".hx-slider\")\r\n    .forEach(function (slider) {\r\n      const track =\r\n        slider.querySelector(\".hx-slider-track\");\r\n\r\n      const previous =\r\n        slider.querySelector(\".hx-slider-prev\");\r\n\r\n      const next =\r\n        slider.querySelector(\".hx-slider-next\");\r\n\r\n      let moving = false;\r\n\r\n      function getDistance(card) {\r\n        return (\r\n          card.getBoundingClientRect().width + 10\r\n        );\r\n      }\r\n\r\n      function moveNext() {\r\n        if (moving) return;\r\n\r\n        moving = true;\r\n\r\n        const firstCard =\r\n          track.firstElementChild;\r\n\r\n        track.style.transform =\r\n          \"translateX(-\" +\r\n          getDistance(firstCard) +\r\n          \"px)\";\r\n\r\n        window.setTimeout(function () {\r\n          track.style.transition = \"none\";\r\n          track.appendChild(firstCard);\r\n          track.style.transform = \"translateX(0)\";\r\n\r\n          track.offsetHeight;\r\n          track.style.transition = \"\";\r\n\r\n          moving = false;\r\n        }, 500);\r\n      }\r\n\r\n      function movePrevious() {\r\n        if (moving) return;\r\n\r\n        moving = true;\r\n\r\n        const lastCard =\r\n          track.lastElementChild;\r\n\r\n        track.style.transition = \"none\";\r\n\r\n        track.insertBefore(\r\n          lastCard,\r\n          track.firstElementChild\r\n        );\r\n\r\n        track.style.transform =\r\n          \"translateX(-\" +\r\n          getDistance(lastCard) +\r\n          \"px)\";\r\n\r\n        track.offsetHeight;\r\n        track.style.transition = \"\";\r\n        track.style.transform = \"translateX(0)\";\r\n\r\n        window.setTimeout(function () {\r\n          moving = false;\r\n        }, 500);\r\n      }\r\n\r\n      next.addEventListener(\r\n        \"click\",\r\n        moveNext\r\n      );\r\n\r\n      previous.addEventListener(\r\n        \"click\",\r\n        movePrevious\r\n      );\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dac3c4f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"dac3c4f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Hermesys Homepage Articles \u2014 paste into an Elementor HTML widget -->\r\n<section class=\"ha-section\" id=\"latest-insights\">\r\n  <style>\r\n  \r\n\r\n    .ha-section,\r\n    .ha-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .ha-section {\r\n      --ink: #111;\r\n      --line: #d8d8d4;\r\n      width: 100%;\r\n      padding: clamp(60px, 7vw, 100px) clamp(20px, 5vw, 80px);\r\n      background: #fff;\r\n      color: var(--ink);\r\n      font-family: Inter, Arial, sans-serif;\r\n    }\r\n\r\n    .ha-wrap {\r\n      width: min(1440px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .ha-header {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n      gap: 24px;\r\n      margin-bottom: clamp(30px, 4vw, 48px);\r\n    }\r\n\r\n    .ha-title {\r\n      margin: 0;\r\n      font-size: clamp(30px, 3.5vw, 52px);\r\n      font-weight: 600;\r\n      line-height: 1;\r\n      letter-spacing: -0.045em;\r\n    }\r\n\r\n    .ha-view-all {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      flex-shrink: 0;\r\n      padding: 8px 0;\r\n      color: var(--ink);\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      line-height: 1;\r\n      text-decoration: none;\r\n      transition: opacity 0.25s ease;\r\n    }\r\n\r\n    .ha-view-all:hover {\r\n      opacity: 0.55;\r\n    }\r\n\r\n    .ha-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      border-top: 1px solid var(--line);\r\n    }\r\n\r\n    .ha-card {\r\n      display: flex;\r\n      min-width: 0;\r\n      flex-direction: column;\r\n      padding: 30px;\r\n      color: inherit;\r\n      text-decoration: none;\r\n      border-right: 1px solid var(--line);\r\n      border-bottom: 1px solid var(--line);\r\n    }\r\n\r\n    .ha-card:first-child {\r\n      border-left: 1px solid var(--line);\r\n    }\r\n\r\n    \/*\r\n     * All image containers use exactly the same 16:9 ratio.\r\n     * Images fill the complete container and are cropped when necessary.\r\n     *\/\r\n    .ha-image {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      overflow: hidden;\r\n      background: #f4f4f4;\r\n    }\r\n\r\n    .ha-image img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      padding: 0;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transition: transform 0.65s cubic-bezier(.2, .7, .2, 1);\r\n    }\r\n\r\n    .ha-card:hover .ha-image img {\r\n      transform: scale(1.04);\r\n    }\r\n\r\n    .ha-card-title {\r\n      margin: 20px 0 0;\r\n      font-size: clamp(15px, 1.15vw, 18px);\r\n      font-weight: 600;\r\n      line-height: 1.35;\r\n      letter-spacing: -0.015em;\r\n    }\r\n\r\n    @media (max-width: 1000px) {\r\n      .ha-card {\r\n        padding: 22px;\r\n      }\r\n\r\n      .ha-card-title {\r\n        margin-top: 17px;\r\n        font-size: 15px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .ha-section {\r\n        padding: 55px 20px;\r\n      }\r\n\r\n      .ha-header {\r\n        align-items: center;\r\n        margin-bottom: 28px;\r\n      }\r\n\r\n      .ha-view-all {\r\n        font-size: 13px;\r\n      }\r\n\r\n      .ha-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .ha-card,\r\n      .ha-card:first-child {\r\n        display: grid;\r\n        grid-template-columns: 140px minmax(0, 1fr);\r\n        align-items: center;\r\n        column-gap: 18px;\r\n        padding: 20px 0;\r\n        border-left: 0;\r\n        border-right: 0;\r\n      }\r\n\r\n      .ha-image {\r\n        width: 140px;\r\n        aspect-ratio: 16 \/ 9;\r\n      }\r\n\r\n      .ha-card-title {\r\n        margin: 0;\r\n        font-size: 14px;\r\n        line-height: 1.4;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 430px) {\r\n      .ha-header {\r\n        gap: 14px;\r\n      }\r\n\r\n      .ha-title {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .ha-view-all {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .ha-card,\r\n      .ha-card:first-child {\r\n        grid-template-columns: 110px minmax(0, 1fr);\r\n        column-gap: 14px;\r\n      }\r\n\r\n      .ha-image {\r\n        width: 110px;\r\n      }\r\n\r\n      .ha-card-title {\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ha-wrap\">\r\n    <header class=\"ha-header\">\r\n      <h2 class=\"ha-title\">Latest Insights<\/h2>\r\n\r\n      <a\r\n        class=\"ha-view-all\"\r\n        href=\"https:\/\/hermesys.com\/technical-insights\/\"\r\n        aria-label=\"View all technical insights\"\r\n      >\r\n        View All Technical Insights\r\n      <\/a>\r\n    <\/header>\r\n\r\n    <div class=\"ha-grid\">\r\n      <!-- CARD 1 -->\r\n      <a\r\n        class=\"ha-card\"\r\n        href=\"https:\/\/hermesys.com\/singapore-dc-cfa2-new-data-centre-rules\/\"\r\n      >\r\n        <div class=\"ha-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/jurong-island-home.webp\"\r\n            alt=\"Aerial view of Jurong Island industrial landscape, Singapore\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <h3 class=\"ha-card-title\">\r\n          Singapore DC-CFA2: New Data Centre Rules\r\n        <\/h3>\r\n      <\/a>\r\n\r\n      <!-- CARD 2 -->\r\n      <a\r\n        class=\"ha-card\"\r\n        href=\"https:\/\/hermesys.com\/armored-rs485-cable\/\"\r\n      >\r\n        <div class=\"ha-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/armored-rs485-industry-home.webp\"\r\n            alt=\"Hermesys armored RS-485 cables for harsh industrial environments\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <h3 class=\"ha-card-title\">\r\n          Hermesys Armored RS-485 Cables: Unrivaled Resilience for Harsh Industrial Environments\r\n        <\/h3>\r\n      <\/a>\r\n\r\n      <!-- CARD 3 -->\r\n      <a\r\n        class=\"ha-card\"\r\n        href=\"https:\/\/hermesys.com\/800g-osfp-transceivers-singapore-data-centre\/\"\r\n      >\r\n        <div class=\"ha-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/osfp-500m.webp\"\r\n            alt=\"Hermesys 800G OSFP transceiver deployed in a Singapore data centre\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <h3 class=\"ha-card-title\">\r\n          Hermesys Supplies 800G OSFP Transceivers to Singapore Data Centre\r\n        <\/h3>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Faster Denser Hot-swappable Ready for AI 1.6T \/ 800G Ultra-High-Density Optical Connectivity Validated for compatibility with NVIDIA, Cisco, Arista, Juniper and more Learn more about 1.6T OSFP transceivers Data Centre Connectivity High-speed interconnects and high-density fiber solutions for AI and data centre networks. Explore HydraX\u2122 products Premium 1UFiber Patch Panel Modular fiber management, designed for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":34,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1631","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hermesys - Cabling and Data Centre Solutions<\/title>\n<meta name=\"description\" content=\"Hermesys supplies fibre optic, copper and specialty cabling for telecommunications, industrial, offshore, energy and access networks, together with connectivity and interconnect solutions for data centres.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hermesys.com\/vi\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hermesys - Cabling and Data Centre Solutions\" \/>\n<meta property=\"og:description\" content=\"Fibre optic, copper and specialty cabling solutions, together with connectivity and interconnect products for data centres, telecommunications, industrial, offshore and energy applications.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hermesys.com\/vi\/\" \/>\n<meta property=\"og:site_name\" content=\"Hermesys\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HermesysAsia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T03:03:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/hermesys-Cabling-and-Data-Centre-Solutions.png\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"503\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Hermesys\" \/>\n<meta name=\"twitter:site\" content=\"@HermesysSG\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/\",\"url\":\"https:\\\/\\\/hermesys.com\\\/\",\"name\":\"Hermesys - Cabling and Data Centre Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#website\"},\"datePublished\":\"2022-08-01T03:56:20+00:00\",\"dateModified\":\"2026-10-13T03:03:10+00:00\",\"description\":\"Hermesys supplies fibre optic, copper and specialty cabling for telecommunications, industrial, offshore, energy and access networks, together with connectivity and interconnect solutions for data centres.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hermesys.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hermesys.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hermesys\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#website\",\"url\":\"https:\\\/\\\/hermesys.com\\\/\",\"name\":\"Hermesys\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hermesys.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#organization\",\"name\":\"Hermesys\",\"url\":\"https:\\\/\\\/hermesys.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/hermesys.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/logo.jpg\",\"contentUrl\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/logo.jpg\",\"width\":200,\"height\":200,\"caption\":\"Hermesys\"},\"image\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/HermesysAsia\",\"https:\\\/\\\/x.com\\\/HermesysSG\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/hermesys-pte-ltd\\\/\",\"https:\\\/\\\/www.crunchbase.com\\\/organization\\\/hermesys\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hermesys - Gi\u1ea3i ph\u00e1p cho h\u1ec7 th\u1ed1ng d\u00e2y \u0111i\u1ec7n v\u00e0 trung t\u00e2m d\u1eef li\u1ec7u","description":"Hermesys cung c\u1ea5p c\u00e1p quang, c\u00e1p \u0111\u1ed3ng v\u00e0 c\u00e1p \u0111\u1eb7c bi\u1ec7t cho c\u00e1c m\u1ea1ng vi\u1ec5n th\u00f4ng, c\u00f4ng nghi\u1ec7p, ngo\u00e0i kh\u01a1i, n\u0103ng l\u01b0\u1ee3ng v\u00e0 truy c\u1eadp, c\u00f9ng v\u1edbi c\u00e1c gi\u1ea3i ph\u00e1p k\u1ebft n\u1ed1i v\u00e0 k\u1ebft n\u1ed1i cho c\u00e1c trung t\u00e2m d\u1eef li\u1ec7u.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hermesys.com\/vi\/","og_locale":"vi_VN","og_type":"article","og_title":"Hermesys - Cabling and Data Centre Solutions","og_description":"Fibre optic, copper and specialty cabling solutions, together with connectivity and interconnect products for data centres, telecommunications, industrial, offshore and energy applications.","og_url":"https:\/\/hermesys.com\/vi\/","og_site_name":"Hermesys","article_publisher":"https:\/\/www.facebook.com\/HermesysAsia","article_modified_time":"2026-10-13T03:03:10+00:00","og_image":[{"width":900,"height":503,"url":"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/hermesys-Cabling-and-Data-Centre-Solutions.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Hermesys","twitter_site":"@HermesysSG","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hermesys.com\/","url":"https:\/\/hermesys.com\/","name":"Hermesys - Gi\u1ea3i ph\u00e1p cho h\u1ec7 th\u1ed1ng d\u00e2y \u0111i\u1ec7n v\u00e0 trung t\u00e2m d\u1eef li\u1ec7u","isPartOf":{"@id":"https:\/\/hermesys.com\/#website"},"datePublished":"2022-08-01T03:56:20+00:00","dateModified":"2026-10-13T03:03:10+00:00","description":"Hermesys cung c\u1ea5p c\u00e1p quang, c\u00e1p \u0111\u1ed3ng v\u00e0 c\u00e1p \u0111\u1eb7c bi\u1ec7t cho c\u00e1c m\u1ea1ng vi\u1ec5n th\u00f4ng, c\u00f4ng nghi\u1ec7p, ngo\u00e0i kh\u01a1i, n\u0103ng l\u01b0\u1ee3ng v\u00e0 truy c\u1eadp, c\u00f9ng v\u1edbi c\u00e1c gi\u1ea3i ph\u00e1p k\u1ebft n\u1ed1i v\u00e0 k\u1ebft n\u1ed1i cho c\u00e1c trung t\u00e2m d\u1eef li\u1ec7u.","breadcrumb":{"@id":"https:\/\/hermesys.com\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hermesys.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hermesys.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hermesys.com\/"},{"@type":"ListItem","position":2,"name":"Hermesys"}]},{"@type":"WebSite","@id":"https:\/\/hermesys.com\/#website","url":"https:\/\/hermesys.com\/","name":"Hermesys","description":"","publisher":{"@id":"https:\/\/hermesys.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hermesys.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/hermesys.com\/#organization","name":"Hermesys","url":"https:\/\/hermesys.com\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/hermesys.com\/#\/schema\/logo\/image\/","url":"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/logo.jpg","contentUrl":"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/10\/logo.jpg","width":200,"height":200,"caption":"Hermesys"},"image":{"@id":"https:\/\/hermesys.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HermesysAsia","https:\/\/x.com\/HermesysSG","https:\/\/www.linkedin.com\/company\/hermesys-pte-ltd\/","https:\/\/www.crunchbase.com\/organization\/hermesys"]}]}},"_links":{"self":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/1631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/comments?post=1631"}],"version-history":[{"count":539,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/1631\/revisions"}],"predecessor-version":[{"id":15054,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/1631\/revisions\/15054"}],"wp:attachment":[{"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/media?parent=1631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}