{"id":1007,"date":"2025-12-26T03:35:20","date_gmt":"2025-12-26T03:35:20","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=1007"},"modified":"2026-03-16T06:12:16","modified_gmt":"2026-03-16T06:12:16","slug":"ng-ok-conveyor","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/vi\/ng-ok-conveyor\/","title":{"rendered":"B\u0103ng t\u1ea3i NG\/OK"},"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 NG \/ OK Conveyor | PCB Sorting System | Sanco<\/title>\r\n <meta name=\"description\" content=\"NG \/ OK Conveyor for automatic PCB sorting with servo lifting, PLC control, and SMEMA interface. Professional NG\/OK board separation for automated inspection lines.\">\r\n <meta name=\"keywords\" content=\"NG OK conveyor, PCB sorting, automatic sorting, NG OK separator, servo lifting, Mitsubishi PLC, SMEMA compatible, Sanco\">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <link rel=\"canonical\" href=\"\/ng-ok-conveyor\/\">\r\n \r\n <!-- Open Graph -->\r\n <meta property=\"og:title\" content=\"NG \/ OK Conveyor | Sanco\">\r\n <meta property=\"og:description\" content=\"Automatic PCB sorting conveyor with servo lifting and SMEMA interface for NG\/OK board separation in inspection lines.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/ng-ok-conveyor\/\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-dark: #0d2137;\r\n --primary-mid: #14334d;\r\n --primary-light: #1e4a6d;\r\n --accent: #2d6a9f;\r\n --white: #ffffff;\r\n --off-white: #f9f7f5;\r\n --gray-light: #f0ece8;\r\n --gray: #64748b;\r\n --dark: #1a2332;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: 'Outfit', sans-serif; background: var(--white); color: var(--dark); overflow-x: hidden; }\r\n\r\n \/* ========== Hero Section - Deep Blue Theme ========== *\/\r\n .hero {\r\n min-height: 100vh;\r\n height: 100vh;\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n opacity: 0.4;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-orb-1 {\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);\r\n top: -100px;\r\n left: -100px;\r\n animation: floatOrb1 15s ease-in-out infinite;\r\n }\r\n\r\n .hero-orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(30, 74, 109, 0.5) 0%, transparent 70%);\r\n top: 30%;\r\n right: 10%;\r\n animation: floatOrb2 12s ease-in-out infinite;\r\n }\r\n\r\n .hero-orb-3 {\r\n width: 250px;\r\n height: 250px;\r\n background: radial-gradient(circle, rgba(45, 106, 159, 0.4) 0%, transparent 70%);\r\n bottom: 20%;\r\n left: 20%;\r\n animation: floatOrb3 18s ease-in-out infinite;\r\n }\r\n\r\n @keyframes floatOrb1 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(50px, 30px) scale(1.1); }\r\n 50% { transform: translate(30px, 60px) scale(0.95); }\r\n 75% { transform: translate(-20px, 40px) scale(1.05); }\r\n }\r\n\r\n @keyframes floatOrb2 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 33% { transform: translate(-40px, 50px) scale(1.15); }\r\n 66% { transform: translate(30px, -30px) scale(0.9); }\r\n }\r\n\r\n @keyframes floatOrb3 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 50% { transform: translate(60px, -40px) scale(1.2); }\r\n }\r\n\r\n .hero-light-streak {\r\n position: absolute;\r\n width: 150%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n transform: rotate(-35deg);\r\n animation: lightStreak 8s linear infinite;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-light-streak-1 { top: 20%; left: -50%; animation-delay: 0s; }\r\n .hero-light-streak-2 { top: 50%; left: -50%; animation-delay: 3s; opacity: 0.6; }\r\n .hero-light-streak-3 { top: 80%; left: -50%; animation-delay: 5s; opacity: 0.4; }\r\n\r\n @keyframes lightStreak {\r\n 0% { transform: rotate(-35deg) translateX(-100%); }\r\n 100% { transform: rotate(-35deg) translateX(100%); }\r\n }\r\n\r\n .hero-particles {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: rgba(255,255,255,0.6);\r\n border-radius: 50%;\r\n animation: particleFloat 20s linear infinite;\r\n }\r\n\r\n .particle:nth-child(1) { left: 10%; animation-delay: 0s; animation-duration: 25s; }\r\n .particle:nth-child(2) { left: 20%; animation-delay: 2s; animation-duration: 20s; }\r\n .particle:nth-child(3) { left: 30%; animation-delay: 4s; animation-duration: 28s; }\r\n .particle:nth-child(4) { left: 40%; animation-delay: 1s; animation-duration: 22s; }\r\n .particle:nth-child(5) { left: 50%; animation-delay: 3s; animation-duration: 18s; }\r\n .particle:nth-child(6) { left: 60%; animation-delay: 5s; animation-duration: 24s; }\r\n\r\n @keyframes particleFloat {\r\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\r\n 10% { opacity: 1; transform: translateY(80vh) scale(1); }\r\n 90% { opacity: 1; transform: translateY(10vh) scale(1); }\r\n 100% { transform: translateY(-10vh) scale(0); opacity: 0; }\r\n }\r\n\r\n .hero-wave {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 200%;\r\n height: 250px;\r\n overflow: hidden;\r\n animation: waveSlide 25s linear infinite;\r\n }\r\n\r\n .hero-wave svg {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 100%;\r\n }\r\n\r\n .hero-wave svg:nth-child(2) { left: 50%; }\r\n .hero-wave-1 { fill: rgba(30, 74, 109, 0.3); }\r\n .hero-wave-2 { fill: rgba(45, 106, 159, 0.2); }\r\n\r\n @keyframes waveSlide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .hero-glow-1 {\r\n position: absolute;\r\n top: 5%;\r\n left: -5%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: glowPulse 8s ease-in-out infinite;\r\n }\r\n\r\n .hero-glow-2 {\r\n position: absolute;\r\n bottom: 10%;\r\n right: 20%;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(30, 74, 109, 0.2) 0%, transparent 60%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: glowPulse 6s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes glowPulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.5; }\r\n 50% { transform: scale(1.1); opacity: 0.8; }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 60px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n .hero-text {\r\n color: var(--white);\r\n padding-top: 40px;\r\n }\r\n\r\n .hero-category {\r\n font-size: 1.3rem;\r\n font-weight: 500;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(3.2rem, 6vw, 5rem);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 28px;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.1);\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.35rem;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 36px;\r\n line-height: 1.7;\r\n max-width: 580px;\r\n }\r\n\r\n .hero-tags {\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-tag {\r\n display: inline-block;\r\n padding: 14px 30px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(8px);\r\n border-radius: 30px;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n color: var(--white);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .hero-tag:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-visual {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .oven-image {\r\n width: 50%;\r\n max-width: 520px;\r\n height: auto;\r\n filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.3));\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .oven-image:hover {\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* ========== Description Section ========== *\/\r\n .description-section {\r\n padding: 100px 60px;\r\n background: var(--white);\r\n }\r\n\r\n .breadcrumb {\r\n max-width: 1400px;\r\n margin: 0 auto 50px;\r\n font-size: 1rem;\r\n color: var(--gray);\r\n }\r\n\r\n .breadcrumb a {\r\n color: var(--gray);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .breadcrumb a:hover { color: var(--primary-dark); }\r\n .breadcrumb span { margin: 0 8px; }\r\n\r\n .description-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .product-info {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 80px;\r\n align-items: start;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .product-text h2 {\r\n font-size: clamp(2rem, 3.5vw, 3rem);\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 24px;\r\n position: relative;\r\n padding-bottom: 16px;\r\n }\r\n\r\n .product-text h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n border-radius: 2px;\r\n }\r\n\r\n .product-text p {\r\n font-size: 1.2rem;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .product-highlights {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-top: 40px;\r\n }\r\n\r\n .highlight-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 14px;\r\n background: var(--off-white);\r\n border-radius: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .highlight-item:hover {\r\n background: #e8e4df;\r\n transform: translateX(5px);\r\n }\r\n\r\n .highlight-icon {\r\n width: 38px;\r\n height: 38px;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: white;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--dark);\r\n line-height: 1.3;\r\n }\r\n\r\n .highlight-value {\r\n font-size: 0.75rem;\r\n color: var(--gray);\r\n margin-top: 1px;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ========== Section Header ========== *\/\r\n .section-header {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 80px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n padding: 10px 24px;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n color: white;\r\n border-radius: 30px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 16px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.25rem;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ========== Features Section ========== *\/\r\n .features-section {\r\n padding: 100px 60px;\r\n background: var(--off-white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .features-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 800px;\r\n height: 800px;\r\n background: radial-gradient(circle, rgba(13, 33, 55, 0.03) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .feature-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 24px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(13, 33, 55, 0.06);\r\n }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 40px rgba(13, 33, 55, 0.12);\r\n }\r\n\r\n .feature-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .feature-number {\r\n font-family: 'Space ', space;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: rgba(13, 33, 55, 0.1);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .feature-card-title {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 10px;\r\n line-height: 1.3;\r\n }\r\n\r\n .feature-card-desc {\r\n font-size: 0.95rem;\r\n color: var(--gray);\r\n line-height: 1.55;\r\n }\r\n\r\n \/* ========== Highlights Section ========== *\/\r\n .highlights-section {\r\n padding: 100px 60px;\r\n background: var(--white);\r\n }\r\n\r\n .highlights-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .highlight-card {\r\n background: linear-gradient(145deg, var(--off-white) 0%, var(--white) 100%);\r\n border-radius: 20px;\r\n padding: 40px 32px;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n border: 1px solid rgba(13, 33, 55, 0.06);\r\n }\r\n\r\n .highlight-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(13, 33, 55, 0.1);\r\n }\r\n\r\n .highlight-card .highlight-value {\r\n font-family: 'Space ', space;\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n color: var(--primary-dark);\r\n margin-bottom: 8px;\r\n line-height: 1;\r\n }\r\n\r\n .highlight-unit {\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n color: var(--accent);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .highlight-label {\r\n font-size: 1.05rem;\r\n color: var(--gray);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ========== Related Products ========== *\/\r\n .related-section {\r\n padding: 100px 60px;\r\n background: var(--off-white);\r\n }\r\n\r\n .related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n\r\n .related-card {\r\n background: var(--white);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\r\n transition: all 0.4s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .related-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(13, 33, 55, 0.2);\r\n }\r\n\r\n .related-img {\r\n height: 200px;\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 30px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .related-img::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: radial-gradient(circle at 30% 40%, rgba(255,255,255,0.05) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .related-img img {\r\n max-height: 140px;\r\n max-width: 100%;\r\n object-fit: contain;\r\n transition: transform 0.4s ease;\r\n filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));\r\n }\r\n\r\n .related-card:hover .related-img img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .related-content {\r\n padding: 28px;\r\n }\r\n\r\n .related-title {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 10px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .related-card:hover .related-title {\r\n color: var(--primary-dark);\r\n }\r\n\r\n .related-desc {\r\n font-size: 1.05rem;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ========== Responsive ========== *\/\r\n @media (max-width: 1200px) {\r\n .hero { height: auto; min-height: 100vh; }\r\n .hero-content { grid-template-columns: 1fr; text-align: center; gap: 50px; }\r\n .hero-tags { justify-content: center; }\r\n .hero-subtitle { margin: 0 auto 32px; }\r\n .product-info { grid-template-columns: 1fr; gap: 40px; }\r\n .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n .highlights-grid { grid-template-columns: repeat(3, 1fr); }\r\n .related-grid { grid-template-columns: repeat(2, 1fr); }\r\n .oven-image { max-width: 450px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero { min-height: auto; height: auto; padding: 80px 0 60px; }\r\n .hero-content { padding: 0 24px; }\r\n .hero-title { font-size: 2.5rem; }\r\n .hero-subtitle { font-size: 1.15rem; }\r\n .hero-tag { padding: 12px 22px; font-size: 1rem; }\r\n .description-section, .features-section, .highlights-section, .related-section { padding: 80px 24px; }\r\n .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n .highlights-grid { grid-template-columns: 1fr; max-width: 350px; margin: 0 auto; }\r\n .related-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n .oven-image { max-width: 380px; }\r\n .section-header { margin-bottom: 50px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero { padding: 60px 0 50px; }\r\n .hero-title { font-size: 2rem; }\r\n .hero-category { font-size: 1.1rem; }\r\n .hero-subtitle { font-size: 1.05rem; }\r\n .hero-tags { gap: 10px; }\r\n .hero-tag { padding: 10px 18px; font-size: 0.95rem; }\r\n .oven-image { max-width: 300px; }\r\n .highlight-card .highlight-value { font-size: 2.2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"hero-orb hero-orb-1\"><\/div>\r\n <div class=\"hero-orb hero-orb-2\"><\/div>\r\n <div class=\"hero-orb hero-orb-3\"><\/div>\r\n\r\n <div class=\"hero-light-streak hero-light-streak-1\"><\/div>\r\n <div class=\"hero-light-streak hero-light-streak-2\"><\/div>\r\n <div class=\"hero-light-streak hero-light-streak-3\"><\/div>\r\n\r\n <div class=\"hero-particles\">\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-glow-1\"><\/div>\r\n <div class=\"hero-glow-2\"><\/div>\r\n \r\n <div class=\"hero-wave\">\r\n <svg viewBox=\"0 0 1440 250\" preserveAspectRatio=\"none\">\r\n <path class=\"hero-wave-2\" d=\"M0,180 C400,220 800,140 1200,180 C1350,195 1400,170 1440,180 L1440,250 L0,250 Z\"><\/path>\r\n <path class=\"hero-wave-1\" d=\"M0,200 C300,160 600,240 900,200 C1150,165 1350,220 1440,200 L1440,250 L0,250 Z\"><\/path>\r\n <\/svg>\r\n <svg viewBox=\"0 0 1440 250\" preserveAspectRatio=\"none\">\r\n <path class=\"hero-wave-2\" d=\"M0,180 C400,220 800,140 1200,180 C1350,195 1400,170 1440,180 L1440,250 L0,250 Z\"><\/path>\r\n <path class=\"hero-wave-1\" d=\"M0,200 C300,160 600,240 900,200 C1150,165 1350,220 1440,200 L1440,250 L0,250 Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <p class=\"hero-category\">Peripherals<\/p>\r\n <h1 class=\"hero-title\">NG \/ OK Conveyor<\/h1>\r\n <p class=\"hero-subtitle\">Automatic PCB sorting conveyor designed for NG\/OK board separation, featuring servo lifting, PLC control, and SMEMA connectivity.<\/p>\r\n <div class=\"hero-tags\">\r\n <span class=\"hero-tag\">NG \/ OK PCB Sorting<\/span>\r\n <span class=\"hero-tag\">Servo Lifting System<\/span>\r\n <span class=\"hero-tag\">Automatic Width Adjustment<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/NGOK-Conveyor_\u7ed3\u679c.webp\" alt=\"NG \/ OK Conveyor\" class=\"oven-image\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Description Section -->\r\n <section class=\"description-section\">\r\n <div class=\"breadcrumb\">\r\n <a href=\"\/\">Home<\/a><span>><\/span>\r\n <a href=\"\/product\/\">Products<\/a><span>><\/span>\r\n <a href=\"\/product\/\">Peripherals<\/a><span>><\/span>\r\n <span>NG \/ OK Conveyor<\/span>\r\n <\/div>\r\n\r\n <div class=\"description-content\">\r\n <div class=\"product-info\">\r\n <div class=\"product-text\">\r\n <h2>Product Description<\/h2>\r\n <p>The NG \/ OK Conveyor is designed to automatically sort PCBs into NG and OK lines during production, improving inspection efficiency and reducing manual intervention.<\/p>\r\n <p>The system adopts Mitsubishi PLC control combined with a 7-inch human-machine touch screen, providing intuitive operation and stable performance. The lifting mechanism uses a ball screw structure driven by an Inovance 750W servo motor.<\/p>\r\n <\/div>\r\n \r\n <div class=\"product-highlights\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">PCB Width<\/span>\r\n <div class=\"highlight-value\">50-350mm<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">Servo Motor<\/span>\r\n <div class=\"highlight-value\">750W Lifting<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">Control System<\/span>\r\n <div class=\"highlight-value\">Mitsubishi PLC<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">Operation Modes<\/span>\r\n <div class=\"highlight-value\">FIFO \/ LIFO \/ Pass<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Highlights Section -->\r\n <section class=\"highlights-section\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Performance<\/span>\r\n <h2 class=\"section-title\">Technical Highlights<\/h2>\r\n <p class=\"section-subtitle\">Key specifications that define excellence<\/p>\r\n <\/div>\r\n\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">50-450<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">PCB length range<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">50-350<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">PCB width range<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">900\u00b120<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">PCB transport height<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">750W<\/div>\r\n <div class=\"highlight-unit\">Servo Motor<\/div>\r\n <p class=\"highlight-label\">Inovance servo lifting drive<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">7-inch<\/div>\r\n <div class=\"highlight-unit\">Touch Screen<\/div>\r\n <p class=\"highlight-label\">HMI interface<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">FIFO\/LIFO\/Pass<\/div>\r\n <div class=\"highlight-unit\">Modes<\/div>\r\n <p class=\"highlight-label\">Operating modes<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Features Section -->\r\n <section class=\"features-section\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Technology<\/span>\r\n <h2 class=\"section-title\">Key Features<\/h2>\r\n <p class=\"section-subtitle\">Advanced automatic sorting technology for SMT production<\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">01<\/div>\r\n <h3 class=\"feature-card-title\">Mitsubishi PLC Control System<\/h3>\r\n <p class=\"feature-card-desc\">Reliable industrial-grade PLC ensures stable operation and precise logic control.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">02<\/div>\r\n <h3 class=\"feature-card-title\">7-Inch Touch Screen Interface<\/h3>\r\n <p class=\"feature-card-desc\">Simple, fast, and user-friendly human-machine interface for easy operation.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">03<\/div>\r\n <h3 class=\"feature-card-title\">Servo Lifting Mechanism<\/h3>\r\n <p class=\"feature-card-desc\">Ball screw combined with Inovance 750W servo motor provides smooth and flexible lifting.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">04<\/div>\r\n <h3 class=\"feature-card-title\">Stepper Motor Transmission<\/h3>\r\n <p class=\"feature-card-desc\">Stepper motors used in transmission parts for accurate and stable PCB movement.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">05<\/div>\r\n <h3 class=\"feature-card-title\">Automatic Track Width Adjustment<\/h3>\r\n <p class=\"feature-card-desc\">Fully automatic width adjustment to adapt to different PCB sizes quickly.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">06<\/div>\r\n <h3 class=\"feature-card-title\">FIFO \/ LIFO \/ Pass Modes<\/h3>\r\n <p class=\"feature-card-desc\">Supports First-In-First-Out, Last-In-First-Out, and Pass-through modes.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">07<\/div>\r\n <h3 class=\"feature-card-title\">Sound & Light Alarm System<\/h3>\r\n <p class=\"feature-card-desc\">Multiple sound and light alarm functions for real-time status indication.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">08<\/div>\r\n <h3 class=\"feature-card-title\">SMEMA Communication Interface<\/h3>\r\n <p class=\"feature-card-desc\">Standard SMEMA signal interface for easy connection with other machines.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n <script>\r\n const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { \r\n if (entry.isIntersecting) { \r\n entry.target.style.opacity = '1'; \r\n entry.target.style.transform = 'translateY(0)'; \r\n } \r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.feature-card, .highlight-card, .highlight-item, .related-card').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(el);\r\n });\r\n\r\n document.querySelectorAll('.feature-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.06}s`; });\r\n document.querySelectorAll('.highlight-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.08}s`; });\r\n document.querySelectorAll('.highlight-item').forEach((item, i) => { item.style.transitionDelay = `${i * 0.1}s`; });\r\n document.querySelectorAll('.related-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.1}s`; });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a93115d e-con-full e-flex e-con e-parent\" data-id=\"a93115d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5cb29b elementor-widget elementor-widget-html\" data-id=\"d5cb29b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SC-460 Shunt\/Confluence Conveyor Specification Table -->\r\n<!-- \u6df1\u9752\u8272\u4e3b\u9898 + \u4e09\u7aef\u54cd\u5e94\u5f0f -->\r\n<!-- \u5c06\u6b64\u4ee3\u7801\u6dfb\u52a0\u5230 Elementor HTML \u5c0f\u90e8\u4ef6\u4e2d -->\r\n\r\n<section class=\"spec-section\">\r\n <div class=\"spec-container\">\r\n \r\n <!-- Section Header -->\r\n <div class=\"spec-header\">\r\n <span class=\"spec-badge\">TECHNICAL SPECIFICATIONS<\/span>\r\n <h2 class=\"spec-title\">Specification<\/h2>\r\n <p class=\"spec-subtitle\">Complete technical specifications and features.<\/p>\r\n <\/div>\r\n\r\n <!-- Description Box -->\r\n <div class=\"desc-box\">\r\n <span class=\"desc-label\">DESCRIPTION<\/span>\r\n <p class=\"desc-text\">Used for shunt or confluence transmission of circuit boards<\/p>\r\n <\/div>\r\n\r\n <!-- Specification Table -->\r\n <div class=\"spec-table-wrapper\">\r\n <table class=\"spec-table\">\r\n <thead>\r\n <tr>\r\n <th class=\"col-item\">Item<\/th>\r\n <th class=\"col-spec\">Specification and description<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"item-label\">Model<\/td>\r\n <td class=\"item-value\">SC-460<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Circuit Board Size (mm)<\/td>\r\n <td class=\"item-value\"><span class=\"value-box\">50*50~450*350<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Machine Dimensions (mm)<\/td>\r\n <td class=\"item-value\">\r\n L1080*W1000*H1600mm\r\n <br><span class=\"value-note\">(excluding foot cups and warning lights)<\/span>\r\n <\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Working Height (mm)<\/td>\r\n <td class=\"item-value\"><span class=\"value-box\">900\u00b120mm<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Power Supply<\/td>\r\n <td class=\"item-value\">AC220V, 50HZ<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Power<\/td>\r\n <td class=\"item-value\"><span class=\"value-badge\">0.5KW<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Equipment Weight<\/td>\r\n <td class=\"item-value\">About 120KG<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Guide Rail Fixing Method<\/td>\r\n <td class=\"item-value\">1 track fixed, 2 tracks mobile<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Control Method<\/td>\r\n <td class=\"item-value\"><span class=\"value-box\">Mitsubishi PLC + 7-inch Touch Screen<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Lifting Mechanism<\/td>\r\n <td class=\"item-value\">Ball screw + Inovance 750W servo motor<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Transmission Motor<\/td>\r\n <td class=\"item-value\">Stepper motors<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Pneumatic Components<\/td>\r\n <td class=\"item-value\">Airtac<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Track Adjustment Method<\/td>\r\n <td class=\"item-value\"><span class=\"value-box\">Automatic Adjustment<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Function Mode<\/td>\r\n <td class=\"item-value\">First in first out \/ Last in first out \/ Pass Mode<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Signal Communication Interface<\/td>\r\n <td class=\"item-value\">Standard SMEMA interface<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <!-- Features Section -->\r\n <div class=\"features-box\">\r\n <div class=\"features-header\">\r\n <span>Features<\/span>\r\n <\/div>\r\n <div class=\"features-content\">\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n <span>Mitsubishi PLC control system<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n <span>7-inch touch screen for simple and convenient operation<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n <span>Ball screw + Inovance 750W servo motor for flexible lifting<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n <span>Multiple sound and light alarm functions<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n <span>Automatic track width adjustment<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n <span>FIFO \/ LIFO \/ Pass mode available<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n <span>SMEMA signal interface for easy connection with other machines<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg>\r\n <span>Airtac pneumatic components for reliability<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========== YZ500 Specification Table ========== *\/\r\n.spec-section {\r\n padding: 70px 0;\r\n background: #f8fafc;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\r\n.spec-container {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* Header *\/\r\n.spec-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.spec-badge {\r\n display: inline-block;\r\n padding: 10px 28px;\r\n background: transparent;\r\n color: #0e7490;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n border-radius: 50px;\r\n border: 1.5px solid #0e7490;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.spec-title {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n color: #0a1929;\r\n margin: 0 0 14px 0;\r\n font-style: italic;\r\n}\r\n\r\n.spec-subtitle {\r\n font-size: 1rem;\r\n color: #64748b;\r\n margin: 0;\r\n}\r\n\r\n\/* Description Box *\/\r\n.desc-box {\r\n background: linear-gradient(135deg, #0a1929 0%, #134e5e 100%);\r\n border-radius: 12px;\r\n padding: 20px 30px;\r\n margin-bottom: 30px;\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n}\r\n\r\n.desc-label {\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n color: #94a3b8;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.desc-text {\r\n font-size: 1rem;\r\n color: #ffffff;\r\n margin: 0;\r\n font-weight: 500;\r\n}\r\n\r\n\/* Table Wrapper *\/\r\n.spec-table-wrapper {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 24px rgba(10, 25, 41, 0.08);\r\n margin-bottom: 30px;\r\n}\r\n\r\n\/* Table *\/\r\n.spec-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n}\r\n\r\n.spec-table thead tr {\r\n background: linear-gradient(135deg, #0a1929 0%, #134e5e 100%);\r\n}\r\n\r\n.spec-table th {\r\n padding: 18px 30px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: #ffffff;\r\n text-align: left;\r\n}\r\n\r\n.spec-table th.col-item {\r\n width: 35%;\r\n}\r\n\r\n.spec-table th.col-spec {\r\n width: 65%;\r\n text-align: center;\r\n}\r\n\r\n.spec-table tbody tr {\r\n border-bottom: 1px solid #f1f5f9;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.spec-table tbody tr:last-child {\r\n border-bottom: none;\r\n}\r\n\r\n.spec-table tbody tr:hover {\r\n background: rgba(14, 116, 144, 0.03);\r\n}\r\n\r\n.spec-table td {\r\n padding: 18px 30px;\r\n vertical-align: middle;\r\n}\r\n\r\n.item-label {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: #334155;\r\n}\r\n\r\n.item-value {\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n text-align: center;\r\n}\r\n\r\n.value-note {\r\n font-size: 0.8rem;\r\n color: #94a3b8;\r\n font-style: italic;\r\n}\r\n\r\n\/* Value Styles *\/\r\n.value-box {\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: #f8fafc;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 8px;\r\n color: #334155;\r\n font-weight: 500;\r\n font-size: 0.85rem;\r\n}\r\n\r\n.value-badge {\r\n display: inline-block;\r\n padding: 7px 22px;\r\n background: linear-gradient(135deg, #0e7490 0%, #14b8a6 100%);\r\n border-radius: 8px;\r\n color: #ffffff;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n box-shadow: 0 3px 12px rgba(14, 116, 144, 0.3);\r\n}\r\n\r\n\/* Features Box *\/\r\n.features-box {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 24px rgba(10, 25, 41, 0.08);\r\n}\r\n\r\n.features-header {\r\n background: linear-gradient(135deg, #0a1929 0%, #134e5e 100%);\r\n padding: 16px 30px;\r\n}\r\n\r\n.features-header span {\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n color: #ffffff;\r\n}\r\n\r\n.features-content {\r\n padding: 30px;\r\n}\r\n\r\n.feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 14px 0;\r\n border-bottom: 1px solid #f1f5f9;\r\n}\r\n\r\n.feature-item:last-child {\r\n border-bottom: none;\r\n}\r\n\r\n.feature-check {\r\n width: 20px;\r\n height: 20px;\r\n color: #0e7490;\r\n flex-shrink: 0;\r\n}\r\n\r\n.feature-item span {\r\n font-size: 0.9rem;\r\n color: #475569;\r\n}\r\n\r\n\/* ========== Responsive ========== *\/\r\n@media (max-width: 768px) {\r\n .spec-section {\r\n padding: 50px 0;\r\n }\r\n\r\n .spec-header {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .spec-badge {\r\n font-size: 0.6rem;\r\n padding: 8px 20px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .spec-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .desc-box {\r\n flex-direction: column;\r\n gap: 10px;\r\n text-align: center;\r\n padding: 20px;\r\n }\r\n\r\n .spec-table th,\r\n .spec-table td {\r\n padding: 14px 20px;\r\n }\r\n\r\n .spec-table th.col-item,\r\n .spec-table th.col-spec {\r\n width: 50%;\r\n }\r\n\r\n .item-label,\r\n .item-value {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .features-content {\r\n padding: 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .spec-container {\r\n padding: 0 16px;\r\n }\r\n\r\n .spec-title {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .spec-subtitle {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .desc-box {\r\n padding: 16px;\r\n }\r\n\r\n .desc-text {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .spec-table th,\r\n .spec-table td {\r\n padding: 12px 16px;\r\n }\r\n\r\n .spec-table th {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .item-label,\r\n .item-value {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .value-box {\r\n padding: 4px 12px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .value-badge {\r\n padding: 5px 14px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .feature-item {\r\n padding: 12px 0;\r\n }\r\n\r\n .feature-item span {\r\n font-size: 0.85rem;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-433a0bc elementor-widget elementor-widget-html\" data-id=\"433a0bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sanco-peripherals-section\">\r\n\r\n <div class=\"sanco-peripherals-container\">\r\n\r\n <!-- \u5de6\u4fa7\u5185\u5bb9 -->\r\n <div class=\"sanco-peripherals-left\">\r\n <span class=\"sanco-peripherals-index\">SANCO<\/span>\r\n <h2 class=\"sanco-peripherals-title\">\r\n Featured Peripherals:<br>\r\n SMT Line Automation<br>\r\n Equipment Solutions\r\n <\/h2>\r\n <a href=\"\/product\/\" class=\"sanco-peripherals-readmore\">Read More<\/a>\r\n\r\n <div class=\"sanco-peripherals-arrows\">\r\n <button id=\"sancoPeripheralsPrev\" aria-label=\"Previous peripheral product\">\u2190<\/button>\r\n <button id=\"sancoPeripheralsNext\" aria-label=\"Next peripheral product\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53f3\u4fa7\u6ed1\u52a8\u533a -->\r\n <div class=\"sanco-peripherals-slider-wrapper\">\r\n <div class=\"sanco-peripherals-slider\" id=\"sancoPeripheralsSlider\">\r\n\r\n <!-- \u4ea7\u54c1 1: Elevator In -->\r\n <a href=\"\/elevator\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-in_\u7ed3\u679c.webp\" alt=\"Elevator In - SMT PCB board elevator system\" loading=\"lazy\">\r\n <p>Elevator (In)<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 2: Elevator Out -->\r\n <a href=\"\/elevator\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/elevator-out_\u7ed3\u679c.webp\" alt=\"Elevator Out - SMT PCB board elevator system\" loading=\"lazy\">\r\n <p>Elevator (Out)<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 3: PCB Flipper -->\r\n <a href=\"\/pcb-flipper\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/PCB-Flipper_\u7ed3\u679c.webp\" alt=\"PCB Flipper - Circuit board flipping machine\" loading=\"lazy\">\r\n <p>PCB Flipper<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 4: Loader -->\r\n <a href=\"\/loadder\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Loader_\u7ed3\u679c.webp\" alt=\"Loader - Automatic PCB board loader machine\" loading=\"lazy\">\r\n <p>Loader<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 5: Unloader -->\r\n <a href=\"\/unloadder\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Unloader-scaled_\u7ed3\u679c.webp\" alt=\"Unloader - Automatic PCB board unloader machine\" loading=\"lazy\">\r\n <p>Unloader<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 6: Conveyor -->\r\n <a href=\"\/conveyor\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Conveyor_\u7ed3\u679c.webp\" alt=\"Conveyor - SMT line conveyor system\" loading=\"lazy\">\r\n <p>Conveyor<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 7: UV Conveyor -->\r\n <a href=\"\/uv-conveyor\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/UV-Conveyor_\u7ed3\u679c.webp\" alt=\"UV Conveyor - UV inspection conveyor station\" loading=\"lazy\">\r\n <p>UV Conveyor<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 8: Shuttle Conveyor -->\r\n <a href=\"\/shuttle-conveyor\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Shuttle-conveyor-1_\u7ed3\u679c.webp\" alt=\"Shuttle Conveyor - PCB transfer shuttle system\" loading=\"lazy\">\r\n <p>Shuttle Conveyor<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 9: NG\/OK Conveyor -->\r\n <a href=\"\/ng-ok-conveyor\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/NGOK-Conveyor_\u7ed3\u679c.webp\" alt=\"NG\/OK Conveyor - Quality sorting buffer conveyor\" loading=\"lazy\">\r\n <p>NG\/OK Conveyor<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 10: Vertical Buffer Conveyor -->\r\n <a href=\"\/vertical-bufferconveyor\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Vertical-buffer-conveyor_\u7ed3\u679c.webp\" alt=\"Vertical Buffer Conveyor - PCB vertical buffering system\" loading=\"lazy\">\r\n <p>Vertical Buffer Conveyor<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 11: Vertical Cooling Buffer Conveyor -->\r\n <a href=\"\/vertical-cooling-buffer-conveyor\/\" class=\"sanco-peripherals-card-link\">\r\n <article class=\"sanco-peripherals-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Vertical-cooling-buffer-conveyor_\u7ed3\u679c.webp\" alt=\"Vertical Cooling Buffer Conveyor - PCB cooling buffer system\" loading=\"lazy\">\r\n <p>Vertical Cooling Buffer Conveyor<\/p>\r\n <span class=\"sanco-peripherals-card-readmore\">Read More \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Peripherals Section ===== *\/\r\n.sanco-peripherals-section {\r\n background: #F5F7FA;\r\n padding: 120px 0;\r\n overflow: hidden;\r\n position: relative;\r\n min-height: 800px;\r\n}\r\n\r\n.sanco-peripherals-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background-image:\r\n linear-gradient(rgba(37, 99, 235, 0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(37, 99, 235, 0.02) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n}\r\n\r\n.sanco-peripherals-section::after {\r\n content: '';\r\n position: absolute;\r\n top: -200px; right: -200px;\r\n width: 600px; height: 600px;\r\n background: radial-gradient(circle, rgba(37, 99, 235, 0.08) 0%, rgba(37, 99, 235, 0.03) 40%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoPeripheralsFloat 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoPeripheralsFloat {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 50% { transform: translate(-30px, 30px) scale(1.05); }\r\n}\r\n\r\n.sanco-peripherals-container::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -150px; left: -150px;\r\n width: 500px; height: 500px;\r\n border: 2px solid rgba(37, 99, 235, 0.06);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoPeripheralsRotate 30s linear infinite;\r\n}\r\n\r\n@keyframes sancoPeripheralsRotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n}\r\n\r\n.sanco-peripherals-container::after {\r\n content: '';\r\n position: absolute;\r\n top: 15%; left: 10%;\r\n width: 120px; height: 120px;\r\n background: radial-gradient(circle, rgba(37, 99, 235, 0.08) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoPeripheralsPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoPeripheralsPulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.5; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n}\r\n\r\n.sanco-peripherals-container {\r\n max-width: 1600px;\r\n margin: auto;\r\n padding: 0 50px;\r\n display: flex;\r\n gap: 50px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.sanco-peripherals-slider-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%; right: -100px;\r\n width: 300px; height: 300px;\r\n background: radial-gradient(circle, rgba(37, 99, 235, 0.05) 0%, transparent 60%);\r\n border-radius: 50%;\r\n transform: translateY(-50%);\r\n pointer-events: none;\r\n z-index: -1;\r\n}\r\n\r\n.sanco-peripherals-left::before {\r\n content: '';\r\n position: absolute;\r\n left: -30px; top: 20%;\r\n width: 4px; height: 60%;\r\n background: linear-gradient(180deg, transparent, rgba(37, 99, 235, 0.2), transparent);\r\n border-radius: 2px;\r\n pointer-events: none;\r\n}\r\n\r\n\/* ===== \u5de6\u4fa7 ===== *\/\r\n.sanco-peripherals-left {\r\n flex: 0 0 15%;\r\n position: relative;\r\n}\r\n\r\n.sanco-peripherals-index {\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: #e2e8f0;\r\n margin-bottom: 8px;\r\n display: block;\r\n letter-spacing: 2px;\r\n text-shadow: 2px 2px 4px rgba(37, 99, 235, 0.05);\r\n}\r\n\r\n.sanco-peripherals-title {\r\n font-size: 26px;\r\n line-height: 1.4;\r\n margin-bottom: 24px;\r\n color: #1a2332;\r\n}\r\n\r\n.sanco-peripherals-readmore {\r\n text-decoration: underline;\r\n color: #2563eb;\r\n font-size: 15px;\r\n font-weight: 500;\r\n transition: color 0.3s ease;\r\n display: inline-block;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.sanco-peripherals-readmore:hover { color: #1d4ed8; }\r\n\r\n\/* ===== \u7bad\u5934 ===== *\/\r\n.sanco-peripherals-arrows {\r\n display: flex;\r\n gap: 12px;\r\n}\r\n\r\n.sanco-peripherals-arrows button {\r\n width: 48px; height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid #2563eb;\r\n background: #fff;\r\n color: #2563eb;\r\n font-size: 18px;\r\n cursor: pointer;\r\n transition: all .3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);\r\n}\r\n\r\n.sanco-peripherals-arrows button:hover {\r\n background: #2563eb;\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);\r\n}\r\n\r\n.sanco-peripherals-arrows button:active { transform: translateY(0); }\r\n\r\n\/* ===== Slider ===== *\/\r\n.sanco-peripherals-slider-wrapper {\r\n flex: 1;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n\/* \u65e0\u7f1d\u5faa\u73af\uff1atransition \u7531 JS \u52a8\u6001\u63a7\u5236\uff08\u5207\u6362\u65f6\u6709\u52a8\u753b\uff0c\u77ac\u79fb\u65f6\u65e0\u52a8\u753b\uff09 *\/\r\n.sanco-peripherals-slider {\r\n display: flex;\r\n gap: 35px;\r\n \/* transition \u7531 JS \u63a7\u5236 *\/\r\n will-change: transform;\r\n direction: ltr;\r\n}\r\n\r\n\/* ===== \u5361\u7247\u94fe\u63a5 ===== *\/\r\n.sanco-peripherals-card-link {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* ===== \u4ea7\u54c1\u5361 ===== *\/\r\n.sanco-peripherals-card {\r\n min-width: 380px;\r\n height: 550px;\r\n padding: 45px 35px;\r\n text-align: center;\r\n background: #fff;\r\n border-radius: 16px;\r\n box-shadow:\r\n 0 10px 30px rgba(37, 99, 235, 0.1),\r\n 0 4px 10px rgba(0, 0, 0, 0.05);\r\n transition: transform .3s ease, box-shadow .3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n direction: ltr;\r\n}\r\n\r\n.sanco-peripherals-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #2563eb, #3b82f6);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.sanco-peripherals-card-link:hover .sanco-peripherals-card {\r\n transform: translateY(-8px);\r\n box-shadow:\r\n 0 15px 40px rgba(37, 99, 235, 0.18),\r\n 0 6px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.sanco-peripherals-card-link:hover .sanco-peripherals-card::before {\r\n transform: scaleX(1);\r\n}\r\n\r\n.sanco-peripherals-card img {\r\n max-width: 100%;\r\n height: 330px;\r\n object-fit: contain;\r\n margin-bottom: 24px;\r\n transition: transform 0.35s ease;\r\n transform-origin: center;\r\n}\r\n\r\n@media (hover: hover) {\r\n .sanco-peripherals-card-link:hover .sanco-peripherals-card img {\r\n transform: scale(1.12);\r\n }\r\n}\r\n\r\n.sanco-peripherals-card p {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #2563eb;\r\n margin: 0 0 12px 0;\r\n min-height: 54px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.sanco-peripherals-card-readmore {\r\n display: inline-block;\r\n font-size: 14px;\r\n color: #2563eb;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n opacity: 0.8;\r\n}\r\n\r\n.sanco-peripherals-card-link:hover .sanco-peripherals-card-readmore {\r\n opacity: 1;\r\n transform: translateX(4px);\r\n}\r\n\r\n\/* ===== \u5e73\u677f\u7aef ===== *\/\r\n@media (max-width: 1024px) {\r\n .sanco-peripherals-section {\r\n padding: 100px 0;\r\n min-height: 750px;\r\n }\r\n\r\n .sanco-peripherals-container {\r\n flex-direction: column;\r\n gap: 40px;\r\n padding: 0 30px;\r\n }\r\n\r\n .sanco-peripherals-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .sanco-peripherals-index { font-size: 42px; }\r\n .sanco-peripherals-title { font-size: 24px; margin-bottom: 20px; }\r\n .sanco-peripherals-readmore { margin-bottom: 25px; }\r\n .sanco-peripherals-arrows { justify-content: center; }\r\n\r\n .sanco-peripherals-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n\r\n .sanco-peripherals-slider {\r\n gap: 30px;\r\n }\r\n\r\n .sanco-peripherals-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n }\r\n\r\n .sanco-peripherals-card {\r\n min-width: 100%;\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n height: 520px;\r\n padding: 40px 30px;\r\n }\r\n\r\n .sanco-peripherals-card img { height: 300px; }\r\n\r\n .sanco-peripherals-left::before,\r\n .sanco-peripherals-slider-wrapper::before { display: none; }\r\n}\r\n\r\n\/* ===== \u79fb\u52a8\u7aef ===== *\/\r\n@media (max-width: 768px) {\r\n .sanco-peripherals-section {\r\n padding: 80px 20px;\r\n min-height: auto;\r\n }\r\n\r\n .sanco-peripherals-container {\r\n flex-direction: column;\r\n gap: 50px;\r\n padding: 0;\r\n }\r\n\r\n .sanco-peripherals-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .sanco-peripherals-index { font-size: 40px; }\r\n .sanco-peripherals-title { font-size: 24px; margin-bottom: 20px; }\r\n .sanco-peripherals-readmore { margin-bottom: 25px; }\r\n .sanco-peripherals-arrows { justify-content: center; }\r\n\r\n .sanco-peripherals-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n\r\n .sanco-peripherals-slider { gap: 20px; }\r\n\r\n .sanco-peripherals-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n }\r\n\r\n .sanco-peripherals-card {\r\n min-width: 100%;\r\n width: 100%;\r\n max-width: none;\r\n height: 480px;\r\n padding: 40px 30px;\r\n }\r\n\r\n .sanco-peripherals-card img { height: 280px; }\r\n .sanco-peripherals-card p { min-height: 48px; }\r\n\r\n .sanco-peripherals-left::before,\r\n .sanco-peripherals-slider-wrapper::before { display: none; }\r\n}\r\n\r\n\/* ===== \u5c0f\u5c4f\u624b\u673a ===== *\/\r\n@media (max-width: 480px) {\r\n .sanco-peripherals-section { padding: 60px 15px; }\r\n .sanco-peripherals-index { font-size: 36px; }\r\n .sanco-peripherals-title { font-size: 20px; }\r\n\r\n .sanco-peripherals-card {\r\n height: 440px;\r\n padding: 35px 25px;\r\n }\r\n\r\n .sanco-peripherals-card img { height: 240px; }\r\n .sanco-peripherals-card p { font-size: 16px; min-height: 44px; }\r\n\r\n .sanco-peripherals-arrows button {\r\n width: 44px; height: 44px;\r\n font-size: 16px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n 'use strict';\r\n\r\n var slider = document.getElementById('sancoPeripheralsSlider');\r\n var prevBtn = document.getElementById('sancoPeripheralsPrev');\r\n var nextBtn = document.getElementById('sancoPeripheralsNext');\r\n\r\n if (!slider || !prevBtn || !nextBtn) return;\r\n\r\n var ANIM_MS = 550; \/\/ \u52a8\u753b\u65f6\u957f\uff0c\u4e0e CSS transition \u4fdd\u6301\u4e00\u81f4\r\n var INTERVAL = 3000; \/\/ \u81ea\u52a8\u64ad\u653e\u95f4\u9694\r\n\r\n \/* \u2500\u2500 RTL \u68c0\u6d4b \u2500\u2500 *\/\r\n function isRTL() {\r\n return getComputedStyle(document.documentElement).direction === 'rtl';\r\n }\r\n\r\n function isSingleCard() {\r\n return window.innerWidth <= 1024;\r\n }\r\n\r\n \/* \u2500\u2500 \u514b\u9686\u5934\u5c3e\uff0c\u6784\u9020\u65e0\u7f1d\u8f68\u9053 \u2500\u2500 *\/\r\n \/\/ \u53ea\u514b\u9686 1 \u7ec4\uff08\u5934\u90e8 + \u5c3e\u90e8\u5404 1 \u7ec4\uff09\uff0ccloneCount = total\r\n var origItems = Array.prototype.slice.call(slider.children);\r\n var total = origItems.length;\r\n var cloneCount = total;\r\n\r\n \/\/ \u5c3e\u90e8\u8ffd\u52a0\u6b63\u5e8f\u514b\u9686\r\n origItems.forEach(function (el) { slider.appendChild(el.cloneNode(true)); });\r\n \/\/ \u5934\u90e8\u63d2\u5165\u5012\u5e8f\u514b\u9686\uff08\u63d2\u5b8c\u540e\u987a\u5e8f\u6b63\u786e\uff09\r\n for (var i = total - 1; i >= 0; i--) {\r\n slider.insertBefore(origItems[i].cloneNode(true), slider.firstChild);\r\n }\r\n \/\/ \u7ed3\u6784\uff1a[clone\u00d7total] [real\u00d7total] [clone\u00d7total]\r\n\r\n var currentIndex = cloneCount; \/\/ \u4ece\u771f\u5b9e\u7b2c\u4e00\u5f20\u5f00\u59cb\r\n var locked = false; \/\/ \u52a8\u753b\u8fdb\u884c\u4e2d\u9501\r\n var autoTimer = null;\r\n var mouseInside = false;\r\n\r\n \/* \u2500\u2500 \u8ba1\u7b97\u5355\u6b65\u5bbd\u5ea6\uff08\u5361\u7247\u5bbd + gap\uff09 \u2500\u2500 *\/\r\n function stepWidth() {\r\n var el = slider.children[currentIndex] || slider.children[0];\r\n var gap = isSingleCard() ? (window.innerWidth <= 768 ? 20 : 30) : 35;\r\n return el.offsetWidth + gap;\r\n }\r\n\r\n \/* \u2500\u2500 \u8bbe\u7f6e\u4f4d\u79fb\uff08\u5e26 \/ \u4e0d\u5e26\u52a8\u753b\uff09 \u2500\u2500 *\/\r\n function setPos(idx, animate) {\r\n var offset = idx * stepWidth();\r\n slider.style.transition = animate\r\n ? ('transform ' + ANIM_MS + 'ms cubic-bezier(0.4,0,0.2,1)')\r\n : 'none';\r\n slider.style.transform = isRTL()\r\n ? 'translateX(' + offset + 'px)'\r\n : 'translateX(-' + offset + 'px)';\r\n currentIndex = idx;\r\n }\r\n\r\n \/* \u2500\u2500 \u521d\u59cb\u4f4d\u7f6e \u2500\u2500 *\/\r\n \/\/ requestAnimationFrame \u786e\u4fdd DOM \u6e32\u67d3\u5b8c\u518d\u8bbe\u4f4d\u7f6e\uff0c\u907f\u514d\u521d\u59cb\u95ea\u70c1\r\n requestAnimationFrame(function () {\r\n setPos(currentIndex, false);\r\n });\r\n\r\n \/* \u2500\u2500 \u6838\u5fc3\u6ed1\u52a8\uff1a\u5e26\u52a8\u753b\u79fb\u52a8\uff0c\u52a8\u753b\u7ed3\u675f\u540e\u89e3\u9501\u5e76\u68c0\u67e5\u662f\u5426\u9700\u8981\u77ac\u79fb \u2500\u2500 *\/\r\n function slideTo(idx) {\r\n if (locked) return;\r\n locked = true;\r\n\r\n setPos(idx, true);\r\n\r\n \/\/ \u7528\u7cbe\u786e\u8ba1\u65f6\u5668\u89e3\u9501\uff0c\u907f\u514d transitionend \u5192\u6ce1\u5bfc\u81f4\u7684\u8bef\u89e6\u53d1\r\n setTimeout(function () {\r\n locked = false;\r\n\r\n \/\/ \u65e0\u7f1d\u8df3\u8f6c\uff1a\u5230\u8fbe\u514b\u9686\u533a\u5219\u77ac\u79fb\u56de\u771f\u5b9e\u533a\r\n if (currentIndex >= cloneCount + total) {\r\n setPos(currentIndex - total, false);\r\n } else if (currentIndex < cloneCount) {\r\n setPos(currentIndex + total, false);\r\n }\r\n\r\n \/\/ \u5982\u679c\u81ea\u52a8\u64ad\u653e\u5f00\u7740\u4e14\u9f20\u6807\u4e0d\u5728\u5185\u90e8\uff0c\u7ee7\u7eed\u6392\u961f\u4e0b\u4e00\u5f20\r\n if (autoTimer !== null && !mouseInside) {\r\n scheduleNext();\r\n }\r\n }, ANIM_MS);\r\n }\r\n\r\n function slideNext() { slideTo(currentIndex + 1); }\r\n function slidePrev() { slideTo(currentIndex - 1); }\r\n\r\n \/* \u2500\u2500 \u81ea\u52a8\u64ad\u653e\uff1a\u7528 setTimeout \u94fe\u907f\u514d setInterval \u4e0e\u52a8\u753b\u9501\u51b2\u7a81 \u2500\u2500 *\/\r\n function scheduleNext() {\r\n clearTimeout(autoTimer);\r\n autoTimer = setTimeout(function () {\r\n if (!mouseInside) slideNext();\r\n \/\/ \u6ce8\u610f\uff1a\u89e3\u9501\u540e\u7684 slideTo \u5185\u90e8\u4f1a\u7ee7\u7eed scheduleNext\uff0c\u6240\u4ee5\u8fd9\u91cc\u4e0d\u91cd\u590d\u8c03\u7528\r\n }, INTERVAL);\r\n }\r\n\r\n function startAuto() {\r\n autoTimer = 1; \/\/ \u6807\u8bb0\"\u81ea\u52a8\u64ad\u653e\u5df2\u5f00\u542f\"\uff08scheduleNext \u5185\u4f1a\u8986\u76d6\uff09\r\n scheduleNext();\r\n }\r\n\r\n function stopAuto() {\r\n clearTimeout(autoTimer);\r\n autoTimer = null;\r\n }\r\n\r\n \/* \u2500\u2500 \u7528\u6237\u70b9\u51fb\u540e\uff1a\u505c\u6b62\u81ea\u52a8\uff0c5s \u540e\u6062\u590d \u2500\u2500 *\/\r\n var resumeTimer = null;\r\n function userSlide(fn) {\r\n stopAuto();\r\n clearTimeout(resumeTimer);\r\n fn();\r\n resumeTimer = setTimeout(function () {\r\n startAuto();\r\n }, 5000);\r\n }\r\n\r\n \/* \u2500\u2500 \u6309\u94ae \u2500\u2500 *\/\r\n nextBtn.addEventListener('click', function () { userSlide(slideNext); });\r\n prevBtn.addEventListener('click', function () { userSlide(slidePrev); });\r\n\r\n \/* \u2500\u2500 \u9f20\u6807\u60ac\u505c\u6682\u505c \u2500\u2500 *\/\r\n slider.addEventListener('mouseenter', function () {\r\n mouseInside = true;\r\n clearTimeout(autoTimer);\r\n });\r\n slider.addEventListener('mouseleave', function () {\r\n mouseInside = false;\r\n if (autoTimer !== null) scheduleNext(); \/\/ \u6062\u590d\u8c03\u5ea6\r\n });\r\n\r\n \/* \u2500\u2500 \u89e6\u6478\u6ed1\u52a8 \u2500\u2500 *\/\r\n var touchX = 0;\r\n slider.addEventListener('touchstart', function (e) {\r\n touchX = e.touches[0].clientX;\r\n }, { passive: true });\r\n slider.addEventListener('touchend', function (e) {\r\n var dx = touchX - e.changedTouches[0].clientX;\r\n if (Math.abs(dx) > 40) userSlide(dx > 0 ? slideNext : slidePrev);\r\n }, { passive: true });\r\n\r\n \/* \u2500\u2500 \u54cd\u5e94\u5f0f\uff1aresize \u540e\u91cd\u65b0\u5bf9\u9f50\uff0c\u4e0d\u91cd\u7f6e index \u2500\u2500 *\/\r\n var resizeTimer;\r\n window.addEventListener('resize', function () {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(function () {\r\n setPos(currentIndex, false);\r\n }, 200);\r\n });\r\n\r\n \/* \u2500\u2500 \u542f\u52a8 \u2500\u2500 *\/\r\n startAuto();\r\n})();\r\n<\/script\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>NG \/ OK Conveyor | PCB Sorting System | Sanco Peripherals NG \/ OK Conveyor Automatic PCB sorting conveyor designed for NG\/OK board separation, featuring servo lifting, PLC control, and SMEMA connectivity. NG \/ OK PCB Sorting Servo Lifting System Automatic Width Adjustment Home> Products> Peripherals> NG \/ OK Conveyor Product Description The NG \/ […]<\/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-1007","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/1007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/comments?post=1007"}],"version-history":[{"count":26,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/1007\/revisions"}],"predecessor-version":[{"id":5838,"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/pages\/1007\/revisions\/5838"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/vi\/wp-json\/wp\/v2\/media?parent=1007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}