{"id":993,"date":"2025-12-26T03:34:01","date_gmt":"2025-12-26T03:34:01","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=993"},"modified":"2026-03-16T06:06:44","modified_gmt":"2026-03-16T06:06:44","slug":"%ec%97%98%eb%a6%ac%eb%b2%a0%ec%9d%b4%ed%84%b0","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/ko\/%ec%97%98%eb%a6%ac%eb%b2%a0%ec%9d%b4%ed%84%b0\/","title":{"rendered":"\uc5d8\ub9ac\ubca0\uc774\ud130"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Elevator | PCB Vertical Transfer System | Sanco <\/title>\r\n <meta name=\"description\" content=\"Elevator for vertical PCB transfer between production processes. Motor-driven lifting with SMEMA interface for optimized line layout and workflow efficiency.\">\r\n <meta name=\"keywords\" content=\"PCB elevator, vertical transfer, SMT elevator, motor screw drive, vertical conveyor, SMEMA compatible, Sanco \">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <link rel=\"canonical\" href=\"\/uv-curing-oven\/\">\r\n \r\n <!-- Open Graph -->\r\n <meta property=\"og:title\" content=\"Elevator | Sanco \">\r\n <meta property=\"og:description\" content=\"PCB elevator for vertical transfer with motor-driven lifting and SMEMA compatibility for optimized production line layout.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/elevator\/\">\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 90px;\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 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 max-width: 900px;\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-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 .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-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\">Elevator<\/h1>\r\n <p class=\"hero-subtitle\">Compact and reliable PCB elevator designed for vertical board transfer between production processes, featuring stable motor-driven lifting and SMEMA communication.<\/p>\r\n <div class=\"hero-tags\">\r\n <span class=\"hero-tag\">Vertical PCB Transfer<\/span>\r\n <span class=\"hero-tag\">Motor + Screw Drive<\/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\/elevator-in_\u7ed3\u679c.webp\" alt=\"Elevator\" 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\/\">SMT Line Connection<\/a><span>><\/span>\r\n <span>Elevator<\/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 Elevator is designed for vertical PCB transfer between different production processes, helping optimize line layout and improve workflow efficiency.<\/p>\r\n <p>The system adopts a motor and screw-driven lifting structure to ensure smooth and precise up-and-down movement. With adjustable conveyor speed and stable edge-carrying chain conveyor, PCBs are transferred safely without damage.<\/p>\r\n <p>Equipped with a PLC controller and touch screen interface, the Elevator offers easy operation, stable performance, and reliable communication with upstream and downstream equipment through the standard SMEMA interface.<\/p>\r\n <p>Its compact footprint and flexible width adjustment make it suitable for various production environments and PCB sizes.<\/p>\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\">460\u00d7460<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">Maximum PCB size<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">0-5000<\/div>\r\n <div class=\"highlight-unit\">mm\/min<\/div>\r\n <p class=\"highlight-label\">Conveyor speed range<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">900\u00d7500\u00d71200<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">Machine dimensions (L\u00d7W\u00d7H)<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">0.3<\/div>\r\n <div class=\"highlight-unit\">kW<\/div>\r\n <p class=\"highlight-label\">Total power consumption<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">220V<\/div>\r\n <div class=\"highlight-unit\">50Hz<\/div>\r\n <p class=\"highlight-label\">Power supply<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">Manual<\/div>\r\n <div class=\"highlight-unit\">Optional Auto<\/div>\r\n <p class=\"highlight-label\">Width adjustment<\/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 vertical transfer 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\">Motor + Screw Lifting Drive<\/h3>\r\n <p class=\"feature-card-desc\">Smooth and stable up\/down movement with accurate positioning.<\/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\">SMEMA Edge Carrying Conveyor<\/h3>\r\n <p class=\"feature-card-desc\">Standard edge-carrying chain conveyor for safe PCB transport.<\/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\">PLC Touch Screen Control<\/h3>\r\n <p class=\"feature-card-desc\">Easy operation with clear status display and parameter adjustment.<\/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 Conveyor Speed<\/h3>\r\n <p class=\"feature-card-desc\">Conveyor speed adjustable from 0 to 5000 mm\/min.<\/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\">Flexible Width Adjustment<\/h3>\r\n <p class=\"feature-card-desc\">Manual width adjustment, with optional automatic width adjustment available.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\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, .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('.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-a374f31 e-con-full e-flex e-con e-parent\" data-id=\"a374f31\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-039db15 elementor-widget elementor-widget-html\" data-id=\"039db15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SLT-460 Specification Table -->\r\n<!-- SEO\u4f18\u5316 + \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=\"tech-param-section\" \r\n \r\n <!-- Title Section -->\r\n <div class=\"param-header\">\r\n <span class=\"param-tag\">TECHNICAL SPECIFICATIONS<\/span>\r\n <h2 class=\"param-title\">Specification<\/h2>\r\n <p class=\"param-subtitle\">Complete technical specifications and features.<\/p>\r\n <\/div>\r\n \r\n <div class=\"param-table-wrapper\">\r\n <div class=\"param-table-scroll\">\r\n <table class=\"param-table\" aria-label=\"SLT-460 Specification\">\r\n <thead>\r\n <tr>\r\n <th class=\"spec-col\">Item<\/th>\r\n <th class=\"value-col\">Specification and description<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"spec-name\">Model<\/td>\r\n <td>SLT-460<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Drive<\/td>\r\n <td>motor+ screw drive up&down<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Max PCB<\/td>\r\n <td><span class=\"highlight-blue\">460*460mm<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Conveyor speed<\/td>\r\n <td>0~5000mm\/Min adjustable<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Width adjustment<\/td>\r\n <td>by manual(Auto width adjustment optiona<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Power supply voltage<\/td>\r\n <td>220V 50HZ<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Total Power<\/td>\r\n <td><span class=\"highlight\">0.3KW<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Dimension<\/td>\r\n <td>L900mm*w500mm*H1200mm<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Features Section -->\r\n <div class=\"param-table-wrapper\" style=\"margin-top: 40px;\">\r\n <div class=\"param-table-scroll\">\r\n <table class=\"param-table features-table\" aria-label=\"SLT-460 Features\">\r\n <thead>\r\n <tr>\r\n <th class=\"features-header\">Features<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"feature-item\">SMEMA edge carrying chain conveyor<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"feature-item\">SMEMA communications interface<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"feature-item\">PLC Controller+Touch screen<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========== SLT-460 Specification Table ========== *\/\r\n.tech-param-section {\r\n padding: 80px 60px;\r\n background: #ffffff;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\r\n.param-container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Title Section *\/\r\n.param-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.param-tag {\r\n display: inline-block;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n color: #22d3ee;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n padding: 8px 16px;\r\n background: rgba(14, 116, 144, 0.1);\r\n border-radius: 20px;\r\n border: 1px solid rgba(14, 116, 144, 0.3);\r\n}\r\n\r\n.param-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: #0a1628;\r\n margin: 0 0 16px 0;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.param-subtitle {\r\n font-size: 1rem;\r\n color: #64748b;\r\n margin: 0;\r\n font-weight: 400;\r\n}\r\n\r\n\/* Table Wrapper *\/\r\n.param-table-wrapper {\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(10, 22, 40, 0.1);\r\n border: 1px solid #e5e7eb;\r\n}\r\n\r\n.param-table-scroll {\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.param-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 0.95rem;\r\n}\r\n\r\n\/* Table Header - Dark Cyan *\/\r\n.param-table thead tr {\r\n background: linear-gradient(135deg, #0a1628 0%, #0e7490 100%);\r\n}\r\n\r\n.param-table th {\r\n padding: 18px 24px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n color: #ffffff;\r\n border-right: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.param-table th.spec-col {\r\n width: 35%;\r\n text-align: left;\r\n border-radius: 12px 0 0 0;\r\n}\r\n\r\n.param-table th.value-col {\r\n width: 65%;\r\n border-right: none;\r\n border-radius: 0 12px 0 0;\r\n}\r\n\r\n.param-table th.features-header {\r\n text-align: left;\r\n border-radius: 12px 12px 0 0;\r\n}\r\n\r\n\/* Table Body *\/\r\n.param-table td {\r\n padding: 14px 24px;\r\n border: 1px solid #e5e7eb;\r\n color: #334155;\r\n vertical-align: middle;\r\n text-align: center;\r\n line-height: 1.6;\r\n background: #ffffff;\r\n}\r\n\r\n.param-table td.spec-name {\r\n text-align: left;\r\n font-weight: 500;\r\n color: #0a1628;\r\n background: #f8fafc;\r\n}\r\n\r\n.param-table td.feature-item {\r\n text-align: left;\r\n font-weight: 400;\r\n color: #334155;\r\n padding-left: 32px;\r\n position: relative;\r\n}\r\n\r\n.param-table td.feature-item::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 14px;\r\n color: #0e7490;\r\n font-weight: 700;\r\n}\r\n\r\n.param-table tbody tr:hover td {\r\n background: rgba(14, 116, 144, 0.04);\r\n}\r\n\r\n.param-table tbody tr:hover td.spec-name {\r\n background: rgba(14, 116, 144, 0.08);\r\n}\r\n\r\n\/* Highlight Styles *\/\r\n.highlight {\r\n display: inline-block;\r\n background: rgba(14, 116, 144, 0.1);\r\n color: #0e7490;\r\n padding: 4px 12px;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n}\r\n\r\n.highlight-blue {\r\n display: inline-block;\r\n background: rgba(10, 22, 40, 0.1);\r\n color: #0a1628;\r\n padding: 4px 12px;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n}\r\n\r\n.highlight-green {\r\n display: inline-block;\r\n background: rgba(16, 185, 129, 0.12);\r\n color: #047857;\r\n padding: 4px 12px;\r\n border-radius: 6px;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n}\r\n\r\n\/* ========== Responsive - Tablet ========== *\/\r\n@media (max-width: 1024px) {\r\n .tech-param-section {\r\n padding: 60px 40px;\r\n }\r\n\r\n .param-header {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .param-title {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .param-table th,\r\n .param-table td {\r\n padding: 12px 18px;\r\n font-size: 0.85rem;\r\n }\r\n}\r\n\r\n\/* ========== Responsive - Small Tablet ========== *\/\r\n@media (max-width: 768px) {\r\n .tech-param-section {\r\n padding: 50px 20px;\r\n }\r\n\r\n .param-header {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .param-tag {\r\n font-size: 0.7rem;\r\n letter-spacing: 3px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .param-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .param-subtitle {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .param-table-wrapper {\r\n border-radius: 12px;\r\n margin-top: 30px !important;\r\n }\r\n\r\n .param-table {\r\n min-width: 450px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table th {\r\n padding: 12px 14px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table th.spec-col {\r\n border-radius: 8px 0 0 0;\r\n }\r\n\r\n .param-table th.value-col {\r\n border-radius: 0 8px 0 0;\r\n }\r\n\r\n .param-table th.features-header {\r\n border-radius: 8px 8px 0 0;\r\n }\r\n\r\n .param-table td {\r\n padding: 10px 14px;\r\n }\r\n\r\n .param-table td.feature-item {\r\n padding-left: 28px;\r\n }\r\n\r\n .param-table td.feature-item::before {\r\n left: 12px;\r\n }\r\n\r\n .highlight,\r\n .highlight-blue,\r\n .highlight-green {\r\n padding: 3px 8px;\r\n font-size: 0.75rem;\r\n }\r\n}\r\n\r\n\/* ========== Responsive - Mobile ========== *\/\r\n@media (max-width: 480px) {\r\n .tech-param-section {\r\n padding: 40px 16px;\r\n }\r\n\r\n .param-header {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .param-tag {\r\n font-size: 0.65rem;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .param-title {\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .param-subtitle {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .param-table-wrapper {\r\n border-radius: 10px;\r\n margin-top: 24px !important;\r\n }\r\n\r\n .param-table {\r\n min-width: 380px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .param-table th {\r\n padding: 10px 12px;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .param-table td {\r\n padding: 8px 12px;\r\n font-size: 0.75rem;\r\n word-break: break-word;\r\n }\r\n\r\n .highlight,\r\n .highlight-blue,\r\n .highlight-green {\r\n padding: 2px 6px;\r\n font-size: 0.7rem;\r\n }\r\n}\r\n\r\n\/* ========== Very Small Screens ========== *\/\r\n@media (max-width: 360px) {\r\n .tech-param-section {\r\n padding: 32px 12px;\r\n }\r\n\r\n .param-tag {\r\n font-size: 0.6rem;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .param-title {\r\n font-size: 1.35rem;\r\n }\r\n\r\n .param-subtitle {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .param-table {\r\n min-width: 340px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .param-table th,\r\n .param-table td {\r\n padding: 8px 10px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9147ff2 elementor-widget elementor-widget-html\" data-id=\"9147ff2\" 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>Elevator | PCB Vertical Transfer System | Sanco Peripherals Elevator Compact and reliable PCB elevator designed for vertical board transfer between production processes, featuring stable motor-driven lifting and SMEMA communication. Vertical PCB Transfer Motor + Screw Drive SMEMA Compatible Home> Products> SMT Line Connection> Elevator Product Description The Elevator is designed for vertical PCB transfer […]<\/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-993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/comments?post=993"}],"version-history":[{"count":55,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/993\/revisions"}],"predecessor-version":[{"id":5817,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/993\/revisions\/5817"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/media?parent=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}