{"id":997,"date":"2025-12-26T03:34:20","date_gmt":"2025-12-26T03:34:20","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=997"},"modified":"2026-03-16T06:11:35","modified_gmt":"2026-03-16T06:11:35","slug":"loadder","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/nl\/loadder\/","title":{"rendered":"Automatische magazijnlader"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"997\" class=\"elementor elementor-997\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-742cc7c e-con-full e-flex e-con e-parent\" data-id=\"742cc7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ada0a4 elementor-widget elementor-widget-html\" data-id=\"6ada0a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Best Automatic Magazine Loader | 5-Second PCB Loading System | Sanco<\/title>\r\n    <meta name=\"description\" content=\"Automatic Magazine Loader with PLC control, servo lifting system, and SMEMA interface. Professional PCB loading solution for automated SMT production lines.\">\r\n    <meta name=\"keywords\" content=\"automatic magazine loader, PCB loader, SMT loader, automatic loading, magazine rack, servo lifting, SMEMA compatible, Sanco\">\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    <link rel=\"canonical\" href=\"\/automatic-magazine-loader\/\">\r\n    <meta property=\"og:title\" content=\"Best Automatic Magazine Loader | 5-Second PCB Loading System | Sanco\">\r\n    <meta property=\"og:description\" content=\"Automatic magazine loader with PLC control, servo lifting, and SMEMA interface for seamless PCB loading automation.\">\r\n    <meta property=\"og:type\" content=\"product\">\r\n    <meta property=\"og:url\" content=\"\/automatic-magazine-loader\/\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        :root {\r\n            --primary-dark: #0d2137; --primary-mid: #14334d; --primary-light: #1e4a6d;\r\n            --accent: #2d6a9f; --white: #ffffff; --off-white: #f9f7f5;\r\n            --gray-light: #f0ece8; --gray: #64748b; --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 { min-height: 100vh; height: 100vh; background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%); position: relative; display: flex; align-items: center; overflow: hidden; }\r\n        .hero-orb { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.4; pointer-events: none; }\r\n        .hero-orb-1 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%); top: -100px; left: -100px; animation: floatOrb1 15s ease-in-out infinite; }\r\n        .hero-orb-2 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(30,74,109,0.5) 0%, transparent 70%); top: 30%; right: 10%; animation: floatOrb2 12s ease-in-out infinite; }\r\n        .hero-orb-3 { width: 250px; height: 250px; background: radial-gradient(circle, rgba(45,106,159,0.4) 0%, transparent 70%); bottom: 20%; left: 20%; animation: floatOrb3 18s ease-in-out infinite; }\r\n        @keyframes floatOrb1 { 0%,100%{transform:translate(0,0) scale(1)} 25%{transform:translate(50px,30px) scale(1.1)} 50%{transform:translate(30px,60px) scale(0.95)} 75%{transform:translate(-20px,40px) scale(1.05)} }\r\n        @keyframes floatOrb2 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(-40px,50px) scale(1.15)} 66%{transform:translate(30px,-30px) scale(0.9)} }\r\n        @keyframes floatOrb3 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(60px,-40px) scale(1.2)} }\r\n\r\n        .hero-light-streak { position: absolute; width: 150%; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transform: rotate(-35deg); animation: lightStreak 8s linear infinite; pointer-events: none; }\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        @keyframes lightStreak { 0%{transform:rotate(-35deg) translateX(-100%)} 100%{transform:rotate(-35deg) translateX(100%)} }\r\n\r\n        .hero-particles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }\r\n        .particle { position: absolute; width: 4px; height: 4px; background: rgba(255,255,255,0.6); border-radius: 50%; animation: particleFloat 20s linear infinite; }\r\n        .particle:nth-child(1){left:10%;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        @keyframes particleFloat { 0%{transform:translateY(100vh) scale(0);opacity:0} 10%{opacity:1;transform:translateY(80vh) scale(1)} 90%{opacity:1;transform:translateY(10vh) scale(1)} 100%{transform:translateY(-10vh) scale(0);opacity:0} }\r\n\r\n        .hero-wave { position: absolute; bottom: 0; left: 0; width: 200%; height: 250px; overflow: hidden; animation: waveSlide 25s linear infinite; }\r\n        .hero-wave svg { position: absolute; bottom: 0; left: 0; width: 50%; height: 100%; }\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        @keyframes waveSlide { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\r\n\r\n        .hero-glow-1 { position: absolute; top: 5%; left: -5%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%); border-radius: 50%; pointer-events: none; animation: glowPulse 8s ease-in-out infinite; }\r\n        .hero-glow-2 { position: absolute; bottom: 10%; right: 20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(30,74,109,0.2) 0%, transparent 60%); border-radius: 50%; pointer-events: none; animation: glowPulse 6s ease-in-out infinite reverse; }\r\n        @keyframes glowPulse { 0%,100%{transform:scale(1);opacity:0.5} 50%{transform:scale(1.1);opacity:0.8} }\r\n\r\n        .hero-content { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; padding: 0 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }\r\n        .hero-text { color: var(--white); padding-top: 40px; }\r\n        .hero-category { font-size: 1.3rem; font-weight: 500; color: rgba(255,255,255,0.9); margin-bottom: 20px; font-style: italic; }\r\n        .hero-title { font-size: clamp(3.2rem, 6vw, 5rem); font-weight: 800; line-height: 1.1; margin-bottom: 28px; text-shadow: 0 2px 20px rgba(0,0,0,0.1); letter-spacing: -1px; }\r\n        .hero-subtitle { font-size: 1.35rem; color: rgba(255,255,255,0.9); margin-bottom: 36px; line-height: 1.7; max-width: 580px; }\r\n        .hero-tags { display: flex; gap: 14px; flex-wrap: wrap; }\r\n        .hero-tag { display: inline-block; padding: 14px 30px; background: rgba(255,255,255,0.15); backdrop-filter: blur(8px); border-radius: 30px; font-size: 1.1rem; font-weight: 500; color: var(--white); transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.2); }\r\n        .hero-tag:hover { background: rgba(255,255,255,0.25); transform: translateY(-2px); }\r\n        .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; }\r\n        .oven-image { width: 70%; max-width: 520px; height: auto; filter: drop-shadow(0 30px 60px rgba(0,0,0,0.3)); transition: transform 0.5s ease; }\r\n        .oven-image:hover { transform: scale(1.03); }\r\n\r\n        .description-section { padding: 80px 60px 100px; background: var(--white); }\r\n        .breadcrumb { max-width: 1200px; margin: 0 auto 48px; font-size: 0.95rem; color: var(--gray); }\r\n        .breadcrumb a { color: var(--gray); text-decoration: none; transition: color 0.3s ease; }\r\n        .breadcrumb a:hover { color: var(--primary-dark); }\r\n        .breadcrumb span { margin: 0 8px; }\r\n        .desc-intro { max-width: 1200px; margin: 0 auto 64px; }\r\n        .desc-main-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; color: var(--dark); margin-bottom: 20px; position: relative; padding-bottom: 16px; }\r\n        .desc-main-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 56px; height: 4px; background: linear-gradient(90deg, var(--primary-dark), var(--primary-light)); border-radius: 2px; }\r\n        .desc-lead { font-size: 1.15rem; color: var(--gray); line-height: 1.8; max-width: 820px; }\r\n        .desc-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1200px; margin: 0 auto 64px; }\r\n        .pillar-card { background: var(--off-white); border-radius: 16px; padding: 32px 24px; border: 1px solid rgba(13,33,55,0.06); transition: all 0.35s ease; }\r\n        .pillar-card:hover { background: var(--white); box-shadow: 0 12px 40px rgba(13,33,55,0.1); transform: translateY(-4px); }\r\n        .pillar-icon { width: 52px; height: 52px; color: var(--primary-dark); margin-bottom: 20px; }\r\n        .pillar-card h3 { font-size: 1.05rem; font-weight: 700; color: var(--dark); margin-bottom: 10px; }\r\n        .pillar-card p { font-size: 0.95rem; color: var(--gray); line-height: 1.65; }\r\n        .desc-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: 1200px; margin: 0 auto; }\r\n        .desc-col { border-radius: 20px; padding: 44px 40px; }\r\n        .desc-col-why { background: linear-gradient(145deg, #0d2137 0%, #1e4a6d 100%); color: var(--white); }\r\n        .desc-col-app { background: var(--off-white); border: 1px solid rgba(13,33,55,0.07); }\r\n        .desc-col-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 14px; opacity: 0.6; }\r\n        .desc-col-why .desc-col-label { color: rgba(255,255,255,0.7); }\r\n        .desc-col-app .desc-col-label { color: var(--accent); }\r\n        .desc-col-title { font-size: 1.4rem; font-weight: 800; margin-bottom: 16px; line-height: 1.3; }\r\n        .desc-col-why .desc-col-title { color: var(--white); }\r\n        .desc-col-app .desc-col-title { color: var(--dark); }\r\n        .desc-col p { font-size: 1rem; line-height: 1.75; margin-bottom: 24px; }\r\n        .desc-col-why p { color: rgba(255,255,255,0.8); }\r\n        .desc-col-app p { color: var(--gray); }\r\n        .desc-checklist { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n        .desc-checklist li { display: flex; align-items: center; gap: 10px; font-size: 0.95rem; color: rgba(255,255,255,0.9); }\r\n        .desc-checklist li::before { content: '\u2713'; width: 22px; height: 22px; flex-shrink: 0; background: rgba(255,255,255,0.15); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; }\r\n        .desc-app-tags { display: flex; flex-wrap: wrap; gap: 8px; }\r\n        .desc-app-tags span { display: inline-block; padding: 6px 16px; background: var(--white); border: 1px solid rgba(13,33,55,0.1); border-radius: 20px; font-size: 0.85rem; font-weight: 500; color: var(--dark); }\r\n\r\n        .section-header { text-align: center; max-width: 700px; margin: 0 auto 80px; position: relative; z-index: 2; }\r\n        .section-tag { display: inline-block; padding: 10px 24px; background: linear-gradient(135deg, var(--primary-dark), var(--primary-light)); color: white; border-radius: 30px; font-size: 0.95rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; }\r\n        .section-title { font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: 800; color: var(--dark); margin-bottom: 16px; letter-spacing: -1px; }\r\n        .section-subtitle { font-size: 1.25rem; color: var(--gray); line-height: 1.7; }\r\n\r\n        .highlights-section { padding: 100px 60px; background: var(--white); }\r\n        .highlights-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto; }\r\n        .highlight-card { background: linear-gradient(145deg, var(--off-white) 0%, var(--white) 100%); border-radius: 20px; padding: 40px 32px; text-align: center; transition: all 0.4s ease; border: 1px solid rgba(13,33,55,0.06); }\r\n        .highlight-card:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(13,33,55,0.1); }\r\n        .highlight-value { font-family: 'Space Grotesk', sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--primary-dark); margin-bottom: 8px; line-height: 1; }\r\n        .highlight-unit { font-size: 1.1rem; font-weight: 500; color: var(--accent); margin-bottom: 12px; }\r\n        .highlight-label { font-size: 1.05rem; color: var(--gray); line-height: 1.5; }\r\n\r\n        .features-section { padding: 100px 60px; background: var(--off-white); position: relative; overflow: hidden; }\r\n        .features-section::before { content: ''; position: absolute; top: -50%; right: -20%; width: 800px; height: 800px; background: radial-gradient(circle, rgba(13,33,55,0.03) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }\r\n        .features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1400px; margin: 0 auto; }\r\n        .feature-card { background: var(--white); border-radius: 16px; padding: 32px 24px; transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(13,33,55,0.06); }\r\n        .feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--primary-dark), var(--primary-light)); transform: scaleX(0); transition: transform 0.4s ease; }\r\n        .feature-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(13,33,55,0.12); }\r\n        .feature-card:hover::before { transform: scaleX(1); }\r\n        .feature-number { font-family: 'Space Grotesk', sans-serif; font-size: 2rem; font-weight: 700; color: rgba(13,33,55,0.1); margin-bottom: 12px; }\r\n        .feature-card-title { font-size: 1.1rem; font-weight: 700; color: var(--dark); margin-bottom: 10px; line-height: 1.3; }\r\n        .feature-card-desc { font-size: 0.95rem; color: var(--gray); line-height: 1.55; }\r\n\r\n        .spec-section { padding: 100px 0; background: #f8fafc; font-family: 'Outfit', sans-serif; }\r\n        .spec-container { max-width: 900px; margin: 0 auto; padding: 0 20px; }\r\n        .spec-header { text-align: center; margin-bottom: 50px; }\r\n        .spec-badge { display: inline-block; padding: 8px 20px; background: transparent; color: #0e7490; font-size: 0.7rem; font-weight: 600; letter-spacing: 3px; border-radius: 50px; border: 1.5px solid #0e7490; margin-bottom: 20px; }\r\n        .spec-title { font-size: 2.5rem; font-weight: 800; color: #0a1929; margin: 0 0 12px 0; }\r\n        .spec-subtitle { font-size: 1rem; color: #64748b; margin: 0; }\r\n        .spec-table-wrapper { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); margin-bottom: 30px; }\r\n        .spec-table { width: 100%; border-collapse: collapse; }\r\n        .spec-table thead tr { background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%); }\r\n        .spec-table th { padding: 18px 30px; text-align: left; font-size: 0.9rem; font-weight: 600; color: #ffffff; }\r\n        .spec-table th.col-item { width: 35%; }\r\n        .spec-table th.col-value { width: 65%; text-align: center; }\r\n        .spec-table tbody tr { border-bottom: 1px solid #f1f5f9; transition: background 0.2s ease; }\r\n        .spec-table tbody tr:last-child { border-bottom: none; }\r\n        .spec-table tbody tr:hover { background: #f8fafc; }\r\n        .spec-table td { padding: 18px 30px; }\r\n        .item-label { font-size: 0.9rem; font-weight: 500; color: #334155; }\r\n        .item-value { font-size: 0.9rem; color: #64748b; text-align: center; }\r\n        .value-highlight { display: inline-block; padding: 4px 16px; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 6px; color: #334155; font-weight: 500; }\r\n        .value-badge { display: inline-block; padding: 6px 20px; background: linear-gradient(135deg, #0e7490 0%, #06b6d4 100%); border-radius: 6px; color: #ffffff; font-weight: 600; }\r\n        .features-box { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }\r\n        .features-header { background: linear-gradient(135deg, #0a1929 0%, #0e7490 100%); padding: 16px 30px; }\r\n        .features-header span { font-size: 0.95rem; font-weight: 600; color: #ffffff; }\r\n        .features-content { padding: 30px; }\r\n        .feat-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f1f5f9; }\r\n        .feat-item:last-child { border-bottom: none; }\r\n        .feat-check { width: 20px; height: 20px; color: #0e7490; flex-shrink: 0; }\r\n        .feat-item span { font-size: 0.9rem; color: #475569; }\r\n\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            .oven-image { max-width: 450px; }\r\n            .desc-pillars { grid-template-columns: repeat(2, 1fr); }\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 { padding: 60px 24px 80px; }\r\n            .features-section, .highlights-section { padding: 80px 24px; }\r\n            .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n            .highlights-grid { grid-template-columns: 1fr; max-width: 350px; margin: 0 auto; }\r\n            .oven-image { max-width: 380px; }\r\n            .section-header { margin-bottom: 50px; }\r\n            .desc-pillars { grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 40px; }\r\n            .desc-two-col { grid-template-columns: 1fr; }\r\n            .desc-col { padding: 32px 28px; }\r\n            .spec-section { padding: 60px 0; }\r\n            .spec-title { font-size: 2rem; }\r\n            .spec-table th, .spec-table td { padding: 14px 20px; }\r\n            .spec-table th.col-item, .spec-table th.col-value { width: 50%; }\r\n            .item-label, .item-value { font-size: 0.85rem; }\r\n            .features-content { padding: 20px; }\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            .desc-pillars { grid-template-columns: 1fr; }\r\n            .desc-col { padding: 28px 20px; }\r\n            .spec-container { padding: 0 16px; }\r\n            .spec-title { font-size: 1.6rem; }\r\n            .spec-subtitle { font-size: 0.9rem; }\r\n            .spec-table th, .spec-table td { padding: 12px 16px; }\r\n            .spec-table th { font-size: 0.8rem; }\r\n            .item-label, .item-value { font-size: 0.8rem; }\r\n            .value-highlight { padding: 3px 10px; font-size: 0.75rem; }\r\n            .value-badge { padding: 4px 12px; font-size: 0.75rem; }\r\n            .feat-item span { font-size: 0.85rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\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        <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        <div class=\"hero-particles\">\r\n            <div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-glow-1\"><\/div>\r\n        <div class=\"hero-glow-2\"><\/div>\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\">Automatic Magazine Loader<\/h1>\r\n                <p class=\"hero-subtitle\">Automatic magazine loader designed for stable PCB loading and smooth production flow. Equipped with PLC control, servo lifting system, and SMEMA interface for seamless line integration.<\/p>\r\n                <div class=\"hero-tags\">\r\n                    <span class=\"hero-tag\">Automatic PCB Loading<\/span>\r\n                    <span class=\"hero-tag\">Servo Lifting System<\/span>\r\n                    <span class=\"hero-tag\">PLC Touch Control<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-visual\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Loader_\u7ed3\u679c.webp\" alt=\"Automatic Magazine Loader\" class=\"oven-image\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\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>Automatic Magazine Loader<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"desc-intro\">\r\n            <h2 class=\"desc-main-title\">Product Description<\/h2>\r\n            <p class=\"desc-lead\">The Automatic Magazine Loader automates PCB transfer from magazine racks to downstream SMT equipment \u2014 eliminating manual handling, reducing errors, and keeping your production line running at full speed. Compliant with SMT best practices and IPC industry standards for automated board handling.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"desc-pillars\">\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect x=\"8\" y=\"14\" width=\"32\" height=\"4\" rx=\"2\" fill=\"currentColor\" opacity=\"0.15\"\/>\r\n                        <rect x=\"8\" y=\"22\" width=\"32\" height=\"4\" rx=\"2\" fill=\"currentColor\" opacity=\"0.3\"\/>\r\n                        <rect x=\"8\" y=\"30\" width=\"32\" height=\"4\" rx=\"2\" fill=\"currentColor\"\/>\r\n                        <path d=\"M36 10 L36 38 M12 10 L12 38\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>PLC Touch Control<\/h3>\r\n                <p>Intuitive touch screen interface with real-time status monitoring. No specialized training required \u2014 operators configure and run in minutes.<\/p>\r\n            <\/div>\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M24 8 L24 40 M14 18 L24 8 L34 18\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <rect x=\"10\" y=\"36\" width=\"28\" height=\"4\" rx=\"2\" fill=\"currentColor\" opacity=\"0.4\"\/>\r\n                        <circle cx=\"24\" cy=\"26\" r=\"4\" fill=\"currentColor\" opacity=\"0.25\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Motorized Lifting<\/h3>\r\n                <p>Selectable pitch of 10 \/ 20 \/ 30 \/ 40 mm. Compatible with a wide range of PCB sizes and magazine configurations used across the industry.<\/p>\r\n            <\/div>\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <rect x=\"6\" y=\"18\" width=\"16\" height=\"12\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\r\n                        <rect x=\"26\" y=\"18\" width=\"16\" height=\"12\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\r\n                        <path d=\"M22 24 L26 24\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                        <circle cx=\"24\" cy=\"24\" r=\"2\" fill=\"currentColor\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>SMEMA Interface<\/h3>\r\n                <p>Standard SMEMA communication for plug-and-play integration with any upstream or downstream SMT equipment \u2014 no custom wiring needed.<\/p>\r\n            <\/div>\r\n            <div class=\"pillar-card\">\r\n                <div class=\"pillar-icon\">\r\n                    <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M12 36 L12 16 C12 14.9 12.9 14 14 14 L34 14 C35.1 14 36 14.9 36 16 L36 36\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                        <path d=\"M8 36 L40 36\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n                        <rect x=\"20\" y=\"20\" width=\"8\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" opacity=\"0.3\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Robust Construction<\/h3>\r\n                <p>Sheet-metal frame with aluminum components. Minimized vibration protects even the most delicate 0.4 mm thin boards during transfer.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"desc-two-col\">\r\n            <div class=\"desc-col desc-col-why\">\r\n                <div class=\"desc-col-label\">Why Automate?<\/div>\r\n                <h3 class=\"desc-col-title\">Eliminate the #1 SMT Bottleneck<\/h3>\r\n                <p>Manual PCB loading forces operators to repeatedly retrieve boards, align them, and feed equipment \u2014 all while racing against cycle times. One misalignment can cascade into downstream defects.<\/p>\r\n                <ul class=\"desc-checklist\">\r\n                    <li>Reduce labor cost &amp; fatigue<\/li>\r\n                    <li>Consistent 5-second feed intervals<\/li>\r\n                    <li>Zero board misalignment on input<\/li>\r\n                    <li>Frees operators for higher-value tasks<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"desc-col desc-col-app\">\r\n                <div class=\"desc-col-label\">Applications<\/div>\r\n                <h3 class=\"desc-col-title\">Built for Any Production Scale<\/h3>\r\n                <p>From high-volume consumer electronics to precision industrial PCB assembly. Handles boards 50 \u2013 535 mm wide and as thin as 0.4 mm, fitting prototype runs and mass production alike.<\/p>\r\n                <div class=\"desc-app-tags\">\r\n                    <span>Consumer Electronics<\/span>\r\n                    <span>Industrial PCB Assembly<\/span>\r\n                    <span>Automotive Electronics<\/span>\r\n                    <span>Medical Devices<\/span>\r\n                    <span>LED \/ Lighting<\/span>\r\n                    <span>New Line Setup<\/span>\r\n                    <span>Line Retrofit<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\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        <div class=\"highlights-grid\">\r\n            <div class=\"highlight-card\"><div class=\"highlight-value\">5.0<\/div><div class=\"highlight-unit\">sec<\/div><p class=\"highlight-label\">PCB loading time<\/p><\/div>\r\n            <div class=\"highlight-card\"><div class=\"highlight-value\">50-535<\/div><div class=\"highlight-unit\">mm<\/div><p class=\"highlight-label\">PCB width range<\/p><\/div>\r\n            <div class=\"highlight-card\"><div class=\"highlight-value\">920\u00b130<\/div><div class=\"highlight-unit\">mm<\/div><p class=\"highlight-label\">Working height<\/p><\/div>\r\n            <div class=\"highlight-card\"><div class=\"highlight-value\">535\u00d7530\u00d7569<\/div><div class=\"highlight-unit\">mm<\/div><p class=\"highlight-label\">Magazine size<\/p><\/div>\r\n            <div class=\"highlight-card\"><div class=\"highlight-value\">0.4<\/div><div class=\"highlight-unit\">mm<\/div><p class=\"highlight-label\">Minimum PCB thickness<\/p><\/div>\r\n            <div class=\"highlight-card\"><div class=\"highlight-value\">4-6<\/div><div class=\"highlight-unit\">bar<\/div><p class=\"highlight-label\">Air pressure requirement<\/p><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"features-section\">\r\n        <div class=\"section-header\">\r\n            <span class=\"section-tag\">Technology<\/span>\r\n            <h2 class=\"section-title\">Key Features<\/h2>\r\n            <p class=\"section-subtitle\">Advanced automatic loading technology for SMT production<\/p>\r\n        <\/div>\r\n        <div class=\"features-grid\">\r\n            <div class=\"feature-card\"><div class=\"feature-number\">01<\/div><h3 class=\"feature-card-title\">Automatic PCB Loading<\/h3><p class=\"feature-card-desc\">Automatically transfers PCBs from magazine racks to the next process one by one.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">02<\/div><h3 class=\"feature-card-title\">PLC Touch Screen Control<\/h3><p class=\"feature-card-desc\">User-friendly PLC system with touch screen for intuitive operation.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">03<\/div><h3 class=\"feature-card-title\">Motorized Lifting Structure<\/h3><p class=\"feature-card-desc\">Stable lifting system with selectable pitch options (10mm, 20mm, 30mm, 40mm).<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">04<\/div><h3 class=\"feature-card-title\">PCB Protection Design<\/h3><p class=\"feature-card-desc\">Cylinder\/motor conveying method with buffering mechanism to protect PCBs from damage.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">05<\/div><h3 class=\"feature-card-title\">Bottom-In, Top-Out Magazine Handling<\/h3><p class=\"feature-card-desc\">Efficient magazine rack exchange for improved production efficiency.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">06<\/div><h3 class=\"feature-card-title\">SMEMA Interface<\/h3><p class=\"feature-card-desc\">Standard SMEMA cable for smooth communication with other equipment.<\/p><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"spec-section\">\r\n        <div class=\"spec-container\">\r\n            <div class=\"spec-header\">\r\n                <span class=\"spec-badge\">TECHNICAL SPECIFICATIONS<\/span>\r\n                <h2 class=\"spec-title\">Specification<\/h2>\r\n                <p class=\"spec-subtitle\">Complete technical specifications and features.<\/p>\r\n            <\/div>\r\n            <div class=\"spec-table-wrapper\">\r\n                <table class=\"spec-table\">\r\n                    <thead><tr><th class=\"col-item\">Item<\/th><th class=\"col-value\">Specification and Description<\/th><\/tr><\/thead>\r\n                    <tbody>\r\n                        <tr><td class=\"item-label\">Model<\/td><td class=\"item-value\">STJ-460<\/td><\/tr>\r\n                        <tr><td class=\"item-label\">Machine Dimensions (mm)<\/td><td class=\"item-value\"><span class=\"value-highlight\">L1800 \u00d7 W970 \u00d7 H1250<\/span><\/td><\/tr>\r\n                        <tr><td class=\"item-label\">Circuit Board Size (mm)<\/td><td class=\"item-value\"><span class=\"value-highlight\">50\u00d750 ~ 535\u00d7460<\/span><\/td><\/tr>\r\n                        <tr><td class=\"item-label\">Bin Size (mm)<\/td><td class=\"item-value\">535 \u00d7 530 \u00d7 569<\/td><\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            <div class=\"spec-table-wrapper\">\r\n                <table class=\"spec-table\">\r\n                    <thead><tr><th class=\"col-item\">Specification Items<\/th><th class=\"col-value\">Specification<\/th><\/tr><\/thead>\r\n                    <tbody>\r\n                        <tr><td class=\"item-label\">Circuit Board Loading Time<\/td><td class=\"item-value\"><span class=\"value-badge\">5.0 sec<\/span><\/td><\/tr>\r\n                        <tr><td class=\"item-label\">Working Height (mm)<\/td><td class=\"item-value\"><span class=\"value-highlight\">920 \u00b1 30 (std)<\/span><\/td><\/tr>\r\n                        <tr><td class=\"item-label\">Power Supply<\/td><td class=\"item-value\">AC 220V \u00b1 10V, 50\/60 Hz<\/td><\/tr>\r\n                        <tr><td class=\"item-label\">Compressed Air Pressure<\/td><td class=\"item-value\"><span class=\"value-highlight\">4 \u2013 6 bar<\/span><\/td><\/tr>\r\n                        <tr><td class=\"item-label\">Circuit Board Thickness<\/td><td class=\"item-value\">Minimum 0.4 mm<\/td><\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            <div class=\"features-box\">\r\n                <div class=\"features-header\"><span>Features<\/span><\/div>\r\n                <div class=\"features-content\">\r\n                    <div class=\"feat-item\"><svg class=\"feat-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><span>Automatic PCB loading machine for seamless SMT line integration<\/span><\/div>\r\n                    <div class=\"feat-item\"><svg class=\"feat-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><span>Fast 5.0-second circuit board loading cycle time<\/span><\/div>\r\n                    <div class=\"feat-item\"><svg class=\"feat-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><span>Standard SMEMA communications interface for easy line connectivity<\/span><\/div>\r\n                    <div class=\"feat-item\"><svg class=\"feat-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><span>Supports PCB thickness from 0.4 mm \u2014 compatible with ultra-thin boards<\/span><\/div>\r\n                    <div class=\"feat-item\"><svg class=\"feat-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><span>Large PCB size capacity up to 535 \u00d7 460 mm<\/span><\/div>\r\n                    <div class=\"feat-item\"><svg class=\"feat-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><span>Selectable pitch settings: 10 mm, 20 mm, 30 mm, 40 mm<\/span><\/div>\r\n                    <div class=\"feat-item\"><svg class=\"feat-check\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"\/><\/svg><span>PLC touch screen control for intuitive, operator-friendly setup<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; }\r\n            });\r\n        }, observerOptions);\r\n        document.querySelectorAll('.feature-card, .highlight-card').forEach(el => {\r\n            el.style.opacity = '0'; el.style.transform = 'translateY(20px)'; el.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; observer.observe(el);\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    <\/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-319abc1 e-flex e-con-boxed e-con e-parent\" data-id=\"319abc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ed6e59 elementor-widget elementor-widget-video\" data-id=\"1ed6e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=gK65VqZQdNU&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ac7ee1 e-con-full e-flex e-con e-parent\" data-id=\"0ac7ee1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5882ed elementor-widget elementor-widget-html\" data-id=\"f5882ed\" 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>Best Automatic Magazine Loader | 5-Second PCB Loading System | Sanco SMT Line Connection Automatic Magazine Loader Automatic magazine loader designed for stable PCB loading and smooth production flow. Equipped with PLC control, servo lifting system, and SMEMA interface for seamless line integration. Automatic PCB Loading Servo Lifting System PLC Touch Control Home> Products> SMT [&hellip;]<\/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-997","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/nl\/wp-json\/wp\/v2\/pages\/997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/nl\/wp-json\/wp\/v2\/comments?post=997"}],"version-history":[{"count":50,"href":"https:\/\/www.sancofd.com\/nl\/wp-json\/wp\/v2\/pages\/997\/revisions"}],"predecessor-version":[{"id":5823,"href":"https:\/\/www.sancofd.com\/nl\/wp-json\/wp\/v2\/pages\/997\/revisions\/5823"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/nl\/wp-json\/wp\/v2\/media?parent=997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}