{"id":20,"date":"2026-07-20T11:41:33","date_gmt":"2026-07-20T11:41:33","guid":{"rendered":"https:\/\/firstfibertech.com\/?page_id=20"},"modified":"2026-07-22T13:22:44","modified_gmt":"2026-07-22T13:22:44","slug":"20-2","status":"publish","type":"page","link":"https:\/\/firstfibertech.com\/zh\/","title":{"rendered":"\u5bb6"},"content":{"rendered":"\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u5168\u5c4f\u6e10\u53d8\u8f6e\u64ad\u56fe (Hero Slider) -->\n<!-- ========================================== -->\n<div class=\"ff-hero-slider\">\n    <!-- \u5e7b\u706f\u7247 1: 980EXP OTDR -->\n    <div class=\"ff-slide active\">\n        <a href=\"\/product\/980exp-otdr\" target=\"_blank\" title=\"980EXP OTDR\">\n            <img decoding=\"async\" src=\"https:\/\/ueeshop.ly200-cdn.com\/u_file\/UPBD\/UPBD365\/2410\/16\/photo\/980EXPOTDR.webp\" alt=\"980EXP OTDR\">\n        <\/a>\n    <\/div>\n    <!-- \u5e7b\u706f\u7247 2: 8000MAX OTDR -->\n    <div class=\"ff-slide\">\n        <a href=\"\/product\/8000max-otdr\" title=\"FirstFiber Technologies 8000MAX\">\n            <img decoding=\"async\" src=\"https:\/\/ueeshop.ly200-cdn.com\/u_file\/UPBD\/UPBD365\/2410\/18\/photo\/123.jpg\" alt=\"FirstFiber Technologies\">\n        <\/a>\n    <\/div>\n\n    <!-- \u5e95\u90e8\u8f6e\u64ad\u6307\u793a\u6a2a\u6761 -->\n    <div class=\"ff-slider-dots\">\n        <span class=\"ff-dot active\" data-index=\"0\"><\/span>\n        <span class=\"ff-dot\" data-index=\"1\"><\/span>\n    <\/div>\n<\/div>\n\n<style>\n    .ff-hero-slider {\n        position: relative;\n        width: 100%;\n        max-width: 100vw;\n        margin: 0 auto;\n        \/* \u7535\u8111\u7aef\u9ed8\u8ba4\u6bd4\u4f8b *\/\n        aspect-ratio: 1920 \/ 790; \n        overflow: hidden;\n        background: #f5f5f5;\n    }\n    .ff-slide {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        opacity: 0;\n        \/* \u4f7f\u7528 CSS3 \u786c\u4ef6\u52a0\u901f\u5b9e\u73b0\u4e1d\u6ed1\u7684\u6e10\u53d8\u5207\u6362 *\/\n        transition: opacity 0.8s ease-in-out;\n        z-index: 1;\n    }\n    .ff-slide.active {\n        opacity: 1;\n        z-index: 2;\n    }\n    .ff-slide img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n        display: block;\n    }\n    .ff-slider-dots {\n        position: absolute;\n        bottom: 30px;\n        width: 100%;\n        text-align: center;\n        z-index: 10;\n    }\n    .ff-dot {\n        display: inline-block;\n        width: 40px;\n        height: 4px;\n        background: rgba(255, 255, 255, 0.4);\n        margin: 0 6px;\n        cursor: pointer;\n        border-radius: 2px;\n        transition: all 0.3s;\n    }\n    .ff-dot.active {\n        background: #EC6608; \/* FirstFiber \u54c1\u724c\u6a59\u8272 *\/\n        width: 60px; \/* \u6fc0\u6d3b\u72b6\u6001\u7a0d\u5fae\u62c9\u957f\uff0c\u589e\u52a0\u9ad8\u7ea7\u611f *\/\n    }\n    \/* \u79fb\u52a8\u7aef\u667a\u80fd\u9002\u914d *\/\n    @media (max-width: 768px) {\n        .ff-hero-slider { aspect-ratio: 16 \/ 9; }\n        .ff-slider-dots { bottom: 15px; }\n        .ff-dot { width: 25px; height: 3px; }\n        .ff-dot.active { width: 40px; }\n    }\n<\/style>\n\n<script>\n    \/\/ \u8f6e\u64ad\u56fe\u795e\u7ecf\u4e2d\u67a2\u903b\u8f91\n    document.addEventListener('DOMContentLoaded', function() {\n        const slides = document.querySelectorAll('.ff-slide');\n        const dots = document.querySelectorAll('.ff-dot');\n        let currentIndex = 0;\n        let timer;\n\n        function showSlide(index) {\n            slides.forEach(s => s.classList.remove('active'));\n            dots.forEach(d => d.classList.remove('active'));\n            slides[index].classList.add('active');\n            dots[index].classList.add('active');\n        }\n\n        function nextSlide() {\n            currentIndex = (currentIndex + 1) % slides.length;\n            showSlide(currentIndex);\n        }\n\n        function startTimer() {\n            \/\/ \u8bbe\u7f6e 5 \u79d2\u81ea\u52a8\u5207\u6362\n            timer = setInterval(nextSlide, 5000); \n        }\n\n        \/\/ \u76d1\u542c\u5706\u70b9\u70b9\u51fb\u4e8b\u4ef6\n        dots.forEach(dot => {\n            dot.addEventListener('click', function() {\n                clearInterval(timer);\n                currentIndex = parseInt(this.getAttribute('data-index'));\n                showSlide(currentIndex);\n                startTimer(); \/\/ \u70b9\u51fb\u540e\u91cd\u65b0\u5f00\u59cb\u8ba1\u65f6\n            });\n        });\n\n        startTimer();\n    });\n<\/script>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u7248\u591a\u6807\u7b7e\u70ed\u95e8\u4ea7\u54c1\u533a (Featured Products) -->\n<!-- ========================================== -->\n<div class=\"ff-featured-section\">\n    <h2 class=\"ff-section-title\">FEATURED PRODUCTS<\/h2>\n    \n    <!-- \u9009\u9879\u5361\u5934\u90e8 -->\n    <div class=\"ff-tab-headers\">\n        <button class=\"ff-tab-btn active\" data-target=\"ff-tab-1\">OTDR<\/button>\n        <button class=\"ff-tab-btn\" data-target=\"ff-tab-2\">Test &amp; Measurement<\/button>\n        <button class=\"ff-tab-btn\" data-target=\"ff-tab-3\">Fiber Cabling<\/button>\n    <\/div>\n\n    <!-- \u9009\u9879\u5361\u5185\u5bb9\u533a -->\n    <div class=\"ff-tab-body\">\n        \n        <!-- \u6807\u7b7e 1: OTDR -->\n        <div class=\"ff-tab-panel active\" id=\"ff-tab-1\">\n            <div class=\"ff-product-grid\">\n                <!-- \u4ea7\u54c1 1 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/ff-980rev-mini-pro-otdr-reflectometer\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-ff-980rev-otdr-reflectometer.webp\" alt=\"Front view of the FirstFiber FF-980REV 9-in-1 mini pro OTDR reflectometer designed for 60km field fiber testing\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/ff-980rev-mini-pro-otdr-reflectometer\">FF-980REV mini pro OTDR Reflectometer 9 functions in 1 device<\/a><\/h4>\n                    <a href=\"\/product\/ff-980rev-mini-pro-otdr-reflectometer\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n                <!-- \u4ea7\u54c1 2 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/optical-fiber-otdr-mini-reflectometer-with-vfl-ols-opm-touch-screen-sc-connector-ff-960\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-ff-960-otdr-reflectometer.webp\" alt=\"The main interface of FirstFiber FF-960 ultra mini OTDR displaying a comprehensive menu of all functions\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/optical-fiber-otdr-mini-reflectometer-with-vfl-ols-opm-touch-screen-sc-connector-ff-960\">Optical Fiber OTDR Mini Reflectometer FF-960<\/a><\/h4>\n                    <a href=\"\/product\/optical-fiber-otdr-mini-reflectometer-with-vfl-ols-opm-touch-screen-sc-connector-ff-960\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n                <!-- \u4ea7\u54c1 3 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/980tek-otdr\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-ff-980tek-otdr-reflectometer.webp\" alt=\"The screen of FirstFiber FF-980TEK OTDR reflectometer displaying a clear event map for intuitive fiber link analysis\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/980tek-otdr\">980TEK OTDR Reflectometer with OPM OLS VFL RJ45<\/a><\/h4>\n                    <a href=\"\/product\/980tek-otdr\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"ff-see-all\"><a href=\"\/products\/otdr\/\" class=\"ff-see-all-btn\">See More Products<\/a><\/div>\n        <\/div>\n\n        <!-- \u6807\u7b7e 2: Test & Measurement -->\n        <div class=\"ff-tab-panel\" id=\"ff-tab-2\">\n            <div class=\"ff-product-grid\">\n                <!-- \u4ea7\u54c1 1 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/ff-3306g-optical-fiber-identifier-with-vfl-and-opm\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-ff-3306g-optical-fiber-identifier-ofi.webp\" alt=\"FirstFiber FF-3306G optical fiber identifier (OFI) designed for efficient cable management and identifying messy fibers in server rooms\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/ff-3306g-optical-fiber-identifier-with-vfl-and-opm\">FF-3306G Optical Fiber Identifier with VFL and OPM<\/a><\/h4>\n                    <a href=\"\/product\/ff-3306g-optical-fiber-identifier-with-vfl-and-opm\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n                <!-- \u4ea7\u54c1 2 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/ff-3215-optical-power-meter\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-ff-3215-optical-power-meter-opm.webp\" alt=\"FirstFiber FF-3215 optical power meter featuring a sunlight-readable true color LCD and 6 wavelengths support for outdoor network maintenance\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/ff-3215-optical-power-meter\">FF-3215 Optical Power Meter OPM and VFL<\/a><\/h4>\n                    <a href=\"\/product\/ff-3215-optical-power-meter\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n                <!-- \u4ea7\u54c1 3 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/fiber-optic-multi-meter-high-performance-80h-series\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-80h-optical-multi-meter.webp\" alt=\"FirstFiber 80H optical multimeter integrating OPM, OLS, and VFL functions, equipped with a high-end photodetector for precise fiber testing\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/fiber-optic-multi-meter-high-performance-80h-series\">Fiber Optic Multi meter High Performance 80H Series<\/a><\/h4>\n                    <a href=\"\/product\/fiber-optic-multi-meter-high-performance-80h-series\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"ff-see-all\"><a href=\"\/products\/test-and-measurement\/\" class=\"ff-see-all-btn\">See More Products<\/a><\/div>\n        <\/div>\n\n        <!-- \u6807\u7b7e 3: Fiber Cabling -->\n        <div class=\"ff-tab-panel\" id=\"ff-tab-3\">\n            <div class=\"ff-product-grid\">\n                <!-- \u4ea7\u54c1 1 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/esc920h-sc-apc-fast-connector\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-esc920h-sc-apc-fast-connector.webp\" alt=\"FirstFiber ESC920H SC\/APC fast connector widely used for FTTH drop cable termination and reliable ONU connections\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/esc920h-sc-apc-fast-connector\">ESC920H SC\/APC Fast Connector Fiber Optic Assembly<\/a><\/h4>\n                    <a href=\"\/product\/esc920h-sc-apc-fast-connector\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n                <!-- \u4ea7\u54c1 2 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/12-color-sc-apc-fiber-pigtail\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-sc-apc-single-mode-fiber-pigtail.webp\" alt=\"FirstFiber 12-core color-coded SC\/APC single-mode fiber pigtail designed for fusion splicing in optical distribution frames (ODF)\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/12-color-sc-apc-fiber-pigtail\">12 Color SC APC fiber Pigtail Bunch 12 Core Single Mode<\/a><\/h4>\n                    <a href=\"\/product\/12-color-sc-apc-fiber-pigtail\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n                <!-- \u4ea7\u54c1 3 -->\n                <div class=\"ff-prod-card\">\n                    <div class=\"ff-prod-img\"><a href=\"\/product\/lc-adapter-optical-fiber-connector\"><img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-lc-apc-fiber-connector-bulkhead.webp\" alt=\"FirstFiber LC\/APC fiber optic bulkhead adapter engineered for high-density cabling in data center patch panels\"><\/a><\/div>\n                    <h4 class=\"ff-prod-title\"><a href=\"\/product\/lc-adapter-optical-fiber-connector\">LC Adapter Optical Fiber Connector 6 Cores SM MM<\/a><\/h4>\n                    <a href=\"\/product\/lc-adapter-optical-fiber-connector\" class=\"ff-view-btn\">VIEW MORE<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"ff-see-all\"><a href=\"\/products\/fiber-cabling\/\" class=\"ff-see-all-btn\">See More Products<\/a><\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    .ff-featured-section { max-width: 1200px; margin: 60px auto; padding: 0 20px; font-family: Arial, sans-serif; text-align: center; }\n    .ff-section-title { font-size: 32px; font-weight: 900; color: #333; margin-bottom: 30px; letter-spacing: -0.5px; }\n    \n    \/* \u9009\u9879\u5361\u6392\u7248 *\/\n    .ff-tab-headers { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; }\n    .ff-tab-btn { background: none; border: none; font-size: 18px; font-weight: bold; color: #666; cursor: pointer; padding-bottom: 8px; border-bottom: 3px solid transparent; transition: all 0.3s ease; }\n    .ff-tab-btn:hover { color: #EC6608; }\n    .ff-tab-btn.active { color: #EC6608; border-bottom-color: #EC6608; }\n\n    \/* \u5185\u5bb9\u533a\u6392\u7248 *\/\n    .ff-tab-panel { display: none; animation: ffFadeIn 0.5s ease; }\n    .ff-tab-panel.active { display: block; }\n    @keyframes ffFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n\n    \/* \u4ea7\u54c1\u7f51\u683c *\/\n    .ff-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 40px; }\n    .ff-prod-card { background: #fff; border: 1px solid #eee; padding: 20px; border-radius: 8px; transition: box-shadow 0.3s ease; text-align: left; }\n    .ff-prod-card:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.08); }\n    .ff-prod-img { width: 100%; aspect-ratio: 1\/1; overflow: hidden; margin-bottom: 15px; border-radius: 4px; }\n    .ff-prod-img img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s ease; }\n    .ff-prod-card:hover .ff-prod-img img { transform: scale(1.05); }\n    .ff-prod-title { font-size: 15px; line-height: 1.4; margin-bottom: 15px; height: 42px; overflow: hidden; }\n    .ff-prod-title a { color: #333; text-decoration: none; transition: color 0.3s; }\n    .ff-prod-title a:hover { color: #EC6608; }\n    \n    \/* \u6309\u94ae *\/\n    .ff-view-btn { display: inline-block; padding: 8px 20px; border: 1px solid #333; color: #333; text-decoration: none; font-size: 13px; font-weight: bold; border-radius: 4px; transition: all 0.3s; }\n    .ff-view-btn:hover { background: #EC6608; border-color: #EC6608; color: #fff; }\n    .ff-see-all-btn { display: inline-block; padding: 12px 30px; background: #EC6608; color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; border-radius: 4px; transition: background 0.3s; }\n    .ff-see-all-btn:hover { background: #d55a06; }\n\n    \/* \u79fb\u52a8\u7aef\u9002\u914d *\/\n    @media (max-width: 768px) {\n        .ff-product-grid { grid-template-columns: repeat(1, 1fr); gap: 20px; }\n        .ff-tab-btn { font-size: 16px; }\n    }\n<\/style>\n\n<script>\n    \/\/ \u96f6\u5ef6\u8fdf\u9009\u9879\u5361\u5207\u6362\u795e\u7ecf\u4e2d\u67a2\n    document.addEventListener('DOMContentLoaded', function() {\n        const tabBtns = document.querySelectorAll('.ff-tab-btn');\n        const tabPanels = document.querySelectorAll('.ff-tab-panel');\n\n        tabBtns.forEach(btn => {\n            btn.addEventListener('click', function() {\n                \/\/ \u79fb\u9664\u6240\u6709 active \u72b6\u6001\n                tabBtns.forEach(b => b.classList.remove('active'));\n                tabPanels.forEach(p => p.classList.remove('active'));\n                \n                \/\/ \u6fc0\u6d3b\u5f53\u524d\u70b9\u51fb\u7684\u6807\u7b7e\u548c\u5bf9\u5e94\u7684\u9762\u677f\n                this.classList.add('active');\n                const targetId = this.getAttribute('data-target');\n                document.getElementById(targetId).classList.add('active');\n            });\n        });\n    });\n<\/script>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u7248\u70ed\u95e8\u4ea7\u54c1\u533a (3\u5217x2\u884c\uff0c\u9002\u914d GP \u4e3b\u9898) -->\n<!-- ========================================== -->\n<div class=\"grid-container\">\n    <div class=\"ff-products-section\">\n        \n        <!-- \u5934\u90e8\u6807\u9898\u533a -->\n        <div class=\"ff-products-header\">\n            <h2 class=\"ff-section-title\">POPULAR PRODUCTS<\/h2>\n            <div class=\"ff-title-line\"><\/div>\n            <p class=\"ff-section-subtitle\">Discover our most trusted optical fiber testing and measurement solutions.<\/p>\n        <\/div>\n\n        <!-- \ud83c\udf1f \u6838\u5fc3\u4fee\u6539\uff1a\u6539\u4e3a 6\u4ea7\u54c1\u7f51\u683c\u77e9\u9635 -->\n        <div class=\"ff-products-grid\">\n            \n            <!-- ================= \u7b2c\u4e00\u884c (3\u4e2a) ================= -->\n            <div class=\"ff-product-card\">\n                <div class=\"ff-product-img-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-980rtc-mini-otdr-3-wavelength-live-testing.webp\" alt=\"FF-980REV OTDR\" class=\"ff-product-img\">\n                <\/div>\n                <div class=\"ff-product-info\">\n                    <h3 class=\"ff-product-title\">980RTC OTDR<\/h3>\n                    <p class=\"ff-product-desc\">High precision optical time-domain reflectometer for smart network testing.<\/p>\n                    <a href=\"\/products\/ff-980rev\/\" class=\"ff-product-btn\">VIEW DETAILS <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ff-product-card\">\n                <div class=\"ff-product-img-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-fc1300-hand-held-otdr-rj45-laser-rangefinder.webp\" alt=\"Hand-held view of the FirstFiber FC1300 fiber and copper multimeter, an efficient all-in-one tool integrating expert OTDR, RJ45 testing, and a professional laser rangefinder\" class=\"ff-product-img\">\n                <\/div>\n                <div class=\"ff-product-info\">\n                    <h3 class=\"ff-product-title\">980EXP Expert OTDR<\/h3>\n                    <p class=\"ff-product-desc\">Advanced multi-functional OTDR designed for comprehensive field applications.<\/p>\n                    <a href=\"\/products\/980exp\/\" class=\"ff-product-btn\">VIEW DETAILS <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ff-product-card\">\n                <div class=\"ff-product-img-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-upgraded-splitter-otdr-high-loss-sor-display.webp\" alt=\"The FirstFiber Splitter OTDR (upgraded from FF-990PRO series) showing a real-time SOR trace to demonstrate its powerful high-loss PON network testing capability\" class=\"ff-product-img\">\n                <\/div>\n                <div class=\"ff-product-info\">\n                    <h3 class=\"ff-product-title\">FF-990PRO OTDR<\/h3>\n                    <p class=\"ff-product-desc\">Next-generation PON network tester for seamless FTTx deployment.<\/p>\n                    <a href=\"\/products\/pon-nst3\/\" class=\"ff-product-btn\">VIEW DETAILS <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/a>\n                <\/div>\n            <\/div>\n\n            <!-- ================= \u7b2c\u4e8c\u884c (3\u4e2a) ================= -->\n            <div class=\"ff-product-card\">\n                <div class=\"ff-product-img-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-980ext-otdr.webp\" alt=\"The FirstFiber 980EXT Pro mini OTDR displaying all functions, including standard optical tools and compatibility with the FF-700AP fiber end-face inspector\" class=\"ff-product-img\">\n                <\/div>\n                <div class=\"ff-product-info\">\n                    <h3 class=\"ff-product-title\">980EXT OTDR<\/h3>\n                    <p class=\"ff-product-desc\">Compact and rugged optical power meter for daily maintenance.<\/p>\n                    <a href=\"\/products\/power-meter\/\" class=\"ff-product-btn\">VIEW DETAILS <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ff-product-card\">\n                <div class=\"ff-product-img-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-pon-nst-onu-detector-status-testing.webp\" alt=\"Front view of the FirstFiber PON-NST Network State Tester, a dedicated ONU detector designed for real-time PON network status detection\" class=\"ff-product-img\">\n                <\/div>\n                <div class=\"ff-product-info\">\n                    <h3 class=\"ff-product-title\">PON-NST Network State Tester<\/h3>\n                    <p class=\"ff-product-desc\">Core alignment technology for ultra-low splice loss and fast operation.<\/p>\n                    <a href=\"\/products\/fusion-splicer\/\" class=\"ff-product-btn\">VIEW DETAILS <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"ff-product-card\">\n                <div class=\"ff-product-img-wrap\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-96-port-st-odf-fdu-fully-loaded.webp\" alt=\"FirstFiber 96-core ST fiber distribution unit (FDU) kit with all essential accessories and ST pigtails, designed for fast and ready-to-use rack installation\" class=\"ff-product-img\">\n                <\/div>\n                <div class=\"ff-product-info\">\n                    <h3 class=\"ff-product-title\">ODF Frame<\/h3>\n                    <p class=\"ff-product-desc\">High precision cutting tool designed for single and ribbon fiber cable.<\/p>\n                    <a href=\"\/products\/fiber-cleaver\/\" class=\"ff-product-btn\">VIEW DETAILS <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n        \n        <!-- \u5e95\u90e8\u67e5\u770b\u6240\u6709\u4ea7\u54c1\u6309\u94ae -->\n        <div class=\"ff-products-footer\">\n            <a href=\"\/products\/\" class=\"ff-btn-primary\">EXPLORE ALL PRODUCTS<\/a>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n    .ff-products-section {\n        width: 100%;\n        margin: 80px 0; \n        font-family: Arial, sans-serif;\n    }\n    \n    .ff-products-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n    .ff-products-header .ff-section-title {\n        font-size: 32px;\n        font-weight: 900;\n        color: #333;\n        margin-bottom: 15px;\n        text-transform: uppercase;\n    }\n    .ff-title-line {\n        width: 60px;\n        height: 4px;\n        background: #EC6608; \n        margin: 0 auto 15px auto;\n        border-radius: 2px;\n    }\n    .ff-section-subtitle {\n        font-size: 16px;\n        color: #666;\n    }\n\n    \/* \ud83c\udf1f \u6838\u5fc3\u4fee\u6539\uff1a3\u5217\u7f51\u683c\u6392\u7248 *\/\n    .ff-products-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr); \/* \u53d8\u66f4\u4e3a\u6bcf\u884c3\u4e2a *\/\n        gap: 30px;\n        margin-bottom: 50px;\n    }\n\n    .ff-product-card {\n        background: #ffffff;\n        border: 1px solid #f0f0f0;\n        border-radius: 6px;\n        overflow: hidden;\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n    }\n    .ff-product-card:hover {\n        border-color: #EC6608;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n        transform: translateY(-5px);\n    }\n\n    .ff-product-img-wrap {\n        width: 100%;\n        aspect-ratio: 1 \/ 1; \n        overflow: hidden;\n        background: #fdfdfd;\n        border-bottom: 1px solid #f5f5f5;\n    }\n    .ff-product-img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain; \n        transition: transform 0.5s ease;\n    }\n    .ff-product-card:hover .ff-product-img {\n        transform: scale(1.08); \n    }\n\n    .ff-product-info {\n        padding: 25px 20px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    .ff-product-title {\n        font-size: 18px;\n        font-weight: bold;\n        color: #333;\n        margin: 0 0 10px 0;\n        line-height: 1.3;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    .ff-product-desc {\n        font-size: 14px;\n        color: #777;\n        line-height: 1.6;\n        margin: 0 0 20px 0;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        flex-grow: 1;\n    }\n\n    .ff-product-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        color: #333;\n        font-size: 14px;\n        font-weight: bold;\n        text-decoration: none;\n        transition: color 0.3s ease;\n        margin-top: auto; \n    }\n    .ff-product-card:hover .ff-product-btn {\n        color: #EC6608;\n    }\n    .ff-product-btn svg {\n        transition: transform 0.3s ease;\n    }\n    .ff-product-card:hover .ff-product-btn svg {\n        transform: translateX(5px); \n    }\n\n    .ff-products-footer {\n        text-align: center;\n    }\n    .ff-btn-primary {\n        display: inline-block;\n        padding: 14px 40px;\n        background: #EC6608;\n        color: #ffffff;\n        text-decoration: none;\n        font-size: 15px;\n        font-weight: bold;\n        border-radius: 4px;\n        transition: all 0.3s ease;\n        letter-spacing: 1px;\n        box-shadow: 0 4px 15px rgba(236, 102, 8, 0.2);\n    }\n    .ff-btn-primary:hover {\n        background: #d55a06;\n        box-shadow: 0 6px 20px rgba(236, 102, 8, 0.4);\n        transform: translateY(-2px);\n    }\n\n    \/* \u79fb\u52a8\u7aef\u667a\u80fd\u9002\u914d *\/\n    @media (max-width: 1024px) {\n        \/* \u5e73\u677f\u7aef\u4fdd\u63012\u5217\u6bd4\u8f83\u534f\u8c03 *\/\n        .ff-products-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n    }\n    @media (max-width: 600px) {\n        \/* \u624b\u673a\u7aef\u53d8\u56de1\u5217 *\/\n        .ff-products-grid { grid-template-columns: 1fr; }\n        .ff-product-info { text-align: center; }\n        .ff-product-btn { justify-content: center; }\n        .ff-products-section { margin: 40px 0; }\n    }\n<\/style>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u7248\u5ba2\u6237\u8bc4\u4ef7\u5c55\u793a\u533a (\u4eae\u84dd\u79d1\u6280\u906e\u7f69 + \u5927\u7bad\u5934) -->\n<!-- ========================================== -->\n<div class=\"ff-reviews-section\">\n    <!-- \u9876\u90e8\u5168\u5bbd\u80cc\u666f\u56fe (\u81ea\u5e26\u4eae\u84dd\u8272\u906e\u7f69) -->\n    <div class=\"ff-reviews-bg\">\n        <img decoding=\"async\" src=\"https:\/\/ueeshop.ly200-cdn.com\/static\/v1\/themes\/visual\/mode_v2\/review\/mode_5\/index10.jpg\" alt=\"FirstFiber Customer Reviews Background\">\n    <\/div>\n    \n    <!-- \u60ac\u6d6e\u8bc4\u4ef7\u6846 -->\n    <div class=\"ff-reviews-overlap\">\n        <h2 class=\"ff-section-title\" style=\"margin-bottom: 40px; text-align: center;\">What People Say\u2019s About Us<\/h2>\n        \n        <!-- \u5de6\u4fa7\u7bad\u5934 (\u5df2\u653e\u5927) -->\n        <button class=\"ff-arrow ff-prev\" aria-label=\"Previous\">&#10094;<\/button>\n        <!-- \u53f3\u4fa7\u7bad\u5934 (\u5df2\u653e\u5927) -->\n        <button class=\"ff-arrow ff-next\" aria-label=\"Next\">&#10095;<\/button>\n\n        <div class=\"ff-review-slider\">\n            <!-- \u8bc4\u4ef7 1 -->\n            <div class=\"ff-review-slide active\">\n                <div class=\"ff-reviewer\">\n                    <img decoding=\"async\" src=\"https:\/\/ueeshop.ly200-cdn.com\/static\/v1\/themes\/visual\/mode_v2\/review\/mode_5\/index00.jpg\" alt=\"John Smith\" class=\"ff-avatar\">\n                    <div class=\"ff-reviewer-info\">\n                        <h4>John Smith<\/h4>\n                        <span>A leading IT company<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ff-review-text-wrap\">\n                    <p class=\"ff-review-text\">&#8220;Great team to work with, they understood my requirements and helped me go my fiber project within hours and delivered the results ahead of schedule&#8221;<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- \u8bc4\u4ef7 2 -->\n            <div class=\"ff-review-slide\">\n                <div class=\"ff-reviewer\">\n                    <img decoding=\"async\" src=\"https:\/\/ueeshop.ly200-cdn.com\/u_file\/UPBD\/UPBD365\/2410\/19\/photo\/123-2cda.jpg\" alt=\"Landon\" class=\"ff-avatar\">\n                    <div class=\"ff-reviewer-info\">\n                        <h4>Landon<\/h4>\n                        <span>A Telecom Carrier<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ff-review-text-wrap\">\n                    <p class=\"ff-review-text\">&#8220;These team members from FirstFiber Technologies are proffessional on OTDR operation and knows more its details on OTDR trace&#8221;<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- \u8bc4\u4ef7 3 -->\n            <div class=\"ff-review-slide\">\n                <div class=\"ff-reviewer\">\n                    <img decoding=\"async\" src=\"https:\/\/ueeshop.ly200-cdn.com\/u_file\/UPBD\/UPBD365\/2410\/19\/photo\/20.jpg\" alt=\"Geraldine\" class=\"ff-avatar\">\n                    <div class=\"ff-reviewer-info\">\n                        <h4>Geraldine<\/h4>\n                        <span>An Exclusive Agent<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"ff-review-text-wrap\">\n                    <p class=\"ff-review-text\">&#8220;Great team to work with, they understood my requirements and helped me go my fiber project within hours and delivered the results ahead of schedule&#8221;<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .ff-reviews-section {\n        position: relative;\n        background: #fdfaf7; \n        padding-bottom: 80px;\n        font-family: Arial, sans-serif;\n    }\n    \n    \/* \ud83c\udf1f \u65b0\u589e\uff1a\u5168\u5bbd\u80cc\u666f\u56fe\u4e0e\u4eae\u84dd\u8272\u906e\u7f69 *\/\n    .ff-reviews-bg {\n        position: relative; \/* \u4e3a\u906e\u7f69\u5c42\u505a\u5b9a\u4f4d\u57fa\u51c6 *\/\n        width: 100%;\n        height: 380px; \n    }\n    .ff-reviews-bg::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(0, 102, 255, 0.8); \/* \u4eae\u79d1\u6280\u84dd\u906e\u7f69\uff0c30%\u900f\u660e\u5ea6 *\/\n        z-index: 1;\n    }\n    .ff-reviews-bg img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .ff-reviews-overlap {\n        max-width: 900px;\n        margin: -150px auto 0; \n        background: #ffffff;\n        padding: 50px 70px; \n        border-radius: 8px;\n        box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n        position: relative;\n        z-index: 2; \/* \u786e\u4fdd\u60ac\u6d6e\u6846\u5728\u906e\u7f69\u4e4b\u4e0a *\/\n    }\n\n    \/* \ud83c\udf1f \u66f4\u65b0\uff1a\u8d85\u5927\u53f7\u5de6\u53f3\u7bad\u5934\u6837\u5f0f *\/\n    .ff-arrow {\n        position: absolute;\n        top: 55%;\n        transform: translateY(-50%);\n        background: none;\n        border: none;\n        font-size: 50px; \/* \u7bad\u5934\u5b57\u53f7\u52a0\u5927\u523050px *\/\n        color: #cccccc;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        z-index: 10;\n        padding: 10px;\n        font-weight: 300;\n    }\n    .ff-arrow:hover {\n        color: #EC6608;\n        transform: translateY(-50%) scale(1.1); \/* \u60ac\u6d6e\u7a0d\u5fae\u653e\u5927\uff0c\u4f46\u4e0d\u81f3\u4e8e\u592a\u8fc7\u5938\u5f20 *\/\n    }\n    .ff-prev { left: 10px; }\n    .ff-next { right: 10px; }\n\n    \/* \u5de6\u53f3\u5206\u680f\u6838\u5fc3\u903b\u8f91 *\/\n    .ff-review-slider {\n        position: relative;\n        min-height: 150px; \n    }\n    .ff-review-slide {\n        display: none; \n        align-items: center;\n        gap: 40px;\n        animation: ffFadeIn 0.6s ease;\n    }\n    .ff-review-slide.active {\n        display: flex; \n    }\n    @keyframes ffFadeIn {\n        from { opacity: 0; transform: translateX(20px); }\n        to { opacity: 1; transform: translateX(0); }\n    }\n\n    \/* \u5de6\u4fa7\u5934\u50cf\u533a *\/\n    .ff-reviewer {\n        flex: 0 0 200px; \n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        border-right: 1px solid #eeeeee; \n        padding-right: 40px;\n    }\n    .ff-avatar {\n        width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 2px solid #EC6608; margin-bottom: 15px;\n    }\n    .ff-reviewer-info h4 { margin: 0 0 5px; color: #333; font-size: 16px; font-weight: bold; }\n    .ff-reviewer-info span { color: #888; font-size: 13px; }\n\n    \/* \u53f3\u4fa7\u8bc4\u4ef7\u533a *\/\n    .ff-review-text-wrap {\n        flex: 1;\n        position: relative;\n    }\n    .ff-review-text {\n        font-size: 18px;\n        line-height: 1.8;\n        color: #555;\n        font-style: italic;\n        margin: 0;\n    }\n    .ff-review-text::before {\n        content: '\u201c';\n        font-size: 60px;\n        color: #EC6608;\n        opacity: 0.15;\n        position: absolute;\n        top: -20px; left: -30px;\n        font-family: serif;\n    }\n\n    \/* \u624b\u673a\u7aef\u54cd\u5e94\u5f0f *\/\n    @media (max-width: 768px) {\n        .ff-reviews-bg { height: 250px; }\n        .ff-reviews-overlap { margin: -80px 15px 0; padding: 40px 30px; }\n        .ff-review-slide { flex-direction: column; gap: 20px; text-align: center; }\n        .ff-reviewer { flex: auto; border-right: none; border-bottom: 1px solid #eee; padding-right: 0; padding-bottom: 20px; width: 100%; }\n        .ff-review-text::before { left: 0; top: -30px; }\n        .ff-arrow { font-size: 35px; } \/* \u624b\u673a\u7aef\u7bad\u5934\u4e5f\u9002\u5ea6\u52a0\u5927 *\/\n        .ff-prev { left: -5px; }\n        .ff-next { right: -5px; }\n    }\n<\/style>\n\n<script>\n    \/\/ \u5de6\u53f3\u7bad\u5934\u5207\u6362\u795e\u7ecf\u4e2d\u67a2\n    document.addEventListener('DOMContentLoaded', function() {\n        const slides = document.querySelectorAll('.ff-review-slide');\n        const prevBtn = document.querySelector('.ff-prev');\n        const nextBtn = document.querySelector('.ff-next');\n        let index = 0;\n        let timer;\n\n        function showSlide(newIndex) {\n            slides.forEach(s => s.classList.remove('active'));\n            slides[newIndex].classList.add('active');\n        }\n\n        function nextSlide() {\n            index = (index + 1) % slides.length;\n            showSlide(index);\n        }\n\n        function prevSlide() {\n            index = (index - 1 + slides.length) % slides.length;\n            showSlide(index);\n        }\n\n        function startTimer() {\n            clearInterval(timer);\n            timer = setInterval(nextSlide, 6000); \n        }\n\n        nextBtn.addEventListener('click', function() {\n            nextSlide();\n            startTimer();\n        });\n\n        prevBtn.addEventListener('click', function() {\n            prevSlide();\n            startTimer();\n        });\n\n        startTimer();\n    });\n<\/script>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u7248\u9ad8\u6027\u80fd\u89c6\u9891\u5c55\u5385 (\u5de6\u56fe\u53f3\u6587\u5217\u8868\u7248) -->\n<!-- ========================================== -->\n<div class=\"ff-video-section\">\n    <div class=\"ff-video-header\">\n        <h2 class=\"ff-section-title\">OTDR Operation Videos<\/h2>\n        <p class=\"ff-section-subtitle\">Share techniques and how to use our products<\/p>\n    <\/div>\n\n    <!-- \u89c6\u9891\u5217\u8868\u77e9\u9635 (PC\u7aef2\u5217\uff0c\u79fb\u52a8\u7aef1\u5217) -->\n    <div class=\"ff-video-list\">\n        \n        <!-- Video 1 -->\n        <div class=\"ff-video-list-item\" data-video-src=\"https:\/\/videos.sproutvideo.com\/embed\/069edfb61c1be4c08f\/dc7718b09e40c8dd\">\n            <div class=\"ff-video-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-ff980rev-otdr-operation-video-tutorial-cover.webp\" alt=\"Official video tutorial cover for operating the FirstFiber FF-980REV OTDR, providing step-by-step instructions for fiber network testing\">\n                <div class=\"ff-play-btn\"><\/div>\n            <\/div>\n            <div class=\"ff-video-info\">\n                <h3 class=\"ff-video-title\">FF-980REV OTDR Operation Demo<\/h3>\n                <p class=\"ff-video-desc\">Watch this step-by-step demonstration to master the core functions and testing process of the FF-980REV.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Video 2 -->\n        <div class=\"ff-video-list-item\" data-video-src=\"https:\/\/videos.sproutvideo.com\/embed\/ea9edfb51a19e7c063\/ecd12a261b377b32\">\n            <div class=\"ff-video-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-980exp-otdr-video-tutorial-fiber-spool-testing.webp\" alt=\"Hands-on instructional video for the FirstFiber 980EXP, featuring a live demonstration of bare fiber spool testing for telecom technicians\">\n                <div class=\"ff-play-btn\"><\/div>\n            <\/div>\n            <div class=\"ff-video-info\">\n                <h3 class=\"ff-video-title\">980EXP OTDR Operation Demo<\/h3>\n                <p class=\"ff-video-desc\">Learn how to configure and operate the 980EXP OTDR device effectively with our quick video guide.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Video 3 -->\n        <div class=\"ff-video-list-item\" data-video-src=\"https:\/\/videos.sproutvideo.com\/embed\/799fd9b7181ae1c5f0\/1218695eb3e6718c\">\n            <div class=\"ff-video-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-ff960-otdr-video-tutorial-parameter-setup.webp\" alt=\"Instructional video thumbnail of the FirstFiber FF-960 OTDR, guiding technicians on how to configure essential testing parameters like range and pulse width\">\n                <div class=\"ff-play-btn\"><\/div>\n            <\/div>\n            <div class=\"ff-video-info\">\n                <h3 class=\"ff-video-title\">FF-960 OTDR Operation Demo<\/h3>\n                <p class=\"ff-video-desc\">A detailed tutorial on utilizing the FF-960 for accurate optical fiber network troubleshooting.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Video 4 -->\n        <div class=\"ff-video-list-item\" data-video-src=\"https:\/\/videos.sproutvideo.com\/embed\/a790d4b51e1ce8ca2e\/a9ac81e830dd72ee\">\n            <div class=\"ff-video-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-980tek-otdr-demo-video.webp\" alt=\"FirstFiber 980TEK OTDR Demo Video\">\n                <div class=\"ff-play-btn\"><\/div>\n            <\/div>\n            <div class=\"ff-video-info\">\n                <h3 class=\"ff-video-title\">FF-980TEK OTDR Operation Demo<\/h3>\n                <p class=\"ff-video-desc\">Explore the advanced measurement capabilities and interface navigation of the FF-980TEK.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Video 5 -->\n        <div class=\"ff-video-list-item\" data-video-src=\"https:\/\/videos.sproutvideo.com\/embed\/4d90d5b71f19e7c0c4\/24bfa86599a84809\">\n            <div class=\"ff-video-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-980rtc-mini-otdr-live-testing-demo-video.webp\" alt=\"A operation video cover of the FirstFiber 980RTC OTDR, demonstrating efficient active PON network troubleshooting for FTTH field technicians\">\n                <div class=\"ff-play-btn\"><\/div>\n            <\/div>\n            <div class=\"ff-video-info\">\n                <h3 class=\"ff-video-title\">980RTC OTDR Operation Demo<\/h3>\n                <p class=\"ff-video-desc\">A comprehensive video showing how to set up and analyze test results using the 980RTC model.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Video 6 -->\n        <div class=\"ff-video-list-item\" data-video-src=\"https:\/\/videos.sproutvideo.com\/embed\/4d9edfb51818eec9c4\/c386a2a40488fc82\">\n            <div class=\"ff-video-thumb\">\n                <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-8000max-otdr-reflectometer-marketing-video-cover.webp\" alt=\"FirstFiber 8000MAX OTDR Reflectometer Marketing Video Cover\">\n                <div class=\"ff-play-btn\"><\/div>\n            <\/div>\n            <div class=\"ff-video-info\">\n                <h3 class=\"ff-video-title\">8000MAX Marketing Video<\/h3>\n                <p class=\"ff-video-desc\">Discover the ultimate power of the 8000MAX series in this official promotional demonstration.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- \u5e95\u90e8\u6574\u4f53\u5c45\u4e2d\u7684\u66f4\u591a\u6309\u94ae -->\n    <div class=\"ff-video-footer\">\n        <a href=\"\/blog\/\" class=\"ff-see-more-btn\">See more video <span>\u2192<\/span><\/a>\n    <\/div>\n<\/div>\n\n<!-- \u9690\u85cf\u7684\u5168\u5c40\u89c6\u9891\u64ad\u653e\u5f39\u7a97 -->\n<div id=\"ff-video-modal\" class=\"ff-modal-overlay\">\n    <div class=\"ff-modal-content\">\n        <button class=\"ff-modal-close\" aria-label=\"Close video\">\u00d7<\/button>\n        <div class=\"ff-iframe-wrapper\">\n            <iframe id=\"ff-modal-iframe\" src=\"\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .ff-video-section { max-width: 1200px; margin: 80px auto; padding: 0 20px; font-family: Arial, sans-serif; }\n    .ff-video-header { text-align: center; margin-bottom: 50px; }\n    .ff-section-title { font-size: 32px; font-weight: 900; color: #333; margin-bottom: 10px; }\n    .ff-section-subtitle { font-size: 16px; color: #666; }\n\n    \/* \u56fe\u6587\u5217\u8868\u53cc\u5217\u7f51\u683c *\/\n    .ff-video-list {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 30px;\n    }\n    \n    \/* \u5355\u4e2a\u5361\u7247\u7684\u5185\u90e8\u5f39\u6027\u6392\u7248\uff08\u5de6\u8fb9\u56fa\u5b9a\uff0c\u53f3\u8fb9\u81ea\u9002\u5e94\uff09 *\/\n    .ff-video-list-item {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        background: #ffffff;\n        padding: 15px;\n        border: 1px solid #eeeeee;\n        border-radius: 8px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    .ff-video-list-item:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n        border-color: #EC6608;\n    }\n\n    \/* \u5de6\u4fa7\u89c6\u9891\u7f29\u7565\u56fe *\/\n    .ff-video-thumb {\n        flex: 0 0 200px; \/* \u56fa\u5b9a\u7f29\u7565\u56fe\u5bbd\u5ea6\u4e3a 200px *\/\n        position: relative;\n        aspect-ratio: 16 \/ 9;\n        overflow: hidden;\n        border-radius: 6px;\n        background: #000;\n    }\n    .ff-video-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: opacity 0.3s; }\n    .ff-video-list-item:hover .ff-video-thumb img { opacity: 1; }\n\n    \/* \u64ad\u653e\u5c0f\u6309\u94ae *\/\n    .ff-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; background: rgba(0,0,0,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }\n    .ff-play-btn::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #ffffff; margin-left: 4px; }\n    .ff-video-list-item:hover .ff-play-btn { background: #EC6608; transform: translate(-50%, -50%) scale(1.1); }\n\n    \/* \u53f3\u4fa7\u6587\u5b57\u4fe1\u606f *\/\n    .ff-video-info {\n        flex: 1;\n    }\n    .ff-video-title {\n        font-size: 18px;\n        font-weight: bold;\n        color: #333;\n        margin: 0 0 10px 0;\n        line-height: 1.4;\n        transition: color 0.3s;\n    }\n    .ff-video-list-item:hover .ff-video-title { color: #EC6608; }\n    \n    .ff-video-desc {\n        font-size: 14px;\n        color: #666;\n        line-height: 1.5;\n        margin: 0;\n        \/* \u63a7\u5236\u7b80\u4ecb\u6700\u591a\u663e\u793a2\u884c\uff0c\u8d85\u51fa\u663e\u793a\u7701\u7565\u53f7 *\/\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    \/* \u5e95\u90e8 See more video \u6309\u94ae\u5c45\u4e2d *\/\n    .ff-video-footer {\n        text-align: center;\n        margin-top: 50px;\n    }\n    .ff-see-more-btn {\n        display: inline-flex; \n        align-items: center; \n        gap: 8px;\n        padding: 12px 30px; \n        background: #EC6608; \n        color: #fff; \n        text-decoration: none; \n        font-size: 15px; \n        font-weight: bold; \n        border-radius: 4px; \n        transition: all 0.3s ease;\n    }\n    .ff-see-more-btn:hover { background: #d55a06; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(236, 102, 8, 0.3); }\n\n    \/* \u5f39\u7a97\u4ee3\u7801\u4fdd\u7559 *\/\n    .ff-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }\n    .ff-modal-overlay.active { opacity: 1; pointer-events: auto; }\n    .ff-modal-content { position: relative; width: 90%; max-width: 1000px; background: #000; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5); transform: scale(0.95); transition: transform 0.3s ease; }\n    .ff-modal-overlay.active .ff-modal-content { transform: scale(1); }\n    .ff-modal-close { position: absolute; top: 10px; right: 15px; font-size: 40px; color: #fff; background: none; border: none; cursor: pointer; z-index: 10; line-height: 1; opacity: 0.7; transition: opacity 0.3s; }\n    .ff-modal-close:hover { opacity: 1; color: #EC6608; }\n    .ff-iframe-wrapper { position: relative; width: 100%; padding-top: 56.25%; }\n    .ff-iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }\n\n    \/* \u79fb\u52a8\u7aef\u667a\u80fd\u9002\u914d *\/\n    @media (max-width: 900px) { \n        .ff-video-list { grid-template-columns: 1fr; } \/* \u5e73\u677f\u53d8\u4e3a1\u5217 *\/\n    }\n    @media (max-width: 600px) { \n        .ff-video-list-item { flex-direction: column; text-align: center; padding: 20px; } \/* \u624b\u673a\u7aef\u53d8\u4e3a\u4e0a\u4e0b\u5806\u53e0 *\/\n        .ff-video-thumb { width: 100%; flex: auto; margin-bottom: 5px; }\n    }\n<\/style>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const videoCards = document.querySelectorAll('.ff-video-list-item');\n        const modal = document.getElementById('ff-video-modal');\n        const closeBtn = document.querySelector('.ff-modal-close');\n        const iframe = document.getElementById('ff-modal-iframe');\n\n        videoCards.forEach(card => {\n            card.addEventListener('click', function() {\n                const videoSrc = this.getAttribute('data-video-src');\n                iframe.src = videoSrc + '?autoplay=1'; \n                modal.classList.add('active');\n            });\n        });\n\n        function closeModal() {\n            modal.classList.remove('active');\n            setTimeout(() => { iframe.src = ''; }, 300); \n        }\n\n        closeBtn.addEventListener('click', closeModal);\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal) { closeModal(); }\n        });\n    });\n<\/script>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u7248\u4f01\u4e1a\u4ecb\u7ecd\u533a (About Us - \u9519\u4f4d\u60ac\u6d6e\u6392\u7248) -->\n<!-- ========================================== -->\n<div class=\"ff-about-section\">\n    <div class=\"ff-about-container\">\n        \n        <!-- \u5de6\u4fa7\uff1a\u56fe\u7247\u4e0e\u9519\u4f4d\u8272\u5757 -->\n        <div class=\"ff-about-image-wrapper\">\n            <div class=\"ff-about-accent\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/ueeshop.ly200-cdn.com\/static\/v1\/themes\/visual\/mode_v2\/about\/mode_6\/index00.jpg\" alt=\"About FirstFiber Technologies\" class=\"ff-about-img\">\n        <\/div>\n        \n        <!-- \u53f3\u4fa7\uff1a\u4f01\u4e1a\u6587\u6848\u4e0e\u6309\u94ae -->\n        <div class=\"ff-about-text\">\n            <h2 class=\"ff-section-title\" style=\"text-align: left; margin-bottom: 25px;\">About FirstFiber Technologies<\/h2>\n            \n            <div class=\"ff-about-desc\">\n                <p><strong>Rooted in Tech. Engineering the Next.<\/strong><\/p>\n                <p>With over 20 years of deep-seated expertise in the optical fiber industry, Shanghai FirstFiber Technologies Co., Ltd is a premier, high-standard manufacturer and global trade partner. True to our core philosophy\u2014Rooted in Tech\u2014we deliver a comprehensive range of optical communication test &amp; measurement instruments, structured cabling equipments, and system integration services.<\/p>\n                <p>We consistently reinvest <strong>10%<\/strong> of our annual sales revenue directly into technology R&amp;D and continuous product upgrades. Driven by a dedicated team of optical, mechanical, and software engineers, we possess vertical development capabilities\u2014spanning industrial design (aesthetic\/ergonomic), structural engineering, and high-density PCB layout design.<\/p>\n                <p>Most notably, FirstFiber proudly commands world-leading OTDR (Optical Time-Domain Reflectometer) proprietary algorithms, alongside full-stack capabilities in hardware, firmware, and software development.<\/p>\n            <\/div>\n\n            <a href=\"\/contact-us\/\" class=\"ff-btn-primary\">READ MORE<\/a>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n    \/* \u4f01\u4e1a\u4ecb\u7ecd\u533a\u6574\u4f53\u6392\u7248 *\/\n    .ff-about-section {\n        max-width: 1200px;\n        margin: 100px auto;\n        padding: 0 20px;\n        font-family: Arial, sans-serif;\n    }\n    \n    .ff-about-container {\n        display: flex;\n        align-items: center;\n        gap: 80px; \/* \u5de6\u53f3\u95f4\u8ddd\u52a0\u5927\uff0c\u547c\u5438\u611f\u66f4\u5f3a *\/\n    }\n\n    \/* \u5de6\u4fa7\u9519\u4f4d\u56fe\u7247\u7279\u6548 *\/\n    .ff-about-image-wrapper {\n        flex: 1 1 45%;\n        position: relative;\n        z-index: 1;\n    }\n    .ff-about-img {\n        width: 100%;\n        height: auto;\n        display: block;\n        border-radius: 4px;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n        position: relative;\n        z-index: 2; \/* \u56fe\u7247\u5728\u8272\u5757\u4e0a\u65b9 *\/\n    }\n    .ff-about-accent {\n        position: absolute;\n        bottom: -20px;\n        left: -20px;\n        width: 60%;\n        height: 80%;\n        background: #EC6608; \/* FirstFiber \u54c1\u724c\u6a59\u8272 *\/\n        border-radius: 4px;\n        z-index: 1;\n        opacity: 0.9;\n    }\n\n    \/* \u53f3\u4fa7\u6587\u5b57\u5185\u5bb9 *\/\n    .ff-about-text {\n        flex: 1 1 55%;\n    }\n    .ff-about-desc {\n        font-size: 16px;\n        line-height: 1.8;\n        color: #555;\n        margin-bottom: 35px;\n    }\n    .ff-about-desc p {\n        margin-top: 0;\n        margin-bottom: 15px;\n    }\n    .ff-about-desc strong {\n        color: #333;\n        font-size: 18px;\n    }\n\n   \/* \u4e3b\u6309\u94ae\u6837\u5f0f (\u6a59\u8272\u5e38\u9a7b\u7248) *\/\n    .ff-btn-primary {\n        display: inline-block;\n        padding: 14px 35px;\n        background: #EC6608; \/* \ud83c\udf1f \u9ed8\u8ba4\u76f4\u63a5\u4f7f\u7528\u54c1\u724c\u6a59\u8272 *\/\n        color: #fff;\n        text-decoration: none;\n        font-size: 15px;\n        font-weight: bold;\n        border-radius: 4px;\n        transition: all 0.3s ease;\n        letter-spacing: 1px;\n        box-shadow: 0 4px 15px rgba(236, 102, 8, 0.2); \/* \u9ed8\u8ba4\u52a0\u4e0a\u6de1\u6de1\u7684\u6a59\u8272\u5149\u6655 *\/\n    }\n    .ff-btn-primary:hover {\n        background: #d55a06; \/* \ud83c\udf1f \u60ac\u6d6e\u65f6\u989c\u8272\u52a0\u6df1\uff0c\u589e\u5f3a\u70b9\u51fb\u4ea4\u4e92\u611f *\/\n        box-shadow: 0 6px 20px rgba(236, 102, 8, 0.4);\n        transform: translateY(-2px);\n    }\n\n    \/* \u79fb\u52a8\u7aef\u667a\u80fd\u9002\u914d *\/\n    @media (max-width: 900px) {\n        .ff-about-container {\n            flex-direction: column;\n            gap: 50px;\n        }\n        .ff-about-image-wrapper {\n            width: 90%;\n            margin: 0 auto;\n        }\n        .ff-about-accent {\n            bottom: -15px;\n            left: -15px;\n        }\n        .ff-about-text {\n            text-align: center;\n        }\n        .ff-section-title {\n            text-align: center !important;\n        }\n    }\n<\/style>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u7248\u4e0b\u8f7d\u4e2d\u5fc3 (Download Center) -->\n<!-- ========================================== -->\n<div class=\"ff-download-section\">\n    <div class=\"ff-download-header\">\n        <h2 class=\"ff-section-title\">DOWNLOAD CENTER<\/h2>\n        <p class=\"ff-section-subtitle\">Download FirstFiber Technologies OTDR Datasheet<\/p>\n    <\/div>\n\n    <div class=\"ff-download-grid\">\n        \n        <!-- \u4e0b\u8f7d\u9879 1 -->\n        <div class=\"ff-download-card\">\n            <div class=\"ff-file-info\">\n                <span class=\"ff-file-badge\">PDF<\/span>\n                <div>\n                    <h4 class=\"ff-file-name\">PON-NST3 Datasheet<\/h4>\n                    <span class=\"ff-file-size\">14.86MB<\/span>\n                <\/div>\n            <\/div>\n            <a href=\"#\" class=\"ff-download-btn\" title=\"Download PON-NST3 Datasheet\" target=\"_blank\">\n                <svg viewBox=\"0 0 1024 1024\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M512 736L256 480h160V128h192v352h160L512 736zM128 832h768v128H128V832z\"><\/path><\/svg>\n            <\/a>\n        <\/div>\n\n        <!-- \u4e0b\u8f7d\u9879 2 -->\n        <div class=\"ff-download-card\">\n            <div class=\"ff-file-info\">\n                <span class=\"ff-file-badge\">PDF<\/span>\n                <div>\n                    <h4 class=\"ff-file-name\">FF-980REV OTDR Datasheet<\/h4>\n                    <span class=\"ff-file-size\">1.75MB<\/span>\n                <\/div>\n            <\/div>\n            <a href=\"#\" class=\"ff-download-btn\" title=\"Download FF-980REV Datasheet\" target=\"_blank\">\n                <svg viewBox=\"0 0 1024 1024\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M512 736L256 480h160V128h192v352h160L512 736zM128 832h768v128H128V832z\"><\/path><\/svg>\n            <\/a>\n        <\/div>\n\n        <!-- \u4e0b\u8f7d\u9879 3 -->\n        <div class=\"ff-download-card\">\n            <div class=\"ff-file-info\">\n                <span class=\"ff-file-badge\">PDF<\/span>\n                <div>\n                    <h4 class=\"ff-file-name\">FF-960 OTDR Datasheet<\/h4>\n                    <span class=\"ff-file-size\">0.97MB<\/span>\n                <\/div>\n            <\/div>\n            <a href=\"#\" class=\"ff-download-btn\" title=\"Download FF-960 Datasheet\" target=\"_blank\">\n                <svg viewBox=\"0 0 1024 1024\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M512 736L256 480h160V128h192v352h160L512 736zM128 832h768v128H128V832z\"><\/path><\/svg>\n            <\/a>\n        <\/div>\n\n        <!-- \u4e0b\u8f7d\u9879 4 -->\n        <div class=\"ff-download-card\">\n            <div class=\"ff-file-info\">\n                <span class=\"ff-file-badge\">PDF<\/span>\n                <div>\n                    <h4 class=\"ff-file-name\">980TEK OTDR Datasheet<\/h4>\n                    <span class=\"ff-file-size\">1.80MB<\/span>\n                <\/div>\n            <\/div>\n            <a href=\"#\" class=\"ff-download-btn\" title=\"Download 980TEK Datasheet\" target=\"_blank\">\n                <svg viewBox=\"0 0 1024 1024\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M512 736L256 480h160V128h192v352h160L512 736zM128 832h768v128H128V832z\"><\/path><\/svg>\n            <\/a>\n        <\/div>\n\n        <!-- \u4e0b\u8f7d\u9879 5 -->\n        <div class=\"ff-download-card\">\n            <div class=\"ff-file-info\">\n                <span class=\"ff-file-badge\">PDF<\/span>\n                <div>\n                    <h4 class=\"ff-file-name\">980EXP OTDR Datasheet ver3.07<\/h4>\n                    <span class=\"ff-file-size\">2.32MB<\/span>\n                <\/div>\n            <\/div>\n            <a href=\"#\" class=\"ff-download-btn\" title=\"Download 980EXP Datasheet\" target=\"_blank\">\n                <svg viewBox=\"0 0 1024 1024\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M512 736L256 480h160V128h192v352h160L512 736zM128 832h768v128H128V832z\"><\/path><\/svg>\n            <\/a>\n        <\/div>\n\n        <!-- \u4e0b\u8f7d\u9879 6 -->\n        <div class=\"ff-download-card\">\n            <div class=\"ff-file-info\">\n                <span class=\"ff-file-badge\">PDF<\/span>\n                <div>\n                    <h4 class=\"ff-file-name\">FF-990PRO OTDR Datasheet<\/h4>\n                    <span class=\"ff-file-size\">2.15MB<\/span>\n                <\/div>\n            <\/div>\n            <a href=\"#\" class=\"ff-download-btn\" title=\"Download FF-990PRO Datasheet\" target=\"_blank\">\n                <svg viewBox=\"0 0 1024 1024\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M512 736L256 480h160V128h192v352h160L512 736zM128 832h768v128H128V832z\"><\/path><\/svg>\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    .ff-download-section {\n        max-width: 1200px;\n        margin: 80px auto;\n        padding: 0 20px;\n        font-family: Arial, sans-serif;\n    }\n    .ff-download-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n    .ff-section-title {\n        font-size: 32px;\n        font-weight: 900;\n        color: #333;\n        margin-bottom: 10px;\n    }\n    .ff-section-subtitle {\n        font-size: 16px;\n        color: #666;\n    }\n\n    \/* \u4e09\u5217\u7f51\u683c\u6392\u7248 *\/\n    .ff-download-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    \/* \u72ec\u7acb\u4e0b\u8f7d\u5361\u7247 *\/\n    .ff-download-card {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background: #ffffff;\n        border: 1px solid #e5e5e5;\n        border-radius: 6px;\n        padding: 20px;\n        transition: all 0.3s ease;\n    }\n    .ff-download-card:hover {\n        border-color: #EC6608;\n        box-shadow: 0 8px 25px rgba(236, 102, 8, 0.08);\n        transform: translateY(-3px);\n    }\n\n    \/* \u5de6\u4fa7\u6587\u4ef6\u4fe1\u606f *\/\n    .ff-file-info {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n    }\n    .ff-file-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background: #fdfaf7;\n        color: #EC6608;\n        font-size: 12px;\n        font-weight: bold;\n        width: 46px;\n        height: 46px;\n        border-radius: 4px;\n        border: 1px solid rgba(236, 102, 8, 0.2);\n    }\n    .ff-file-name {\n        font-size: 15px;\n        color: #333;\n        margin: 0 0 5px 0;\n        line-height: 1.3;\n        font-weight: bold;\n        \/* \u9632\u6b62\u6807\u9898\u8fc7\u957f\u6362\u884c\u7834\u574f\u6392\u7248 *\/\n        display: -webkit-box;\n        -webkit-line-clamp: 1;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n    .ff-file-size {\n        font-size: 12px;\n        color: #999;\n    }\n\n    \/* \u53f3\u4fa7\u4e0b\u8f7d\u6309\u94ae (\u9ed8\u8ba4\u6a59\u8272\u586b\u5145\u9ad8\u4eae\u7248) *\/\n    .ff-download-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        background: #EC6608; \/* \ud83c\udf1f \u9ed8\u8ba4\u76f4\u63a5\u7528\u54c1\u724c\u6a59\u8272\u586b\u5145 *\/\n        color: #ffffff;      \/* \ud83c\udf1f \u56fe\u6807\u9ed8\u8ba4\u7eaf\u767d *\/\n        border-radius: 50%;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        flex-shrink: 0;\n        box-shadow: 0 4px 10px rgba(236, 102, 8, 0.2); \/* \u589e\u52a0\u4e00\u70b9\u5185\u655b\u7684\u6a59\u8272\u5149\u6655\uff0c\u66f4\u6709\u8d28\u611f *\/\n    }\n    .ff-download-card:hover .ff-download-btn {\n        background: #d55a06; \/* \u9f20\u6807\u60ac\u6d6e\u65f6\u53d8\u4e3a\u6df1\u6a59\u8272 *\/\n        transform: scale(1.1); \/* \u589e\u52a0\u4e00\u70b9\u653e\u5927\u7684\u5fae\u52a8\u6548 *\/\n        box-shadow: 0 6px 15px rgba(236, 102, 8, 0.4);\n    }\n    \/* \u79fb\u52a8\u7aef\u667a\u80fd\u9002\u914d *\/\n    @media (max-width: 900px) {\n        .ff-download-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 600px) {\n        .ff-download-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u7248\u5168\u5c4f\u89c6\u5dee\u8054\u7cfb\u6d77\u62a5 (\u539f\u7248\u5de6\u5bf9\u9f50\u6392\u7248) -->\n<!-- ========================================== -->\n<div class=\"ff-contact-poster\">\n    <!-- \u6df1\u8272\u6e10\u53d8\u906e\u7f69\uff1a\u5de6\u4fa7\u6df1\uff0c\u53f3\u4fa7\u6d45\uff0c\u4fdd\u8bc1\u5de6\u4fa7\u6587\u5b57\u6e05\u6670\uff0c\u53f3\u4fa7\u900f\u51fa\u539f\u56fe -->\n    <div class=\"ff-poster-overlay\"><\/div>\n    \n    <div class=\"ff-poster-wrapper\">\n        <div class=\"ff-poster-content\">\n            <div class=\"ff-poster-subtitle\">Contact<\/div>\n            <h2 class=\"ff-poster-title\">TECHNOLOGIES CREATE VALUES FOR CUSTOMERS<\/h2>\n            <p class=\"ff-poster-desc\">PRO TECH SUPPORT AND FAST GLOBAL DELIVERY ENSURES YOUR PROJECTS ALWAYS IN RIGHT WAY.<\/p>\n            <a href=\"\/pages\/contact-us\" class=\"ff-poster-btn\">CONTACT US<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u89c6\u5dee\u6d77\u62a5\u5bb9\u5668 *\/\n    .ff-contact-poster {\n        position: relative;\n        width: 100%;\n        max-width: 100vw;\n        padding: 150px 0; \/* \u4e0a\u4e0b\u7559\u51fa\u8db3\u591f\u7684\u7a7a\u95f4\u5c55\u793a\u80cc\u666f\u56fe *\/\n        background-image: url('https:\/\/ueeshop.ly200-cdn.com\/static\/v1\/themes\/visual\/mode_v2\/poster\/mode_11\/index00.jpg');\n        background-size: cover;\n        background-position: center center;\n        background-repeat: no-repeat;\n        \/* \u4fdd\u7559\u5927\u5382\u89c6\u5dee\u6eda\u52a8\u6548\u679c *\/\n        background-attachment: fixed; \n        color: #ffffff;\n        margin: 80px 0;\n        overflow: hidden;\n    }\n\n    \/* \u6e10\u53d8\u906e\u7f69\uff1a\u5de6\u8fb9\u504f\u9ed1(0.7\u900f\u660e\u5ea6)\uff0c\u5f80\u53f3\u8fb9\u9010\u6e10\u53d8\u900f\u660e\uff0c\u975e\u5e38\u9002\u5408\u5de6\u4fa7\u6587\u5b57\u6392\u7248 *\/\n    .ff-poster-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);\n        z-index: 1;\n    }\n\n    \/* \u5185\u5bb9\u5bf9\u9f50\u5305\u88f9\u5c42\uff1a\u9650\u5236\u6700\u5927\u5bbd\u5ea6\u4e3a1200px\uff0c\u4fdd\u8bc1\u548c\u4e0a\u4e0b\u677f\u5757\u5de6\u4fa7\u5bf9\u9f50 *\/\n    .ff-poster-wrapper {\n        position: relative;\n        z-index: 2;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n        display: flex;\n        justify-content: flex-start; \/* \ud83c\udf1f \u5f3a\u5236\u6587\u5b57\u76d2\u5b50\u9760\u5de6\u4fa7\u5bf9\u9f50 *\/\n    }\n\n    \/* \u6587\u672c\u5185\u5bb9\u533a *\/\n    .ff-poster-content {\n        max-width: 650px; \/* \u9650\u5236\u6587\u5b57\u5bbd\u5ea6\uff0c\u4e0d\u8ba9\u5b83\u62c9\u5f97\u592a\u957f\u5f71\u54cd\u9605\u8bfb *\/\n        text-align: left; \/* \ud83c\udf1f \u6587\u5b57\u5de6\u5bf9\u9f50 *\/\n    }\n\n    .ff-poster-subtitle {\n        font-size: 16px;\n        color: #EC6608;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        font-weight: bold;\n        margin-bottom: 20px;\n    }\n\n    .ff-poster-title {\n        font-size: 42px;\n        font-weight: 900;\n        line-height: 1.2;\n        margin-bottom: 25px;\n        color: #ffffff;\n        letter-spacing: 1px;\n    }\n\n    .ff-poster-desc {\n        font-size: 16px;\n        line-height: 1.8;\n        margin-bottom: 40px;\n        color: #e0e0e0;\n        letter-spacing: 0.5px;\n    }\n\n    \/* \u8054\u7cfb\u6211\u4eec\u6309\u94ae *\/\n    .ff-poster-btn {\n        display: inline-block;\n        padding: 16px 45px;\n        background: #EC6608;\n        color: #ffffff;\n        text-decoration: none;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 4px;\n        transition: all 0.4s ease;\n        box-shadow: 0 5px 15px rgba(236, 102, 8, 0.3);\n    }\n    \n    .ff-poster-btn:hover {\n        background: #ffffff;\n        color: #EC6608;\n        transform: translateY(-4px);\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n    }\n\n    \/* \u79fb\u52a8\u7aef\u667a\u80fd\u9002\u914d *\/\n    @media (max-width: 768px) {\n        .ff-contact-poster { \n            padding: 80px 0; \n            background-attachment: scroll; \n        }\n        \/* \u624b\u673a\u7aef\u7531\u4e8e\u6a2a\u5411\u7a7a\u95f4\u592a\u5c0f\uff0c\u80cc\u666f\u906e\u7f69\u6539\u4e3a\u5168\u5c40\u534a\u900f\u660e *\/\n        .ff-poster-overlay {\n            background: rgba(0,0,0,0.6);\n        }\n        .ff-poster-title { font-size: 28px; }\n        .ff-poster-desc { font-size: 15px; }\n    }\n<\/style>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u81ea\u4e3b SMTP \u8ba2\u9605\u533a (Newsletter) -->\n<!-- ========================================== -->\n<div class=\"ff-newsletter-section\">\n    <div class=\"ff-newsletter-container\">\n        \n        <div class=\"ff-newsletter-info\">\n            <h2 class=\"ff-section-title\">SUBSCRIBE OUR NEWSLETTER<\/h2>\n            <p class=\"ff-section-subtitle\">Receive exclusive offers and new products notification<\/p>\n        <\/div>\n        \n        <div class=\"ff-newsletter-form-wrapper\">\n            <!-- \ud83c\udf1f \u5173\u952e\uff1a\u7ed9\u8868\u5355\u4e00\u4e2a\u552f\u4e00\u7684 ID\uff0c\u7528\u4e8e JS \u9009\u62e9 -->\n            <form id=\"ff-local-subscription-form\" class=\"ff-newsletter-form\">\n                <input type=\"email\" id=\"ff-subscriber-email\" class=\"ff-newsletter-input\" placeholder=\"Your email address\" required aria-label=\"Email\">\n                <button type=\"submit\" id=\"ff-subscriber-submit\" class=\"ff-newsletter-btn\">SUBSCRIBE<\/button>\n            <\/form>\n            <!-- \ud83c\udf1f \u5173\u952e\uff1a\u7528\u4e8e\u663e\u793a\u6210\u529f\/\u9519\u8bef\u6d88\u606f -->\n            <div id=\"ff-subscription-message\" class=\"ff-subscription-message\"><\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n    \/* ... \u4fdd\u6301\u60a8\u4e4b\u524d\u5199\u7684 CSS \u6837\u5f0f\uff08\u84dd\u5e95\u3001\u767d\u5b57\u3001\u6a59\u94ae\uff09... *\/\n    .ff-newsletter-section { width: 100%; background: #0B3B60; padding: 80px 20px; font-family: Arial, sans-serif; }\n    .ff-newsletter-container { max-width: 800px; margin: 0 auto; text-align: center; }\n    .ff-newsletter-info .ff-section-title { font-size: 32px; font-weight: 900; color: #ffffff; margin-bottom: 10px; letter-spacing: -0.5px; }\n    .ff-newsletter-info .ff-section-subtitle { font-size: 16px; color: #d0e3f5; margin: 0; }\n    .ff-newsletter-form { display: flex; width: 100%; max-width: 600px; margin: 0 auto; border-radius: 4px; overflow: hidden; position: relative; }\n    .ff-newsletter-input { flex: 1; padding: 18px 25px; font-size: 16px; border: none; outline: none; color: #333; background: #ffffff; }\n    .ff-newsletter-btn { padding: 0 40px; font-size: 16px; font-weight: bold; color: #ffffff; background: #EC6608; border: none; cursor: pointer; transition: all 0.3s ease; }\n    .ff-newsletter-btn:hover { background: #d55a06; }\n    \n    \/* \ud83c\udf1f \u8865\u5145\uff1a\u6d88\u606f\u63d0\u793a\u7684 CSS *\/\n    .ff-subscription-message { margin-top: 20px; font-size: 14px; text-align: center; font-weight: bold; opacity: 0; transition: opacity 0.3s; }\n    .ff-subscription-message.success { color: #5cb85c; opacity: 1; }\n    .ff-subscription-message.error { color: #d9534f; opacity: 1; }\n    \n    \/* \u5f53\u6309\u94ae\u5904\u4e8e loading \u72b6\u6001\u65f6\u7684 CSS *\/\n    .ff-newsletter-btn.loading { background: #ccc !important; color: #666 !important; pointer-events: none; }\n<\/style>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u7248\u8bc1\u4e66\u5c55\u793a\u533a (\u5de6\u4fa7\u6587\u5b57 + \u53f3\u4fa7\u8f6e\u64ad + \u80cc\u666f\u56fe) -->\n<!-- ========================================== -->\n<div class=\"ff-cert-section\">\n    <!-- \u80cc\u666f\u906e\u7f69\u5c42\uff0c\u786e\u4fdd\u65e0\u8bba\u539f\u56fe\u591a\u4eae\uff0c\u6587\u5b57\u90fd\u80fd\u770b\u6e05 -->\n    <div class=\"ff-cert-overlay\"><\/div>\n    \n    <div class=\"ff-cert-container\">\n        \n        <!-- \u5de6\u4fa7\uff1a\u6587\u5b57\u4ecb\u7ecd\u533a (\u5360\u636e\u7ea6 35%) -->\n        <div class=\"ff-cert-info\">\n            <h2 class=\"ff-cert-title\">PROFESSIONAL CERTIFICATION<\/h2>\n            <div class=\"ff-cert-line\"><\/div>\n            <p class=\"ff-cert-desc\">\n                Quality is the cornerstone of FirstFiber Technologies. We adhere to the highest international standards in manufacturing and management. \n                <br><br>\n                Our comprehensive range of OTDR and fiber optic equipments are strictly certified with CE, RoHS, FCC, and FDA, alongside our ISO 9001 certified quality management system.\n            <\/p>\n            <a href=\"\/about-us\" class=\"ff-cert-btn\">VIEW ALL CERTIFICATES<\/a>\n        <\/div>\n\n        <!-- \u53f3\u4fa7\uff1a\u8bc1\u4e66\u6ed1\u52a8\u8f6e\u64ad\u533a (\u5360\u636e\u7ea6 65%) -->\n        <div class=\"ff-cert-slider-side\">\n            <!-- \u5de6\u53f3\u63a7\u5236\u7bad\u5934 -->\n            <button class=\"ff-cert-nav ff-cert-prev\" aria-label=\"Previous\">\u276e<\/button>\n            <button class=\"ff-cert-nav ff-cert-next\" aria-label=\"Next\">\u276f<\/button>\n            \n            <!-- \u8bc1\u4e66\u6ed1\u52a8\u8f68\u9053 -->\n            <div class=\"ff-cert-track\" id=\"ff-cert-track\">\n                <!-- \u8bc1\u4e66 1 -->\n                <div class=\"ff-cert-item\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-technologies-iso9001-certificate.webp\" alt=\"ISO 9001 Certificate\">\n                <\/div>\n                <!-- \u8bc1\u4e66 2 -->\n                <div class=\"ff-cert-item\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-technologies-rohs-certificate.webp\" alt=\"RoHs Certificate\">\n                <\/div>\n                <!-- \u8bc1\u4e66 3 -->\n                <div class=\"ff-cert-item\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-technologies-ce-lvd-certificate.webp\" alt=\"CE LVD Certificate\">\n                <\/div>\n                <!-- \u8bc1\u4e66 4 -->\n                <div class=\"ff-cert-item\">\n                    <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-technologies-ce-emc-certificate.webp\" alt=\"CE EMC Certificate\">\n                <\/div>\n               \n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n    \/* \u8bc1\u4e66\u533a\u6574\u4f53\u5e26\u80cc\u666f\u56fe\u8bbe\u7f6e *\/\n    .ff-cert-section {\n        position: relative;\n        width: 100%;\n        padding: 100px 20px;\n        \/* \ud83c\udf1f \u66ff\u6362\u8fd9\u91cc\u7684 url \u4e3a\u60a8\u81ea\u5df1\u7684\u5de5\u5382\u80cc\u666f\u56fe\u94fe\u63a5 *\/\n        background-image: url('https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/index00.webp');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed; \/* \u4fdd\u7559\u89c6\u5dee\u6eda\u52a8\u9ad8\u7ea7\u611f *\/\n        font-family: Arial, sans-serif;\n        overflow: hidden;\n    }\n    \n    \/* \u6df1\u8272\u900f\u660e\u906e\u7f69 *\/\n    .ff-cert-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(11, 59, 96, 0.85); \/* \u7528\u4e86\u54c1\u724c\u6df1\u84dd\u8272\u7684\u534a\u900f\u660e\u906e\u7f69\uff0c\u663e\u5f97\u975e\u5e38\u5546\u52a1 *\/\n        z-index: 1;\n    }\n\n    \/* \u5de6\u53f3\u6392\u7248\u5bb9\u5668 *\/\n    .ff-cert-container {\n        position: relative;\n        z-index: 2; \/* \u786e\u4fdd\u5185\u5bb9\u5728\u906e\u7f69\u4e4b\u4e0a *\/\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        gap: 60px;\n    }\n\n    \/* \u5de6\u4fa7\u6587\u5b57\u6837\u5f0f *\/\n    .ff-cert-info {\n        flex: 0 0 35%;\n        color: #ffffff;\n    }\n    .ff-cert-title {\n        font-size: 32px;\n        font-weight: 900;\n        margin-bottom: 15px;\n        line-height: 1.2;\n    }\n    .ff-cert-line {\n        width: 50px;\n        height: 4px;\n        background: #EC6608;\n        margin-bottom: 25px;\n        border-radius: 2px;\n    }\n    .ff-cert-desc {\n        font-size: 15px;\n        line-height: 1.8;\n        color: #d0e3f5;\n        margin-bottom: 35px;\n    }\n    \/* \u5de6\u4fa7\u6309\u94ae (\u9ed8\u8ba4\u6a59\u8272\u80cc\u666f\u9ad8\u4eae\u7248) *\/\n    .ff-cert-btn {\n        display: inline-block;\n        padding: 12px 30px;\n        background: #EC6608; \/* \ud83c\udf1f \u9ed8\u8ba4\u76f4\u63a5\u4f7f\u7528\u54c1\u724c\u6a59\u8272 *\/\n        border: 2px solid #EC6608; \n        color: #ffffff;\n        text-decoration: none;\n        font-size: 14px;\n        font-weight: bold;\n        border-radius: 4px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 15px rgba(236, 102, 8, 0.3); \/* \u9ed8\u8ba4\u52a0\u4e0a\u6a59\u8272\u53d1\u5149\u5fae\u52a8\u6548 *\/\n    }\n    \n    .ff-cert-btn:hover {\n        background: #d55a06; \/* \u9f20\u6807\u60ac\u6d6e\u65f6\u989c\u8272\u5fae\u5fae\u52a0\u6df1 *\/\n        border-color: #d55a06;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(236, 102, 8, 0.5);\n    }\n\n    \/* \u53f3\u4fa7\u8f6e\u64ad\u533a *\/\n    .ff-cert-slider-side {\n        flex: 1;\n        position: relative;\n        min-width: 0; \/* \u9632\u6b62 flex \u5b50\u9879\u6ea2\u51fa *\/\n    }\n\n    \/* \u5de6\u53f3\u63a7\u5236\u7bad\u5934 *\/\n    .ff-cert-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 45px;\n        height: 45px;\n        background: #EC6608;\n        color: #ffffff;\n        border: none;\n        border-radius: 50%;\n        font-size: 20px;\n        cursor: pointer;\n        z-index: 10;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n    .ff-cert-nav:hover { background: #ffffff; color: #EC6608; }\n    .ff-cert-prev { left: -20px; }\n    .ff-cert-next { right: -20px; }\n\n    \/* \u539f\u751f\u6eda\u52a8\u8f68\u9053 *\/\n    .ff-cert-track {\n        display: flex;\n        gap: 20px;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        padding: 10px 0;\n        -ms-overflow-style: none;\n        scrollbar-width: none; \n    }\n    .ff-cert-track::-webkit-scrollbar { display: none; }\n\n    \/* \u5355\u4e2a\u8bc1\u4e66 *\/\n    .ff-cert-item {\n        flex: 0 0 calc(33.333% - 13.5px); \/* \u9ed8\u8ba4\u663e\u793a3\u5f20 *\/\n        scroll-snap-align: start;\n        background: #fff;\n        border-radius: 6px;\n        padding: 15px;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        transition: transform 0.3s ease;\n    }\n    .ff-cert-item:hover { transform: translateY(-5px); }\n    .ff-cert-item img { width: 100%; height: auto; display: block; object-fit: contain; }\n\n    \/* \u79fb\u52a8\u7aef\u667a\u80fd\u9002\u914d *\/\n    @media (max-width: 900px) {\n        .ff-cert-container { flex-direction: column; gap: 40px; }\n        .ff-cert-info { text-align: center; }\n        .ff-cert-line { margin: 0 auto 25px auto; }\n        .ff-cert-slider-side { width: 100%; padding: 0 15px; }\n    }\n    @media (max-width: 600px) {\n        .ff-cert-section { padding: 60px 15px; background-attachment: scroll; }\n        .ff-cert-item { flex: 0 0 calc(50% - 10px); } \/* \u624b\u673a\u7aef\u663e\u793a2\u5f20 *\/\n        .ff-cert-prev { left: -10px; }\n        .ff-cert-next { right: -10px; }\n    }\n<\/style>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const track = document.getElementById('ff-cert-track');\n        const prevBtn = document.querySelector('.ff-cert-prev');\n        const nextBtn = document.querySelector('.ff-cert-next');\n\n        const getScrollAmount = () => {\n            const item = track.querySelector('.ff-cert-item');\n            const gap = parseInt(window.getComputedStyle(track).gap) || 0;\n            return item.offsetWidth + gap;\n        };\n\n        nextBtn.addEventListener('click', () => {\n            track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\n        });\n\n        prevBtn.addEventListener('click', () => {\n            track.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\n        });\n    });\n<\/script>\n\n\n\n<!-- ========================================== -->\n<!-- \u6781\u5ba2\u539f\u7248\u590d\u523b\uff1a\u5168\u5c4f\u5de5\u5382\u8f6e\u64ad (\u60ac\u6d6e\u5706\u89d2\u77e9\u5f62\u5207\u6362\u5361) -->\n<!-- ========================================== -->\n\n<div class=\"ff-oem-fullscreen-wrapper\">\n    \n    <!-- \u6838\u5fc3\u6eda\u52a8\u8f68\u9053 -->\n    <div class=\"ff-oem-track\" id=\"ff-oem-track\">\n        \n        <!-- Slide 1: OEM\/ODM -->\n        <div class=\"ff-oem-slide\">\n            <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-oem-odm.webp\" alt=\"Professional OEM and ODM Service\">\n        <\/div>\n\n        <!-- Slide 2: PCB -->\n        <div class=\"ff-oem-slide\">\n            <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-pcb-design-and-test.webp\" alt=\"PCB Design\">\n            <div class=\"ff-oem-caption\">\n                <h2>Excellent PCB design, assembly, and testing processes<\/h2>\n            <\/div>\n        <\/div>\n\n        <!-- Slide 3: Production -->\n        <div class=\"ff-oem-slide\">\n            <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-production-line.webp\" alt=\"Production Lines\">\n            <div class=\"ff-oem-caption\">\n                <h2>Flow production lines and inspection equipments are advanced.<\/h2>\n            <\/div>\n        <\/div>\n\n        <!-- Slide 4: Warehouse -->\n        <div class=\"ff-oem-slide\">\n            <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-warehouse.webp\" alt=\"Warehouse\">\n            <div class=\"ff-oem-caption\">\n                <h2>Multi warehouses ensures fast delivery globally<\/h2>\n            <\/div>\n        <\/div>\n\n        <!-- Slide 5: Cooperation -->\n        <div class=\"ff-oem-slide\">\n            <img decoding=\"async\" src=\"https:\/\/firstfibertech.com\/wp-content\/uploads\/2026\/07\/firstfiber-international-cooperation.webp\" alt=\"Cooperation\">\n            <div class=\"ff-oem-caption\">\n                <h2>We, along with products and technologies are waing for you<\/h2>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- \ud83c\udf1f \u539f\u7248\u7cbe\u9ad3\uff1a\u72ec\u7acb\u5706\u89d2\u77e9\u5f62\u6309\u94ae -->\n    <div class=\"ff-oem-tabs-container\">\n        <div class=\"ff-oem-tabs-box\">\n            <a href=\"javascript:;\" class=\"ff-oem-tab active\" data-index=\"0\" title=\"OEM\/ODM\">OEM\/ODM<\/a>\n            <a href=\"javascript:;\" class=\"ff-oem-tab\" data-index=\"1\" title=\"PCB\">PCB<\/a>\n            <a href=\"javascript:;\" class=\"ff-oem-tab\" data-index=\"2\" title=\"Production\">Production<\/a>\n            <a href=\"javascript:;\" class=\"ff-oem-tab\" data-index=\"3\" title=\"Warehouse\">Warehouse<\/a>\n            <a href=\"javascript:;\" class=\"ff-oem-tab\" data-index=\"4\" title=\"Cooperation\">Cooperation<\/a>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<style>\n    \/* \u5168\u5c4f\u62c9\u4f38\u7834\u7a97\u9b54\u6cd5 *\/\n    .ff-oem-fullscreen-wrapper {\n        position: relative;\n        width: 100vw; \n        margin-left: calc(-50vw + 50%); \n        background: #000000; \n        font-family: Arial, sans-serif;\n        overflow: hidden;\n    }\n\n    \/* \u539f\u751f\u6a2a\u5411\u6eda\u52a8\u8f68\u9053 *\/\n    .ff-oem-track {\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        -ms-overflow-style: none;\n        scrollbar-width: none; \n    }\n    .ff-oem-track::-webkit-scrollbar {\n        display: none;\n    }\n\n\n\/* \u5e7b\u706f\u7247\u89c6\u53e3 *\/\n    .ff-oem-slide {\n        position: relative;\n        flex: 0 0 100vw; \n        scroll-snap-align: start;\n        \/* \ud83c\udf1f \u6838\u5fc3\u4fee\u590d\uff1a\u7cbe\u51c6\u8c03\u7528\u539f\u7248\u6e90\u7801\u4e2d\u7684 35.94% \u6bd4\u4f8b\u53c2\u6570 *\/\n        aspect-ratio: 100 \/ 35.94; \n        min-height: 350px; \/* \u515c\u5e95\u9ad8\u5ea6 *\/\n    }\n    .ff-oem-slide img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \n        object-position: center;\n    }\n\n    \/* \u56fe\u7247\u4e2d\u592e\u6807\u9898 *\/\n    .ff-oem-caption {\n        position: absolute;\n        top: 45%; \n        left: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n        width: 90%;\n        pointer-events: none; \n        z-index: 2;\n    }\n    .ff-oem-caption h2 {\n        color: #ffffff;\n        font-size: 40px; \n        font-weight: bold;\n        margin: 0;\n        text-transform: uppercase;\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); \n    }\n\n    \/* \ud83c\udf1f \u5706\u89d2\u77e9\u5f62\u5207\u6362\u5361\u5bb9\u5668 *\/\n    .ff-oem-tabs-container {\n        position: absolute;\n        bottom: 35px; \/* \u8ddd\u79bb\u5e95\u90e8\u7559\u51fa\u547c\u5438\u7a7a\u95f4 *\/\n        left: 0;\n        width: 100%;\n        z-index: 10;\n    }\n    \n    .ff-oem-tabs-box {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap; \/* \u5141\u8bb8\u5728\u5c4f\u5e55\u53d8\u5c0f\u7684\u65f6\u5019\u6298\u884c *\/\n        gap: 15px; \/* \u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd *\/\n        max-width: 1200px; \n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* \ud83c\udf1f \u5355\u4e2a\u5706\u89d2\u77e9\u5f62\u6309\u94ae\u6837\u5f0f *\/\n    .ff-oem-tab {\n        padding: 10px 30px;\n        background: rgba(0, 0, 0, 0.45); \/* \u9ed8\u8ba4\u5e26\u4e00\u70b9\u70b9\u534a\u900f\u660e\u9ed1\u8272\u5e95 *\/\n        border: 1px solid rgba(255, 255, 255, 0.3); \/* \u767d\u8272\u5fae\u900f\u660e\u8fb9\u6846 *\/\n        border-radius: 30px; \/* \u836f\u4e38\u5f62\u5706\u89d2\u77e9\u5f62 *\/\n        color: #ffffff;\n        font-size: 15px;\n        font-weight: bold;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        backdrop-filter: blur(4px); \/* \u80cc\u666f\u6bdb\u73bb\u7483\u7279\u6548\uff0c\u6781\u5177\u9ad8\u7ea7\u611f *\/\n        text-align: center;\n    }\n    \n    \/* \u60ac\u6d6e\u4e0e\u6fc0\u6d3b\u65f6\u7684\u4eae\u8272\u5706\u89d2\u5757 *\/\n    .ff-oem-tab:hover,\n    .ff-oem-tab.active {\n        background: #EC6608;\n        border-color: #EC6608;\n        color: #ffffff;\n        transform: translateY(-2px); \/* \u60ac\u6d6e\u65f6\u8f7b\u5fae\u4e0a\u6d6e *\/\n        box-shadow: 0 4px 15px rgba(236, 102, 8, 0.4); \/* \u589e\u52a0\u4e00\u70b9\u6a59\u8272\u5149\u6655 *\/\n    }\n\n    \/* \u79fb\u52a8\u7aef\u667a\u80fd\u9002\u914d *\/\n    @media (max-width: 1024px) {\n        .ff-oem-caption h2 { font-size: 28px; }\n        .ff-oem-tab { font-size: 14px; padding: 8px 20px; }\n    }\n    @media (max-width: 600px) {\n        .ff-oem-slide { aspect-ratio: 4 \/ 3; min-height: 300px; }\n        .ff-oem-caption h2 { font-size: 20px; }\n        .ff-oem-tabs-container { bottom: 15px; }\n        .ff-oem-tabs-box { gap: 10px; }\n        .ff-oem-tab { font-size: 12px; padding: 6px 15px; }\n    }\n<\/style>\n\n<script>\n    \/\/ \u76d1\u542c\u6587\u5b57\u94fe\u63a5\u70b9\u51fb\u4e0e\u89c6\u53e3\u6ed1\u52a8\u540c\u6b65\n    document.addEventListener('DOMContentLoaded', function() {\n        const track = document.getElementById('ff-oem-track');\n        const tabs = document.querySelectorAll('.ff-oem-tab');\n\n        if (!track || tabs.length === 0) return;\n\n        tabs.forEach(tab => {\n            tab.addEventListener('click', (e) => {\n                e.preventDefault();\n                const index = parseInt(tab.getAttribute('data-index'));\n                const slideWidth = track.clientWidth;\n                track.scrollTo({ left: index * slideWidth, behavior: 'smooth' });\n            });\n        });\n\n        let isScrolling;\n        track.addEventListener('scroll', () => {\n            window.clearTimeout(isScrolling);\n            isScrolling = setTimeout(() => {\n                const scrollLeft = track.scrollLeft;\n                const slideWidth = track.clientWidth;\n                const activeIndex = Math.round(scrollLeft \/ slideWidth);\n\n                tabs.forEach((tab, index) => {\n                    if (index === activeIndex) {\n                        tab.classList.add('active');\n                    } else {\n                        tab.classList.remove('active');\n                    }\n                });\n            }, 50); \n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>FEATURED PRODUCTS OTDR Test &amp; Measurement Fiber Cabling FF-980REV mini pro OTDR Reflectometer 9 functions in 1 device VIEW MORE Optical Fiber OTDR Mini Reflectometer FF-960 VIEW MORE 980TEK OTDR Reflectometer with OPM OLS VFL RJ45 VIEW MORE See More Products FF-3306G Optical Fiber Identifier with VFL and OPM VIEW MORE FF-3215 Optical Power Meter &#8230; <a title=\"\u5bb6\" class=\"read-more\" href=\"https:\/\/firstfibertech.com\/zh\/\" aria-label=\"\u9605\u8bfb home\">\u9605\u8bfb\u66f4\u591a<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/firstfibertech.com\/zh\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firstfibertech.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firstfibertech.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firstfibertech.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firstfibertech.com\/zh\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":40,"href":"https:\/\/firstfibertech.com\/zh\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/firstfibertech.com\/zh\/wp-json\/wp\/v2\/pages\/20\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/firstfibertech.com\/zh\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}