{"id":1791,"date":"2026-01-04T02:43:08","date_gmt":"2026-01-04T02:43:08","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=1791"},"modified":"2026-03-16T03:53:21","modified_gmt":"2026-03-16T03:53:21","slug":"compact-and-economic-doubal-sides-coating-line","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/pl\/compact-and-economic-doubal-sides-coating-line\/","title":{"rendered":"Compact and economic doubal sides coating line"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n compact and Economic DoubleSides Coating Line | SANCO Technology<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --primary-dark: #133049;\r\n --primary-blue: #084da4;\r\n --accent-blue: #1e5fa8;\r\n --light-blue: #e8f4fc;\r\n --white: #ffffff;\r\n --gray-light: #f5f7fa;\r\n --gray-medium: #6b7280;\r\n --gray-dark: #374151;\r\n --text-dark: #1f2937;\r\n --gradient-blue: linear-gradient(135deg, #084da4 0%, #1e5fa8 100%);\r\n --shadow-sm: 0 2px 4px rgba(19, 48, 73, 0.08);\r\n --shadow-md: 0 4px 12px rgba(19, 48, 73, 0.12);\r\n --shadow-lg: 0 8px 24px rgba(19, 48, 73, 0.16);\r\n --shadow-xl: 0 12px 40px rgba(19, 48, 73, 0.2);\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: 'Open Sans', sans-serif; color: var(--text-dark); line-height: 1.6; background-color: var(--gray-light); font-size: 18px; }\r\n h1, h2, h3, h4, h5 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.3; }\r\n\r\n \/* ==================== VIDEO HERO SECTION ==================== *\/\r\n .video-hero-section {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n min-height: 600px;\r\n overflow: hidden;\r\n }\r\n .video-hero-background {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n }\r\n .video-hero-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(19, 48, 73, 0.7) 0%, rgba(8, 77, 164, 0.5) 100%);\r\n z-index: 2;\r\n }\r\n \/* \u2605 \u4fee\u65391: \u5361\u7247\u710a\u6b7b \u2014 \u53bb\u6389 translateY \u52a8\u753b\uff0c\u56fa\u5b9a\u5728\u5e95\u90e8\u663e\u793a *\/\r\n .video-hero-content {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 3;\r\n padding: 60px 5%;\r\n \/* \u4e0d\u518d\u9690\u85cf\uff0c\u76f4\u63a5\u663e\u793a *\/\r\n }\r\n \/* \u2605 \u53bb\u6389 hover \u52a8\u753b *\/\r\n .video-hero-card {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n background: rgba(19, 48, 73, 0.9);\r\n backdrop-filter: blur(20px);\r\n border-radius: 24px 24px 0 0;\r\n padding: 50px 60px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-bottom: none;\r\n }\r\n .video-hero-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.15);\r\n color: var(--white);\r\n padding: 12px 28px;\r\n border-radius: 30px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 24px;\r\n }\r\n .video-hero-title {\r\n font-size: 48px;\r\n color: var(--white);\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n }\r\n .video-hero-title span {\r\n background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .video-hero-desc {\r\n font-size: 20px;\r\n color: rgba(255, 255, 255, 0.9);\r\n max-width: 900px;\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n }\r\n .video-hero-features {\r\n display: flex;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n }\r\n .video-hero-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-size: 18px;\r\n font-weight: 600;\r\n }\r\n .video-hero-feature svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: #4facfe;\r\n }\r\n .scroll-indicator {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 4;\r\n color: var(--white);\r\n font-size: 14px;\r\n text-align: center;\r\n opacity: 0.8;\r\n animation: bounce 2s infinite;\r\n }\r\n .scroll-indicator svg {\r\n width: 30px;\r\n height: 30px;\r\n fill: var(--white);\r\n display: block;\r\n margin: 8px auto 0;\r\n }\r\n @keyframes bounce {\r\n 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }\r\n 40% { transform: translateX(-50%) translateY(-10px); }\r\n 60% { transform: translateX(-50%) translateY(-5px); }\r\n }\r\n\r\n \/* ==================== FULL LINE SHOWCASE (FULLSCREEN) ==================== *\/\r\n \/* \u2605 \u4fee\u65392: \u80cc\u666f\u9ad8\u5ea6\u53d8\u4f4e \u2014 padding \u4ece 80px \u6539\u4e3a 40px *\/\r\n .full-line-section {\r\n width: 100%;\r\n background: linear-gradient(135deg, var(--primary-dark) 0%, #1a4263 50%, #0d2538 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 5%;\r\n position: relative;\r\n }\r\n .full-line-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0%, transparent 60%);\r\n }\r\n .full-line-image-wrapper {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n max-width: 1600px;\r\n text-align: center;\r\n }\r\n .full-line-image {\r\n max-width: 100%;\r\n height: auto;\r\n filter: drop-shadow(0 30px 60px rgba(0,0,0,0.4));\r\n }\r\n\r\n \/* ==================== FULLSCREEN VIDEO SECTION ==================== *\/\r\n .fullscreen-video-section {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh;\r\n min-height: 500px;\r\n overflow: hidden;\r\n background: var(--primary-dark);\r\n }\r\n .fullscreen-video-wrapper {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n .fullscreen-video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .fullscreen-video-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(\r\n to bottom,\r\n rgba(19, 48, 73, 0.3) 0%,\r\n rgba(19, 48, 73, 0.1) 50%,\r\n rgba(19, 48, 73, 0.4) 100%\r\n );\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n .fullscreen-video-content {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 2;\r\n padding: 60px 5%;\r\n background: linear-gradient(to top, rgba(19, 48, 73, 0.9) 0%, transparent 100%);\r\n }\r\n .fullscreen-video-text {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n .fullscreen-video-title {\r\n font-size: 42px;\r\n color: var(--white);\r\n margin-bottom: 16px;\r\n }\r\n .fullscreen-video-title span {\r\n background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .fullscreen-video-desc {\r\n font-size: 20px;\r\n color: rgba(255, 255, 255, 0.85);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n .video-play-btn {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 3;\r\n width: 100px;\r\n height: 100px;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n border: 3px solid rgba(255, 255, 255, 0.5);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: var(--transition);\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n .video-play-btn.show {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .video-play-btn:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translate(-50%, -50%) scale(1.1);\r\n }\r\n .video-play-btn svg {\r\n width: 40px;\r\n height: 40px;\r\n fill: var(--white);\r\n margin-left: 5px;\r\n }\r\n\r\n \/* ==================== PRODUCTION LINE SECTION ==================== *\/\r\n .production-line-section {\r\n padding: 100px 5%;\r\n background: var(--white);\r\n }\r\n .section-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Section Header *\/\r\n .line-section-header {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n }\r\n .line-badge {\r\n display: inline-block;\r\n background: var(--gradient-blue);\r\n color: var(--white);\r\n padding: 14px 32px;\r\n border-radius: 30px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 28px;\r\n }\r\n .line-section-title {\r\n font-size: 52px;\r\n color: var(--primary-dark);\r\n margin-bottom: 28px;\r\n line-height: 1.2;\r\n }\r\n .line-section-title span {\r\n color: var(--primary-blue);\r\n }\r\n .line-section-desc {\r\n font-size: 22px;\r\n color: var(--gray-medium);\r\n max-width: 1000px;\r\n margin: 0 auto 40px;\r\n line-height: 1.8;\r\n }\r\n .line-cta-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n }\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: var(--gradient-blue);\r\n color: var(--white);\r\n padding: 20px 40px;\r\n border-radius: 14px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n box-shadow: var(--shadow-md);\r\n }\r\n .btn-primary:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n .btn-primary svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: currentColor;\r\n }\r\n\r\n \/* Line Statistics *\/\r\n .line-stats {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 30px;\r\n margin-bottom: 80px;\r\n }\r\n .stat-card {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 36px;\r\n text-align: center;\r\n box-shadow: var(--shadow-md);\r\n transition: var(--transition);\r\n border: 1px solid rgba(19, 48, 73, 0.08);\r\n }\r\n .stat-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n .stat-number {\r\n font-size: 52px;\r\n font-weight: 800;\r\n color: var(--primary-blue);\r\n font-family: 'Montserrat', sans-serif;\r\n margin-bottom: 12px;\r\n }\r\n .stat-label {\r\n font-size: 18px;\r\n color: var(--gray-medium);\r\n font-weight: 600;\r\n }\r\n\r\n \/* Process Flow Section *\/\r\n .process-flow-section {\r\n margin-bottom: 100px;\r\n }\r\n .process-flow-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n .process-flow-title {\r\n font-size: 36px;\r\n color: var(--primary-dark);\r\n margin-bottom: 16px;\r\n text-align: center;\r\n }\r\n .process-flow-subtitle {\r\n font-size: 20px;\r\n color: var(--gray-medium);\r\n }\r\n\r\n \/* Process Flow Diagram *\/\r\n .process-flow-diagram {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n gap: 0;\r\n padding: 50px 30px;\r\n overflow-x: auto;\r\n background: var(--gray-light);\r\n border-radius: 24px;\r\n }\r\n .process-step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n position: relative;\r\n min-width: 140px;\r\n cursor: pointer;\r\n }\r\n .process-step:hover {\r\n transform: translateY(-10px);\r\n }\r\n .process-step-icon {\r\n width: 110px;\r\n height: 110px;\r\n background: var(--white);\r\n border: 5px solid var(--primary-blue);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n transition: var(--transition);\r\n box-shadow: var(--shadow-md);\r\n overflow: hidden;\r\n padding: 15px;\r\n flex-shrink: 0;\r\n }\r\n .process-step:hover .process-step-icon {\r\n background: var(--primary-blue);\r\n border-color: var(--primary-dark);\r\n transform: scale(1.1);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n .process-step-icon img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n transition: var(--transition);\r\n }\r\n .process-step:hover .process-step-icon img {\r\n filter: brightness(0) invert(1);\r\n }\r\n .process-step-text {\r\n text-align: center;\r\n min-height: 50px;\r\n }\r\n .process-step-label {\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--primary-dark);\r\n text-align: center;\r\n max-width: 120px;\r\n line-height: 1.4;\r\n }\r\n .process-step-sublabel {\r\n font-size: 14px;\r\n color: var(--gray-medium);\r\n margin-top: 4px;\r\n }\r\n .process-arrow {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 10px;\r\n height: 110px;\r\n flex-shrink: 0;\r\n }\r\n .process-arrow svg {\r\n width: 48px;\r\n height: 48px;\r\n fill: none;\r\n stroke: var(--primary-blue);\r\n }\r\n\r\n \/* Equipment Section *\/\r\n .equipment-section {\r\n margin-bottom: 60px;\r\n }\r\n .equipment-section-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n margin-bottom: 50px;\r\n }\r\n .equipment-section-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--gradient-blue);\r\n border-radius: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .equipment-section-icon svg {\r\n width: 36px;\r\n height: 36px;\r\n fill: var(--white);\r\n }\r\n .equipment-section-title {\r\n font-size: 36px;\r\n color: var(--primary-dark);\r\n }\r\n\r\n \/* Equipment Grid *\/\r\n .equipment-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));\r\n gap: 36px;\r\n }\r\n .equipment-card {\r\n background: var(--white);\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-md);\r\n transition: var(--transition);\r\n border: 1px solid rgba(19, 48, 73, 0.08);\r\n display: flex;\r\n flex-direction: column;\r\n cursor: pointer;\r\n }\r\n .equipment-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: var(--shadow-xl);\r\n border-color: var(--primary-blue);\r\n }\r\n .equipment-card-image {\r\n height: 300px;\r\n background: linear-gradient(135deg, #f8fafc 0%, #e8f4fc 100%);\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n padding: 35px 35px 0 35px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .equipment-card-image::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: radial-gradient(circle at 50% 100%, rgba(8, 77, 164, 0.05) 0%, transparent 70%);\r\n }\r\n .equipment-card-image img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n object-position: bottom;\r\n position: relative;\r\n z-index: 1;\r\n transition: var(--transition);\r\n }\r\n .equipment-card:hover .equipment-card-image img {\r\n transform: scale(1.08);\r\n }\r\n .equipment-card-badge {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: var(--primary-dark);\r\n color: var(--white);\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n z-index: 2;\r\n }\r\n .equipment-card-step {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--gradient-blue);\r\n color: var(--white);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n font-weight: 800;\r\n z-index: 2;\r\n box-shadow: var(--shadow-md);\r\n }\r\n .equipment-card-zoom {\r\n position: absolute;\r\n bottom: 20px;\r\n right: 20px;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--white);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: var(--shadow-md);\r\n opacity: 0;\r\n transform: scale(0.8);\r\n transition: var(--transition);\r\n z-index: 2;\r\n }\r\n .equipment-card:hover .equipment-card-zoom {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n .equipment-card-zoom svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: var(--primary-blue);\r\n }\r\n .equipment-card-content {\r\n padding: 35px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .equipment-card-title {\r\n font-size: 26px;\r\n color: var(--primary-dark);\r\n margin-bottom: 16px;\r\n line-height: 1.3;\r\n }\r\n .equipment-card-desc {\r\n font-size: 17px;\r\n color: var(--gray-medium);\r\n line-height: 1.7;\r\n margin-bottom: 28px;\r\n flex: 1;\r\n }\r\n\r\n \/* Equipment Specs Mini Table *\/\r\n .equipment-specs-mini {\r\n background: var(--gray-light);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 28px;\r\n }\r\n .spec-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px 0;\r\n border-bottom: 1px solid rgba(19, 48, 73, 0.08);\r\n }\r\n .spec-row:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n .spec-row:first-child {\r\n padding-top: 0;\r\n }\r\n .spec-label {\r\n font-size: 15px;\r\n color: var(--gray-medium);\r\n font-weight: 500;\r\n }\r\n .spec-value {\r\n font-size: 15px;\r\n color: var(--primary-dark);\r\n font-weight: 700;\r\n text-align: right;\r\n word-break: break-word;\r\n max-width: 60%;\r\n }\r\n\r\n .equipment-card-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: var(--primary-blue);\r\n font-size: 18px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n .equipment-card-link:hover {\r\n color: var(--primary-dark);\r\n gap: 16px;\r\n }\r\n .equipment-card-link svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: currentColor;\r\n transition: var(--transition);\r\n }\r\n\r\n \/* ==================== LIGHTBOX ==================== *\/\r\n .lightbox-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(19, 48, 73, 0.95);\r\n backdrop-filter: blur(10px);\r\n z-index: 9999;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n .lightbox-overlay.active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n .lightbox-close {\r\n position: absolute;\r\n top: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: var(--transition);\r\n }\r\n .lightbox-close:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: rotate(90deg);\r\n }\r\n .lightbox-close svg {\r\n width: 30px;\r\n height: 30px;\r\n fill: var(--white);\r\n }\r\n .lightbox-content {\r\n max-width: 1200px;\r\n width: 100%;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n .lightbox-image-wrapper {\r\n background: linear-gradient(135deg, #f8fafc 0%, #e8f4fc 100%);\r\n border-radius: 24px;\r\n padding: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 450px;\r\n }\r\n .lightbox-image {\r\n max-width: 100%;\r\n max-height: 400px;\r\n object-fit: contain;\r\n }\r\n .lightbox-info {\r\n color: var(--white);\r\n }\r\n .lightbox-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.15);\r\n color: var(--white);\r\n padding: 10px 24px;\r\n border-radius: 25px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n }\r\n .lightbox-title {\r\n font-size: 36px;\r\n margin-bottom: 20px;\r\n line-height: 1.3;\r\n }\r\n .lightbox-desc {\r\n font-size: 18px;\r\n color: rgba(255, 255, 255, 0.85);\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n }\r\n .lightbox-specs {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n padding: 24px;\r\n margin-bottom: 30px;\r\n }\r\n .lightbox-specs-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 16px;\r\n color: #4facfe;\r\n }\r\n .lightbox-spec-row {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 12px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n font-size: 16px;\r\n }\r\n .lightbox-spec-row:last-child {\r\n border-bottom: none;\r\n }\r\n .lightbox-spec-label {\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n .lightbox-spec-value {\r\n color: var(--white);\r\n font-weight: 600;\r\n }\r\n .lightbox-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--white);\r\n color: var(--primary-dark);\r\n padding: 18px 36px;\r\n border-radius: 12px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n .lightbox-btn:hover {\r\n background: var(--light-blue);\r\n transform: translateY(-3px);\r\n }\r\n .lightbox-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: currentColor;\r\n }\r\n\r\n \/* Connection Indicator *\/\r\n .connection-indicator {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 0;\r\n position: relative;\r\n }\r\n .connection-line {\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, transparent 0%, var(--primary-blue) 10%, var(--primary-blue) 90%, transparent 100%);\r\n position: relative;\r\n }\r\n .connection-line::before,\r\n .connection-line::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 16px;\r\n height: 16px;\r\n background: var(--primary-blue);\r\n border-radius: 50%;\r\n }\r\n .connection-line::before { left: 10%; }\r\n .connection-line::after { right: 10%; }\r\n .connection-text {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: var(--white);\r\n padding: 12px 28px;\r\n border-radius: 25px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n box-shadow: var(--shadow-md);\r\n white-space: nowrap;\r\n }\r\n\r\n \/* ==================== RESPONSIVE ==================== *\/\r\n @media (max-width: 1200px) {\r\n .equipment-grid { grid-template-columns: repeat(2, 1fr); }\r\n .line-stats { grid-template-columns: repeat(2, 1fr); }\r\n .lightbox-content { grid-template-columns: 1fr; gap: 30px; }\r\n .lightbox-image-wrapper { min-height: 300px; }\r\n .fullscreen-video-title { font-size: 36px; }\r\n }\r\n @media (max-width: 900px) {\r\n .process-flow-diagram {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n gap: 0;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n padding: 30px 20px;\r\n scroll-snap-type: x mandatory;\r\n }\r\n .process-arrow { \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: auto;\r\n padding: 0 5px;\r\n height: 80px;\r\n flex-shrink: 0;\r\n }\r\n .process-arrow svg {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n .process-step { \r\n min-width: 100px;\r\n flex-shrink: 0;\r\n scroll-snap-align: center;\r\n }\r\n .process-step-icon {\r\n width: 80px;\r\n height: 80px;\r\n padding: 12px;\r\n margin-bottom: 12px;\r\n }\r\n \/* \u2605 \u79fb\u52a8\u7aef hero \u5361\u7247\u4e5f\u56fa\u5b9a\u663e\u793a *\/\r\n .video-hero-section {\r\n height: auto;\r\n min-height: 500px;\r\n }\r\n .video-hero-title { font-size: 36px; }\r\n .video-hero-card { padding: 35px; }\r\n .fullscreen-video-section { height: 70vh; min-height: 400px; }\r\n .fullscreen-video-title { font-size: 30px; }\r\n .fullscreen-video-desc { font-size: 18px; }\r\n \/* \u2605 full-line-section \u79fb\u52a8\u7aef\u4e5f\u7f29\u5c0f *\/\r\n .full-line-section { padding: 30px 5%; }\r\n }\r\n @media (max-width: 768px) {\r\n body { font-size: 16px; }\r\n .production-line-section { padding: 70px 5%; }\r\n .line-section-title { font-size: 38px; }\r\n .line-section-desc { font-size: 18px; }\r\n .equipment-grid { grid-template-columns: 1fr; }\r\n .equipment-card-image { height: 260px; }\r\n .line-stats { grid-template-columns: 1fr; gap: 16px; }\r\n .stat-card { padding: 24px 20px; }\r\n .stat-number { font-size: 36px; }\r\n .stat-label { font-size: 16px; }\r\n .line-cta-buttons { flex-direction: column; align-items: center; }\r\n .btn-primary { width: 100%; max-width: 360px; justify-content: center; }\r\n \/* \u2605 \u79fb\u52a8\u7aef hero \u9002\u914d *\/\r\n .video-hero-section {\r\n height: auto;\r\n min-height: auto;\r\n }\r\n .video-hero-content {\r\n position: relative;\r\n padding: 0;\r\n }\r\n .video-hero-card {\r\n border-radius: 0;\r\n padding: 30px 20px;\r\n }\r\n .video-hero-background {\r\n height: 300px;\r\n position: relative;\r\n }\r\n .video-hero-overlay {\r\n height: 300px;\r\n }\r\n .video-hero-features { gap: 20px; }\r\n .video-hero-feature { font-size: 15px; }\r\n .video-hero-desc { font-size: 16px; }\r\n .scroll-indicator { display: none; }\r\n .lightbox-content { padding: 20px; }\r\n .lightbox-title { font-size: 28px; }\r\n .fullscreen-video-section { height: 60vh; min-height: 350px; }\r\n .fullscreen-video-title { font-size: 26px; }\r\n .fullscreen-video-desc { font-size: 16px; }\r\n .fullscreen-video-content { padding: 40px 5%; }\r\n .video-play-btn { width: 80px; height: 80px; }\r\n .video-play-btn svg { width: 32px; height: 32px; }\r\n .connection-indicator { padding: 30px 0; }\r\n .full-line-section { padding: 20px 3%; }\r\n }\r\n @media (max-width: 480px) {\r\n .line-section-title { font-size: 30px; }\r\n .process-step-icon { width: 70px; height: 70px; padding: 10px; }\r\n .process-step-label { font-size: 13px; }\r\n .process-step { min-width: 85px; }\r\n .process-arrow { height: 70px; padding: 0 3px; }\r\n .process-arrow svg { width: 24px; height: 24px; }\r\n .equipment-section-title { font-size: 28px; }\r\n .equipment-card-title { font-size: 22px; }\r\n .line-stats { grid-template-columns: 1fr; gap: 12px; }\r\n .stat-card { \r\n padding: 20px 16px; \r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n text-align: left;\r\n }\r\n .stat-number { \r\n font-size: 32px; \r\n margin-bottom: 0;\r\n order: 2;\r\n }\r\n .stat-label { \r\n font-size: 15px;\r\n order: 1;\r\n }\r\n .video-hero-title { font-size: 24px; }\r\n .video-hero-desc { font-size: 14px; }\r\n .video-hero-card { padding: 24px 16px; }\r\n .video-hero-features { gap: 12px; }\r\n .video-hero-feature { font-size: 13px; gap: 8px; }\r\n .video-hero-feature svg { width: 18px; height: 18px; }\r\n .video-hero-badge { font-size: 12px; padding: 8px 18px; }\r\n .fullscreen-video-section { height: 50vh; min-height: 300px; }\r\n .fullscreen-video-title { font-size: 22px; }\r\n .fullscreen-video-desc { font-size: 14px; }\r\n .video-play-btn { width: 70px; height: 70px; }\r\n .video-play-btn svg { width: 28px; height: 28px; }\r\n .connection-indicator { padding: 24px 0; }\r\n .connection-text { \r\n font-size: 14px; \r\n padding: 10px 20px;\r\n }\r\n .full-line-section { padding: 16px 3%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ==================== VIDEO HERO SECTION ==================== -->\r\n <section class=\"video-hero-section\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/\u516c\u53f8-logo_\u7ed3\u679c.webp\" alt=\"SANCO Factory\" class=\"video-hero-background\">\r\n <div class=\"video-hero-overlay\"><\/div>\r\n \r\n <div class=\"video-hero-content\">\r\n <div class=\"video-hero-card\">\r\n <span class=\"video-hero-badge\">Solution 03<\/span>\r\n <h1 class=\"video-hero-title\">\r\n Compact and Economic Double Sides <br>\r\n <span>Coating Line<\/span>\r\n <\/h1>\r\n <p class=\"video-hero-desc\">\r\n Complete double-side conformal coating solution featuring IR curing technology for fast, efficient processing. \r\n This integrated production line combines precision coating, UV inspection, and rapid curing to deliver \r\n consistent high-quality results with maximum throughput efficiency.\r\n <\/p>\r\n <div class=\"video-hero-features\">\r\n <div class=\"video-hero-feature\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span>8 Equipment Stations<\/span>\r\n <\/div>\r\n <div class=\"video-hero-feature\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span>IR Curing Technology<\/span>\r\n <\/div>\r\n <div class=\"video-hero-feature\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span>100% Inspection Coverage<\/span>\r\n <\/div>\r\n <div class=\"video-hero-feature\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\r\n <span>SMEMA Interface<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"scroll-indicator\">\r\n Scroll Down\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 13l5 5 5-5M7 6l5 5 5-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== FULL LINE SHOWCASE ==================== -->\r\n <section class=\"full-line-section\">\r\n <div class=\"full-line-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/5.Compact-and-economic-double-sides-coating-line-scaled_\u7ed3\u679c.webp\" alt=\"Compact and Economic Double Sides Coating Line\" class=\"full-line-image\">\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== FULLSCREEN VIDEO SECTION ==================== -->\r\n <section class=\"fullscreen-video-section\" id=\"video-section\">\r\n <div class=\"fullscreen-video-wrapper\">\r\n <video class=\"fullscreen-video\" id=\"mainVideo\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/01\/compact-video.mp4\" type=\"video\/mp4\">\r\n Your browser does not support the video tag.\r\n <\/video>\r\n <div class=\"fullscreen-video-overlay\"><\/div>\r\n <\/div>\r\n \r\n <button class=\"video-play-btn\" id=\"videoPlayBtn\" aria-label=\"Play Video\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>\r\n <\/button>\r\n \r\n <div class=\"fullscreen-video-content\">\r\n <div class=\"fullscreen-video-text\">\r\n <h2 class=\"fullscreen-video-title\">\r\n Watch Our <span>Production Line<\/span> in Action\r\n <\/h2>\r\n <p class=\"fullscreen-video-desc\">\r\n Experience the precision and efficiency of our integrated PCBA conformal coating solution\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== PRODUCTION LINE DETAILS ==================== -->\r\n <section class=\"production-line-section\" id=\"line-details\">\r\n <div class=\"section-container\">\r\n \r\n <!-- Section Header -->\r\n <header class=\"line-section-header\">\r\n <span class=\"line-badge\">Production Line<\/span>\r\n <h2 class=\"line-section-title\">\r\n Line Equipment <span>Components<\/span>\r\n <\/h2>\r\n <p class=\"line-section-desc\">\r\n Click on each equipment to view detailed specifications. Our integrated solution combines \r\n precision dispensing, IR curing, and intelligent material handling systems.\r\n <\/p>\r\n <\/header>\r\n\r\n <!-- Line Statistics -->\r\n <div class=\"line-stats\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-number\">8<\/div>\r\n <div class=\"stat-label\">Equipment Stations<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-number\">IR<\/div>\r\n <div class=\"stat-label\">Curing Technology<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-number\">100%<\/div>\r\n <div class=\"stat-label\">Inspection Coverage<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-number\">SMEMA<\/div>\r\n <div class=\"stat-label\">Interface Standard<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Process Flow Diagram -->\r\n <div class=\"process-flow-section\">\r\n <div class=\"process-flow-header\">\r\n <h3 class=\"process-flow-title\">Production Process Flow<\/h3>\r\n <p class=\"process-flow-subtitle\">Click on each step to view detailed equipment specifications<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-flow-diagram\">\r\n <!-- Step 1: Lift IN -->\r\n <div class=\"process-step\" onclick=\"openLightbox('elevator-in')\">\r\n <div class=\"process-step-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp\" alt=\"Elevator IN\">\r\n <\/div>\r\n <div class=\"process-step-text\">\r\n <span class=\"process-step-label\">Lift<\/span>\r\n <span class=\"process-step-sublabel\">(IN)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n\r\n <!-- Step 2: PCB Flipper -->\r\n <div class=\"process-step\" onclick=\"openLightbox('pcb-flipper')\">\r\n <div class=\"process-step-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp\" alt=\"PCB Flipper\">\r\n <\/div>\r\n <div class=\"process-step-text\">\r\n <span class=\"process-step-label\">PCB Flipper<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n\r\n <!-- Step 3: Conveyor -->\r\n <div class=\"process-step\" onclick=\"openLightbox('conveyor')\">\r\n <div class=\"process-step-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Conveyor_\u7ed3\u679c.webp\" alt=\"Conveyor\">\r\n <\/div>\r\n <div class=\"process-step-text\">\r\n <span class=\"process-step-label\">Conveyor<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n\r\n <!-- Step 4: Coating -->\r\n <div class=\"process-step\" onclick=\"openLightbox('four-axial')\">\r\n <div class=\"process-step-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp\" alt=\"Four Axial Coating Machine\">\r\n <\/div>\r\n <div class=\"process-step-text\">\r\n <span class=\"process-step-label\">Coating<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n\r\n <!-- Step 5: UV Inspection -->\r\n <div class=\"process-step\" onclick=\"openLightbox('uv-inspection')\">\r\n <div class=\"process-step-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Conveyor_\u7ed3\u679c.webp\" alt=\"UV Inspection\">\r\n <\/div>\r\n <div class=\"process-step-text\">\r\n <span class=\"process-step-label\">UV Inspection<\/span>\r\n <span class=\"process-step-sublabel\">Conveyor<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n\r\n <!-- Step 6: IR Oven -->\r\n <div class=\"process-step\" onclick=\"openLightbox('ir-oven')\">\r\n <div class=\"process-step-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp\" alt=\"IR Oven\">\r\n <\/div>\r\n <div class=\"process-step-text\">\r\n <span class=\"process-step-label\">IR Oven<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n\r\n <!-- Step 7: Conveyor -->\r\n <div class=\"process-step\" onclick=\"openLightbox('conveyor')\">\r\n <div class=\"process-step-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Conveyor_\u7ed3\u679c.webp\" alt=\"Conveyor\">\r\n <\/div>\r\n <div class=\"process-step-text\">\r\n <span class=\"process-step-label\">Conveyor<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"process-arrow\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/div>\r\n\r\n <!-- Step 8: Lift OUT -->\r\n <div class=\"process-step\" onclick=\"openLightbox('elevator-out')\">\r\n <div class=\"process-step-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-out_\u7ed3\u679c.webp\" alt=\"Elevator OUT\">\r\n <\/div>\r\n <div class=\"process-step-text\">\r\n <span class=\"process-step-label\">Lift<\/span>\r\n <span class=\"process-step-sublabel\">(OUT)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Connection Indicator -->\r\n <div class=\"connection-indicator\">\r\n <div class=\"connection-line\"><\/div>\r\n <span class=\"connection-text\">Equipment Details<\/span>\r\n <\/div>\r\n\r\n <!-- Equipment Cards -->\r\n <div class=\"equipment-section\">\r\n <div class=\"equipment-section-header\">\r\n <div class=\"equipment-section-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"equipment-section-title\">Line Equipment Components<\/h3>\r\n <\/div>\r\n\r\n <div class=\"equipment-grid\">\r\n <!-- Card 1: Elevator (Lift IN) -->\r\n <article class=\"equipment-card\" onclick=\"openLightbox('elevator-in')\">\r\n <div class=\"equipment-card-image\">\r\n <span class=\"equipment-card-badge\">Material Handling<\/span>\r\n <span class=\"equipment-card-step\">1<\/span>\r\n <div class=\"equipment-card-zoom\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m-3-3h6\"\/><\/svg>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp\" alt=\"Elevator - Lift IN\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"equipment-card-content\">\r\n <h4 class=\"equipment-card-title\">Elevator (Lift IN)<\/h4>\r\n <p class=\"equipment-card-desc\">\r\n Automatic PCB elevator system for smooth board loading into the production line with precise height adjustment.\r\n <\/p>\r\n <div class=\"equipment-specs-mini\">\r\n <div class=\"spec-row\"><span class=\"spec-label\">Working Height<\/span><span class=\"spec-value\">900\u00b120mm<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Control<\/span><span class=\"spec-value\">PLC + Touch Screen<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Interface<\/span><span class=\"spec-value\">SMEMA Compatible<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.sancofd.com\/elevator\/\" class=\"equipment-card-link\" onclick=\"event.stopPropagation()\">\r\n View Full Specs\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 2: PCB Flipper -->\r\n <article class=\"equipment-card\" onclick=\"openLightbox('pcb-flipper')\">\r\n <div class=\"equipment-card-image\">\r\n <span class=\"equipment-card-badge\">PCB Handling<\/span>\r\n <span class=\"equipment-card-step\">2<\/span>\r\n <div class=\"equipment-card-zoom\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m-3-3h6\"\/><\/svg>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp\" alt=\"PCB Flipper\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"equipment-card-content\">\r\n <h4 class=\"equipment-card-title\">PCB Flipper<\/h4>\r\n <p class=\"equipment-card-desc\">\r\n Automatic PCB board flipping system for double-sided processing with precise rotation control.\r\n <\/p>\r\n <div class=\"equipment-specs-mini\">\r\n <div class=\"spec-row\"><span class=\"spec-label\">Flip Type<\/span><span class=\"spec-value\">180\u00b0 Rotation<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Control<\/span><span class=\"spec-value\">PLC + Touch Screen<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Interface<\/span><span class=\"spec-value\">SMEMA Compatible<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.sancofd.com\/pcb-flipper\/\" class=\"equipment-card-link\" onclick=\"event.stopPropagation()\">\r\n View Full Specs\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 3: Conveyor -->\r\n <article class=\"equipment-card\" onclick=\"openLightbox('conveyor')\">\r\n <div class=\"equipment-card-image\">\r\n <span class=\"equipment-card-badge\">Transport<\/span>\r\n <span class=\"equipment-card-step\">3<\/span>\r\n <div class=\"equipment-card-zoom\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m-3-3h6\"\/><\/svg>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Conveyor_\u7ed3\u679c.webp\" alt=\"Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"equipment-card-content\">\r\n <h4 class=\"equipment-card-title\">Conveyor<\/h4>\r\n <p class=\"equipment-card-desc\">\r\n Device connection and transmission between SMT devices with touch screen all-in-one operation interface.\r\n <\/p>\r\n <div class=\"equipment-specs-mini\">\r\n <div class=\"spec-row\"><span class=\"spec-label\">Model<\/span><span class=\"spec-value\">JB-500C<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Dimensions<\/span><span class=\"spec-value\">L500\u00d7W790\u00d7H810mm<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">PCB Width<\/span><span class=\"spec-value\">50~350mm<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Working Height<\/span><span class=\"spec-value\">900\u00b120mm<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.sancofd.com\/conveyor\/\" class=\"equipment-card-link\" onclick=\"event.stopPropagation()\">\r\n View Full Specs\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 4: Four Axial Coating Machine -->\r\n <article class=\"equipment-card\" onclick=\"openLightbox('four-axial')\">\r\n <div class=\"equipment-card-image\">\r\n <span class=\"equipment-card-badge\">Coating<\/span>\r\n <span class=\"equipment-card-step\">4<\/span>\r\n <div class=\"equipment-card-zoom\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m-3-3h6\"\/><\/svg>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp\" alt=\"Four Axial Coating Machine\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"equipment-card-content\">\r\n <h4 class=\"equipment-card-title\">Four Axial Coating Machine<\/h4>\r\n <p class=\"equipment-card-desc\">\r\n Advanced four-axis selective conformal coating system with enhanced precision movement for complex PCB geometries.\r\n <\/p>\r\n <div class=\"equipment-specs-mini\">\r\n <div class=\"spec-row\"><span class=\"spec-label\">Axis<\/span><span class=\"spec-value\">4-Axis Control<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Coating Type<\/span><span class=\"spec-value\">Selective Coating<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Interface<\/span><span class=\"spec-value\">SMEMA Compatible<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.sancofd.com\/four-axial-coating-machine\/\" class=\"equipment-card-link\" onclick=\"event.stopPropagation()\">\r\n View Full Specs\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 5: UV Inspection Conveyor -->\r\n <article class=\"equipment-card\" onclick=\"openLightbox('uv-inspection')\">\r\n <div class=\"equipment-card-image\">\r\n <span class=\"equipment-card-badge\">Inspection<\/span>\r\n <span class=\"equipment-card-step\">5<\/span>\r\n <div class=\"equipment-card-zoom\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m-3-3h6\"\/><\/svg>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Conveyor_\u7ed3\u679c.webp\" alt=\"UV Inspection Conveyor\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"equipment-card-content\">\r\n <h4 class=\"equipment-card-title\">UV Inspection Conveyor<\/h4>\r\n <p class=\"equipment-card-desc\">\r\n Integrated UV inspection system for real-time coating quality verification before curing process.\r\n <\/p>\r\n <div class=\"equipment-specs-mini\">\r\n <div class=\"spec-row\"><span class=\"spec-label\">Detection<\/span><span class=\"spec-value\">UV Fluorescent<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Inspection<\/span><span class=\"spec-value\">Real-time QC<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Interface<\/span><span class=\"spec-value\">SMEMA Compatible<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.sancofd.com\/uv-conveyor\/\" class=\"equipment-card-link\" onclick=\"event.stopPropagation()\">\r\n View Full Specs\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 6: IR Curing Oven -->\r\n <article class=\"equipment-card\" onclick=\"openLightbox('ir-oven')\">\r\n <div class=\"equipment-card-image\">\r\n <span class=\"equipment-card-badge\">Curing<\/span>\r\n <span class=\"equipment-card-step\">6<\/span>\r\n <div class=\"equipment-card-zoom\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m-3-3h6\"\/><\/svg>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp\" alt=\"IR Curing Oven\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"equipment-card-content\">\r\n <h4 class=\"equipment-card-title\">IR Curing Oven<\/h4>\r\n <p class=\"equipment-card-desc\">\r\n High-efficiency infrared curing system with precise temperature control for optimal coating polymerization.\r\n <\/p>\r\n <div class=\"equipment-specs-mini\">\r\n <div class=\"spec-row\"><span class=\"spec-label\">Dimensions<\/span><span class=\"spec-value\">2500\u00d71050\u00d71540mm<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Heating Power<\/span><span class=\"spec-value\">18KW<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">PCB Width<\/span><span class=\"spec-value\">Max 450mm<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Speed<\/span><span class=\"spec-value\">0.5-3.5M\/min<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.sancofd.com\/ir-curing-oven\/\" class=\"equipment-card-link\" onclick=\"event.stopPropagation()\">\r\n View Full Specs\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 7: Elevator (Lift OUT) -->\r\n <article class=\"equipment-card\" onclick=\"openLightbox('elevator-out')\">\r\n <div class=\"equipment-card-image\">\r\n <span class=\"equipment-card-badge\">Material Handling<\/span>\r\n <span class=\"equipment-card-step\">8<\/span>\r\n <div class=\"equipment-card-zoom\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m-3-3h6\"\/><\/svg>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-out_\u7ed3\u679c.webp\" alt=\"Elevator - Lift OUT\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"equipment-card-content\">\r\n <h4 class=\"equipment-card-title\">Elevator (Lift OUT)<\/h4>\r\n <p class=\"equipment-card-desc\">\r\n Automatic PCB unloading elevator for smooth board exit with buffer storage capability.\r\n <\/p>\r\n <div class=\"equipment-specs-mini\">\r\n <div class=\"spec-row\"><span class=\"spec-label\">Working Height<\/span><span class=\"spec-value\">900\u00b120mm<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Control<\/span><span class=\"spec-value\">PLC + Touch Screen<\/span><\/div>\r\n <div class=\"spec-row\"><span class=\"spec-label\">Interface<\/span><span class=\"spec-value\">SMEMA Compatible<\/span><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.sancofd.com\/elevator\/\" class=\"equipment-card-link\" onclick=\"event.stopPropagation()\">\r\n View Full Specs\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ==================== LIGHTBOX ==================== -->\r\n <div class=\"lightbox-overlay\" id=\"lightbox\">\r\n <button class=\"lightbox-close\" onclick=\"closeLightbox()\" aria-label=\"Close\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6 18L18 6M6 6l12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n <div class=\"lightbox-content\" id=\"lightbox-content\">\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Equipment data for lightbox\r\n const equipmentData = {\r\n 'elevator-in': {\r\n badge: 'Material Handling',\r\n title: 'Elevator (Lift IN)',\r\n image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp',\r\n desc: 'Automatic PCB elevator system designed for smooth board loading into the production line. Features precise height adjustment and gentle handling to protect sensitive components during the loading process.',\r\n specs: [\r\n { label: 'Working Height', value: '900\u00b120mm' },\r\n { label: 'Control System', value: 'PLC + Touch Screen' },\r\n { label: 'Signal Interface', value: 'Standard SMEMA' },\r\n { label: 'Power Supply', value: 'AC220V, 50HZ' },\r\n { label: 'Transmission Type', value: 'Anti-static Flat Belt' }\r\n ],\r\n link: 'https:\/\/www.sancofd.com\/elevator\/'\r\n },\r\n 'pcb-flipper': {\r\n badge: 'PCB Handling',\r\n title: 'PCB Flipper',\r\n image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp',\r\n desc: 'Automatic PCB board flipping system for efficient double-sided processing. Features precise 180-degree rotation with gentle handling to protect sensitive components. Ideal for automated production lines requiring board flipping between process steps.',\r\n specs: [\r\n { label: 'Flip Type', value: '180\u00b0 Rotation' },\r\n { label: 'Control System', value: 'PLC + Touch Screen' },\r\n { label: 'Signal Interface', value: 'Standard SMEMA' },\r\n { label: 'Working Height', value: '900\u00b120mm' },\r\n { label: 'Rotation Time', value: '< 3 seconds' }\r\n ],\r\n link: 'https:\/\/www.sancofd.com\/pcb-flipper\/'\r\n },\r\n 'elevator-out': {\r\n badge: 'Material Handling',\r\n title: 'Elevator (Lift OUT)',\r\n image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-out_\u7ed3\u679c.webp',\r\n desc: 'Automatic PCB unloading elevator for smooth board exit from the production line. Coordinates with downstream processes for continuous operation with buffer storage capability.',\r\n specs: [\r\n { label: 'Working Height', value: '900\u00b120mm' },\r\n { label: 'Control System', value: 'PLC + Touch Screen' },\r\n { label: 'Signal Interface', value: 'Standard SMEMA' },\r\n { label: 'Power Supply', value: 'AC220V, 50HZ' },\r\n { label: 'Buffer Storage', value: 'Available' }\r\n ],\r\n link: 'https:\/\/www.sancofd.com\/elevator\/'\r\n },\r\n 'conveyor': {\r\n badge: 'Transport',\r\n title: 'Conveyor',\r\n image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Conveyor_\u7ed3\u679c.webp',\r\n desc: 'This device is used for connection and transmission between SMT devices. Features touch screen all-in-one operation interface with easy and simple operation. Direction can be selected from left to right or right to left.',\r\n specs: [\r\n { label: 'Model', value: 'JB-500C' },\r\n { label: 'Machine Dimensions', value: 'L500\u00d7W790\u00d7H810mm' },\r\n { label: 'Circuit Board Size', value: 'Width 50~350mm' },\r\n { label: 'Working Height', value: '900\u00b120mm' },\r\n { label: 'Power Supply', value: 'AC220V, 50HZ' },\r\n { label: 'Power', value: '0.2KW' },\r\n { label: 'Equipment Weight', value: 'About 50KG' },\r\n { label: 'Signal Interface', value: 'Standard SMEMA' },\r\n { label: 'Transmission Type', value: 'Anti-static Flat Belt' }\r\n ],\r\n link: 'https:\/\/www.sancofd.com\/conveyor\/'\r\n },\r\n 'uv-inspection': {\r\n badge: 'Inspection',\r\n title: 'UV Inspection Conveyor',\r\n image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Conveyor_\u7ed3\u679c.webp',\r\n desc: 'Integrated UV inspection system for real-time coating quality verification. Identifies coating defects and ensures complete coverage before the curing process.',\r\n specs: [\r\n { label: 'Detection Type', value: 'UV Fluorescent' },\r\n { label: 'Inspection Mode', value: 'Real-time QC' },\r\n { label: 'Control System', value: 'PLC + Touch Screen' },\r\n { label: 'Signal Interface', value: 'Standard SMEMA' },\r\n { label: 'Alert System', value: 'Visual & Audio' }\r\n ],\r\n link: 'https:\/\/www.sancofd.com\/uv-conveyor\/'\r\n },\r\n 'ir-oven': {\r\n badge: 'Curing',\r\n title: 'IR Curing Oven',\r\n image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/IR-Curing-oven_\u7ed3\u679c.webp',\r\n desc: 'High-efficiency infrared curing system with precise temperature control. Features multiple heating zones for uniform curing and optimal coating polymerization with energy-efficient IR technology.',\r\n specs: [\r\n { label: 'Dimensions', value: '2500\u00d71050\u00d71540mm' },\r\n { label: 'Control Method', value: 'PLC + Touch Screen' },\r\n { label: 'PCB Height', value: '900\u00b120mm' },\r\n { label: 'Track Length', value: '2530mm' },\r\n { label: 'Shipping Speed', value: '0.5-3.5M\/min' },\r\n { label: 'PCB Width', value: 'Max 450mm' },\r\n { label: 'Heating Power', value: '18KW' },\r\n { label: 'Heating Type', value: 'Infrared (IR)' },\r\n { label: 'Temperature Range', value: 'RT~200\u00b0C' },\r\n { label: 'Exhaust Volume', value: '1500 cubic meters\/H' }\r\n ],\r\n link: 'https:\/\/www.sancofd.com\/ir-curing-oven\/'\r\n },\r\n 'four-axial': {\r\n badge: 'Coating',\r\n title: 'Four Axial Coating Machine',\r\n image: 'https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Four-Axial-Coating-machine_\u7ed3\u679c.webp',\r\n desc: 'Advanced four-axis selective conformal coating system with enhanced precision movement for complex PCB geometries. Features automated programming and pattern recognition capabilities.',\r\n specs: [\r\n { label: 'Axis Control', value: '4-Axis (X, Y, Z, R)' },\r\n { label: 'Coating Type', value: 'Selective Coating' },\r\n { label: 'Programming', value: 'Teach & Playback' },\r\n { label: 'Precision', value: '\u00b10.1mm' },\r\n { label: 'Rotation Angle', value: '360\u00b0 Continuous' },\r\n { label: 'Control System', value: 'PLC + Touch Screen' },\r\n { label: 'Interface', value: 'SMEMA Compatible' }\r\n ],\r\n link: 'https:\/\/www.sancofd.com\/four-axial-coating-machine\/'\r\n }\r\n };\r\n\r\n function openLightbox(equipmentId) {\r\n const data = equipmentData[equipmentId];\r\n if (!data) return;\r\n\r\n const specsHtml = data.specs.map(spec => `\r\n <div class=\"lightbox-spec-row\">\r\n <span class=\"lightbox-spec-label\">${spec.label}<\/span>\r\n <span class=\"lightbox-spec-value\">${spec.value}<\/span>\r\n <\/div>\r\n `).join('');\r\n\r\n document.getElementById('lightbox-content').innerHTML = `\r\n <div class=\"lightbox-image-wrapper\">\r\n <img decoding=\"async\" src=\"${data.image}\" alt=\"${data.title}\" class=\"lightbox-image\">\r\n <\/div>\r\n <div class=\"lightbox-info\">\r\n <span class=\"lightbox-badge\">${data.badge}<\/span>\r\n <h2 class=\"lightbox-title\">${data.title}<\/h2>\r\n <p class=\"lightbox-desc\">${data.desc}<\/p>\r\n <div class=\"lightbox-specs\">\r\n <h4 class=\"lightbox-specs-title\">Technical Specifications<\/h4>\r\n ${specsHtml}\r\n <\/div>\r\n <a href=\"${data.link}\" class=\"lightbox-btn\">\r\n View Full Product Page\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n `;\r\n\r\n document.getElementById('lightbox').classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeLightbox() {\r\n document.getElementById('lightbox').classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n \/\/ Close lightbox on overlay click\r\n document.getElementById('lightbox').addEventListener('click', function(e) {\r\n if (e.target === this) {\r\n closeLightbox();\r\n }\r\n });\r\n\r\n \/\/ Close lightbox on ESC key\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n closeLightbox();\r\n }\r\n });\r\n\r\n \/\/ Video play\/pause functionality\r\n const mainVideo = document.getElementById('mainVideo');\r\n const videoPlayBtn = document.getElementById('videoPlayBtn');\r\n\r\n if (mainVideo && videoPlayBtn) {\r\n mainVideo.addEventListener('pause', function() {\r\n videoPlayBtn.classList.add('show');\r\n });\r\n\r\n mainVideo.addEventListener('play', function() {\r\n videoPlayBtn.classList.remove('show');\r\n });\r\n\r\n videoPlayBtn.addEventListener('click', function() {\r\n mainVideo.play();\r\n });\r\n\r\n mainVideo.addEventListener('click', function() {\r\n if (mainVideo.paused) {\r\n mainVideo.play();\r\n } else {\r\n mainVideo.pause();\r\n }\r\n });\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>compact and Economic DoubleSides Coating Line | SANCO Technology Solution 03 Compact and Economic Double Sides Coating Line Complete double-side conformal coating solution featuring IR curing technology for fast, efficient processing. This integrated production line combines precision coating, UV inspection, and rapid curing to deliver consistent high-quality results with maximum throughput efficiency. 8 Equipment Stations […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1791","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/pl\/wp-json\/wp\/v2\/pages\/1791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/pl\/wp-json\/wp\/v2\/comments?post=1791"}],"version-history":[{"count":46,"href":"https:\/\/www.sancofd.com\/pl\/wp-json\/wp\/v2\/pages\/1791\/revisions"}],"predecessor-version":[{"id":5785,"href":"https:\/\/www.sancofd.com\/pl\/wp-json\/wp\/v2\/pages\/1791\/revisions\/5785"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/pl\/wp-json\/wp\/v2\/media?parent=1791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}