{"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-08-21T10:21:32","modified_gmt":"2026-08-21T10:21:32","slug":"home-2","status":"publish","type":"page","link":"https:\/\/hermesys.com\/vi\/","title":{"rendered":"Hermesys"},"content":{"rendered":"<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<section class=\"hqsfp-hero\" id=\"hqsfpHero\">\r\n\r\n    <!-- \u80cc\u666f\u89c6\u9891\uff08\u624b\u673a\u7aef\u4e0d\u52a0\u8f7d\uff09 -->\r\n    <video\r\n        class=\"hqsfp-media hqsfp-video\"\r\n        id=\"hqsfpVideo\"\r\n        muted\r\n loop\r\n playsinline\r\n preload=\"none\"\r\n        data-src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/08\/1.6T-QSFP-.mp4\"\r\n    ><\/video>\r\n\r\n    <!-- \u9996\u5c4f\u56fe\u7247\uff1a\u4ec5\u624b\u673a\u7aef\u663e\u793a\uff0c\u7535\u8111\u7aef\u4e3a\u900f\u660e\u5360\u4f4d\uff0c\u4e0d\u4ea7\u751f\u56fe\u7247\u8bf7\u6c42 -->\r\n    <picture>\r\n        <source\r\n            media=\"(max-width: 767px)\"\r\n            srcset=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/08\/1.6T-OSFP.webp\"\r\n        >\r\n        <img fetchpriority=\"high\"\r\n            class=\"hqsfp-media hqsfp-poster\"\r\n            id=\"hqsfpPoster\"\r\n            src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\"\r\n            alt=\"Hermesys 1.6T OSFP optical transceiver\"\r\n            width=\"1920\"\r\n            height=\"1080\"\r\n            decoding=\"async\"\r\n            loading=\"eager\"\r\n        >\r\n    <\/picture>\r\n\r\n    <!-- \u89c6\u9891\u906e\u7f69 -->\r\n    <div class=\"hqsfp-overlay\"><\/div>\r\n\r\n    <!-- \u5f00\u573a\u5927\u6807\u9898 -->\r\n    <div class=\"hqsfp-main-title\">\r\n        <h1>\r\n            <span class=\"hqsfp-gradient\">1.6T-DR8<\/span>\r\n            <span>OSFP<\/span>\r\n        <\/h1>\r\n    <\/div>\r\n\r\n    <!-- \u6700\u7ec8\u56fa\u5b9a\u5185\u5bb9 -->\r\n    <div class=\"hqsfp-final\">\r\n\r\n        <div class=\"hqsfp-speed\">\r\n            <span class=\"hqsfp-number\">1.6<\/span>\r\n            <span class=\"hqsfp-unit\">Tb\/s<\/span>\r\n        <\/div>\r\n\r\n        <h2>Ki\u1ebfn T\u1ea1o Cho T\u01b0\u01a1ng Lai.<\/h2>\r\n\r\n        <p>\r\n            K\u1ebft N\u1ed1i Quang M\u1eadt \u0110\u1ed9 Si\u00eau Cao.<br>\r\n            \u0110\u00e3 \u0111\u01b0\u1ee3c ki\u1ec3m ch\u1ee9ng kh\u1ea3 n\u0103ng t\u01b0\u01a1ng th\u00edch v\u1edbi NVIDIA, Cisco, Arista, Juniper v\u00e0 nhi\u1ec1u th\u01b0\u01a1ng hi\u1ec7u kh\u00e1c.\r\n        <\/p>\r\n\r\n        <a href=\"https:\/\/hermesys.com\/vi\/san-pham\/hydrax1-6t-2dr4-500m-osfp-rhs-transceiver\/\" class=\"hqsfp-button\">T\u00ecm hi\u1ec3u th\u00eam<\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- JS \u88ab\u7981\u7528\u65f6\u7684\u515c\u5e95\u663e\u793a -->\r\n<noscript>\r\n<style>\r\n.hqsfp-main-title { display: none !important; }\r\n.hqsfp-media {\r\n    opacity: 1 !important;\r\n    transform: translate(-50%, -55%) scale(1.11) !important;\r\n    filter: none !important;\r\n}\r\n.hqsfp-final {\r\n    opacity: 1 !important;\r\n    transform: translate(-50%, 0) !important;\r\n}\r\n<\/style>\r\n<\/noscript>\r\n\r\n<style>\r\n\/* ==================================================\r\n   HERMESYS 1.6T QSFP HERO\r\n   ================================================== *\/\r\n\r\n.hqsfp-hero {\r\n    --hqsfp-blue: #087cff;\r\n    --hqsfp-white: #f5f5f7;\r\n    --hqsfp-grey: #a1a1a6;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100svh;\r\n    min-height: 500px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n\r\n    color: var(--hqsfp-white);\r\n    background: #000;\r\n\r\n    font-family:\r\n        Inter,\r\n        \"Helvetica Neue\",\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n.hqsfp-hero,\r\n.hqsfp-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hqsfp-hero video,\r\n.hqsfp-hero img {\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n}\r\n\r\n\/* ==================================================\r\n   \u5a92\u4f53\u5c42\uff08\u56fe\u7247 + \u89c6\u9891\u5171\u7528\uff09\r\n   ================================================== *\/\r\n\r\n.hqsfp-media {\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate(-50%, -50%)\r\n        scale(0.94);\r\n\r\n    filter:\r\n        brightness(0.14)\r\n        contrast(1.14)\r\n        saturate(0.82);\r\n\r\n    will-change:\r\n        opacity,\r\n        transform,\r\n        filter;\r\n}\r\n\r\n.hqsfp-video {\r\n    z-index: 1;\r\n}\r\n\r\n\/* \u56fe\u7247\u538b\u5728\u89c6\u9891\u4e0a\u65b9\uff0c\u89c6\u9891\u5c31\u7eea\u540e\u6de1\u51fa *\/\r\n.hqsfp-poster {\r\n    z-index: 2;\r\n    transition: opacity 0.7s ease;\r\n}\r\n\r\n.hqsfp-hero.is-video-ready .hqsfp-poster {\r\n    opacity: 0 !important;\r\n    animation: none !important;\r\n}\r\n\r\n\/* ==================================================\r\n   \u906e\u7f69\r\n   ================================================== *\/\r\n\r\n.hqsfp-overlay {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 56% 39%,\r\n            rgba(0, 0, 0, 0) 12%,\r\n            rgba(0, 0, 0, 0.08) 48%,\r\n            rgba(0, 0, 0, 0.58) 100%\r\n        ),\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(0, 0, 0, 0.72) 0%,\r\n            rgba(0, 0, 0, 0.08) 34%,\r\n            rgba(0, 0, 0, 0.16) 65%,\r\n            rgba(0, 0, 0, 0.9) 100%\r\n        );\r\n\r\n    transition:\r\n        background 1.2s ease;\r\n}\r\n\r\n.hqsfp-hero.is-finished .hqsfp-overlay {\r\n    background:\r\n        radial-gradient(\r\n            circle at 56% 29%,\r\n            rgba(0, 0, 0, 0) 4%,\r\n            rgba(0, 0, 0, 0.015) 48%,\r\n            rgba(0, 0, 0, 0.22) 100%\r\n        ),\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(0, 0, 0, 0.04) 0%,\r\n            rgba(0, 0, 0, 0.01) 43%,\r\n            rgba(0, 0, 0, 0.15) 66%,\r\n            rgba(0, 0, 0, 0.86) 100%\r\n        );\r\n}\r\n\r\n\/* ==================================================\r\n   \u5f00\u573a\u5927\u6807\u9898\r\n   ================================================== *\/\r\n\r\n.hqsfp-main-title {\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    top: 12%;\r\n    left: 50%;\r\n\r\n    width: min(94%, 1600px);\r\n\r\n    text-align: center;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate(-50%, 50px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.hqsfp-main-title h1 {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: center;\r\n\r\n    gap: clamp(12px, 2vw, 36px);\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    color: rgba(245, 245, 247, 0.98);\r\n\r\n    font-size: clamp(66px, 11vw, 100px);\r\n    font-weight: 700;\r\n    line-height: 0.88;\r\n    letter-spacing: -0.075em;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n.hqsfp-gradient {\r\n    color: transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            115deg,\r\n            #ffffff 5%,\r\n            #cbd8e8 32%,\r\n            #62aaff 61%,\r\n            #f5f8ff 92%\r\n        );\r\n\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n}\r\n\r\n\/* ==================================================\r\n   \u6700\u7ec8\u56fa\u5b9a\u5185\u5bb9\r\n   ================================================== *\/\r\n\r\n.hqsfp-final {\r\n    position: absolute;\r\n    z-index: 6;\r\n\r\n    bottom: 6%;\r\n    left: 50%;\r\n\r\n    width: min(90%, 820px);\r\n\r\n    text-align: center;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate(-50%, 42px);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.hqsfp-speed {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.hqsfp-number {\r\n    color: #fff;\r\n\r\n    font-size: clamp(56px, 6.5vw, 104px);\r\n    font-weight: 650;\r\n    line-height: 0.88;\r\n    letter-spacing: -0.07em;\r\n\r\n    text-shadow:\r\n        0 4px 38px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.hqsfp-unit {\r\n    margin-left: 11px;\r\n\r\n    color: var(--hqsfp-blue);\r\n\r\n    font-size: clamp(19px, 2vw, 34px);\r\n    font-weight: 650;\r\n    line-height: 1;\r\n}\r\n\r\n.hqsfp-final h2 {\r\n    margin: 16px 0 10px;\r\n    padding: 0;\r\n\r\n    color: #fff;\r\n\r\n    font-size: clamp(26px, 3vw, 50px);\r\n    font-weight: 600;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.045em;\r\n\r\n    text-shadow:\r\n        0 3px 30px rgba(0, 0, 0, 0.9);\r\n}\r\n\r\n.hqsfp-final p {\r\n    margin: 0 auto 22px;\r\n    padding: 0;\r\n\r\n    color: var(--hqsfp-grey);\r\n\r\n    font-size: clamp(14px, 1.15vw, 19px);\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n\r\n    text-shadow:\r\n        0 2px 20px rgba(0, 0, 0, 0.95);\r\n}\r\n\r\n\/* ==================================================\r\n   \u6309\u94ae\r\n   ================================================== *\/\r\n\r\n.hqsfp-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    min-height: 48px;\r\n    padding: 0 23px;\r\n\r\n    color: #fff !important;\r\n    background: rgba(255, 255, 255, 0.1);\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.34);\r\n    border-radius: 999px;\r\n\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow:\r\n        0 8px 35px rgba(0, 0, 0, 0.35);\r\n\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n\r\n    pointer-events: auto;\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        border-color 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        transform 0.35s ease;\r\n}\r\n\r\n.hqsfp-button:hover {\r\n    color: #fff !important;\r\n    background: var(--hqsfp-blue);\r\n\r\n    border-color: var(--hqsfp-blue);\r\n\r\n    box-shadow:\r\n        0 10px 38px rgba(8, 124, 255, 0.3);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\/* ==================================================\r\n   \u52a8\u753b\u542f\u52a8\r\n   ================================================== *\/\r\n\r\n.hqsfp-hero.is-playing .hqsfp-main-title {\r\n    animation:\r\n        hqsfpTitle\r\n        7.1s\r\n        cubic-bezier(0.22, 0.61, 0.36, 1)\r\n        forwards;\r\n}\r\n\r\n.hqsfp-hero.is-playing .hqsfp-media {\r\n    animation:\r\n        hqsfpMedia\r\n        7.1s\r\n        cubic-bezier(0.22, 0.61, 0.36, 1)\r\n        forwards;\r\n}\r\n\r\n.hqsfp-hero.is-playing .hqsfp-final {\r\n    animation:\r\n        hqsfpFinal\r\n        7.1s\r\n        cubic-bezier(0.22, 0.61, 0.36, 1)\r\n        forwards;\r\n}\r\n\r\n\/* ==================================================\r\n   \u5927\u6807\u9898\u52a8\u753b\r\n   ================================================== *\/\r\n\r\n@keyframes hqsfpTitle {\r\n    0%,\r\n    13% {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translate(-50%, 50px);\r\n    }\r\n\r\n    26% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translate(-50%, 0);\r\n    }\r\n\r\n    58% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translate(-50%, -12px);\r\n    }\r\n\r\n    72%,\r\n    100% {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translate(-50%, -48px);\r\n    }\r\n}\r\n\r\n\/* ==================================================\r\n   \u5a92\u4f53\u5c42\u52a8\u753b\uff08\u56fe\u7247\u4e0e\u89c6\u9891\u540c\u6b65\uff09\r\n   ================================================== *\/\r\n\r\n@keyframes hqsfpMedia {\r\n    0% {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translate(-50%, -50%)\r\n            scale(0.94);\r\n\r\n        filter:\r\n            brightness(0.14)\r\n            contrast(1.14)\r\n            saturate(0.82);\r\n    }\r\n\r\n    22% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translate(-50%, -51%)\r\n            scale(1);\r\n\r\n        filter:\r\n            brightness(0.68)\r\n            contrast(1.1)\r\n            saturate(0.92);\r\n    }\r\n\r\n    68% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translate(-50%, -53%)\r\n            scale(1.07);\r\n\r\n        filter:\r\n            brightness(0.84)\r\n            contrast(1.06)\r\n            saturate(0.98);\r\n    }\r\n\r\n    100% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translate(-50%, -55%)\r\n            scale(1.11);\r\n\r\n        filter:\r\n            brightness(1)\r\n            contrast(1.02)\r\n            saturate(1.04);\r\n    }\r\n}\r\n\r\n\/* ==================================================\r\n   \u6700\u7ec8\u6587\u5b57\u51fa\u73b0\u52a8\u753b\r\n   ================================================== *\/\r\n\r\n@keyframes hqsfpFinal {\r\n    0%,\r\n    67% {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translate(-50%, 42px);\r\n    }\r\n\r\n    84%,\r\n    100% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translate(-50%, 0);\r\n    }\r\n}\r\n\r\n\/* ==================================================\r\n   \u52a8\u753b\u5b8c\u6210\u540e\u7684\u6c38\u4e45\u72b6\u6001\r\n   ================================================== *\/\r\n\r\n.hqsfp-hero.is-finished .hqsfp-media {\r\n    animation: none;\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translate(-50%, -55%)\r\n        scale(1.11);\r\n\r\n    filter:\r\n        brightness(1)\r\n        contrast(1.02)\r\n        saturate(1.04);\r\n\r\n    will-change: auto;\r\n}\r\n\r\n.hqsfp-hero.is-finished.is-video-ready .hqsfp-poster {\r\n    opacity: 0 !important;\r\n}\r\n\r\n.hqsfp-hero.is-finished .hqsfp-main-title {\r\n    animation: none;\r\n\r\n    opacity: 0;\r\n    visibility: hidden;\r\n}\r\n\r\n.hqsfp-hero.is-finished .hqsfp-final {\r\n    animation: none;\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translate(-50%, 0);\r\n}\r\n\r\n\/* ==================================================\r\n   \u5e73\u677f\r\n   ================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .hqsfp-hero {\r\n        min-height: 650px;\r\n    }\r\n\r\n    .hqsfp-main-title {\r\n        top: 15%;\r\n    }\r\n\r\n    .hqsfp-media {\r\n        width: 120%;\r\n    }\r\n\r\n    .hqsfp-final {\r\n        bottom: 6%;\r\n    }\r\n\r\n    .hqsfp-hero.is-finished .hqsfp-media {\r\n        transform:\r\n            translate(-50%, -55%)\r\n            scale(1.08);\r\n    }\r\n}\r\n\r\n\/* ==================================================\r\n   \u624b\u673a\r\n   ================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n    .hqsfp-hero {\r\n        height: 100svh;\r\n        min-height: 620px;\r\n    }\r\n\r\n    .hqsfp-main-title {\r\n        top: 13%;\r\n        width: 94%;\r\n    }\r\n\r\n    .hqsfp-main-title h1 {\r\n        flex-direction: column;\r\n\r\n        gap: 6px;\r\n\r\n        font-size: clamp(50px, 18vw, 84px);\r\n        line-height: 0.86;\r\n    }\r\n\r\n    .hqsfp-media {\r\n        top: 48%;\r\n\r\n        width: 160%;\r\n        height: 75%;\r\n\r\n        object-fit: cover;\r\n        object-position: center;\r\n    }\r\n\r\n    .hqsfp-final {\r\n        bottom: 5%;\r\n        width: 89%;\r\n    }\r\n\r\n    .hqsfp-number {\r\n        font-size: 58px;\r\n    }\r\n\r\n    .hqsfp-unit {\r\n        margin-left: 8px;\r\n\r\n        font-size: 20px;\r\n    }\r\n\r\n    .hqsfp-final h2 {\r\n        margin: 12px 0 9px;\r\n\r\n        font-size: 27px;\r\n    }\r\n\r\n    .hqsfp-final p {\r\n        margin-bottom: 19px;\r\n\r\n        font-size: 13.5px;\r\n        line-height: 1.45;\r\n    }\r\n\r\n    .hqsfp-button {\r\n        min-height: 46px;\r\n        padding: 0 20px;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    .hqsfp-hero.is-finished .hqsfp-media {\r\n        width: 164%;\r\n        height: 75%;\r\n\r\n        transform:\r\n            translate(-50%, -57%)\r\n            scale(1.08);\r\n    }\r\n\r\n    .hqsfp-hero.is-finished .hqsfp-overlay {\r\n        background:\r\n            radial-gradient(\r\n                circle at 55% 28%,\r\n                rgba(0, 0, 0, 0) 4%,\r\n                rgba(0, 0, 0, 0.02) 48%,\r\n                rgba(0, 0, 0, 0.24) 100%\r\n            ),\r\n            linear-gradient(\r\n                to bottom,\r\n                rgba(0, 0, 0, 0.04) 0%,\r\n                rgba(0, 0, 0, 0.01) 40%,\r\n                rgba(0, 0, 0, 0.18) 62%,\r\n                rgba(0, 0, 0, 0.9) 100%\r\n            );\r\n    }\r\n}\r\n\r\n\/* ==================================================\r\n   \u8f83\u77ee\u7535\u8111\u5c4f\u5e55\r\n   ================================================== *\/\r\n\r\n@media (min-width: 768px) and (max-height: 760px) {\r\n    .hqsfp-hero {\r\n        min-height: 620px;\r\n    }\r\n\r\n    .hqsfp-main-title {\r\n        top: 8%;\r\n    }\r\n\r\n    .hqsfp-final {\r\n        bottom: 3%;\r\n    }\r\n\r\n    .hqsfp-number {\r\n        font-size: 62px;\r\n    }\r\n\r\n    .hqsfp-final h2 {\r\n        margin-top: 9px;\r\n\r\n        font-size: 32px;\r\n    }\r\n\r\n    .hqsfp-final p {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .hqsfp-button {\r\n        min-height: 44px;\r\n    }\r\n}\r\n\r\n\/* ==================================================\r\n   \u51cf\u5c11\u52a8\u6001\u6548\u679c\r\n   ================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .hqsfp-main-title {\r\n        display: none;\r\n    }\r\n\r\n    .hqsfp-media {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translate(-50%, -55%)\r\n            scale(1.11);\r\n\r\n        filter:\r\n            brightness(1)\r\n            contrast(1.02)\r\n            saturate(1.04);\r\n\r\n        will-change: auto;\r\n    }\r\n\r\n    .hqsfp-final {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translate(-50%, 0);\r\n    }\r\n\r\n    .hqsfp-hero.is-playing .hqsfp-media,\r\n    .hqsfp-hero.is-playing .hqsfp-main-title,\r\n    .hqsfp-hero.is-playing .hqsfp-final {\r\n        animation: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    var hero  = document.getElementById(\"hqsfpHero\");\r\n    var video = document.getElementById(\"hqsfpVideo\");\r\n\r\n    if (!hero) return;\r\n\r\n    var reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n    var isMobile     = window.matchMedia(\"(max-width: 767px)\").matches;\r\n    var conn         = navigator.connection || {};\r\n    var saveData     = conn.saveData === true;\r\n    var slowNet      = \/(^|-)2g$\/.test(conn.effectiveType || \"\");\r\n\r\n    \/* \u624b\u673a \/ \u7701\u6d41\u91cf\u6a21\u5f0f \/ 2G\uff1a\u5b8c\u5168\u4e0d\u52a0\u8f7d\u89c6\u9891\uff0c\u56fe\u7247\u5c31\u662f\u6700\u7ec8\u753b\u9762 *\/\r\n    var skipVideo = isMobile || saveData || slowNet;\r\n\r\n    var finished = false;\r\n\r\n    function finish() {\r\n        if (finished) return;\r\n        finished = true;\r\n        hero.classList.remove(\"is-playing\");\r\n        hero.classList.add(\"is-finished\");\r\n    }\r\n\r\n    \/* ---- 1. \u52a8\u753b\u7acb\u5373\u542f\u52a8\uff0c\u5b8c\u5168\u4e0d\u7b49\u89c6\u9891 ---- *\/\r\n    function startAnimation() {\r\n        if (reduceMotion) { finish(); return; }\r\n        void hero.offsetWidth;\r\n        hero.classList.add(\"is-playing\");\r\n        window.setTimeout(finish, 7300);\r\n    }\r\n\r\n    \/* ---- 2. \u89c6\u9891\u63a8\u8fdf\u5230\u9996\u5c4f\u6e32\u67d3\u4e4b\u540e\u518d\u52a0\u8f7d ---- *\/\r\n    function loadVideo() {\r\n        if (!video || skipVideo || video.src) return;\r\n\r\n        var src = video.getAttribute(\"data-src\");\r\n        if (!src) return;\r\n\r\n        \/* \u89c6\u9891\u53ef\u64ad\u653e\u65f6\uff0c\u56fe\u7247\u6de1\u51fa\u8ba9\u4f4d *\/\r\n        video.addEventListener(\"canplay\", function () {\r\n            hero.classList.add(\"is-video-ready\");\r\n        }, { once: true });\r\n\r\n        \/* \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\uff1a\u4ec0\u4e48\u90fd\u4e0d\u505a *\/\r\n        video.addEventListener(\"error\", function () {\r\n            hero.classList.remove(\"is-video-ready\");\r\n        }, { once: true });\r\n\r\n        video.src = src;\r\n        video.load();\r\n\r\n        var p = video.play();\r\n        if (p && typeof p.catch === \"function\") {\r\n            p.catch(function () {\r\n                document.addEventListener(\"click\", function () {\r\n                    video.play().catch(function () {});\r\n                }, { once: true });\r\n            });\r\n        }\r\n    }\r\n\r\n    startAnimation();\r\n\r\n    if (skipVideo) {\r\n        if (video) video.setAttribute(\"data-src\", \"\");\r\n    } else 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<section class=\"hdc-products\" id=\"hdcProducts\">\r\n  <div class=\"hdc-inner\">\r\n    <div class=\"hdc-track\">\r\n      <a\r\n        class=\"hdc-card hdc-card-light\"\r\n        href=\"https:\/\/hermesys.com\/vi\/san-pham\/hydrax-premium-1u-12-slot-high-density-fiber-splicing-patch-panel\/\"\r\n      >\r\n        <div class=\"hdc-card-content\">\r\n          <h3>Premium 1U<br>Fiber Patch Panel<\/h3>\r\n          <p>\r\n            Qu\u1ea3n l\u00fd s\u1ee3i quang theo m\u00f4-\u0111un,<br>\r\n            \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf cho c\u00e1c h\u1ec7 th\u1ed1ng tri\u1ec3n khai c\u00f3 kh\u1ea3 n\u0103ng m\u1edf r\u1ed9ng.\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      <a\r\n        class=\"hdc-card hdc-card-dark\"\r\n        href=\"https:\/\/hermesys.com\/vi\/san-pham\/hydrax-1-6t-osfp-aec\/\"\r\n      >\r\n        <div class=\"hdc-card-content\">\r\n          <h3>\r\n            1.6T OSFP<br>\r\n            Active Electrical Cable\r\n          <\/h3>\r\n          <p>\r\n            K\u1ebft n\u1ed1i t\u1ed1c \u0111\u1ed9 cao, \u0111\u1ed9 tr\u1ec5 th\u1ea5p<br>\r\n            cho h\u1ea1 t\u1ea7ng AI th\u1ebf h\u1ec7 m\u1edbi.\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\/07\/1.6T-OSFP-AEC-\u8f6c\u6362\u81ea-png.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      <a\r\n        class=\"hdc-card hdc-card-black\"\r\n        href=\"https:\/\/hermesys.com\/vi\/san-pham\/hydrax-fiber-optic-trunk-cable-mpo-12f-to-mpo-12f-non-armoured\/\"\r\n      >\r\n        <div class=\"hdc-card-content\">\r\n          <h3> MTP-12 to 2\u00d7MTP-4<br>\r\n            Breakout Cable\r\n          <\/h3>\r\n          <p>\r\n            K\u1ebft n\u1ed1i linh ho\u1ea1t cho ki\u1ebfn tr\u00fac m\u1ea1ng m\u1eadt \u0111\u1ed9 cao.\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\/07\/mpo2.png\"\r\n            alt=\"Hermesys MPO-12F Fiber Optic Trunk Cable\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n      <\/a>\r\n      <a\r\n        class=\"hdc-card hdc-card-light\"\r\n        href=\"https:\/\/hermesys.com\/vi\/san-pham\/hydrax-mtp-12-to-2xmtp-4-apc-breakout-cable-8f-om4-data-center-interconnect\/\"\r\n      >\r\n        <div class=\"hdc-card-content\">\r\n          <h3>\r\n            MPO-12<br>Trunk Cable<\/h3>\r\n          <p>\r\n            K\u1ebft n\u1ed1i s\u1ee3i quang m\u1eadt \u0111\u1ed9 cao,<br>\r\n            \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 tri\u1ec3n khai hi\u1ec7u qu\u1ea3.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"hdc-image-wrap hdc-image-breakout\">\r\n          <img\r\n            src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/08\/MTP.webp\"\r\n            alt=\"Hermesys MTP-12 to 2xMTP-4 Breakout Cable\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/div>\r\n      <\/a>\r\n      <a\r\n        class=\"hdc-card hdc-card-blue\"\r\n        href=\"https:\/\/hermesys.com\/vi\/san-pham\/hydrax1-6t-2fr4-2km-osfp-rhs-transceiver\/\"\r\n      >\r\n        <div class=\"hdc-card-content\">\r\n          <h3>\r\n            1.6T 2FR4<br>\r\n            OSFP-RHS Transceiver\r\n          <\/h3>\r\n          <p>\r\n            K\u1ebft n\u1ed1i quang b\u0103ng th\u00f4ng cao<br>\r\n            cho m\u1ea1ng \u0111i\u1ec7n to\u00e1n t\u0103ng t\u1ed1c.\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\/07\/AdobeStock_27768592-2-1.png\"\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    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n  .hdc-products,\r\n  .hdc-products * {\r\n    box-sizing: border-box;\r\n  }\r\n  .hdc-products {\r\n    --hdc-black: #1d1d1f;\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:\r\n      clamp(58px, 7vw, 100px)\r\n      0\r\n      clamp(65px, 8vw, 110px);\r\n    overflow: hidden;\r\n    color: var(--hdc-black);\r\n    background: #f5f5f7;\r\n    font-family:\r\n      Inter,\r\n      \"Helvetica Neue\",\r\n      Helvetica,\r\n      Arial,\r\n      sans-serif;\r\n  }\r\n  .hdc-inner {\r\n    width: min(calc(100% - 64px), 1640px);\r\n    margin: 0 auto;\r\n  }\r\n  .hdc-track {\r\n    display: flex;\r\n    gap: 20px;\r\n    width: 100%;\r\n    padding: 0 0 20px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    scroll-behavior: smooth;\r\n    scroll-snap-type: x mandatory;\r\n    scrollbar-width: none;\r\n    cursor: ew-resize;\r\n    touch-action: pan-x;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n  .hdc-track::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  .hdc-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex: 0 0 clamp(390px, 27vw, 440px);\r\n    flex-direction: column;\r\n    min-width: 390px;\r\n    height: 560px;\r\n    overflow: hidden;\r\n    color: #1d1d1f;\r\n    background: #fff;\r\n    border-radius: 26px;\r\n    box-shadow:\r\n      0 5px 18px rgba(0, 0, 0, 0.055);\r\n    text-decoration: none !important;\r\n    scroll-snap-align: start;\r\n    transition:\r\n      box-shadow 0.4s ease,\r\n      transform 0.4s\r\n      cubic-bezier(0.22, 0.61, 0.36, 1);\r\n  }\r\n  .hdc-card:hover {\r\n    text-decoration: none !important;\r\n    box-shadow:\r\n      0 18px 45px rgba(0, 0, 0, 0.13);\r\n    transform: translateY(-6px);\r\n  }\r\n  .hdc-card-light {\r\n    color: #1d1d1f;\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        #fff 0%,\r\n        #f7f7f8 100%\r\n      );\r\n  }\r\n  .hdc-card-dark {\r\n    color: #fff;\r\n    background:\r\n      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  .hdc-card-black {\r\n    color: #fff;\r\n    background: #000;\r\n  }\r\n  .hdc-card-blue {\r\n    color: #fff;\r\n    background:\r\n      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  .hdc-card-content {\r\n    position: relative;\r\n    z-index: 3;\r\n    flex: 0 0 auto;\r\n    padding: 36px 32px 0;\r\n  }\r\n  .hdc-card h3 {\r\n    margin: 0 0 12px;\r\n    padding: 0;\r\n    color: inherit;\r\n    font-family: Inter, Arial, sans-serif !important;\r\n    font-size: clamp(22px, 1.9vw, 33px);\r\n    font-weight: 500;\r\n    line-height: 1.07;\r\n    letter-spacing: -0.043em;\r\n    font-style: normal;\r\n    text-transform: none;\r\n  }\r\n  .hdc-card p {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #606065;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.45;\r\n  }\r\n  .hdc-card-dark p,\r\n  .hdc-card-black p,\r\n  .hdc-card-blue p {\r\n    color: rgba(255, 255, 255, 0.69);\r\n  }\r\n  .hdc-card-light h3 {\r\n    color: #1d1d1f !important;\r\n  }\r\n  .hdc-card-dark h3,\r\n  .hdc-card-black h3,\r\n  .hdc-card-blue h3 {\r\n    color: #fff !important;\r\n  }\r\n  .hdc-card-light:visited h3 {\r\n    color: #6e6e73 !important;\r\n  }\r\n  .hdc-card-dark:visited h3,\r\n  .hdc-card-black:visited h3,\r\n  .hdc-card-blue:visited h3 {\r\n    color: #d2d2d7 !important;\r\n  }\r\n  .hdc-card-blue .hdc-card-content {\r\n    padding-right: 24px;\r\n    padding-left: 24px;\r\n  }\r\n  .hdc-card-blue h3 {\r\n    white-space: nowrap;\r\n    letter-spacing: -0.05em;\r\n  }\r\n  .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: 18px;\r\n    padding: 10px 28px 26px;\r\n    overflow: hidden;\r\n  }\r\n  .hdc-image-wrap img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 100%;\r\n    max-height: 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    transition:\r\n      transform 0.65s\r\n      cubic-bezier(0.22, 0.61, 0.36, 1);\r\n  }\r\n  .hdc-image-panel img {\r\n    transform: scale(0.9);\r\n  }\r\n  .hdc-image-aec img {\r\n    transform: scale(0.88);\r\n  }\r\n  .hdc-image-mpo {\r\n    padding: 0 28px 24px;\r\n    background: #000;\r\n  }\r\n  .hdc-image-mpo img {\r\n    transform: scale(0.92);\r\n  }\r\n  \/* MPO-12 Trunk Cable photo has a lot of built-in whitespace\r\n     around the cable itself, so it renders much smaller than\r\n     the other product photos even at scale(1). Tighten the\r\n     wrap padding and scale it up well past 1 to match the\r\n     visual size of the other cards. *\/\r\n  .hdc-image-breakout {\r\n    padding: 10px 12px 26px;\r\n  }\r\n  .hdc-image-breakout img {\r\n    transform: scale(1.28);\r\n  }\r\n  .hdc-image-transceiver img {\r\n    transform: scale(0.94);\r\n  }\r\n  .hdc-card:hover .hdc-image-panel img {\r\n    transform: scale(0.96);\r\n  }\r\n  .hdc-card:hover .hdc-image-aec img {\r\n    transform: scale(0.94);\r\n  }\r\n  .hdc-card:hover .hdc-image-mpo img {\r\n    transform: scale(0.98);\r\n  }\r\n  .hdc-card:hover .hdc-image-breakout img {\r\n    transform: scale(1.34);\r\n  }\r\n  .hdc-card:hover .hdc-image-transceiver img {\r\n    transform: scale(1);\r\n  }\r\n\r\n  @media (max-width: 1199px) {\r\n    .hdc-inner {\r\n      width: calc(100% - 48px);\r\n    }\r\n    .hdc-card {\r\n      flex-basis: 365px;\r\n      min-width: 365px;\r\n      height: 525px;\r\n    }\r\n    .hdc-card-content {\r\n      padding: 32px 28px 0;\r\n    }\r\n    .hdc-card h3 {\r\n      font-size: 28px;\r\n    }\r\n  }\r\n  @media (max-width: 767px) {\r\n    .hdc-products {\r\n      padding: 50px 0 65px;\r\n    }\r\n    .hdc-inner {\r\n      width: calc(100% - 36px);\r\n    }\r\n    .hdc-track {\r\n      gap: 14px;\r\n      cursor: auto;\r\n    }\r\n    .hdc-card {\r\n      flex-basis: min(84vw, 340px);\r\n      min-width: min(84vw, 340px);\r\n      height: 495px;\r\n      border-radius: 22px;\r\n    }\r\n    .hdc-card-content {\r\n      padding: 27px 23px 0;\r\n    }\r\n    .hdc-card h3 {\r\n      font-size: 26px;\r\n    }\r\n    .hdc-card p {\r\n      font-size: 13px;\r\n    }\r\n    .hdc-card-blue .hdc-card-content {\r\n      padding-right: 23px;\r\n      padding-left: 23px;\r\n    }\r\n    .hdc-card-blue h3 {\r\n      white-space: normal;\r\n      letter-spacing: -0.043em;\r\n    }\r\n    .hdc-image-wrap {\r\n      margin-top: 14px;\r\n      padding: 8px 18px 20px;\r\n    }\r\n    .hdc-image-breakout {\r\n      padding: 8px 10px 20px;\r\n    }\r\n\r\n  }\r\n  @media (min-width: 1200px) {\r\n    .hdc-inner {\r\n      width: calc(100% - 32px);\r\n      max-width: none;\r\n    }\r\n    .hdc-track {\r\n      gap: 16px;\r\n      justify-content: flex-start;\r\n    }\r\n    .hdc-card {\r\n      flex: 0 0 390px;\r\n      min-width: 390px;\r\n    }\r\n    .hdc-card:first-child {\r\n      margin-left:\r\n        max(0px, calc((100% - 2014px) \/ 2));\r\n    }\r\n    .hdc-card:last-child {\r\n      margin-right:\r\n        max(0px, calc((100% - 2014px) \/ 2));\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hdc-track {\r\n      scroll-behavior: auto;\r\n    }\r\n    .hdc-card,\r\n    .hdc-image-wrap img {\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n<script>\r\n(function () {\r\n  const track =\r\n    document.querySelector(\r\n      \"#hdcProducts .hdc-track\"\r\n    );\r\n  if (!track) return;\r\n  track.addEventListener(\r\n    \"wheel\",\r\n    function (event) {\r\n      if (window.innerWidth <= 767) {\r\n        return;\r\n      }\r\n      const maximum =\r\n        track.scrollWidth -\r\n        track.clientWidth;\r\n      if (maximum <= 0) {\r\n        return;\r\n      }\r\n      const movement =\r\n        Math.abs(event.deltaX) >\r\n        Math.abs(event.deltaY)\r\n          ? event.deltaX\r\n          : event.deltaY;\r\n      const canMoveLeft =\r\n        movement < 0 &&\r\n        track.scrollLeft > 0;\r\n      const canMoveRight =\r\n        movement > 0 &&\r\n        track.scrollLeft < maximum;\r\n      if (!canMoveLeft && !canMoveRight) {\r\n        return;\r\n      }\r\n      event.preventDefault();\r\n      track.scrollLeft += movement;\r\n    },\r\n    {\r\n      passive: false\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-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  #scStructuredCabling {\r\n    --sc-ink: #090909;\r\n    --sc-muted: #5c6269;\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:\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  #scStructuredCabling img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  #scStructuredCabling a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  #scStructuredCabling .sc-hero {\r\n    width: 100%;\r\n    min-height: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 180px 40px 150px;\r\n    text-align: center;\r\n  }\r\n\r\n  #scStructuredCabling .sc-hero-copy {\r\n    width: min(1180px, 94%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #scStructuredCabling .sc-hero h1 {\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\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  #scStructuredCabling .sc-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 28px;\r\n    margin-top: 38px;\r\n  }\r\n\r\n  #scStructuredCabling .sc-text-link {\r\n    display: inline-flex;\r\n    padding: 10px 0 7px;\r\n    border-bottom: 1px solid var(--sc-ink);\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  #scStructuredCabling .sc-button {\r\n    min-height: 54px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 14px 30px;\r\n    border: 1px solid var(--sc-ink);\r\n    border-radius: 999px;\r\n    background: transparent;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    transition:\r\n      color 0.25s ease,\r\n      background 0.25s ease;\r\n  }\r\n\r\n  #scStructuredCabling .sc-button:hover {\r\n    color: #fff;\r\n    background: var(--sc-ink);\r\n  }\r\n\r\n  #scStructuredCabling .sc-category-grid {\r\n    width: calc(100% - 80px);\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 28px;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    scroll-snap-type: x mandatory;\r\n    scrollbar-width: none;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  #scStructuredCabling .sc-category-grid::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  #scStructuredCabling .sc-category-card {\r\n    position: relative;\r\n    width: 420px;\r\n    height: 560px;\r\n    flex: 0 0 420px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    margin: 0;\r\n    padding: 50px 0px 26px;\r\n    overflow: hidden;\r\n    background-color: #f4f4f4 !important;\r\n    scroll-snap-align: start;\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:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.07);\r\n  }\r\n\r\n  #scStructuredCabling .sc-category-card h2 {\r\n    position: relative;\r\n    z-index: 2;\r\n    min-height: 76px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    margin: 0;\r\n    padding: 0;\r\n    color: var(--sc-ink);\r\n    text-align: center;\r\n    font-size: clamp(20px, 1.2vw, 31px);\r\n    font-weight: 700;\r\n    line-height: 1.18;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  #scStructuredCabling .sc-card-image {\r\n    position: relative;\r\n    width: 100%;\r\n    flex: 1;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #scStructuredCabling .sc-card-image img {\r\n    --product-scale: 1;\r\n\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(--product-scale));\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  #scStructuredCabling\r\n    .sc-category-card:nth-child(1)\r\n    .sc-card-image img {\r\n    --product-scale: 0.68;\r\n  }\r\n\r\n  #scStructuredCabling\r\n    .sc-category-card:nth-child(2)\r\n    .sc-card-image img {\r\n    --product-scale: 1.38;\r\n  }\r\n\r\n  #scStructuredCabling\r\n    .sc-category-card:nth-child(3)\r\n    .sc-card-image img {\r\n    --product-scale: 1.02;\r\n  }\r\n\r\n  #scStructuredCabling\r\n    .sc-category-card:nth-child(4)\r\n    .sc-card-image img {\r\n    --product-scale: 1.4;\r\n  }\r\n\r\n  #scStructuredCabling\r\n    .sc-category-card:nth-child(5)\r\n    .sc-card-image img {\r\n    --product-scale: 1.02;\r\n  }\r\n\r\n  #scStructuredCabling\r\n    .sc-category-card:hover\r\n    .sc-card-image img {\r\n    transform:\r\n      scale(calc(var(--product-scale) * 1.025));\r\n  }\r\n\r\n  #scStructuredCabling .sc-image-cta {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 50%;\r\n    bottom: 12px;\r\n    min-width: 150px;\r\n    padding: 12px 22px;\r\n    border-radius: 999px;\r\n    color: #fff;\r\n    background: #111;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    transform: translate(-50%, 10px);\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\r\n  #scStructuredCabling\r\n    .sc-category-card:hover\r\n    .sc-image-cta,\r\n  #scStructuredCabling\r\n    .sc-image-cta:focus-visible {\r\n    opacity: 1;\r\n    transform: translate(-50%, 0);\r\n  }\r\n\r\n  #scStructuredCabling .sc-image-cta:hover {\r\n    background: #333;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    #scStructuredCabling .sc-hero {\r\n      min-height: 0;\r\n      padding: 80px 30px 55px;\r\n    }\r\n\r\n    #scStructuredCabling .sc-category-grid {\r\n      width: calc(100% - 40px);\r\n    }\r\n\r\n    #scStructuredCabling .sc-category-card {\r\n      width: min(420px, 78vw);\r\n      flex-basis: min(420px, 78vw);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    #scStructuredCabling {\r\n      padding-bottom: 80px;\r\n    }\r\n\r\n    #scStructuredCabling .sc-hero {\r\n      min-height: 0;\r\n      padding: 65px 22px 45px;\r\n    }\r\n\r\n    #scStructuredCabling .sc-hero-copy {\r\n      width: 100%;\r\n    }\r\n\r\n    #scStructuredCabling .sc-hero h1 {\r\n      font-size: clamp(38px, 11vw, 58px);\r\n    }\r\n\r\n    #scStructuredCabling .sc-hero-text {\r\n      margin-top: 20px;\r\n      font-size: 16px;\r\n    }\r\n\r\n    #scStructuredCabling .sc-actions {\r\n      gap: 20px;\r\n      margin-top: 25px;\r\n    }\r\n\r\n    #scStructuredCabling .sc-category-grid {\r\n      width: calc(100% - 28px);\r\n      gap: 18px;\r\n    }\r\n\r\n    #scStructuredCabling .sc-category-card {\r\n      width: 84%;\r\n      height: auto;\r\n      aspect-ratio: 3 \/ 4;\r\n      flex-basis: 84%;\r\n      padding: 28px 22px 20px;\r\n    }\r\n\r\n    #scStructuredCabling .sc-category-card h2 {\r\n      min-height: 62px;\r\n      font-size: clamp(22px, 6vw, 29px);\r\n    }\r\n\r\n    #scStructuredCabling .sc-image-cta {\r\n      bottom: 10px;\r\n      min-width: 130px;\r\n      padding: 11px 18px;\r\n      font-size: 14px;\r\n      opacity: 1;\r\n      transform: translate(-50%, 0);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<main\r\n  class=\"sc-page\"\r\n  id=\"scStructuredCabling\"\r\n>\r\n  <section class=\"sc-hero\">\r\n    <div class=\"sc-hero-copy\">\r\n      <h1>H\u1ec7 th\u1ed1ng C\u00e1p C\u1ea5u tr\u00fac<\/h1>\r\n\r\n      <p class=\"sc-hero-text\">\r\n        Gi\u1ea3i ph\u00e1p h\u1ec7 th\u1ed1ng c\u00e1p c\u1ea5u tr\u00fac c\u1ee7a Hermesys h\u1ed7 tr\u1ee3 c\u00e1c c\u00f4ng tr\u00ecnh t\u00f2a nh\u00e0, giao th\u00f4ng v\u1eadn t\u1ea3i, vi\u1ec5n th\u00f4ng v\u00e0 h\u1ea1 t\u1ea7ng c\u00f4ng c\u1ed9ng th\u00f4ng qua h\u1ec7 th\u1ed1ng c\u00e1p quang, c\u00e1p \u0111\u1ed3ng, m\u1ea1ng ph\u00e2n ph\u1ed1i ngo\u00e0i tr\u1eddi v\u00e0 h\u1ec7 th\u1ed1ng c\u00e1p th\u1ed5i kh\u00ed.\r\n      <\/p>\r\n\r\n      <div class=\"sc-actions\">\r\n        <a\r\n          class=\"sc-text-link\"\r\n          href=\"https:\/\/hermesys.com\/vi\/structured-cabling-fttx-access\/\"\r\n        >\r\n          Kh\u00e1m Ph\u00e1 Gi\u1ea3i Ph\u00e1p\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"sc-button\"\r\n          href=\"mailto:info@hermesys.com\"\r\n        >\r\n          Y\u00eau C\u1ea7u B\u00e1o Gi\u00e1\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section\r\n    class=\"sc-category-grid\"\r\n    aria-label=\"Structured cabling product categories\"\r\n  >\r\n    <article class=\"sc-category-card\">\r\n      <h2>\r\n        <a href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/hydra\/copper-fiber-fitting\/\">\r\n          Ph\u1ee5 Ki\u1ec7n \u0110\u1ed3ng &amp; Quang\r\n        <\/a>\r\n      <\/h2>\r\n\r\n      <div class=\"sc-card-image\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/UTP_C6_patch_cord_0805.png\"\r\n          alt=\"Hermesys Cat 6A patch cord\"\r\n          loading=\"eager\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n        <a\r\n          class=\"sc-image-cta\"\r\n          href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/hydra\/copper-fiber-fitting\/\"\r\n        >\r\n          Xem S\u1ea3n Ph\u1ea9m\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sc-category-card\">\r\n      <h2>\r\n        <a href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/ladonx\/fiber-optic-cable\/\">\r\n          H\u1ec7 Th\u1ed1ng C\u00e1p Quang\r\n        <\/a>\r\n      <\/h2>\r\n\r\n      <div class=\"sc-card-image\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/fiber-optic-cable.png\"\r\n          alt=\"Hermesys fiber optic cable\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n        <a\r\n          class=\"sc-image-cta\"\r\n          href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/ladonx\/fiber-optic-cable\/\"\r\n        >\r\n          Xem S\u1ea3n Ph\u1ea9m\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sc-category-card\">\r\n      <h2>\r\n        <a href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/ladonx\/ethernet-cable-up-to-cat8\/\">\r\n          C\u00e1p Ethernet L\u00ean \u0110\u1ebfn Cat8\r\n        <\/a>\r\n      <\/h2>\r\n\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\r\n        <a\r\n          class=\"sc-image-cta\"\r\n          href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/ladonx\/ethernet-cable-up-to-cat8\/\"\r\n        >\r\n          Xem S\u1ea3n Ph\u1ea9m\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sc-category-card\">\r\n      <h2>\r\n        <a href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/gryphonx\/\">\r\n          H\u1ec7 Th\u1ed1ng C\u00e1p Th\u1ed5i Kh\u00ed\r\n        <\/a>\r\n      <\/h2>\r\n\r\n      <div class=\"sc-card-image\">\r\n        <img\r\n          src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/Armored-Airblown-Bundle-Duct.png\"\r\n          alt=\"Hermesys air-blown fiber system\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n        <a\r\n          class=\"sc-image-cta\"\r\n          href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/gryphonx\/\"\r\n        >\r\n          Xem S\u1ea3n Ph\u1ea9m\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"sc-category-card\">\r\n      <h2>\r\n        <a href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/cetox\/\">\r\n          T\u1ee7 Rack &amp; T\u1ee7 Cabinet\r\n        <\/a>\r\n      <\/h2>\r\n\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\r\n        <a\r\n          class=\"sc-image-cta\"\r\n          href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/cetox\/\"\r\n        >\r\n          Xem S\u1ea3n Ph\u1ea9m\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n  <\/section>\r\n<\/main>\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, 5vw, 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.92);\r\n    transition: transform 0.45s ease;\r\n  }\r\n\r\n  .hx-card:hover img {\r\n    transform: scale(0.97);\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  }\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.9);\r\n    }\r\n\r\n    .hx-card:hover img {\r\n      transform: scale(0.94);\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      Gi\u1ea3i Ph\u00e1p C\u00e1p C\u00f4ng Nghi\u1ec7p\r\n    <\/h2>\r\n\r\n    <p class=\"hx-slider-description\">\r\n      Hermesys ph\u00e1t tri\u1ec3n c\u00e1c gi\u1ea3i ph\u00e1p c\u00e1p chuy\u00ean d\u1ee5ng, gi\u00fap duy tr\u00ec k\u1ebft n\u1ed1i cho h\u1ea1 t\u1ea7ng tr\u1ecdng y\u1ebfu t\u1ea1i c\u00e1c khu c\u00f4ng nghi\u1ec7p, c\u01a1 s\u1edf n\u0103ng l\u01b0\u1ee3ng v\u00e0 m\u00f4i tr\u01b0\u1eddng l\u01b0\u1ee1ng c\u01b0 kh\u1eafc nghi\u1ec7t.\r\n    <\/p>\r\n\r\n    <a\r\n      class=\"hx-learn-more\"\r\n      href=\"https:\/\/hermesys.com\/vi\/danh-muc-san-pham\/chimerax\/\"\r\n    >\r\n      T\u00ecm hi\u1ec3u th\u00eam\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\/07\/FRP.png\"\r\n          alt=\"Outdoor Non-Metallic FRP Armoured Cable\"\r\n          loading=\"eager\"\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\/vi\/san-pham\/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\/07\/oil-gas.png\"\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\/vi\/san-pham\/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\/07\/Amphibious.png\"\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\/vi\/san-pham\/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    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\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\">G\u00f3c Chuy\u00ean M\u00f4n M\u1edbi Nh\u1ea5t<\/h2>\r\n\r\n      <a\r\n        class=\"ha-view-all\"\r\n        href=\"https:\/\/hermesys.com\/vi\/technical-insights\/\"\r\n        aria-label=\"View all technical insights\"\r\n      >\r\n        Xem T\u1ea5t C\u1ea3 B\u00e0i Vi\u1ebft K\u1ef9 Thu\u1eadt\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\/vi\/200g-qsfp56-sr4-immersion-cooling-optical-module\/\"\r\n      >\r\n        <div class=\"ha-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2026\/07\/datacenter-liquid-cooling-server-blade-immersion_by-gene-twedt-for-microsoft-100884238-jpg.jpg\"\r\n            alt=\"Hermesys 200G QSFP56 SR4 immersion cooling optical module\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <h3 class=\"ha-card-title\">\r\n          Module Quang Hermesys 200G QSFP56 SR4 Cho H\u1ec7 Th\u1ed1ng L\u00e0m M\u00e1t Ng\u00e2m\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\/vi\/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\/08\/INDUSTRY-1.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          C\u00e1p RS-485 B\u1ecdc Gi\u00e1p Hermesys: Kh\u1ea3 N\u0103ng Ch\u1ecbu \u0110\u1ef1ng V\u01b0\u1ee3t Tr\u1ed9i Trong M\u00f4i Tr\u01b0\u1eddng C\u00f4ng Nghi\u1ec7p Kh\u1eafc Nghi\u1ec7t\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\/vi\/hollow-core-optical-fibres\/\"\r\n      >\r\n        <div class=\"ha-image\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/hermesys.com\/wp-content\/uploads\/2025\/03\/HCF-black.jpg\"\r\n            alt=\"Hollow-core optical fibre transmitting light through air\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n\r\n        <h3 class=\"ha-card-title\">\r\n          S\u1ee3i Quang L\u00f5i R\u1ed7ng: Ti\u1ec1m N\u0103ng \u0110\u1ed9t Ph\u00e1 C\u1ee7a C\u00f4ng Ngh\u1ec7 D\u1eabn Truy\u1ec1n \u00c1nh S\u00e1ng Qua Kh\u00f4ng Kh\u00ed\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>","protected":false},"excerpt":{"rendered":"<p>1.6T-DR8 OSFP 1.6 Tb\/s Engineered for what&#8217;s next. Ultra-high-density optical connectivity. Validated for compatibility with NVIDIA, Cisco, Arista, Juniper, and more. Learn more Premium 1UFiber Patch Panel Modular fiber management, designed for scalable deployments. 1.6T OSFP Active Electrical Cable High-speed, low-latency connectivity for next-generation AI infrastructure. MTP-12 to 2\u00d7MTP-4 Breakout Cable Flexible connectivity for high-density [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":43,"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.2 (Yoast SEO v28.2) - 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:modified_time\" content=\"2026-08-21T10:21:32+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: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-08-21T10:21:32+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\\\/2022\\\/06\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/hermesys.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/logo.png\",\"width\":236,\"height\":50,\"caption\":\"Hermesys\"},\"image\":{\"@id\":\"https:\\\/\\\/hermesys.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hermesys - Cabling and Data Centre Solutions","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.","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_modified_time":"2026-08-21T10:21:32+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_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 - Cabling and Data Centre Solutions","isPartOf":{"@id":"https:\/\/hermesys.com\/#website"},"datePublished":"2022-08-01T03:56:20+00:00","dateModified":"2026-08-21T10:21:32+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\/2022\/06\/logo.png","contentUrl":"https:\/\/hermesys.com\/wp-content\/uploads\/2022\/06\/logo.png","width":236,"height":50,"caption":"Hermesys"},"image":{"@id":"https:\/\/hermesys.com\/#\/schema\/logo\/image\/"}}]}},"_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":452,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/1631\/revisions"}],"predecessor-version":[{"id":13519,"href":"https:\/\/hermesys.com\/vi\/wp-json\/wp\/v2\/pages\/1631\/revisions\/13519"}],"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}]}}