{"id":1346,"date":"2025-12-29T08:36:01","date_gmt":"2025-12-29T08:36:01","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=1346"},"modified":"2026-03-16T02:42:42","modified_gmt":"2026-03-16T02:42:42","slug":"machine-dempotage-hors-ligne","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/fr\/machine-dempotage-hors-ligne\/","title":{"rendered":"Machine d'empotage hors ligne"},"content":{"rendered":"
\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 Machine d'empotage hors ligne PM-500F | \u00c9quipement d'empotage \u00e0 deux composants | Sanco <\/title>\r\n <meta name=\"description\" content=\"Machine d'empotage hors ligne PM-500F pour les r\u00e9sines \u00e9poxy \u00e0 deux composants, le polyur\u00e9thane et le silicone. Servomoteur XYZ, pr\u00e9cision de collage \u00b11%. Solution d'empotage hors ligne rentable.\">\r\n <meta name=\"keywords\" content=\"offline potting machine, PM-500F, two-component potting, epoxy potting, polyurethane potting, silicone potting, Sanco \">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <link rel=\"canonical\" href=\"\/offline-potting-machine\/\">\r\n \r\n <!-- Open Graph -->\r\n <meta property=\"og:title\" content=\"Machine d'empotage hors ligne PM-500F | Sanco \">\r\n <meta property=\"og:description\" content=\"PM-500F machine d'empotage hors ligne pour l'empotage d'\u00e9poxy, de polyur\u00e9thane et de silicone \u00e0 deux composants.\">\r\n <meta property=\"og:type\" content=\"product\">\r\n <meta property=\"og:url\" content=\"\/offline-potting-machine\/\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Mono: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: #f8fafc;\r\n --gray-light: #e2e8f0;\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(2.8rem, 5vw, 4.2rem);\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 .machine-image {\r\n width: 80%;\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 .machine-image:hover {\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* ========== Description Section ========== *\/\r\n .description-section {\r\n padding: 100px 60px;\r\n background: var(--white);\r\n }\r\n\r\n .breadcrumb {\r\n max-width: 1400px;\r\n margin: 0 auto 50px;\r\n font-size: 1rem;\r\n color: var(--gray);\r\n }\r\n\r\n .breadcrumb a {\r\n color: var(--gray);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .breadcrumb a:hover { color: var(--primary-dark); }\r\n .breadcrumb span { margin: 0 8px; }\r\n\r\n .description-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .product-info {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 80px;\r\n align-items: start;\r\n }\r\n\r\n .product-text h2 {\r\n font-size: clamp(2rem, 3.5vw, 3rem);\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 24px;\r\n position: relative;\r\n padding-bottom: 16px;\r\n }\r\n\r\n .product-text h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n border-radius: 2px;\r\n }\r\n\r\n .product-text p {\r\n font-size: 1.2rem;\r\n color: var(--gray);\r\n line-height: 1.8;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .product-highlights {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-top: 40px;\r\n }\r\n\r\n .highlight-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 14px;\r\n background: var(--off-white);\r\n border-radius: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .highlight-item:hover {\r\n background: #e8e4df;\r\n transform: translateX(5px);\r\n }\r\n\r\n .highlight-icon {\r\n width: 38px;\r\n height: 38px;\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: white;\r\n }\r\n\r\n .highlight-text {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: var(--dark);\r\n line-height: 1.3;\r\n }\r\n\r\n .highlight-value {\r\n font-size: 0.75rem;\r\n color: var(--gray);\r\n margin-top: 1px;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ========== Applications Section ========== *\/\r\n .applications-section {\r\n padding: 100px 60px;\r\n background: var(--off-white);\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 60px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(2rem, 3.5vw, 3rem);\r\n font-weight: 700;\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.2rem;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n }\r\n\r\n .app-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .app-card {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n box-shadow: 0 4px 25px rgba(0, 0, 0, 0.06);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .app-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\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 .app-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 50px rgba(13, 33, 55, 0.15);\r\n }\r\n\r\n .app-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .app-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #e8eef5, #d0dbe8);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .app-card:hover .app-icon {\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .app-icon svg {\r\n width: 40px;\r\n height: 40px;\r\n fill: var(--primary-dark);\r\n transition: fill 0.4s ease;\r\n }\r\n\r\n .app-card:hover .app-icon svg {\r\n fill: white;\r\n }\r\n\r\n .app-title {\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n }\r\n\r\n \/* ========== Features Section ========== *\/\r\n .features-section {\r\n padding: 100px 60px;\r\n background: var(--white);\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(--off-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 }\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 background: var(--white);\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 Mono', monospace;\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 \/* ========== Specifications Section - White Background Style ========== *\/\r\n .specs-section {\r\n padding: 100px 60px;\r\n background: var(--white);\r\n position: relative;\r\n }\r\n\r\n .specs-header {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 20px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .specs-tag {\r\n display: inline-block;\r\n padding: 10px 24px;\r\n background: linear-gradient(135deg, #0d2137, #1e4a6d);\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 .specs-header h2 {\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .specs-header p {\r\n color: var(--gray);\r\n font-size: 1.2rem;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .scroll-hint {\r\n display: none;\r\n text-align: center;\r\n color: var(--gray);\r\n font-size: 0.9rem;\r\n margin-bottom: 15px;\r\n font-style: italic;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .scroll-hint {\r\n display: block;\r\n }\r\n }\r\n\r\n .specs-table-container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);\r\n border: 1px solid var(--gray-light);\r\n }\r\n\r\n .specs-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n .specs-table thead {\r\n background: linear-gradient(135deg, #0d2137 0%, #1e4a6d 100%);\r\n }\r\n\r\n .specs-table thead th {\r\n padding: 22px 30px;\r\n text-align: center;\r\n color: white;\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .specs-table thead th:last-child {\r\n border-right: none;\r\n }\r\n\r\n .specs-table tbody tr {\r\n border-bottom: 1px solid var(--gray-light);\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .specs-table tbody tr:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .specs-table tbody tr:hover {\r\n background: #f8fafc;\r\n }\r\n\r\n .specs-table tbody td {\r\n padding: 18px 30px;\r\n font-size: 1.1rem;\r\n color: var(--dark);\r\n border-right: 1px solid var(--gray-light);\r\n text-align: center;\r\n }\r\n\r\n .specs-table tbody td:last-child {\r\n border-right: none;\r\n }\r\n\r\n .specs-table tbody td:first-child {\r\n color: var(--gray);\r\n font-weight: 500;\r\n }\r\n\r\n .specs-table tbody td:last-child {\r\n font-family: 'Space Mono', monospace;\r\n font-weight: 500;\r\n color: var(--dark);\r\n }\r\n\r\n .table-section-header {\r\n background: #f1f5f9 !important;\r\n }\r\n\r\n .table-section-header td {\r\n font-weight: 700 !important;\r\n color: var(--primary-dark) !important;\r\n font-size: 1.15rem !important;\r\n padding: 16px 30px !important;\r\n text-align: left !important;\r\n }\r\n\r\n \/* ========== Responsive ========== *\/\r\n @media (max-width: 1200px) {\r\n .hero { height: auto; min-height: 100vh; }\r\n .hero-content { grid-template-columns: 1fr; text-align: center; gap: 50px; }\r\n .hero-tags { justify-content: center; }\r\n .hero-subtitle { margin: 0 auto 32px; }\r\n .product-info { grid-template-columns: 1fr; gap: 40px; }\r\n .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n .machine-image { max-width: 450px; }\r\n }\r\n\r\n \/* Tablet specific - Better control for 769px to 1024px *\/\r\n @media (max-width: 1024px) and (min-width: 769px) {\r\n .hero {\r\n height: auto !important;\r\n min-height: 90vh !important;\r\n padding: 50px 0 60px !important;\r\n }\r\n \r\n .hero-content {\r\n gap: 30px !important;\r\n padding: 0 40px !important;\r\n }\r\n \r\n .hero-visual {\r\n max-width: 300px !important;\r\n margin: 0 auto !important;\r\n padding: 0 !important;\r\n }\r\n \r\n .machine-image { \r\n width: 35% !important;\r\n max-width: 250px !important;\r\n }\r\n \r\n .hero-title {\r\n font-size: 2.5rem !important;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: 1.15rem !important;\r\n }\r\n \r\n .hero-tag {\r\n padding: 11px 24px !important;\r\n font-size: 1rem !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero { min-height: 100vh; height: auto; padding: 70px 0 120px; }\r\n .hero-content { padding: 0 24px; gap: 25px; }\r\n .hero-text { padding-top: 10px; }\r\n .hero-title { font-size: 2.2rem; }\r\n .hero-subtitle { font-size: 1.15rem; margin-bottom: 20px; }\r\n .hero-tag { padding: 12px 22px; font-size: 1rem; }\r\n .hero-visual { width: 100%; padding: 20px 20px 40px; }\r\n .machine-image { width: 100%; max-width: 100%; height: auto; }\r\n .description-section, .applications-section, .features-section, .specs-section { padding: 80px 24px; }\r\n .app-grid { grid-template-columns: 1fr; max-width: 350px; margin: 0 auto; }\r\n .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n \r\n .specs-section { padding: 80px 20px; }\r\n .specs-table-container {\r\n border-radius: 12px;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n .specs-table {\r\n min-width: 600px;\r\n }\r\n .specs-table thead th {\r\n padding: 16px 18px;\r\n font-size: 1rem;\r\n }\r\n .specs-table tbody td {\r\n padding: 14px 18px;\r\n font-size: 0.95rem;\r\n }\r\n .table-section-header td {\r\n font-size: 1rem !important;\r\n padding: 14px 18px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero { padding: 50px 0 100px; }\r\n .hero-text { padding-top: 5px; }\r\n .hero-title { font-size: 1.9rem; }\r\n .hero-category { font-size: 1.1rem; }\r\n .hero-subtitle { font-size: 1.05rem; margin-bottom: 18px; }\r\n .hero-tags { gap: 10px; }\r\n .hero-tag { padding: 10px 18px; font-size: 0.95rem; }\r\n .hero-visual { padding: 15px 15px 50px; }\r\n .machine-image { width: 100%; max-width: 100%; }\r\n \r\n .specs-section { padding: 80px 15px; }\r\n .specs-table {\r\n min-width: 500px;\r\n }\r\n .specs-table thead th {\r\n padding: 14px 12px;\r\n font-size: 0.9rem;\r\n }\r\n .specs-table tbody td {\r\n padding: 12px;\r\n font-size: 0.85rem;\r\n }\r\n .table-section-header td {\r\n font-size: 0.9rem !important;\r\n padding: 12px !important;\r\n }\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\">Machine d'empotage<\/p>\r\n <h1 class=\"hero-title\">Machine d'empotage hors ligne PM-500F<\/h1>\r\n <p class=\"hero-subtitle\">Solution d'enrobage hors ligne rentable \u00e0 deux composants avec servomoteur XYZ, vis \u00e0 billes de haute pr\u00e9cision et interface homme-machine conviviale pour les produits multi-sp\u00e9cifiques.<\/p>\r\n <div class=\"hero-tags\">\r\n <span class=\"hero-tag\">Deux composants<\/span>\r\n <span class=\"hero-tag\">\u00b11% Pr\u00e9cision<\/span>\r\n <span class=\"hero-tag\">Servomoteur<\/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\/offline_\u7ed3\u679c.webp\" alt=\"Machine d'empotage hors ligne PM-500F\" class=\"machine-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=\"\/fr\/\">Accueil<\/a><span>><\/span>\r\n <a href=\"\/fr\/product\/\">Produits<\/a><span>><\/span>\r\n <a href=\"\/fr\/product\/\">Machine d'empotage<\/a><span>><\/span>\r\n <span>Machine d'empotage hors ligne PM-500F<\/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>Description du produit<\/h2>\r\n <p>La PM-500F pr\u00e9sente des avantages \u00e9conomiques \u00e9vidents dans le domaine des machines d'empotage hors ligne \u00e0 deux composants. Sa conception est simple et convient \u00e0 l'empotage de produits \u00e0 sp\u00e9cifications multiples.<\/p>\r\n <p>Pour garantir la stabilit\u00e9 et la fiabilit\u00e9 du syst\u00e8me, les modules de mouvement \u00e0 trois axes XYZ sont assembl\u00e9s avec des vis \u00e0 billes et des servomoteurs de haute pr\u00e9cision et sont configur\u00e9s avec une interface homme-machine simple et conviviale.<\/p>\r\n <\/div>\r\n \r\n <div class=\"product-highlights\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">Pr\u00e9cision du contr\u00f4le de la colle<\/span>\r\n <div class=\"highlight-value\">\u00b11%<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">Pr\u00e9cision du positionnement<\/span>\r\n <div class=\"highlight-value\">0,02 mm<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">Gamme d'empotage<\/span>\r\n <div class=\"highlight-value\">MAX 450mm \u00d7 450mm<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"highlight-text\">Mode de conduite<\/span>\r\n <div class=\"highlight-value\">Servo + Vis<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Applications Section -->\r\n <section class=\"applications-section\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Applications<\/h2>\r\n <p class=\"section-subtitle\">Con\u00e7u pour l'enrobage de mat\u00e9riaux \u00e0 deux composants<\/p>\r\n <\/div>\r\n\r\n <div class=\"app-grid\">\r\n <div class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"app-title\">R\u00e9sine \u00e9poxy \u00e0 deux composants<\/h3>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"app-title\">Polyur\u00e9thane \u00e0 deux composants<\/h3>\r\n <\/div>\r\n <div class=\"app-card\">\r\n <div class=\"app-icon\">\r\n <svg viewbox=\"0 0 24 24\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"app-title\">Silicone \u00e0 deux composants<\/h3>\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 <h2 class=\"section-title\">CARACT\u00c9RISTIQUES PRINCIPALES<\/h2>\r\n <p class=\"section-subtitle\">Technologie d'enrobage avanc\u00e9e pour des r\u00e9sultats sup\u00e9rieurs<\/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\">Plate-forme de mouvement rigide<\/h3>\r\n <p class=\"feature-card-desc\">L'adoption d'une plate-forme de mouvement rigide globale garantit la stabilit\u00e9 de fonctionnement de la machine.<\/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\">Contr\u00f4le de mouvement professionnel<\/h3>\r\n <p class=\"feature-card-desc\">Structure modulaire de haute qualit\u00e9 pour des op\u00e9rations \u00e0 forte charge et de haute pr\u00e9cision.<\/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\">Logiciel convivial<\/h3>\r\n <p class=\"feature-card-desc\">Logiciel avec droits de propri\u00e9t\u00e9 intellectuelle ind\u00e9pendants, facile \u00e0 utiliser pour les d\u00e9butants.<\/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\">Contr\u00f4le rigoureux des processus<\/h3>\r\n <p class=\"feature-card-desc\">Une forte capacit\u00e9 de contr\u00f4le des processus garantit la haute qualit\u00e9 de la machine d'empotage.<\/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\">Programmation visuelle<\/h3>\r\n <p class=\"feature-card-desc\">La programmation visuelle et l'apprentissage manuel \u00e0 l'essai permettent une grande souplesse d'utilisation.<\/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\">Dispositif de nettoyage automatique<\/h3>\r\n <p class=\"feature-card-desc\">Dispositif de nettoyage automatique de la valve pour maintenir des performances optimales.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">07<\/div>\r\n <h3 class=\"feature-card-title\">Interface SMEA<\/h3>\r\n <p class=\"feature-card-desc\">\u00c9quip\u00e9 d'une interface SMEA standard pour faciliter la communication avec d'autres appareils.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-number\">08<\/div>\r\n <h3 class=\"feature-card-title\">Fabrication intelligente<\/h3>\r\n <p class=\"feature-card-desc\">Num\u00e9risation de codes QR, appel automatique de programmes, statistiques de donn\u00e9es pour une fabrication intelligente.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Specifications Section -->\r\n <section class=\"specs-section\">\r\n <div class=\"specs-header\">\r\n <span class=\"specs-tag\">Sp\u00e9cifications techniques<\/span>\r\n <h2>Sp\u00e9cifications<\/h2>\r\n <p>Caract\u00e9ristiques techniques compl\u00e8tes de la machine d'empotage hors ligne PM-500F<\/p>\r\n <\/div>\r\n\r\n <p class=\"scroll-hint\">\u2190 Swipe pour voir toutes les sp\u00e9cifications \u2192<\/p>\r\n\r\n <div class=\"specs-table-container\">\r\n <table class=\"specs-table\">\r\n <thead>\r\n <tr>\r\n <th style=\"width: 40%;\">Param\u00e8tres<\/th>\r\n <th style=\"width: 60%;\">Valeur<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <!-- Glue Potting Parameters -->\r\n <tr class=\"table-section-header\">\r\n <td colspan=\"2\">Colle Param\u00e8tres d'empotage<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Gamme d'empotage<\/td>\r\n <td>MAX 450mm \u00d7 450mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pompe doseuse<\/td>\r\n <td>Vis \/ Engrenage (en option)<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>R\u00e9servoir de mati\u00e8res premi\u00e8res<\/td>\r\n <td>5L \/ 15L \/ 30L \/ 60L<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Capteur de niveau de liquide<\/td>\r\n <td>Allemand WIKA<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pr\u00e9cision du contr\u00f4le de la colle<\/td>\r\n <td>\u00b11%<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pr\u00e9cision du dosage<\/td>\r\n <td>\u00b13%<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Vitesse de contr\u00f4le de la colle<\/td>\r\n <td>0,5g\/s - 20g\/s<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Gamme d'\u00e9chelle<\/td>\r\n <td>100:100 - 100:10<\/td>\r\n <\/tr>\r\n \r\n <!-- Motion Mechanism -->\r\n <tr class=\"table-section-header\">\r\n <td colspan=\"2\">M\u00e9canisme de mouvement<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pr\u00e9cision du positionnement<\/td>\r\n <td>0,02 mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>R\u00e9p\u00e9tabilit\u00e9<\/td>\r\n <td>0,01 mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>X, Y Vitesse maximale<\/td>\r\n <td>1000mm\/s<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>X, Y Mode d'entra\u00eenement<\/td>\r\n <td>Servo + Vis<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Z Vitesse maximale<\/td>\r\n <td>500mm\/s<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Z Mode de conduite<\/td>\r\n <td>Servo + Vis<\/td>\r\n <\/tr>\r\n \r\n <!-- Control System -->\r\n <tr class=\"table-section-header\">\r\n <td colspan=\"2\">Syst\u00e8me de contr\u00f4le<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>M\u00e9thode de contr\u00f4le<\/td>\r\n <td>PLC + Motion Card<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Mode de programmation<\/td>\r\n <td>Enseignement manuel<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Logiciel<\/td>\r\n <td>Sanco Autod\u00e9veloppement<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Port de communication<\/td>\r\n <td>Standard SMEA<\/td>\r\n <\/tr>\r\n \r\n <!-- Space Requirements -->\r\n <tr class=\"table-section-header\">\r\n <td colspan=\"2\">Exigences en mati\u00e8re d'espace<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Dimensions<\/td>\r\n <td>800\u00d7600\u00d71700mm<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Poids<\/td>\r\n <td>450 kg<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Pression atmosph\u00e9rique<\/td>\r\n <td>\u22650,4MP<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Puissance<\/td>\r\n <td>2.2KW<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Tension<\/td>\r\n <td>AC220V 50\/60Hz<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\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, .app-card, .highlight-item').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(el);\r\n });\r\n\r\n document.querySelectorAll('.feature-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.06}s`; });\r\n document.querySelectorAll('.app-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.1}s`; });\r\n document.querySelectorAll('.highlight-item').forEach((item, i) => { item.style.transitionDelay = `${i * 0.1}s`; });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1924c66 e-con-full e-flex e-con e-parent\" data-id=\"1924c66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bf98f3 elementor-widget elementor-widget-html\" data-id=\"3bf98f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"sanco-curing-section\">\r\n\r\n <div class=\"sanco-curing-container\">\r\n\r\n <!-- \u5de6\u4fa7\u5185\u5bb9 -->\r\n <div class=\"sanco-curing-left\">\r\n <span class=\"sanco-curing-index\">SANCO<\/span>\r\n <h2 class=\"sanco-curing-title\">\r\n Mat\u00e9riel de rempotage en vedette :<br>\r\n Hors ligne et en ligne<br>\r\n Solutions pour les machines d'empotage\r\n <\/h2>\r\n <a href=\"\/fr\/product\/\" class=\"sanco-curing-readmore\">Lire la suite<\/a>\r\n\r\n <div class=\"sanco-curing-arrows\">\r\n <button id=\"sancoCuringPrev\" aria-label=\"Produit d'empotage pr\u00e9c\u00e9dent\">\u2190<\/button>\r\n <button id=\"sancoCuringNext\" aria-label=\"Prochain produit d'empotage\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53f3\u4fa7\u6ed1\u52a8\u533a -->\r\n <div class=\"sanco-curing-slider-wrapper\">\r\n <div class=\"sanco-curing-slider\" id=\"sancoCuringSlider\">\r\n\r\n <!-- \u4ea7\u54c1 1: Offline Potting Machine -->\r\n <a href=\"\/fr\/product\/\" class=\"sanco-curing-card-link\">\r\n <article class=\"sanco-curing-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/offline_\u7ed3\u679c.webp\" alt=\"Offline Potting Machine - Syst\u00e8me de distribution d'empotage autonome\" loading=\"lazy\">\r\n <p>Machine d'empotage hors ligne<\/p>\r\n <span class=\"sanco-curing-card-readmore\">Lire la suite \u2192<\/span>\r\n <\/article>\r\n <\/a>\r\n\r\n <!-- \u4ea7\u54c1 2: Inline Potting Machine -->\r\n <a href=\"\/fr\/product\/\" class=\"sanco-curing-card-link\">\r\n <article class=\"sanco-curing-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/inline_\u7ed3\u679c.webp\" alt=\"Machine d'empotage en ligne - Syst\u00e8me d'empotage en ligne automatis\u00e9\" loading=\"lazy\">\r\n <p>Machine d'empotage en ligne<\/p>\r\n <span class=\"sanco-curing-card-readmore\">Lire la suite \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\/* ===== Potting Machines Section - \u6df1\u84dd\u8272\u7cfb ===== *\/\r\n.sanco-curing-section {\r\n background: linear-gradient(135deg, #0a2540 0%, #0d3a5c 50%, #0f4872 100%);\r\n padding: 120px 0;\r\n overflow: hidden;\r\n position: relative;\r\n min-height: 800px;\r\n}\r\n\r\n\/* \u80cc\u666f\u7f51\u683c *\/\r\n.sanco-curing-section::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-image:\r\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 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\/* \u5927\u578b\u88c5\u9970\u5706 - \u53f3\u4e0a *\/\r\n.sanco-curing-section::after {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n right: -200px;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 40%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoCuringFloat 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoCuringFloat {\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\/* \u88c5\u9970\u5706\u73af *\/\r\n.sanco-curing-container::before {\r\n content: '';\r\n position: absolute;\r\n bottom: -150px;\r\n left: -150px;\r\n width: 500px;\r\n height: 500px;\r\n border: 2px solid rgba(255, 255, 255, 0.06);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoCuringRotate 30s linear infinite;\r\n}\r\n\r\n@keyframes sancoCuringRotate {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* \u5c0f\u578b\u88c5\u9970\u70b9 *\/\r\n.sanco-curing-container::after {\r\n content: '';\r\n position: absolute;\r\n top: 15%;\r\n left: 10%;\r\n width: 120px;\r\n height: 120px;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n animation: sancoCuringPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoCuringPulse {\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-curing-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\/* \u989d\u5916\u88c5\u9970\u5143\u7d20 - \u53f3\u4fa7\u5149\u6655 *\/\r\n.sanco-curing-slider-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(255, 255, 255, 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\/* \u5de6\u4fa7\u88c5\u9970\u7ebf\u6761 *\/\r\n.sanco-curing-left::before {\r\n content: '';\r\n position: absolute;\r\n left: -30px;\r\n top: 20%;\r\n width: 4px;\r\n height: 60%;\r\n background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n border-radius: 2px;\r\n pointer-events: none;\r\n}\r\n\r\n\/* ===== \u5de6\u4fa7 ===== *\/\r\n.sanco-curing-left {\r\n flex: 0 0 15%;\r\n position: relative;\r\n}\r\n\r\n.sanco-curing-index {\r\n font-size: 48px;\r\n font-weight: 700;\r\n color: rgba(255, 255, 255, 0.15);\r\n margin-bottom: 8px;\r\n display: block;\r\n letter-spacing: 2px;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.sanco-curing-title {\r\n font-size: 26px;\r\n line-height: 1.4;\r\n margin-bottom: 24px;\r\n color: #ffffff;\r\n}\r\n\r\n\/* Read More \u94fe\u63a5 *\/\r\n.sanco-curing-readmore {\r\n text-decoration: underline;\r\n color: #6ab7d6;\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-curing-readmore:hover {\r\n color: #8cd0eb;\r\n}\r\n\r\n\/* ===== \u7bad\u5934 ===== *\/\r\n.sanco-curing-arrows {\r\n display: flex;\r\n gap: 12px;\r\n}\r\n\r\n.sanco-curing-arrows button {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n border: 2px solid rgba(255, 255, 255, 0.5);\r\n background: transparent;\r\n color: #fff;\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(0, 0, 0, 0.1);\r\n}\r\n\r\n.sanco-curing-arrows button:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n border-color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.sanco-curing-arrows button:active {\r\n transform: translateY(0);\r\n}\r\n\r\n\/* ===== Slider ===== *\/\r\n.sanco-curing-slider-wrapper {\r\n flex: 1;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.sanco-curing-slider {\r\n display: flex;\r\n gap: 35px;\r\n transition: transform 0.6s ease;\r\n}\r\n\r\n\/* ===== \u5361\u7247\u94fe\u63a5 ===== *\/\r\n.sanco-curing-card-link {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n\/* ===== \u4ea7\u54c1\u5361 ===== *\/\r\n.sanco-curing-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(0, 0, 0, 0.25),\r\n 0 4px 10px rgba(0, 0, 0, 0.1);\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}\r\n\r\n.sanco-curing-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #0d3a5c, #1a6b9a);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.sanco-curing-card-link:hover .sanco-curing-card {\r\n transform: translateY(-8px);\r\n box-shadow:\r\n 0 15px 40px rgba(0, 0, 0, 0.35),\r\n 0 6px 15px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.sanco-curing-card-link:hover .sanco-curing-card::before {\r\n transform: scaleX(1);\r\n}\r\n\r\n.sanco-curing-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-curing-card-link:hover .sanco-curing-card img {\r\n transform: scale(1.12);\r\n }\r\n}\r\n\r\n\/* \u540d\u79f0 *\/\r\n.sanco-curing-card p {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #0d3a5c;\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\/* Read More \u6309\u94ae *\/\r\n.sanco-curing-card-readmore {\r\n display: inline-block;\r\n font-size: 14px;\r\n color: #0d3a5c;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n opacity: 0.8;\r\n}\r\n\r\n.sanco-curing-card-link:hover .sanco-curing-card-readmore {\r\n opacity: 1;\r\n transform: translateX(4px);\r\n}\r\n\r\n\/* ===== \u5e73\u677f\u7aef - \u53ea\u663e\u793a\u4e00\u5f20\u5361\u7247 ===== *\/\r\n@media (max-width: 1024px) {\r\n .sanco-curing-section {\r\n padding: 100px 0;\r\n min-height: 750px;\r\n }\r\n\r\n .sanco-curing-container {\r\n flex-direction: column;\r\n gap: 40px;\r\n padding: 0 30px;\r\n }\r\n\r\n .sanco-curing-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .sanco-curing-index {\r\n font-size: 42px;\r\n }\r\n\r\n .sanco-curing-title {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .sanco-curing-readmore {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .sanco-curing-arrows {\r\n justify-content: center;\r\n }\r\n\r\n .sanco-curing-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n\r\n .sanco-curing-slider {\r\n display: flex;\r\n gap: 30px;\r\n padding: 0;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .sanco-curing-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-curing-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-curing-card img {\r\n height: 300px;\r\n }\r\n\r\n .sanco-curing-left::before,\r\n .sanco-curing-slider-wrapper::before {\r\n display: none;\r\n }\r\n}\r\n\r\n\/* ===== \u79fb\u52a8\u7aef - \u53ea\u663e\u793a\u4e00\u5f20\u5361\u7247 ===== *\/\r\n@media (max-width: 768px) {\r\n .sanco-curing-section {\r\n padding: 80px 20px;\r\n min-height: auto;\r\n }\r\n\r\n .sanco-curing-container {\r\n flex-direction: column;\r\n gap: 50px;\r\n padding: 0;\r\n }\r\n\r\n .sanco-curing-left {\r\n flex: none;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .sanco-curing-index {\r\n font-size: 40px;\r\n }\r\n\r\n .sanco-curing-title {\r\n font-size: 24px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .sanco-curing-readmore {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .sanco-curing-arrows {\r\n justify-content: center;\r\n }\r\n\r\n .sanco-curing-slider-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n\r\n .sanco-curing-slider {\r\n display: flex;\r\n gap: 20px;\r\n padding: 0;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .sanco-curing-card-link {\r\n min-width: 100%;\r\n width: 100%;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sanco-curing-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-curing-card img {\r\n height: 280px;\r\n }\r\n\r\n .sanco-curing-card p {\r\n min-height: 48px;\r\n }\r\n\r\n .sanco-curing-left::before,\r\n .sanco-curing-slider-wrapper::before {\r\n display: none;\r\n }\r\n}\r\n\r\n\/* ===== \u5c0f\u5c4f\u624b\u673a ===== *\/\r\n@media (max-width: 480px) {\r\n .sanco-curing-section {\r\n padding: 60px 15px;\r\n }\r\n\r\n .sanco-curing-index {\r\n font-size: 36px;\r\n }\r\n\r\n .sanco-curing-title {\r\n font-size: 20px;\r\n }\r\n\r\n .sanco-curing-card {\r\n height: 440px;\r\n padding: 35px 25px;\r\n }\r\n\r\n .sanco-curing-card img {\r\n height: 240px;\r\n }\r\n\r\n .sanco-curing-card p {\r\n font-size: 16px;\r\n min-height: 44px;\r\n }\r\n\r\n .sanco-curing-arrows button {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 16px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n const slider = document.getElementById('sancoCuringSlider');\r\n const prev = document.getElementById('sancoCuringPrev');\r\n const next = document.getElementById('sancoCuringNext');\r\n\r\n if (!slider || !prev || !next) return;\r\n\r\n \/\/ \u5224\u65ad\u662f\u5426\u4e3a\u5355\u5361\u6a21\u5f0f\uff08\u5e73\u677f\u548c\u624b\u673a\uff09\r\n function isSingleCardMode() {\r\n return window.innerWidth <= 1024;\r\n }\r\n\r\n function getCardWidth() {\r\n const card = slider.querySelector('.sanco-curing-card');\r\n if (!card) return 415;\r\n const cardLink = slider.querySelector('.sanco-curing-card-link');\r\n const width = cardLink ? cardLink.offsetWidth : card.offsetWidth;\r\n const gap = isSingleCardMode() ? (window.innerWidth <= 768 ? 20 : 30) : 35;\r\n return width + gap;\r\n }\r\n\r\n const totalCards = slider.children.length;\r\n let index = 0;\r\n let autoScrollInterval;\r\n let isUserInteracting = false;\r\n\r\n \/\/ \u66f4\u65b0\u6ed1\u52a8\u4f4d\u7f6e\r\n function updateSliderPosition() {\r\n const cardWidth = getCardWidth();\r\n slider.style.transform = `translateX(-${index * cardWidth}px)`;\r\n }\r\n\r\n \/\/ \u81ea\u52a8\u6eda\u52a8\u51fd\u6570 - \u5faa\u73af\u64ad\u653e\r\n function autoScroll() {\r\n if (isUserInteracting) return;\r\n\r\n index++;\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n }\r\n\r\n \/\/ \u542f\u52a8\u81ea\u52a8\u6eda\u52a8\r\n function startAutoScroll() {\r\n stopAutoScroll();\r\n autoScrollInterval = setInterval(autoScroll, 3000);\r\n }\r\n\r\n \/\/ \u505c\u6b62\u81ea\u52a8\u6eda\u52a8\r\n function stopAutoScroll() {\r\n if (autoScrollInterval) {\r\n clearInterval(autoScrollInterval);\r\n autoScrollInterval = null;\r\n }\r\n }\r\n\r\n \/\/ \u7528\u6237\u4ea4\u4e92\u5904\u7406\r\n function handleUserInteraction() {\r\n isUserInteracting = true;\r\n stopAutoScroll();\r\n setTimeout(() => {\r\n isUserInteracting = false;\r\n startAutoScroll();\r\n }, 5000);\r\n }\r\n\r\n \/\/ \u4e0b\u4e00\u5f20\r\n next.onclick = () => {\r\n handleUserInteraction();\r\n index++;\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n };\r\n\r\n \/\/ \u4e0a\u4e00\u5f20\r\n prev.onclick = () => {\r\n handleUserInteraction();\r\n index--;\r\n if (index < 0) {\r\n index = totalCards - 1;\r\n }\r\n updateSliderPosition();\r\n };\r\n\r\n \/\/ \u9f20\u6807\u60ac\u505c\u65f6\u6682\u505c\r\n slider.addEventListener('mouseenter', stopAutoScroll);\r\n slider.addEventListener('mouseleave', startAutoScroll);\r\n\r\n \/\/ \u89e6\u6478\u65f6\u6682\u505c\r\n slider.addEventListener('touchstart', handleUserInteraction);\r\n\r\n \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\r\n let resizeTimer;\r\n window.addEventListener('resize', () => {\r\n clearTimeout(resizeTimer);\r\n resizeTimer = setTimeout(() => {\r\n \/\/ \u786e\u4fddindex\u4e0d\u8d85\u51fa\u8303\u56f4\r\n if (index >= totalCards) {\r\n index = 0;\r\n }\r\n updateSliderPosition();\r\n startAutoScroll();\r\n }, 250);\r\n });\r\n\r\n \/\/ \u542f\u52a8\u81ea\u52a8\u6eda\u52a8\r\n startAutoScroll();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Offline Potting Machine PM-500F | Two-Component Potting Equipment | Sanco Potting Machine Offline Potting Machine PM-500F Cost-effective two-component offline potting solution with XYZ servo motor control, high-precision ball screws, and friendly human-computer interface for multi-specification products. Two-Component \u00b11% Accuracy Servo Motor Home> Products> Potting Machine> Offline Potting Machine PM-500F Product Description PM-500F has obvious cost-effective […]<\/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-1346","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/pages\/1346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/comments?post=1346"}],"version-history":[{"count":50,"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/pages\/1346\/revisions"}],"predecessor-version":[{"id":5739,"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/pages\/1346\/revisions\/5739"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/fr\/wp-json\/wp\/v2\/media?parent=1346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}