{"id":1012,"date":"2025-12-26T03:37:07","date_gmt":"2025-12-26T03:37:07","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=1012"},"modified":"2026-03-16T06:12:28","modified_gmt":"2026-03-16T06:12:28","slug":"vertical-cooling-buffer-conveyor","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/pt\/vertical-cooling-buffer-conveyor\/","title":{"rendered":"Vertical Cooling 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 \r\n Vertical Cooling Buffer Conveyor | PCB Buffer & Cooling System | Sanco <\/title>\r\n <meta name=\"description\" content=\"Vertical Cooling Buffer Conveyor with 20-pitch capacity, rapid cooling system, PLC touch control, servo lifting. Professional PCB buffering and cooling solution for SMT production lines.\">\r\n <meta name=\"keywords\" content=\"vertical cooling buffer, PCB buffer cooling, SMT buffer, cooling conveyor, FIFO LIFO buffer, servo buffer, rapid cooling, 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=\"Vertical Cooling Buffer Conveyor | Sanco \">\r\n <meta property=\"og:description\" content=\"Vertical cooling buffer conveyor with rapid cooling system, servo lifting, and SMEMA compatibility for PCB buffering and thermal management.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/vertical-cooling-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: 60%;\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\">SMT Line Connection<\/p>\r\n <h1 class=\"hero-title\">Vertical Cooling Buffer Conveyor<\/h1>\r\n <p class=\"hero-subtitle\">Vertical cooling buffer conveyor designed for PCB buffering and rapid cooling. Integrated PLC touch control, servo lifting system, and high-speed cooling fans for stable flow control and efficient thermal management.<\/p>\r\n <div class=\"hero-tags\">\r\n <span class=\"hero-tag\">Vertical Buffering<\/span>\r\n <span class=\"hero-tag\">Rapid Cooling<\/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-cooling-buffer-conveyor_\u7ed3\u679c.webp\" 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>Vertical Cooling 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 Cooling Buffer Conveyor is designed for PCB buffering and rapid cooling during production flow. By combining vertical storage with forced cooling, it helps stabilize line rhythm while effectively reducing board temperature before downstream processes.<\/p>\r\n <p>The system features a PLC control system with a 7-inch color touch screen for intuitive operation and real-time monitoring. It supports both first-in-first-out (FIFO) and last-in-first-out (LIFO) operating modes, providing flexible buffer management for different production requirements.<\/p>\r\n <p>High-speed cooling fans are installed at both upper and lower sections, enabling fast and uniform cooling during buffering. The servo motor lifting system ensures precise vertical positioning, while the standard SMEMA communication interface allows seamless integration with other equipment.<\/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\">20<\/div>\r\n <div class=\"highlight-unit\">Pitches<\/div>\r\n <p class=\"highlight-label\">Temporary 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\">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 system<\/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\">1.2<\/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>\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 and cooling 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 Buffering & Cooling<\/h3>\r\n <p class=\"feature-card-desc\">Combines PCB buffering with rapid cooling to optimize 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 Operation<\/h3>\r\n <p class=\"feature-card-desc\">Supports both first-in-first-out and last-in-first-out operating 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 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\">Fast and accurate vertical positioning with servo motor control.<\/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\">High-Speed Cooling Fans<\/h3>\r\n <p class=\"feature-card-desc\">Upper and lower cooling fans ensure fast and uniform heat dissipation.<\/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 interface for smooth equipment connection.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n \r\n <script>\r\n const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { \r\n if (entry.isIntersecting) { \r\n entry.target.style.opacity = '1'; \r\n entry.target.style.transform = 'translateY(0)'; \r\n } \r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.feature-card, .highlight-card, .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-66806e9 e-con-full e-flex e-con e-parent\" data-id=\"66806e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3db6933 elementor-widget elementor-widget-html\" data-id=\"3db6933\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SC-460C 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 <div class=\"param-container\">\r\n <!-- SEO Hidden Meta -->\r\n <meta itemprop=\"name\" content=\"SC-460C PCB Buffer Conveyor\">\r\n <meta itemprop=\"brand\" content=\"Sanco\">\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-460C 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-460C<\/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>L1000*W930*H1500mm<\/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.2KW<\/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-460C 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-3958688 elementor-widget elementor-widget-html\" data-id=\"3958688\" 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 Cooling Buffer Conveyor | PCB Buffer & Cooling System | Sanco SMT Line Connection Vertical Cooling Buffer Conveyor Vertical cooling buffer conveyor designed for PCB buffering and rapid cooling. Integrated PLC touch control, servo lifting system, and high-speed cooling fans for stable flow control and efficient thermal management. Vertical Buffering Rapid Cooling Servo Lifting […]<\/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-1012","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/pages\/1012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/comments?post=1012"}],"version-history":[{"count":34,"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/pages\/1012\/revisions"}],"predecessor-version":[{"id":5844,"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/pages\/1012\/revisions\/5844"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/pt\/wp-json\/wp\/v2\/media?parent=1012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}