{"id":999,"date":"2025-12-26T03:34:33","date_gmt":"2025-12-26T03:34:33","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=999"},"modified":"2026-03-16T06:11:45","modified_gmt":"2026-03-16T06:11:45","slug":"%e0%b8%9c%e0%b8%b9%e0%b9%89%e0%b8%82%e0%b8%99%e0%b8%96%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b8%aa%e0%b8%b4%e0%b8%99%e0%b8%84%e0%b9%89%e0%b8%b2","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/th\/%e0%b8%9c%e0%b8%b9%e0%b9%89%e0%b8%82%e0%b8%99%e0%b8%96%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b8%aa%e0%b8%b4%e0%b8%99%e0%b8%84%e0%b9%89%e0%b8%b2\/","title":{"rendered":"\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e32\u0e22\u0e41\u0e21\u0e47\u0e01\u0e01\u0e32\u0e0b\u0e35\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e15\u0e47\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a"},"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 Fully Automatic Magazine Unloader | PCB Unloading System | Sanco<\/title>\r\n <meta name=\"description\" content=\"Fully Automatic Magazine Unloader with PLC control, motorized lifting system, and SMEMA interface. Professional PCB unloading solution for automated SMT production lines.\">\r\n <meta name=\"keywords\" content=\"automatic magazine unloader, PCB unloader, SMT unloader, automatic unloading, magazine rack, motorized lifting, SMEMA compatible, Sanco\">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <link rel=\"canonical\" href=\"\/fully-automatic-magazine-unloader\/\">\r\n \r\n <!-- Open Graph -->\r\n <meta property=\"og:title\" content=\"Fully Automatic Magazine Unloader | Sanco\">\r\n <meta property=\"og:description\" content=\"Fully automatic magazine unloader with PLC control, motorized lifting, and SMEMA interface for seamless PCB unloading automation.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/fully-automatic-magazine-unloader\/\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&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: 70%;\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: 'Outfit', sans-serif;\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: 'Outfit', sans-serif;\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 \/* ========== 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 .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 { 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 .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\">Fully Automatic Magazine Unloader<\/h1>\r\n <p class=\"hero-subtitle\">Fully automatic magazine unloader designed for efficient PCB unloading from production equipment to magazine racks. Stable PLC control, motorized lifting system, and SMEMA interface ensure smooth and reliable line operation.<\/p>\r\n <div class=\"hero-tags\">\r\n <span class=\"hero-tag\">Automatic PCB Unloading<\/span>\r\n <span class=\"hero-tag\">Servo \/ Motorized Lifting<\/span>\r\n <span class=\"hero-tag\">SMEMA Compatible<\/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\/Unloader-scaled_\u7ed3\u679c.webp\" alt=\"Fully Automatic Magazine Unloader\" 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>Fully Automatic Magazine Unloader<\/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 Fully Automatic Magazine Unloader is designed to automatically unload PCBs from upstream equipment into magazine racks, ensuring continuous and stable production flow.<\/p>\r\n <p>The system features a PLC control system with a touch screen interface, providing easy operation and reliable performance. PCBs are collected and conveyed smoothly using a motor and cylinder-driven mechanism, with adjustable conveying speed to protect boards from damage.<\/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\">Unloading Time<\/span>\r\n <div class=\"highlight-value\">5.0 sec\/PCB<\/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\">Lifting System<\/span>\r\n <div class=\"highlight-value\">Motorized<\/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\">PLC + Touch Screen<\/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\">Interface<\/span>\r\n <div class=\"highlight-value\">SMEMA Standard<\/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\">5.0<\/div>\r\n <div class=\"highlight-unit\">sec<\/div>\r\n <p class=\"highlight-label\">PCB loading time<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">50-535<\/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\">920\u00b130<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">Working height<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">535\u00d7530\u00d7569<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">Magazine size<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">0.4<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">Minimum PCB thickness<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">4-6<\/div>\r\n <div class=\"highlight-unit\">bar<\/div>\r\n <p class=\"highlight-label\">Air pressure requirement<\/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 unloading 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\">Automatic PCB Unloading<\/h3>\r\n <p class=\"feature-card-desc\">Automatically transfers PCBs from production equipment to magazine racks.<\/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\">PLC Touch Screen Control<\/h3>\r\n <p class=\"feature-card-desc\">Stable PLC system with intuitive touch screen 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\">Motorized Lifting Structure<\/h3>\r\n <p class=\"feature-card-desc\">Selectable pitch settings (10mm \/ 20mm \/ 30mm \/ 40mm) for flexible production needs.<\/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\">Adjustable Conveying & Protection<\/h3>\r\n <p class=\"feature-card-desc\">Cylinder and motor-driven conveying with adjustable speed to protect PCBs from damage.<\/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\">Top-In, Bottom-Out Magazine Handling<\/h3>\r\n <p class=\"feature-card-desc\">Efficient magazine rack exchange for continuous operation.<\/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\">SMEMA Interface<\/h3>\r\n <p class=\"feature-card-desc\">Standard SMEMA cable for smooth equipment communication.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\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').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 <\/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-0ddb1cc e-con-full e-flex e-con e-parent\" data-id=\"0ddb1cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e9d43c elementor-widget elementor-widget-html\" data-id=\"2e9d43c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SLC Series PCB Loader 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 <!-- Model Comparison Table -->\r\n <div class=\"spec-table-wrapper\">\r\n <table class=\"spec-table model-table\">\r\n <thead>\r\n <tr>\r\n <th class=\"col-item\">Model<\/th>\r\n <th class=\"col-model\">SLC-M<\/th>\r\n <th class=\"col-model\">SLC-L<\/th>\r\n <th class=\"col-model\">SLC-LL<\/th>\r\n <th class=\"col-model highlight-col\">SLC-460<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"item-label\">Machine Dimensions (mm)<\/td>\r\n <td class=\"item-value\">L1680*W765*H1250<\/td>\r\n <td class=\"item-value\">L1920*W845*H1250<\/td>\r\n <td class=\"item-value\">L2160*W910*H250<\/td>\r\n <td class=\"item-value highlight-cell\">L2160*W970*H1250<\/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-highlight\">50*50~330*250<\/span><\/td>\r\n <td class=\"item-value\"><span class=\"value-highlight\">50*50~445*330<\/span><\/td>\r\n <td class=\"item-value\"><span class=\"value-highlight\">50*50~530*390<\/span><\/td>\r\n <td class=\"item-value highlight-cell\"><span class=\"value-highlight\">50*50~535*460<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Bin Size (mm)<\/td>\r\n <td class=\"item-value\">355*320*565<\/td>\r\n <td class=\"item-value\">460*400*565<\/td>\r\n <td class=\"item-value\">535*460*569<\/td>\r\n <td class=\"item-value highlight-cell\">535*530*569<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <!-- Common Specifications 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\">Specification Items<\/th>\r\n <th class=\"col-value\">Specification<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"item-label\">Circuit Board Loading Time<\/td>\r\n <td class=\"item-value\"><span class=\"value-badge\">5.0sec<\/span><\/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-highlight\">920\u00b130 (std)<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Power Supply and Power<\/td>\r\n <td class=\"item-value\">AC220V\u00b110V, 50\/60HZ<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Compressed Air Pressure<\/td>\r\n <td class=\"item-value\"><span class=\"value-highlight\">4-6bar<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"item-label\">Circuit Board Thickness<\/td>\r\n <td class=\"item-value\">minimum 0.4mm<\/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>Multiple model options for different PCB sizes<\/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>Fast 5.0 second circuit board loading time<\/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>Standard SMEMA communications interface<\/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>Supports PCB thickness from 0.4mm<\/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\/* ========== SLC Series Specification Table ========== *\/\r\n.spec-section {\r\n padding: 60px 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: 1000px;\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: 50px;\r\n}\r\n\r\n.spec-badge {\r\n display: inline-block;\r\n padding: 8px 20px;\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: 20px;\r\n}\r\n\r\n.spec-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: #0a1929;\r\n margin: 0 0 12px 0;\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\/* 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 20px rgba(0, 0, 0, 0.06);\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%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n;\r\n}\r\n\r\n.spec-table th {\r\n padding: 18px 20px;\r\n text-align: center;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: #ffffff;\r\n}\r\n\r\n.spec-table th.col-item {\r\n text-align: left;\r\n width: 25%;\r\n}\r\n\r\n.spec-table th.col-model {\r\n width: 18.75%;\r\n}\r\n\r\n.spec-table th.col-value {\r\n width: 75%;\r\n}\r\n\r\n.spec-table th.highlight-col {\r\n background: rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.spec-table tbody tr {\r\n border-bottom: 1px solid #f1f5f9;\r\n transition: background 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: #f8fafc;\r\n}\r\n\r\n.spec-table td {\r\n padding: 18px 20px;\r\n text-align: center;\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 text-align: left !important;\r\n}\r\n\r\n.item-value {\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n}\r\n\r\n.highlight-cell {\r\n background: rgba(14, 116, 144, 0.04);\r\n}\r\n\r\n\/* Value Highlights *\/\r\n.value-highlight {\r\n display: inline-block;\r\n padding: 4px 12px;\r\n background: #f1f5f9;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 6px;\r\n color: #334155;\r\n font-weight: 500;\r\n font-size: 0.8rem;\r\n}\r\n\r\n.value-badge {\r\n display: inline-block;\r\n padding: 6px 20px;\r\n background: linear-gradient(135deg, #0e7490 0%, #06b6d4 100%);\r\n border-radius: 6px;\r\n color: #ffffff;\r\n font-weight: 600;\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 20px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n.features-header {\r\n background: linear-gradient(135deg, #0a1929 0%, #0e7490 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: 12px;\r\n padding: 12px 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: 900px) {\r\n .spec-table-wrapper {\r\n overflow-x: auto;\r\n }\r\n\r\n .model-table {\r\n min-width: 700px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .spec-section {\r\n padding: 40px 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: 6px 16px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .spec-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .spec-table th,\r\n .spec-table td {\r\n padding: 14px 16px;\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 .spec-table th,\r\n .spec-table td {\r\n padding: 12px 12px;\r\n }\r\n\r\n .spec-table th {\r\n font-size: 0.75rem;\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-highlight {\r\n padding: 3px 8px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .value-badge {\r\n padding: 4px 12px;\r\n font-size: 0.75rem;\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-5245de2 elementor-widget elementor-widget-html\" data-id=\"5245de2\" 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<div class=\"elementor-element elementor-element-d7183f3 e-flex e-con-boxed e-con e-parent\" data-id=\"d7183f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fc6f00 elementor-widget elementor-widget-video\" data-id=\"7fc6f00\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=gK65VqZQdNU","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>Fully Automatic Magazine Unloader | PCB Unloading System | Sanco Peripherals Fully Automatic Magazine Unloader Fully automatic magazine unloader designed for efficient PCB unloading from production equipment to magazine racks. Stable PLC control, motorized lifting system, and SMEMA interface ensure smooth and reliable line operation. Automatic PCB Unloading Servo \/ Motorized Lifting SMEMA Compatible Home> […]<\/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-999","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/comments?post=999"}],"version-history":[{"count":35,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/999\/revisions"}],"predecessor-version":[{"id":5826,"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/pages\/999\/revisions\/5826"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/th\/wp-json\/wp\/v2\/media?parent=999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}