{"id":1009,"date":"2025-12-26T03:35:30","date_gmt":"2025-12-26T03:35:30","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=1009"},"modified":"2026-03-16T06:12:21","modified_gmt":"2026-03-16T06:12:21","slug":"vertical-bufferconveyor","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/fr\/vertical-bufferconveyor\/","title":{"rendered":"Vertical buffer conveyor"},"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 Vertical Buffer Conveyor | PCB Buffer System | Sanco <\/title>\r\n <meta name=\"description\" content=\"Vertical Buffer Conveyor with 20-pitch capacity, PLC touch control, servo lifting system, FIFO\/LIFO modes. Professional PCB buffering solution for SMT production lines.\">\r\n <meta name=\"keywords\" content=\"vertical buffer, PCB buffer, SMT buffer, vertical conveyor, FIFO LIFO buffer, servo buffer, SMEMA compatible, Sanco \">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <link rel=\"canonical\" href=\"\/vertical-buffer-conveyor\/\">\r\n \r\n <!-- Open Graph -->\r\n <meta property=\"og:title\" content=\"Vertical Buffer Conveyor | Sanco \">\r\n <meta property=\"og:description\" content=\"Vertical buffer conveyor with servo lifting system and SMEMA compatibility for PCB temporary storage and flow control.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/vertical-buffer-conveyor\/\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-dark: #0d2137;\r\n --primary-mid: #14334d;\r\n --primary-light: #1e4a6d;\r\n --accent: #2d6a9f;\r\n --white: #ffffff;\r\n --off-white: #f9f7f5;\r\n --gray-light: #f0ece8;\r\n --gray: #64748b;\r\n --dark: #1a2332;\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: 'Outfit', sans-serif; background: var(--white); color: var(--dark); overflow-x: hidden; }\r\n\r\n \/* ========== Hero Section - Deep Blue Theme ========== *\/\r\n .hero {\r\n min-height: 100vh;\r\n height: 100vh;\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n opacity: 0.4;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-orb-1 {\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);\r\n top: -100px;\r\n left: -100px;\r\n animation: floatOrb1 15s ease-in-out infinite;\r\n }\r\n\r\n .hero-orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(30, 74, 109, 0.5) 0%, transparent 70%);\r\n top: 30%;\r\n right: 10%;\r\n animation: floatOrb2 12s ease-in-out infinite;\r\n }\r\n\r\n .hero-orb-3 {\r\n width: 250px;\r\n height: 250px;\r\n background: radial-gradient(circle, rgba(45, 106, 159, 0.4) 0%, transparent 70%);\r\n bottom: 20%;\r\n left: 20%;\r\n animation: floatOrb3 18s ease-in-out infinite;\r\n }\r\n\r\n @keyframes floatOrb1 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(50px, 30px) scale(1.1); }\r\n 50% { transform: translate(30px, 60px) scale(0.95); }\r\n 75% { transform: translate(-20px, 40px) scale(1.05); }\r\n }\r\n\r\n @keyframes floatOrb2 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 33% { transform: translate(-40px, 50px) scale(1.15); }\r\n 66% { transform: translate(30px, -30px) scale(0.9); }\r\n }\r\n\r\n @keyframes floatOrb3 {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 50% { transform: translate(60px, -40px) scale(1.2); }\r\n }\r\n\r\n .hero-light-streak {\r\n position: absolute;\r\n width: 150%;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n transform: rotate(-35deg);\r\n animation: lightStreak 8s linear infinite;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-light-streak-1 { top: 20%; left: -50%; animation-delay: 0s; }\r\n .hero-light-streak-2 { top: 50%; left: -50%; animation-delay: 3s; opacity: 0.6; }\r\n .hero-light-streak-3 { top: 80%; left: -50%; animation-delay: 5s; opacity: 0.4; }\r\n\r\n @keyframes lightStreak {\r\n 0% { transform: rotate(-35deg) translateX(-100%); }\r\n 100% { transform: rotate(-35deg) translateX(100%); }\r\n }\r\n\r\n .hero-particles {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: rgba(255,255,255,0.6);\r\n border-radius: 50%;\r\n animation: particleFloat 20s linear infinite;\r\n }\r\n\r\n .particle:nth-child(1) { left: 10%; animation-delay: 0s; animation-duration: 25s; }\r\n .particle:nth-child(2) { left: 20%; animation-delay: 2s; animation-duration: 20s; }\r\n .particle:nth-child(3) { left: 30%; animation-delay: 4s; animation-duration: 28s; }\r\n .particle:nth-child(4) { left: 40%; animation-delay: 1s; animation-duration: 22s; }\r\n .particle:nth-child(5) { left: 50%; animation-delay: 3s; animation-duration: 18s; }\r\n .particle:nth-child(6) { left: 60%; animation-delay: 5s; animation-duration: 24s; }\r\n\r\n @keyframes particleFloat {\r\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\r\n 10% { opacity: 1; transform: translateY(80vh) scale(1); }\r\n 90% { opacity: 1; transform: translateY(10vh) scale(1); }\r\n 100% { transform: translateY(-10vh) scale(0); opacity: 0; }\r\n }\r\n\r\n .hero-wave {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 200%;\r\n height: 250px;\r\n overflow: hidden;\r\n animation: waveSlide 25s linear infinite;\r\n }\r\n\r\n .hero-wave svg {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 50%;\r\n height: 100%;\r\n }\r\n\r\n .hero-wave svg:nth-child(2) { left: 50%; }\r\n .hero-wave-1 { fill: rgba(30, 74, 109, 0.3); }\r\n .hero-wave-2 { fill: rgba(45, 106, 159, 0.2); }\r\n\r\n @keyframes waveSlide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .hero-glow-1 {\r\n position: absolute;\r\n top: 5%;\r\n left: -5%;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: glowPulse 8s ease-in-out infinite;\r\n }\r\n\r\n .hero-glow-2 {\r\n position: absolute;\r\n bottom: 10%;\r\n right: 20%;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(30, 74, 109, 0.2) 0%, transparent 60%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: glowPulse 6s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes glowPulse {\r\n 0%, 100% { transform: scale(1); opacity: 0.5; }\r\n 50% { transform: scale(1.1); opacity: 0.8; }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 60px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n .hero-text {\r\n color: var(--white);\r\n padding-top: 40px;\r\n }\r\n\r\n .hero-category {\r\n font-size: 1.3rem;\r\n font-weight: 500;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(3.2rem, 6vw, 5rem);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 28px;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.1);\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.35rem;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 36px;\r\n line-height: 1.7;\r\n max-width: 580px;\r\n }\r\n\r\n .hero-tags {\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-tag {\r\n display: inline-block;\r\n padding: 14px 30px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(8px);\r\n border-radius: 30px;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n color: var(--white);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .hero-tag:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-visual {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .oven-image {\r\n width: 40%;\r\n max-width: 520px;\r\n height: auto;\r\n filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.3));\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .oven-image:hover {\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* ========== Description Section ========== *\/\r\n .description-section {\r\n padding: 100px 60px;\r\n background: var(--white);\r\n }\r\n\r\n .breadcrumb {\r\n max-width: 1400px;\r\n margin: 0 auto 50px;\r\n font-size: 1rem;\r\n color: var(--gray);\r\n }\r\n\r\n .breadcrumb a {\r\n color: var(--gray);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .breadcrumb a:hover { color: var(--primary-dark); }\r\n .breadcrumb span { margin: 0 8px; }\r\n\r\n .description-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .product-info {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 80px;\r\n align-items: start;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .product-text h2 {\r\n font-size: clamp(2rem, 3.5vw, 3rem);\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 24px;\r\n position: relative;\r\n padding-bottom: 16px;\r\n }\r\n\r\n .product-text h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n border-radius: 2px;\r\n }\r\n\r\n .product-text p {\r\n font-size: 1.2rem;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .product-highlights {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-top: 40px;\r\n }\r\n\r\n .highlight-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 14px;\r\n background: var(--off-white);\r\n border-radius: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .highlight-item:hover {\r\n background: #e8e4df;\r\n transform: translateX(5px);\r\n }\r\n\r\n .highlight-icon {\r\n width: 38px;\r\n height: 38px;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: white;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--dark);\r\n line-height: 1.3;\r\n }\r\n\r\n .highlight-value {\r\n font-size: 0.75rem;\r\n color: var(--gray);\r\n margin-top: 1px;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ========== Section Header ========== *\/\r\n .section-header {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 80px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n padding: 10px 24px;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n color: white;\r\n border-radius: 30px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 16px;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.25rem;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ========== Features Section ========== *\/\r\n .features-section {\r\n padding: 100px 60px;\r\n background: var(--off-white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .features-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 800px;\r\n height: 800px;\r\n background: radial-gradient(circle, rgba(13, 33, 55, 0.03) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .feature-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 32px 24px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(13, 33, 55, 0.06);\r\n }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 40px rgba(13, 33, 55, 0.12);\r\n }\r\n\r\n .feature-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .feature-number {\r\n font-family: 'Space ', space;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: rgba(13, 33, 55, 0.1);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .feature-card-title {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 10px;\r\n line-height: 1.3;\r\n }\r\n\r\n .feature-card-desc {\r\n font-size: 0.95rem;\r\n color: var(--gray);\r\n line-height: 1.55;\r\n }\r\n\r\n \/* ========== Highlights Section ========== *\/\r\n .highlights-section {\r\n padding: 100px 60px;\r\n background: var(--white);\r\n }\r\n\r\n .highlights-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .highlight-card {\r\n background: linear-gradient(145deg, var(--off-white) 0%, var(--white) 100%);\r\n border-radius: 20px;\r\n padding: 40px 32px;\r\n text-align: center;\r\n transition: all 0.4s ease;\r\n border: 1px solid rgba(13, 33, 55, 0.06);\r\n }\r\n\r\n .highlight-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(13, 33, 55, 0.1);\r\n }\r\n\r\n .highlight-card .highlight-value {\r\n font-family: 'Space ', space;\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n color: var(--primary-dark);\r\n margin-bottom: 8px;\r\n line-height: 1;\r\n }\r\n\r\n .highlight-unit {\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n color: var(--accent);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .highlight-label {\r\n font-size: 1.05rem;\r\n color: var(--gray);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ========== Related Products ========== *\/\r\n .related-section {\r\n padding: 100px 60px;\r\n background: var(--off-white);\r\n }\r\n\r\n .related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n\r\n .related-card {\r\n background: var(--white);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.06);\r\n transition: all 0.4s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .related-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(13, 33, 55, 0.2);\r\n }\r\n\r\n .related-img {\r\n height: 200px;\r\n background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 30px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .related-img::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: radial-gradient(circle at 30% 40%, rgba(255,255,255,0.05) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .related-img img {\r\n max-height: 140px;\r\n max-width: 100%;\r\n object-fit: contain;\r\n transition: transform 0.4s ease;\r\n filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));\r\n }\r\n\r\n .related-card:hover .related-img img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .related-content {\r\n padding: 28px;\r\n }\r\n\r\n .related-title {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 10px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .related-card:hover .related-title {\r\n color: var(--primary-dark);\r\n }\r\n\r\n .related-desc {\r\n font-size: 1.05rem;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ========== Responsive ========== *\/\r\n @media (max-width: 1200px) {\r\n .hero { height: auto; min-height: 100vh; }\r\n .hero-content { grid-template-columns: 1fr; text-align: center; gap: 50px; }\r\n .hero-tags { justify-content: center; }\r\n .hero-subtitle { margin: 0 auto 32px; }\r\n .product-info { grid-template-columns: 1fr; gap: 40px; }\r\n .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n .highlights-grid { grid-template-columns: repeat(3, 1fr); }\r\n .related-grid { grid-template-columns: repeat(2, 1fr); }\r\n .oven-image { max-width: 450px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero { min-height: auto; height: auto; padding: 80px 0 60px; }\r\n .hero-content { padding: 0 24px; }\r\n .hero-title { font-size: 2.5rem; }\r\n .hero-subtitle { font-size: 1.15rem; }\r\n .hero-tag { padding: 12px 22px; font-size: 1rem; }\r\n .description-section, .features-section, .highlights-section, .related-section { padding: 80px 24px; }\r\n .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n .highlights-grid { grid-template-columns: 1fr; max-width: 350px; margin: 0 auto; }\r\n .related-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n .oven-image { max-width: 380px; }\r\n .section-header { margin-bottom: 50px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero { padding: 60px 0 50px; }\r\n .hero-title { font-size: 2rem; }\r\n .hero-category { font-size: 1.1rem; }\r\n .hero-subtitle { font-size: 1.05rem; }\r\n .hero-tags { gap: 10px; }\r\n .hero-tag { padding: 10px 18px; font-size: 0.95rem; }\r\n .oven-image { max-width: 300px; }\r\n .highlight-card .highlight-value { font-size: 2.2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"hero-orb hero-orb-1\"><\/div>\r\n <div class=\"hero-orb hero-orb-2\"><\/div>\r\n <div class=\"hero-orb hero-orb-3\"><\/div>\r\n\r\n <div class=\"hero-light-streak hero-light-streak-1\"><\/div>\r\n <div class=\"hero-light-streak hero-light-streak-2\"><\/div>\r\n <div class=\"hero-light-streak hero-light-streak-3\"><\/div>\r\n\r\n <div class=\"hero-particles\">\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-glow-1\"><\/div>\r\n <div class=\"hero-glow-2\"><\/div>\r\n \r\n <div class=\"hero-wave\">\r\n <svg viewBox=\"0 0 1440 250\" preserveAspectRatio=\"none\">\r\n <path class=\"hero-wave-2\" d=\"M0,180 C400,220 800,140 1200,180 C1350,195 1400,170 1440,180 L1440,250 L0,250 Z\"><\/path>\r\n <path class=\"hero-wave-1\" d=\"M0,200 C300,160 600,240 900,200 C1150,165 1350,220 1440,200 L1440,250 L0,250 Z\"><\/path>\r\n <\/svg>\r\n <svg viewBox=\"0 0 1440 250\" preserveAspectRatio=\"none\">\r\n <path class=\"hero-wave-2\" d=\"M0,180 C400,220 800,140 1200,180 C1350,195 1400,170 1440,180 L1440,250 L0,250 Z\"><\/path>\r\n <path class=\"hero-wave-1\" d=\"M0,200 C300,160 600,240 900,200 C1150,165 1350,220 1440,200 L1440,250 L0,250 Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <p class=\"hero-category\">Peripherals<\/p>\r\n <h1 class=\"hero-title\">Vertical Buffer Conveyor<\/h1>\r\n <p class=\"hero-subtitle\">Vertical buffer conveyor designed for temporary PCB buffering and flow control. Featuring PLC touch screen operation, servo lifting system, and high-capacity vertical storage for stable and efficient board handling.<\/p>\r\n <div class=\"hero-tags\">\r\n <span class=\"hero-tag\">Vertical Buffering<\/span>\r\n <span class=\"hero-tag\">PLC Touch Control<\/span>\r\n <span class=\"hero-tag\">Servo Lifting System<\/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\/Vertical-buffer-conveyor_\u7ed3\u679c.webp\" alt=\"Vertical Buffer Conveyor\" class=\"oven-image\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Description Section -->\r\n <section class=\"description-section\">\r\n <div class=\"breadcrumb\">\r\n <a href=\"\/\">Home<\/a><span>><\/span>\r\n <a href=\"\/product\/\">Products<\/a><span>><\/span>\r\n <a href=\"\/product\/\">Peripherals<\/a><span>><\/span>\r\n <span>Vertical Buffer Conveyor<\/span>\r\n <\/div>\r\n\r\n <div class=\"description-content\">\r\n <div class=\"product-info\">\r\n <div class=\"product-text\">\r\n <h2>Product Description<\/h2>\r\n <p>The Vertical Buffer Conveyor is designed for temporary PCB buffering and flow balancing in automated production lines. It enables efficient accumulation and release of circuit boards, helping stabilize line rhythm and prevent bottlenecks between processes.<\/p>\r\n <p>Equipped with a PLC control system and a 7-inch color touch screen, the system provides intuitive operation and real-time status monitoring. It supports both first-in-first-out (FIFO) and last-in-first-out (LIFO) operating modes.<\/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\">Buffer Capacity<\/span>\r\n <div class=\"highlight-value\">20 Pitches<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">Servo Motor<\/span>\r\n <div class=\"highlight-value\">750W Lifting<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"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\">PCB Width<\/span>\r\n <div class=\"highlight-value\">50-350mm<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"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\">Operation Modes<\/span>\r\n <div class=\"highlight-value\">FIFO \/ LIFO<\/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\">20<\/div>\r\n <div class=\"highlight-unit\">Pitches<\/div>\r\n <p class=\"highlight-label\">Vertical buffer capacity<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">50-350<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">PCB width range<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">900\u00b120<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">Standard working height<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">750W<\/div>\r\n <div class=\"highlight-unit\">Servo Motor<\/div>\r\n <p class=\"highlight-label\">Vertical lifting drive<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">0.6-6<\/div>\r\n <div class=\"highlight-unit\">mm<\/div>\r\n <p class=\"highlight-label\">PCB thickness support<\/p>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <div class=\"highlight-value\">\u22641.5<\/div>\r\n <div class=\"highlight-unit\">kg<\/div>\r\n <p class=\"highlight-label\">Maximum PCB load<\/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 buffering 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\">Vertical Buffer Storage<\/h3>\r\n <p class=\"feature-card-desc\">Designed for temporary PCB buffering to balance production flow.<\/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\">FIFO & LIFO Modes<\/h3>\r\n <p class=\"feature-card-desc\">Supports both first-in-first-out and last-in-first-out operation modes.<\/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\">PLC control system with 7-inch color touch screen for easy operation.<\/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\">Servo Lifting System<\/h3>\r\n <p class=\"feature-card-desc\">High-precision servo motor ensures fast and accurate vertical positioning.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">05<\/div>\r\n <h3 class=\"feature-card-title\">Automatic Width Adjustment<\/h3>\r\n <p class=\"feature-card-desc\">Ball screw automatic width adjustment for quick PCB alignment.<\/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 Communication Interface<\/h3>\r\n <p class=\"feature-card-desc\">Standard SMEMA interface for seamless equipment integration.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">07<\/div>\r\n <h3 class=\"feature-card-title\">High-Capacity Storage<\/h3>\r\n <p class=\"feature-card-desc\">20-pitch buffer capacity provides ample temporary storage for production flow management.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">08<\/div>\r\n <h3 class=\"feature-card-title\">Real-Time Status Monitoring<\/h3>\r\n <p class=\"feature-card-desc\">Touch screen displays buffer level and system status in real-time for effective monitoring.<\/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, .highlight-item, .related-card').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(el);\r\n });\r\n\r\n document.querySelectorAll('.feature-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.06}s`; });\r\n document.querySelectorAll('.highlight-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.08}s`; });\r\n document.querySelectorAll('.highlight-item').forEach((item, i) => { item.style.transitionDelay = `${i * 0.1}s`; });\r\n document.querySelectorAll('.related-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.1}s`; });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3665c69 e-con-full e-flex e-con e-parent\" data-id=\"3665c69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1f51e2 elementor-widget elementor-widget-html\" data-id=\"d1f51e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SC-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\">Used for board buffering between SMT equipment<\/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=\"SC-460 Specification\">\r\n <thead>\r\n <tr>\r\n <th class=\"spec-col\">Item<\/th>\r\n <th class=\"value-col\">Specification<\/th>\r\n <th class=\"spec-col\">Item<\/th>\r\n <th class=\"value-col\">Specification<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td class=\"spec-name\">Model<\/td>\r\n <td>SC-460<\/td>\r\n <td class=\"spec-name\">Guide rail fixing method<\/td>\r\n <td>1 track fixed, 2 tracks mobile<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Circuit board size (mm)<\/td>\r\n <td>Width 50~350mm<\/td>\r\n <td class=\"spec-name\">Control method<\/td>\r\n <td>PLC+7-inch touch screen control<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Machine dimensions (mm)<\/td>\r\n <td>L580*W880*H1050mm<\/td>\r\n <td class=\"spec-name\">Conveyor motor<\/td>\r\n <td>42 Stepper Motor<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Working height (mm)<\/td>\r\n <td>900\u00b120 mm<\/td>\r\n <td class=\"spec-name\">Lifting motor<\/td>\r\n <td>750W servo motor lifting<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">power supply<\/td>\r\n <td>AC220V, 50HZ<\/td>\r\n <td class=\"spec-name\">Width adjustment method<\/td>\r\n <td>Ball screw automatic width adjustment<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">power<\/td>\r\n <td><span class=\"highlight\">1.0KW<\/span><\/td>\r\n <td class=\"spec-name\">Signal communication interface<\/td>\r\n <td>Standard SMEMA interface<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Equipment weight<\/td>\r\n <td><span class=\"highlight-blue\">About 200KG<\/span><\/td>\r\n <td class=\"spec-name\">Circuit board thickness<\/td>\r\n <td>0.6 ~ 6mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Transmission Type<\/td>\r\n <td>Anti-static flat belt transmission<\/td>\r\n <td class=\"spec-name\">Carrier weight<\/td>\r\n <td>\u22641.5kg<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"spec-name\">Transmission direction<\/td>\r\n <td>Left to right\/right to left (optional)<\/td>\r\n <td class=\"spec-name\">Air pressure and air flow<\/td>\r\n <td>4-6bar<\/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\/* ========== SC-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: 1400px;\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: #0e7490;\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: 16px 20px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 0.85rem;\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: 20%;\r\n text-align: left;\r\n}\r\n\r\n.param-table th.value-col {\r\n width: 30%;\r\n}\r\n\r\n.param-table th:first-child {\r\n border-radius: 12px 0 0 0;\r\n}\r\n\r\n.param-table th:last-child {\r\n border-right: none;\r\n border-radius: 0 12px 0 0;\r\n}\r\n\r\n\/* Table Body *\/\r\n.param-table td {\r\n padding: 14px 20px;\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 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 16px;\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 padding: 6px 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 }\r\n\r\n .param-table {\r\n min-width: 700px;\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.75rem;\r\n }\r\n\r\n .param-table th:first-child {\r\n border-radius: 8px 0 0 0;\r\n }\r\n\r\n .param-table th:last-child {\r\n border-radius: 0 8px 0 0;\r\n }\r\n\r\n .param-table td {\r\n padding: 10px 14px;\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 padding: 5px 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 }\r\n\r\n .param-table {\r\n min-width: 600px;\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.7rem;\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: 520px;\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-09b32d9 elementor-widget elementor-widget-html\" data-id=\"09b32d9\" 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>Vertical Buffer Conveyor | PCB Buffer System | Sanco Peripherals Vertical Buffer Conveyor Vertical buffer conveyor designed for temporary PCB buffering and flow control. Featuring PLC touch screen operation, servo lifting system, and high-capacity vertical storage for stable and efficient board handling. Vertical Buffering PLC Touch Control Servo Lifting System Home> Products> Peripherals> Vertical Buffer […]<\/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-1009","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/pages\/1009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/comments?post=1009"}],"version-history":[{"count":41,"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/pages\/1009\/revisions"}],"predecessor-version":[{"id":5841,"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/pages\/1009\/revisions\/5841"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/media?parent=1009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}