{"id":2113,"date":"2026-05-19T05:45:27","date_gmt":"2026-05-19T05:45:27","guid":{"rendered":"https:\/\/meitu-engelhardt.com\/?page_id=2113"},"modified":"2026-05-19T10:43:17","modified_gmt":"2026-05-19T10:43:17","slug":"rubber-gaskets-seals","status":"publish","type":"page","link":"https:\/\/meitu-engelhardt.com\/it\/custom-rubber-molding\/rubber-gaskets-seals\/","title":{"rendered":"Guarnizioni e guarnizioni in gomma"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-d598d48\" data-block-id=\"d598d48\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d598d48-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3c6395b\" data-v=\"4\" data-block-id=\"3c6395b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3c6395b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3c6395b-inner-blocks\">\n<style>\n\/* * 1. Scope: All styles are strictly locked to #eh-hero-module-800 \n * 2. Layout: 1:1 Content\/Image Ratio with constrained image size\n * 3. Aesthetics: Premium Enterprise B2B, CAD Blueprint, Tech Glow, Dimension Lines\n * 4. Typography & SEO: Strict H1-H4 Semantic Hierarchy with isolated resets\n *\/\n\n#eh-hero-module-800 {\n    width: 100%;\n    position: relative;\n    background-color: #fdfdfe;\n    \/* Ultra-faint technical grid *\/\n    background-image: \n        linear-gradient(rgba(0, 72, 240, 0.015) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0, 72, 240, 0.015) 1px, transparent 1px);\n    background-size: 40px 40px;\n    background-position: center top;\n    overflow: hidden;\n    font-family: inherit; \n    box-sizing: border-box;\n    border-bottom: 1px solid #E5E7EB;\n}\n\n#eh-hero-module-800 * {\n    box-sizing: border-box;\n}\n\n\/* 1. Ambient Studio Glow *\/\n#eh-hero-module-800::before {\n    content: '';\n    position: absolute;\n    top: 10%;\n    right: 5%;\n    width: 60%;\n    height: 80%;\n    background: radial-gradient(circle at center, rgba(0, 72, 240, 0.04) 0%, transparent 60%);\n    pointer-events: none;\n    z-index: 0;\n}\n\n\/* Ghost Corporate Watermark *\/\n#eh-hero-module-800 .eh-bg-watermark {\n    position: absolute;\n    top: -2%;\n    left: -2%;\n    font-size: 180px;\n    font-weight: 900;\n    color: rgba(0, 72, 240, 0.015);\n    text-transform: uppercase;\n    letter-spacing: -2px;\n    line-height: 1;\n    z-index: 0;\n    pointer-events: none;\n    user-select: none;\n    white-space: nowrap;\n}\n\n\/* Container & Flex Layout *\/\n#eh-hero-module-800 .eh-container {\n    max-width: 1600px !important;\n    margin: 0 auto;\n    padding: 60px 70px;\n    display: flex;\n    flex-direction: column;\n    gap: 65px;\n    position: relative;\n    z-index: 2;\n}\n\n\/* Blueprint Corner Brackets *\/\n#eh-hero-module-800 .eh-container::after {\n    content: '';\n    position: absolute;\n    width: 50px;\n    height: 50px;\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.4;\n    bottom: 30px; right: 30px;\n    border-bottom: 2px solid #0048F0;\n    border-right: 2px solid #0048F0;\n}\n\n\/* Top Split Section - Strictly 1:1 *\/\n#eh-hero-module-800 .eh-top-split {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 50px;\n}\n\n\/* 50% Left Content *\/\n#eh-hero-module-800 .eh-content-left {\n    flex: 1;\n    max-width: 50%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    position: relative;\n    z-index: 2;\n}\n\n\/* 50% Right Content *\/\n#eh-hero-module-800 .eh-image-right {\n    flex: 1;\n    max-width: 50%;\n    display: flex;\n    justify-content: flex-end;\n    position: relative;\n}\n\n\/* ISO Badge Wrapper *\/\n#eh-hero-module-800 .eh-iso-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-bottom: 24px;\n}\n\n#eh-hero-module-800 .eh-iso-badges {\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #111827 !important;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    background: #ffffff;\n    padding: 8px 16px;\n    border: 1px solid #E5E7EB;\n    border-left: 4px solid #0048F0;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n}\n\n#eh-hero-module-800 .eh-iso-line {\n    width: 40px;\n    height: 1px;\n    background-color: #0048F0;\n    opacity: 0.4;\n}\n\n\/* =========================================\n   SEO TYPOGRAPHY: H1, H2, H3, H4\n   ========================================= *\/\n\n#eh-hero-module-800 h1.eh-h1-eyebrow {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #0048F0 !important;\n    margin: 0 0 12px 0 !important;\n    padding: 0 !important;\n    line-height: 1.2 !important;\n    font-family: inherit;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    display: flex;\n    align-items: center;\n}\n\n#eh-hero-module-800 h1.eh-h1-eyebrow::before {\n    content: '';\n    display: inline-block;\n    width: 12px; \n    height: 12px;\n    background-color: #0048F0;\n    transform: rotate(45deg); \n    margin-right: 12px;\n    position: relative;\n    top: -1px;\n}\n\n#eh-hero-module-800 h2.eh-h2-title {\n    font-size: 42px !important;\n    font-weight: 700 !important;\n    color: #111827 !important;\n    margin: 0 0 32px 0 !important;\n    padding: 0 !important;\n    line-height: 1.2 !important;\n    font-family: inherit;\n    letter-spacing: -0.5px;\n}\n\n\/* Stat Cards H3 (Category) *\/\n#eh-hero-module-800 h3.eh-card-label {\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: #6B7280 !important;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0 0 12px 0 !important;\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    line-height: 1 !important;\n}\n\n#eh-hero-module-800 h3.eh-card-label::before {\n    content: '';\n    display: inline-block;\n    width: 16px;\n    height: 2px;\n    background-color: #0048F0;\n}\n\n\/* Stat Cards H4 (Value) *\/\n#eh-hero-module-800 h4.eh-card-value {\n    font-size: 26px !important;\n    font-weight: 700 !important;\n    color: #111827 !important;\n    margin: 0 0 12px 0 !important;\n    padding: 0 !important;\n    line-height: 1.2 !important;\n}\n\n\/* ========================================= *\/\n\n\/* Gradient Anchored Description Block *\/\n#eh-hero-module-800 .eh-description {\n    font-size: 18px !important;\n    color: #4B5563 !important;\n    line-height: 1.7 !important;\n    margin: 0 0 45px 0 !important;\n    max-width: 95%;\n    padding-left: 24px;\n    position: relative;\n    border-left: 3px solid transparent;\n    border-image: linear-gradient(to bottom, #0048F0 0%, rgba(0,72,240,0.1) 100%) 1;\n}\n\n\/* Chamfered Industrial Button *\/\n#eh-hero-module-800 .eh-btn-quote {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    background-color: #0048F0 !important;\n    color: #ffffff !important;\n    font-size: 18px !important;\n    font-weight: 600 !important;\n    padding: 18px 50px !important;\n    text-decoration: none !important;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    border: none !important;\n    cursor: pointer;\n    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);\n    position: relative;\n}\n\n#eh-hero-module-800 .eh-btn-quote::before {\n    content: '';\n    position: absolute;\n    top: 0; left: -100%; width: 100%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);\n    transition: transform 0.6s ease;\n}\n\n#eh-hero-module-800 .eh-btn-quote:hover {\n    background-color: #0036b3 !important;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 20px rgba(0, 72, 240, 0.2);\n}\n\n#eh-hero-module-800 .eh-btn-quote:hover::before { transform: translateX(200%); }\n#eh-hero-module-800 .eh-btn-arrow { transition: transform 0.3s ease; }\n#eh-hero-module-800 .eh-btn-quote:hover .eh-btn-arrow { transform: translateX(6px); }\n\n\/* Image Design *\/\n#eh-hero-module-800 .eh-image-frame {\n    position: relative;\n    width: 85%;\n    margin: 0;\n    z-index: 1;\n}\n\n\/* Technical Foundation Box *\/\n#eh-hero-module-800 .eh-image-frame::before {\n    content: '';\n    position: absolute;\n    top: 30px; right: -30px; bottom: -30px; left: 30px;\n    background: linear-gradient(135deg, #F9FAFB 0%, #F3F4F6 100%);\n    border: 1px solid #E5E7EB;\n    border-right: 4px solid #0048F0;\n    border-bottom: 4px solid #0048F0;\n    z-index: -1;\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* CAD Dimension Line *\/\n#eh-hero-module-800 .eh-dimension-line {\n    position: absolute;\n    left: -50px;\n    top: 10%;\n    bottom: 10%;\n    width: 1px;\n    background-color: #0048F0;\n    opacity: 0.3;\n    z-index: 0;\n}\n#eh-hero-module-800 .eh-dimension-line::before,\n#eh-hero-module-800 .eh-dimension-line::after {\n    content: '';\n    position: absolute;\n    left: -5px;\n    width: 11px;\n    height: 1px;\n    background-color: #0048F0;\n}\n#eh-hero-module-800 .eh-dimension-line::before { top: 0; }\n#eh-hero-module-800 .eh-dimension-line::after { bottom: 0; }\n\n\/* Scanner\/Crop Marks *\/\n#eh-hero-module-800 .eh-image-frame::after {\n    content: '';\n    position: absolute;\n    top: -15px; left: -15px;\n    width: 30px; height: 30px;\n    border-top: 1px solid #0048F0;\n    border-left: 1px solid #0048F0;\n    z-index: 2;\n    pointer-events: none;\n    transition: all 0.5s ease;\n}\n\n#eh-hero-module-800 .eh-image-frame .eh-crop-bottom {\n    position: absolute;\n    bottom: -15px; right: -15px;\n    width: 30px; height: 30px;\n    border-bottom: 1px solid #0048F0;\n    border-right: 1px solid #0048F0;\n    z-index: 2;\n    pointer-events: none;\n    transition: all 0.5s ease;\n}\n\n#eh-hero-module-800 .eh-image-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border: 1px solid #D1D5DB;\n    position: relative;\n    z-index: 1;\n    background: #ffffff;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n}\n\n#eh-hero-module-800 .eh-image-frame:hover::before {\n    transform: translate(12px, 12px);\n    background: linear-gradient(135deg, #F3F4F6 0%, #E5E7EB 100%);\n}\n#eh-hero-module-800 .eh-image-frame:hover::after { transform: translate(-5px, -5px); }\n#eh-hero-module-800 .eh-image-frame:hover .eh-crop-bottom { transform: translate(5px, 5px); }\n\n\/* Floating Industrial Badge *\/\n#eh-hero-module-800 .eh-floating-badge {\n    position: absolute;\n    bottom: 30px;\n    left: -45px;\n    background: #111827; \n    color: #ffffff;\n    padding: 18px 24px;\n    z-index: 5;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n    display: flex;\n    flex-direction: column;\n    border-left: 4px solid #0048F0;\n}\n\n#eh-hero-module-800 .eh-floating-badge span:first-child {\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #9CA3AF;\n    margin-bottom: 4px;\n}\n\n#eh-hero-module-800 .eh-floating-badge span:last-child {\n    font-size: 18px;\n    font-weight: 700;\n    color: #ffffff;\n}\n\n\/* Bottom Cards Data Grid *\/\n#eh-hero-module-800 .eh-data-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    width: 100%;\n    margin-top: 10px;\n}\n\n#eh-hero-module-800 .eh-stat-card {\n    background: #ffffff;\n    border: 1px solid #E5E7EB;\n    padding: 30px 24px;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n    z-index: 1;\n}\n\n\/* Card Corner Crosshairs *\/\n#eh-hero-module-800 .eh-card-crosshair {\n    position: absolute;\n    top: 15px; right: 15px;\n    width: 12px; height: 12px;\n    z-index: 2;\n}\n#eh-hero-module-800 .eh-card-crosshair::before,\n#eh-hero-module-800 .eh-card-crosshair::after {\n    content: ''; position: absolute; background: #D1D5DB; transition: background 0.3s ease;\n}\n#eh-hero-module-800 .eh-card-crosshair::before { top: 50%; left: 0; width: 100%; height: 1px; }\n#eh-hero-module-800 .eh-card-crosshair::after { top: 0; left: 50%; width: 1px; height: 100%; }\n\n\/* Structural lift effect *\/\n#eh-hero-module-800 .eh-stat-card::before {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0;\n    width: 100%;\n    height: 4px;\n    background-color: #0048F0;\n    transform: translateY(4px);\n    transition: transform 0.3s ease;\n    z-index: 2;\n}\n\n\/* CAD Data Numbering Watermark *\/\n#eh-hero-module-800 .eh-stat-card::after {\n    content: attr(data-index);\n    position: absolute;\n    bottom: -15px;\n    right: 5px;\n    font-size: 80px;\n    font-weight: 900;\n    color: rgba(0, 72, 240, 0.025);\n    z-index: -1;\n    pointer-events: none;\n    transition: all 0.4s ease;\n    line-height: 1;\n}\n\n#eh-hero-module-800 .eh-stat-card:hover {\n    box-shadow: 0 15px 40px rgba(0,0,0,0.06);\n    transform: translateY(-4px);\n    border-color: #D1D5DB;\n    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);\n}\n\n#eh-hero-module-800 .eh-stat-card:hover::before { transform: translateY(0); }\n#eh-hero-module-800 .eh-stat-card:hover::after { color: rgba(0, 72, 240, 0.05); transform: translate(-5px, -5px) scale(1.05); }\n\n\/* Activate Crosshair on hover *\/\n#eh-hero-module-800 .eh-stat-card:hover .eh-card-crosshair::before,\n#eh-hero-module-800 .eh-stat-card:hover .eh-card-crosshair::after {\n    background: #0048F0;\n}\n\n#eh-hero-module-800 .eh-card-desc {\n    font-size: 15px !important;\n    color: #4B5563 !important;\n    line-height: 1.6 !important;\n    margin: 0;\n}\n\n\/* Responsive Rules *\/\n@media (max-width: 1200px) {\n    #eh-hero-module-800 .eh-container { padding: 40px 40px; }\n    #eh-hero-module-800 .eh-data-grid { grid-template-columns: repeat(2, 1fr); }\n    #eh-hero-module-800 .eh-image-frame { width: 95%; }\n    #eh-hero-module-800 .eh-bg-watermark { font-size: 120px; }\n    #eh-hero-module-800 h2.eh-h2-title { font-size: 38px !important; }\n}\n\n@media (max-width: 992px) {\n    #eh-hero-module-800 .eh-top-split { flex-direction: column; gap: 60px; }\n    #eh-hero-module-800 .eh-content-left,\n    #eh-hero-module-800 .eh-image-right { max-width: 100%; width: 100%; justify-content: center; }\n    #eh-hero-module-800 .eh-image-frame { width: 90%; margin: 0 auto; }\n    #eh-hero-module-800 .eh-image-frame::before { right: -20px; bottom: -20px; }\n    #eh-hero-module-800 .eh-floating-badge { left: -10px; bottom: -15px; }\n    #eh-hero-module-800 .eh-dimension-line { display: none; }\n    #eh-hero-module-800 .eh-bg-watermark { display: none; }\n}\n\n@media (max-width: 600px) {\n    #eh-hero-module-800 .eh-container { padding: 40px 20px; }\n    #eh-hero-module-800 .eh-data-grid { grid-template-columns: 1fr; }\n    #eh-hero-module-800 h1.eh-h1-eyebrow { font-size: 18px !important; }\n    #eh-hero-module-800 h2.eh-h2-title { font-size: 32px !important; }\n    #eh-hero-module-800 .eh-description { font-size: 16px !important; }\n    #eh-hero-module-800 .eh-btn-quote { font-size: 16px !important; }\n    #eh-hero-module-800 .eh-image-frame { width: 100%; }\n}\n<\/style>\n\n<section id=\"eh-hero-module-800\">\n    <div class=\"eh-bg-watermark\">ENGELHARDT<\/div>\n\n    <div class=\"eh-container\">\n        \n        <div class=\"eh-top-split\">\n            \n            <div class=\"eh-content-left\">\n                <div class=\"eh-iso-wrapper\">\n                    <div class=\"eh-iso-badges\">IATF 16949 \u00b7 ISO 9001<\/div>\n                    <div class=\"eh-iso-line\"><\/div>\n                <\/div>\n                \n                <h1 class=\"eh-h1-eyebrow\">Rubber Gaskets &#038; Seals<\/h1>\n                \n                <h2 class=\"eh-h2-title\">Custom Rubber Gaskets &#038; Seals Manufacturer<\/h2>\n                \n                <p class=\"eh-description\">\n                    Engelhardt produces custom rubber gaskets and seals from 14+ elastomer materials \u2014 engineered for sanitary, automotive, electronics, food-contact, and aggressive-chemical sealing where leak prevention and batch consistency are non-negotiable.\n                <\/p>\n                \n                <a href=\"#ct-popup-800\" class=\"eh-btn-quote\">\n                    Get Custom Quote <span class=\"eh-btn-arrow\">&rarr;<\/span>\n                <\/a>\n            <\/div>\n\n            <div class=\"eh-image-right\">\n                <figure class=\"eh-image-frame\">\n                    <div class=\"eh-dimension-line\"><\/div>\n                    <div class=\"eh-crop-bottom\"><\/div>\n                    \n                    <div class=\"eh-floating-badge\">\n                        <span>Manufacturing Since<\/span>\n                        <span>2009<\/span>\n                    <\/div>\n\n                    <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Rubber-Gaskets-Seals-1.png\" \n                         alt=\"Custom Rubber Gaskets &#038; Seals\" \n                         width=\"800\" \n                         height=\"600\" \n                         loading=\"eager\" \n                         fetchpriority=\"high\" \n                         data-no-lazy=\"1\"\n                         class=\"skip-lazy\">\n                <\/figure>\n            <\/div>\n            \n        <\/div>\n\n        <div class=\"eh-data-grid\">\n            \n            <div class=\"eh-stat-card\" data-index=\"01\">\n                <div class=\"eh-card-crosshair\"><\/div>\n                <h3 class=\"eh-card-label\">Materials<\/h3>\n                <h4 class=\"eh-card-value\">14+ elastomers<\/h4>\n                <p class=\"eh-card-desc\">Silicone \u00b7 EPDM \u00b7 Neoprene \u00b7 Buna-N \u00b7 Viton \u00b7 Fluorosilicone<\/p>\n            <\/div>\n\n            <div class=\"eh-stat-card\" data-index=\"02\">\n                <div class=\"eh-card-crosshair\"><\/div>\n                <h3 class=\"eh-card-label\">Processes<\/h3>\n                <h4 class=\"eh-card-value\">4 in-house<\/h4>\n                <p class=\"eh-card-desc\">Compression molding \u00b7 Injection \u00b7 Die cut \u00b7 Waterjet<\/p>\n            <\/div>\n\n            <div class=\"eh-stat-card\" data-index=\"03\">\n                <div class=\"eh-card-crosshair\"><\/div>\n                <h3 class=\"eh-card-label\">Capacity<\/h3>\n                <h4 class=\"eh-card-value\">3,000 tons\/yr<\/h4>\n                <p class=\"eh-card-desc\">40+ vulcanizing machines \u00b7 53,000 sq.m. facility<\/p>\n            <\/div>\n\n            <div class=\"eh-stat-card\" data-index=\"04\">\n                <div class=\"eh-card-crosshair\"><\/div>\n                <h3 class=\"eh-card-label\">Trusted By<\/h3>\n                <h4 class=\"eh-card-value\">OEM clients<\/h4>\n                <p class=\"eh-card-desc\">Kohler \u00b7 Oatey \u00b7 American Standard \u00b7 Amphenol \u00b7 SFA \u00b7 Nestl\u00e9<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const module = document.getElementById('eh-hero-module-800');\n        if (!module) return;\n    });\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2bde644\" data-block-id=\"2bde644\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2bde644-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7b08dfb\" data-v=\"4\" data-block-id=\"7b08dfb\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7b08dfb-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-7b08dfb-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-647a144\" data-block-id=\"647a144\"><style>.stk-647a144 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-647a144-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d2c709d\" data-v=\"4\" data-block-id=\"d2c709d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d2c709d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d2c709d-inner-blocks\">\n<div id=\"engelhardt-hero-module\">\n  <style>\n    \/* \u5f15\u5165\u9ad8\u8d28\u91cf\u5de5\u4e1a\u98ce\u65e0\u886c\u7ebf\u5b57\u4f53 *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,600&display=swap');\n\n    \/* ====================================================================\n       1. \u9876\u5c42\u4f5c\u7528\u57df\u9694\u79bb\u4e0e\u5168\u5c40\u91cd\u7f6e\n       ==================================================================== *\/\n    #engelhardt-hero-module {\n      width: 100% !important;\n      background-color: #f1f5f9 !important;\n      font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\n      box-sizing: border-box !important;\n      overflow: hidden !important;\n    }\n\n    #engelhardt-hero-module * {\n      box-sizing: border-box !important;\n    }\n\n    \/* ====================================================================\n       2. \u5168\u5c4f\u8d2f\u7a7f\u84dd\u8272\u84dd\u56fe\u80cc\u666f\u5c42\n       ==================================================================== *\/\n    #engelhardt-hero-module .eh-blueprint-banner {\n      width: 100% !important;\n      background-color: #0048F0 !important;\n      background-image: \n        linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;\n      background-size: 30px 30px !important;\n      padding: 70px 20px 160px 20px !important;\n      text-align: center !important;\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: center !important;\n    }\n\n    \/* SEO H2: \u6838\u5fc3\u4e3b\u9898 *\/\n    #engelhardt-hero-module h2.eh-main-title {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #ffffff !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      line-height: 1.35 !important;\n      letter-spacing: -0.5px !important;\n      max-width: 1100px !important;\n      text-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;\n    }\n\n    \/* ====================================================================\n       3. \u5185\u5bb9\u5f39\u6027\u951a\u5b9a\u4e0e\u60ac\u6d6e\u5e03\u5c40\n       ==================================================================== *\/\n    #engelhardt-hero-module .eh-container {\n      max-width: 1600px !important;\n      margin: -100px auto 0 auto !important;\n      padding: 0 40px 70px 40px !important; \n      display: grid !important;\n      grid-template-columns: 1.15fr 0.85fr !important;\n      gap: 40px !important;\n      align-items: stretch !important;\n      position: relative !important;\n      z-index: 10 !important;\n    }\n\n    #engelhardt-hero-module .eh-card {\n      border-radius: 4px !important;\n      padding: 50px !important;\n      display: flex !important;\n      flex-direction: column !important;\n      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;\n    }\n\n    \/* ====================================================================\n       4. \u5de6\u4fa7\uff1a\u9ad8\u5bc6\u5ea6\u660e\u4eae\u5361\u7247\n       ==================================================================== *\/\n    #engelhardt-hero-module .eh-card-light {\n      background-color: #ffffff !important;\n      border-top: 4px solid #0048F0 !important;\n    }\n\n    #engelhardt-hero-module .eh-lead-text {\n      font-size: 16px !important;\n      font-weight: 600 !important;\n      color: #0f172a !important;\n      line-height: 1.7 !important;\n      margin: 0 0 20px 0 !important;\n      text-align: justify !important;\n    }\n\n    #engelhardt-hero-module .eh-collapse-grid {\n      display: grid !important;\n      grid-template-rows: 0fr !important; \n      transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    }\n    \n    #engelhardt-hero-module .eh-collapse-grid.eh-open {\n      grid-template-rows: 1fr !important; \n    }\n\n    #engelhardt-hero-module .eh-collapse-inner {\n      overflow: hidden !important;\n    }\n\n    #engelhardt-hero-module .eh-body-text {\n      font-size: 15px !important;\n      font-weight: 400 !important;\n      color: #475569 !important;\n      line-height: 1.7 !important;\n      margin: 0 0 24px 0 !important;\n      text-align: justify !important;\n      padding-top: 10px !important;\n    }\n\n    #engelhardt-hero-module .eh-toggle-btn {\n      align-self: flex-start !important;\n      background: transparent !important;\n      border: 1px solid #cbd5e1 !important;\n      color: #0048F0 !important;\n      padding: 10px 20px !important;\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      cursor: pointer !important;\n      border-radius: 4px !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n      transition: all 0.3s ease !important;\n      margin-bottom: 30px !important;\n    }\n\n    #engelhardt-hero-module .eh-toggle-btn:hover {\n      background: #f8fafc !important;\n      border-color: #0048F0 !important;\n    }\n\n    #engelhardt-hero-module .eh-toggle-icon {\n      width: 16px !important;\n      height: 16px !important;\n      transition: transform 0.3s ease !important;\n    }\n    \n    #engelhardt-hero-module .eh-toggle-btn.eh-open .eh-toggle-icon {\n      transform: rotate(180deg) !important;\n    }\n\n    #engelhardt-hero-module .eh-quote-box {\n      margin-top: auto !important; \n      padding: 30px 35px !important;\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;\n      border-left: 4px solid #0048F0 !important;\n      position: relative !important;\n    }\n\n    #engelhardt-hero-module .eh-quote-box::before {\n      content: '\"' !important;\n      position: absolute !important;\n      top: 10px !important;\n      left: 20px !important;\n      font-size: 60px !important;\n      font-weight: 700 !important;\n      font-family: serif !important;\n      color: rgba(0, 72, 240, 0.1) !important;\n      line-height: 1 !important;\n    }\n\n    #engelhardt-hero-module .eh-quote-text {\n      font-size: 16px !important;\n      font-weight: 500 !important;\n      font-style: italic !important;\n      color: #1e293b !important;\n      line-height: 1.65 !important;\n      margin: 0 0 16px 0 !important;\n      position: relative !important;\n      z-index: 2 !important;\n    }\n\n    #engelhardt-hero-module .eh-quote-author {\n      font-size: 12px !important;\n      font-weight: 700 !important;\n      color: #0048F0 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.8px !important;\n      margin: 0 !important;\n    }\n\n    \/* ====================================================================\n       5. \u53f3\u4fa7\uff1a\u6697\u5ca9\u7cbe\u5bc6\u4eea\u8868\u76d8\n       ==================================================================== *\/\n    #engelhardt-hero-module .eh-card-dark {\n      background-color: #0f172a !important;\n      color: #ffffff !important;\n      justify-content: flex-start !important;\n      position: relative !important;\n      overflow: hidden !important;\n    }\n\n    #engelhardt-hero-module .eh-card-dark::before {\n      content: '' !important;\n      position: absolute !important;\n      top: -50px !important;\n      right: -50px !important;\n      width: 150px !important;\n      height: 150px !important;\n      background: #0048F0 !important;\n      filter: blur(80px) !important;\n      opacity: 0.5 !important;\n      z-index: 0 !important;\n    }\n\n    \/* SEO H3: \u53f3\u4fa7\u7edf\u9886\u6807\u9898 *\/\n    #engelhardt-hero-module h3.eh-right-heading {\n      font-size: 20px !important;\n      font-weight: 700 !important;\n      color: #ffffff !important;\n      margin: 0 0 35px 0 !important; \/* \u5f3a\u5236\u8986\u76d6\u4e3b\u9898 margin *\/\n      padding: 0 0 20px 0 !important; \/* \u5f3a\u5236\u8986\u76d6\u4e3b\u9898 padding *\/\n      line-height: 1.4 !important;\n      position: relative !important;\n      z-index: 2 !important;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n    }\n\n    #engelhardt-hero-module .eh-timeline {\n      display: flex !important;\n      flex-direction: column !important;\n      flex-grow: 1 !important;\n      justify-content: flex-start !important;\n      border-left: 2px solid rgba(255, 255, 255, 0.1) !important;\n      margin: 0 0 0 10px !important;\n      padding: 0 0 0 26px !important;\n      position: relative !important;\n      z-index: 2 !important;\n      gap: 16px !important;\n    }\n\n    #engelhardt-hero-module .eh-timeline-item {\n      position: relative !important;\n      background: rgba(255, 255, 255, 0.03) !important;\n      border: 1px solid rgba(255,255,255,0.05) !important;\n      border-radius: 4px !important;\n      padding: 16px 20px !important;\n      cursor: pointer !important;\n      transition: background 0.3s ease !important;\n    }\n\n    #engelhardt-hero-module .eh-timeline-item:hover {\n      background: rgba(255, 255, 255, 0.07) !important;\n    }\n\n    #engelhardt-hero-module .eh-timeline-item::before {\n      content: '' !important;\n      position: absolute !important;\n      left: -33px !important; \n      top: 22px !important;\n      width: 12px !important;\n      height: 12px !important;\n      background-color: #334155 !important;\n      border-radius: 50% !important;\n      box-shadow: 0 0 0 4px #0f172a !important;\n      transition: all 0.3s ease !important;\n    }\n\n    #engelhardt-hero-module .eh-timeline-item.eh-active::before {\n      background-color: #3b82f6 !important;\n      box-shadow: 0 0 0 4px #0f172a, 0 0 10px rgba(59, 130, 246, 0.8) !important;\n    }\n\n    #engelhardt-hero-module .eh-feature-header {\n      display: flex !important;\n      justify-content: space-between !important;\n      align-items: center !important;\n    }\n\n    \/* SEO H4: \u5177\u4f53\u4f18\u52bf\u8282\u70b9 *\/\n    #engelhardt-hero-module h4.eh-feature-title {\n      font-size: 15px !important;\n      font-weight: 700 !important;\n      color: #ffffff !important;\n      margin: 0 !important; \/* \u5f3a\u5236\u8986\u76d6\u4e3b\u9898 margin *\/\n      padding: 0 !important; \/* \u5f3a\u5236\u8986\u76d6\u4e3b\u9898 padding *\/\n      letter-spacing: 0.3px !important;\n      line-height: 1.3 !important;\n    }\n\n    #engelhardt-hero-module .eh-tl-icon {\n      color: #94a3b8 !important;\n      width: 18px !important;\n      height: 18px !important;\n      transition: transform 0.3s ease !important;\n      flex-shrink: 0 !important;\n    }\n\n    #engelhardt-hero-module .eh-timeline-item.eh-active .eh-tl-icon {\n      transform: rotate(180deg) !important;\n      color: #3b82f6 !important;\n    }\n\n    #engelhardt-hero-module .eh-tl-collapse-grid {\n      display: grid !important;\n      grid-template-rows: 0fr !important;\n      transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    }\n\n    #engelhardt-hero-module .eh-timeline-item.eh-active .eh-tl-collapse-grid {\n      grid-template-rows: 1fr !important;\n    }\n\n    #engelhardt-hero-module .eh-tl-collapse-inner {\n      overflow: hidden !important;\n    }\n\n    #engelhardt-hero-module .eh-feature-desc {\n      font-size: 13.5px !important;\n      font-weight: 400 !important;\n      color: rgba(255, 255, 255, 0.75) !important;\n      line-height: 1.6 !important;\n      margin: 0 !important;\n      padding-top: 12px !important;\n    }\n\n    \/* ====================================================================\n       6. \u54cd\u5e94\u5f0f\u5e03\u5c40\n       ==================================================================== *\/\n    @media (max-width:1000px) {\n      #engelhardt-hero-module .eh-container {\n        grid-template-columns: 1fr !important;\n        margin-top: -60px !important;\n        padding: 0 20px 50px 20px !important;\n        gap: 30px !important;\n      }\n      #engelhardt-hero-module .eh-blueprint-banner {\n        padding: 60px 20px 100px 20px !important;\n      }\n      #engelhardt-hero-module .eh-card {\n        padding: 35px 25px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"eh-blueprint-banner\">\n    <h2 class=\"eh-main-title\">Custom Rubber Gaskets &#038; Seals \u2014 Engineered for Sealing Applications That Matter<\/h2>\n  <\/div>\n\n  <div class=\"eh-container\">\n    \n    <div class=\"eh-card eh-card-light\">\n      <div class=\"eh-text-content\">\n        <p class=\"eh-lead-text\">The costliest mistake in industrial sealing is choosing the wrong elastomer. A nitrile gasket exposed to daily ozone fails within 18 months . An EPDM seal in contact with hydraulic oil swells and loses compression set within weeks. The downstream cost \u2014 unplanned downtime, contamination claims, audit failures \u2014 routinely runs 10 to 50 times the unit-price difference between a competent manufacturer and a generic catalog source.<\/p>\n        \n        <div id=\"eh-left-collapse\" class=\"eh-collapse-grid\">\n          <div class=\"eh-collapse-inner\">\n            <p class=\"eh-body-text\">Engelhardt manufactures custom rubber gaskets, custom rubber seals, and silicone sealing components matched to your application\u2019s temperature window, chemical exposure, durometer requirement, and certification scope. We run 14 elastomer families across compression molding, liquid injection molding, die cutting, and waterjet cutting in a 53,000 sq.m. facility, with every batch documented under our IATF 16949 quality management system.<\/p>\n          <\/div>\n        <\/div>\n        \n        <button id=\"eh-left-btn\" class=\"eh-toggle-btn\">\n          <svg class=\"eh-toggle-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n          <\/svg>\n          <span class=\"eh-btn-text\">View Engineering Capabilities<\/span>\n        <\/button>\n      <\/div>\n      \n      <div class=\"eh-quote-box\">\n        <p class=\"eh-quote-text\">Our first inquiry to a new RFQ isn&#8217;t &#8220;what is the geometry of the part&#8221;, it &#8220;what will the gasket be in contact with and at what temperature&#8221;. Nail that, tooling is a piece of cake. Flip it, and the part is scrap before it leaves the door.<\/p>\n        <p class=\"eh-quote-author\">\u2014 Senior Application Engineer, Engelhardt Rubber Engineering Team<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"eh-card eh-card-dark\">\n      <h3 class=\"eh-right-heading\">What separates Engelhardt from generic catalog sources<\/h3>\n      \n      <div class=\"eh-timeline\">\n        \n        <div class=\"eh-timeline-item eh-active\" onclick=\"toggleEhTimeline(this)\">\n          <div class=\"eh-feature-header\">\n            <h4 class=\"eh-feature-title\">Application-first material selection<\/h4>\n            <svg class=\"eh-tl-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n          <div class=\"eh-tl-collapse-grid\">\n            <div class=\"eh-tl-collapse-inner\">\n              <p class=\"eh-feature-desc\">\u2014 sales engineers screen your spec against chemical, thermal, and regulatory variables before quoting tooling.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"eh-timeline-item\" onclick=\"toggleEhTimeline(this)\">\n          <div class=\"eh-feature-header\">\n            <h4 class=\"eh-feature-title\">Documented batch traceability<\/h4>\n            <svg class=\"eh-tl-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n          <div class=\"eh-tl-collapse-grid\">\n            <div class=\"eh-tl-collapse-inner\">\n              <p class=\"eh-feature-desc\">\u2014 every production lot carries Mooney viscosity, vulcanization curve, and tensile data per our IATF 16949 quality records.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"eh-timeline-item\" onclick=\"toggleEhTimeline(this)\">\n          <div class=\"eh-feature-header\">\n            <h4 class=\"eh-feature-title\">Real OEM track record<\/h4>\n            <svg class=\"eh-tl-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n          <div class=\"eh-tl-collapse-grid\">\n            <div class=\"eh-tl-collapse-inner\">\n              <p class=\"eh-feature-desc\">\u2014 manufacturing clients include Kohler, Oatey, American Standard, Amphenol, SFA, and Nestl\u00e9 .<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"eh-timeline-item\" onclick=\"toggleEhTimeline(this)\">\n          <div class=\"eh-feature-header\">\n            <h4 class=\"eh-feature-title\">One-stop integration<\/h4>\n            <svg class=\"eh-tl-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n            <\/svg>\n          <\/div>\n          <div class=\"eh-tl-collapse-grid\">\n            <div class=\"eh-tl-collapse-inner\">\n              <p class=\"eh-feature-desc\">\u2014 rubber, plastic, and hardware fabrication on the same campus shortens supplier-managed assembly lead times.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const leftBtn = document.getElementById('eh-left-btn');\n      const leftCollapse = document.getElementById('eh-left-collapse');\n      const btnText = leftBtn.querySelector('.eh-btn-text');\n\n      leftBtn.addEventListener('click', function() {\n        const isOpen = leftCollapse.classList.contains('eh-open');\n        \n        if (isOpen) {\n          leftCollapse.classList.remove('eh-open');\n          leftBtn.classList.remove('eh-open');\n          btnText.textContent = 'View Engineering Capabilities';\n        } else {\n          leftCollapse.classList.add('eh-open');\n          leftBtn.classList.add('eh-open');\n          btnText.textContent = 'Hide Details';\n        }\n      });\n    });\n\n    function toggleEhTimeline(element) {\n      const isActive = element.classList.contains('eh-active');\n      \n      const allItems = document.querySelectorAll('#engelhardt-hero-module .eh-timeline-item');\n      allItems.forEach(item => {\n        item.classList.remove('eh-active');\n      });\n\n      if (!isActive) {\n        element.classList.add('eh-active');\n      }\n    }\n  <\/script>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-46c94df\" data-block-id=\"46c94df\"><style>.stk-46c94df {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-46c94df-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-844685b\" data-v=\"4\" data-block-id=\"844685b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-844685b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-844685b-inner-blocks\">\n<style>\n\/* 1. Aesthetics & Fonts *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* 2. Highest Level of Scope *\/\n#b2b-gasket-materials-v1 {\n    width: 100% !important;\n    background-color: #f4f6f8 !important; \n    font-family: 'Inter', sans-serif !important;\n    padding: 70px 0 !important;\n    box-sizing: border-box !important;\n    color: #333333 !important;\n    line-height: 1.6 !important;\n    overflow: hidden !important;\n}\n\n#b2b-gasket-materials-v1 * {\n    box-sizing: border-box !important;\n}\n\n\/* 3. Layout & Frameworks *\/\n#b2b-gasket-materials-v1 .b2b-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 0 30px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 40px !important;\n}\n\n\/* \u6587\u672c\u5185\u5bb9\u533a\u57df\u5e03\u5c40 *\/\n#b2b-gasket-materials-v1 .b2b-content-group {\n    background-color: #ffffff !important;\n    padding: 45px 50px !important;\n    border-radius: 6px !important;\n    border-left: 6px solid #0048F0 !important;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.02) !important;\n    position: relative !important;\n}\n\n\/* \u9876\u90e8Hero\u5361\u7247\u589e\u52a0CSS\u5de5\u7a0b\u98ce\u659c\u7eb9\u88c5\u9970 *\/\n#b2b-gasket-materials-v1 .b2b-hero-card::after {\n    content: \"\" !important;\n    position: absolute !important;\n    bottom: 0 !important;\n    right: 0 !important;\n    width: 250px !important;\n    height: 100% !important;\n    background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 72, 240, 0.02) 10px, rgba(0, 72, 240, 0.02) 12px) !important;\n    pointer-events: none !important;\n    border-bottom-right-radius: 6px !important;\n    opacity: 0.8 !important;\n}\n\n\/* ========================================================\n   Heading SEO Structure (H2, H3, H4) \n   ======================================================== *\/\n\/* H2: \u4e3b\u9898\u6807 (32px, 700) *\/\n#b2b-gasket-materials-v1 h2.b2b-module-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #111111 !important;\n    margin: 0 0 24px 0 !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.5px !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n\/* H3: \u6b21\u7ea7\u6a21\u5757\u6807\u9898 (24px, 600) *\/\n#b2b-gasket-materials-v1 h3.b2b-section-title {\n    font-size: 24px !important;\n    font-weight: 600 !important;\n    color: #111111 !important;\n    margin: 0 0 20px 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n}\n#b2b-gasket-materials-v1 h3.b2b-section-title::before {\n    content: \"\" !important;\n    display: block !important;\n    width: 24px !important;\n    height: 4px !important;\n    background-color: #0048F0 !important;\n    border-radius: 2px !important;\n}\n\n\/* H4: \u8865\u5145\u8bf4\u660e\/\u957f\u5c3e\u5173\u952e\u8bcd\u6807\u9898 (18px, 600) *\/\n#b2b-gasket-materials-v1 h4.b2b-sub-section-title {\n    font-size: 18px !important;\n    font-weight: 600 !important;\n    color: #111111 !important;\n    margin: 0 0 12px 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n}\n#b2b-gasket-materials-v1 h4.b2b-sub-section-title::before {\n    content: \"\u25aa\" !important; \/* \u7cbe\u81f4\u7684\u5c0f\u65b9\u5757\u4f5c\u4e3a\u89c6\u89c9\u5f15\u5bfc *\/\n    color: #0048F0 !important;\n}\n\n\/* \u6bb5\u843d\u6392\u7248 *\/\n#b2b-gasket-materials-v1 p.b2b-text-body {\n    font-size: 16px !important;\n    color: #4a5568 !important;\n    margin: 0 0 16px 0 !important;\n    text-align: justify !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n#b2b-gasket-materials-v1 p.b2b-text-body:last-child {\n    margin-bottom: 0 !important;\n}\n\n#b2b-gasket-materials-v1 p.b2b-specialty-text {\n    font-size: 15px !important;\n    background-color: #f0f4ff !important;\n    color: #0037b8 !important;\n    padding: 20px 25px !important;\n    border-radius: 6px !important;\n    margin: 0 !important;\n    font-weight: 500 !important;\n    border: 1px solid rgba(0, 72, 240, 0.1) !important;\n}\n\n\/* ========================================================\n   \u6298\u53e0\/\u5c55\u5f00 \u529f\u80fd\u6838\u5fc3\u6837\u5f0f (Collapse\/Expand) \n   ======================================================== *\/\n#b2b-gasket-materials-v1 .b2b-collapse-wrap {\n    position: relative !important;\n    max-height: 85px !important;\n    overflow: hidden !important;\n    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-collapse-wrap.is-expanded {\n    max-height: 1500px !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-collapse-wrap::after {\n    content: \"\" !important;\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 55px !important;\n    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%) !important;\n    pointer-events: none !important;\n    transition: opacity 0.4s ease !important;\n    z-index: 3 !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-collapse-wrap.is-expanded::after {\n    opacity: 0 !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-toggle-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    background: none !important;\n    border: none !important;\n    color: #0048F0 !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    padding: 15px 0 0 0 !important;\n    cursor: pointer !important;\n    font-family: inherit !important;\n    transition: all 0.2s ease !important;\n    position: relative !important;\n    z-index: 4 !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-toggle-btn:hover {\n    color: #002b90 !important;\n    letter-spacing: 0.2px !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-toggle-btn svg {\n    transition: transform 0.3s ease !important;\n}\n\n\/* ========================================================\n   \u6838\u5fc3\u7ec4\u4ef6\uff1a\u51b3\u7b56\u77e9\u9635\u8868 (CSS Grid) \n   ======================================================== *\/\n#b2b-gasket-materials-v1 .b2b-matrix-wrapper {\n    background: #ffffff !important;\n    border-radius: 6px !important;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.02) !important;\n    overflow: hidden !important;\n    border: 1px solid #eaedf1 !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-matrix-grid {\n    display: grid !important;\n    grid-template-columns: 1.5fr 1.2fr 1fr 1fr 1.2fr 2fr !important;\n    width: 100% !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-matrix-header {\n    display: contents !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-header-cell {\n    background-color: #0048F0 !important;\n    color: #ffffff !important;\n    font-weight: 600 !important;\n    font-size: 14px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n    padding: 18px 20px !important;\n    text-align: left !important;\n    border-right: 1px solid rgba(255,255,255,0.1) !important;\n}\n#b2b-gasket-materials-v1 .b2b-header-cell:last-child {\n    border-right: none !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-matrix-row {\n    display: contents !important;\n}\n\n\/* \u6570\u636e\u5355\u5143\u683c\u57fa\u7840\u6837\u5f0f *\/\n#b2b-gasket-materials-v1 .b2b-data-cell {\n    background-color: #ffffff !important;\n    color: #2d3748 !important;\n    font-size: 15px !important;\n    padding: 18px 20px !important;\n    border-bottom: 1px solid #eaedf1 !important;\n    border-right: 1px solid #eaedf1 !important;\n    display: flex !important;\n    align-items: center !important;\n    transition: all 0.2s ease !important;\n}\n\n#b2b-gasket-materials-v1 .b2b-data-cell:last-child {\n    border-right: none !important;\n}\n\n\/* \u6591\u9a6c\u7ebf\uff1a\u5076\u6570\u884c\u5e95\u8272\u53d8\u7070 *\/\n#b2b-gasket-materials-v1 .b2b-matrix-row:nth-child(even) .b2b-data-cell {\n    background-color: #f9fafb !important;\n}\n\n\/* \u4ea4\u4e92\u60ac\u6d6e\uff1a\u6574\u884c\u9ad8\u4eae\uff0c\u5de6\u4fa7\u589e\u52a0\u4e3b\u8272\u89c6\u89c9\u805a\u7126\u7ebf *\/\n#b2b-gasket-materials-v1 .b2b-matrix-row:hover .b2b-data-cell {\n    background-color: #f0f4ff !important;\n}\n#b2b-gasket-materials-v1 .b2b-matrix-row:hover .b2b-data-cell:first-child {\n    box-shadow: inset 4px 0 0 #0048F0 !important;\n    color: #0048F0 !important;\n}\n\n\/* \u72b6\u6001\u80f6\u56ca\u8bbe\u8ba1 (Pill Badges) *\/\n#b2b-gasket-materials-v1 .b2b-badge-wrap {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 4px 12px !important;\n    border-radius: 20px !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.3px !important;\n}\n#b2b-gasket-materials-v1 .b2b-badge-poor {\n    background-color: #fef2f2 !important;\n    color: #dc2626 !important;\n    border: 1px solid #fecaca !important;\n}\n#b2b-gasket-materials-v1 .b2b-badge-mod {\n    background-color: #fffbeb !important;\n    color: #d97706 !important;\n    border: 1px solid #fde68a !important;\n}\n#b2b-gasket-materials-v1 .b2b-badge-exc {\n    background-color: #f0fdf4 !important;\n    color: #16a34a !important;\n    border: 1px solid #bbf7d0 !important;\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width:1000px) {\n    #b2b-gasket-materials-v1 .b2b-content-group {\n        padding: 30px 20px !important;\n    }\n    #b2b-gasket-materials-v1 .b2b-matrix-grid {\n        display: flex !important;\n        flex-direction: column !important;\n    }\n    #b2b-gasket-materials-v1 .b2b-matrix-header {\n        display: none !important;\n    }\n    #b2b-gasket-materials-v1 .b2b-matrix-row {\n        display: flex !important;\n        flex-direction: column !important;\n        border-bottom: 4px solid #0048F0 !important;\n        background-color: #ffffff !important;\n    }\n    #b2b-gasket-materials-v1 .b2b-data-cell {\n        border-right: none !important;\n        border-bottom: 1px solid #eaedf1 !important;\n        padding: 14px 20px !important;\n        justify-content: space-between !important;\n    }\n    #b2b-gasket-materials-v1 .b2b-matrix-row:hover .b2b-data-cell:first-child {\n        box-shadow: inset 4px 0 0 transparent !important;\n    }\n    #b2b-gasket-materials-v1 .b2b-data-cell::before {\n        content: attr(data-label) !important;\n        font-weight: 600 !important;\n        color: #718096 !important;\n        margin-right: 20px !important;\n        min-width: 130px !important;\n    }\n}\n<\/style>\n\n<section id=\"b2b-gasket-materials-v1\">\n    <div class=\"b2b-container\">\n        \n        <div class=\"b2b-content-group b2b-hero-card\">\n            <h2 class=\"b2b-module-title\">Gasket Materials We Manufacture \u2014 From Buna-N to Fluorosilicone<\/h2>\n            \n            <div id=\"b2b-hero-text-wrap\" class=\"b2b-collapse-wrap\">\n                <p class=\"b2b-text-body\">Our standing inventory covers the elastomer families that resolve 95% of industrial sealing applications. Each compound below is held in stock as raw rubber sheet, ready for compression molding, injection, die cutting, or waterjet to your CAD geometry. Whether you need a die cut EPDM washer, a molded silicone O-ring that must compress predictably across hundreds of thousands of cycles, or a custom silicone gasket qualified to operate from low temperature freezer environments to 500\u00b0F sanitary autoclaves, the material decision drives 80% of long-term performance.<\/p>\n                <p class=\"b2b-text-body\">The gasket material selection table below is the single decision that determines whether your seal survives in service or fails inside the first quarter. Read each property column against your actual operating envelope \u2014 not the nameplate rating.<\/p>\n            <\/div>\n            \n            <button id=\"b2b-hero-toggle\" class=\"b2b-toggle-btn\" aria-expanded=\"false\">\n                <span>Read More<\/span>\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n            <\/button>\n        <\/div>\n\n        <div class=\"b2b-matrix-wrapper\">\n            <div class=\"b2b-content-group\" style=\"border-left: none !important; padding-bottom: 20px !important; background: transparent !important; box-shadow: none !important;\">\n                <h3 class=\"b2b-section-title\">Material Decision Matrix \u2014 8 Core Elastomers Compared<\/h3>\n            <\/div>\n            \n            <div class=\"b2b-matrix-grid\">\n                <div class=\"b2b-matrix-header\">\n                    <div class=\"b2b-header-cell\">Material<\/div>\n                    <div class=\"b2b-header-cell\">Temperature Range<\/div>\n                    <div class=\"b2b-header-cell\">Oil\/Fuel<\/div>\n                    <div class=\"b2b-header-cell\">Ozone\/Weather<\/div>\n                    <div class=\"b2b-header-cell\">Hardness Range<\/div>\n                    <div class=\"b2b-header-cell\">Best For<\/div>\n                <\/div>\n\n                <div class=\"b2b-matrix-row\">\n                    <div class=\"b2b-data-cell\" data-label=\"Material\"><strong>Silicone (VMQ)<\/strong><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Temperature Range\">-75\u00b0F to 500\u00b0F<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Oil\/Fuel\"><span class=\"b2b-badge-wrap b2b-badge-poor\">Poor<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Ozone\/Weather\"><span class=\"b2b-badge-wrap b2b-badge-exc\">Excellent<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Hardness Range\">10-70 Shore A<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Best For\">Sanitary \u00b7 FDA food \u00b7 Electronics \u00b7 LED<\/div>\n                <\/div>\n\n                <div class=\"b2b-matrix-row\">\n                    <div class=\"b2b-data-cell\" data-label=\"Material\"><strong>EPDM<\/strong><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Temperature Range\">-30\u00b0C to 140\u00b0C<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Oil\/Fuel\"><span class=\"b2b-badge-wrap b2b-badge-poor\">Poor<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Ozone\/Weather\"><span class=\"b2b-badge-wrap b2b-badge-exc\">Excellent<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Hardness Range\">40-80 Shore A<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Best For\">Outdoor \u00b7 Steam \u00b7 Potable water \u00b7 HVAC<\/div>\n                <\/div>\n\n                <div class=\"b2b-matrix-row\">\n                    <div class=\"b2b-data-cell\" data-label=\"Material\"><strong>Neoprene (CR)<\/strong><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Temperature Range\">-40\u00b0C to 120\u00b0C<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Oil\/Fuel\"><span class=\"b2b-badge-wrap b2b-badge-mod\">Moderate<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Ozone\/Weather\">Good<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Hardness Range\">40-80 Shore A<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Best For\">General industrial \u00b7 Marine \u00b7 Refrigerant<\/div>\n                <\/div>\n\n                <div class=\"b2b-matrix-row\">\n                    <div class=\"b2b-data-cell\" data-label=\"Material\"><strong>Buna-N (Nitrile, NBR)<\/strong><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Temperature Range\">-25\u00b0C to 100\u00b0C<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Oil\/Fuel\"><span class=\"b2b-badge-wrap b2b-badge-exc\">Excellent<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Ozone\/Weather\"><span class=\"b2b-badge-wrap b2b-badge-poor\">Poor<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Hardness Range\">40-90 Shore A<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Best For\">Hydraulic \u00b7 Fuel \u00b7 Petroleum sealing<\/div>\n                <\/div>\n\n                <div class=\"b2b-matrix-row\">\n                    <div class=\"b2b-data-cell\" data-label=\"Material\"><strong>Viton (FKM)<\/strong><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Temperature Range\">-20\u00b0C to 200\u00b0C<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Oil\/Fuel\"><span class=\"b2b-badge-wrap b2b-badge-exc\">Excellent<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Ozone\/Weather\">Good<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Hardness Range\">60-90 Shore A<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Best For\">Aggressive chemicals \u00b7 Pharma \u00b7 High-temp fuel<\/div>\n                <\/div>\n\n                <div class=\"b2b-matrix-row\">\n                    <div class=\"b2b-data-cell\" data-label=\"Material\"><strong>Fluorosilicone (FVMQ)<\/strong><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Temperature Range\">-65\u00b0C to 175\u00b0C<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Oil\/Fuel\"><span class=\"b2b-badge-wrap b2b-badge-exc\">Excellent<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Ozone\/Weather\">Good<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Hardness Range\">40-80 Shore A<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Best For\">Aerospace \u00b7 Fuel system \u00b7 Wide temp swing<\/div>\n                <\/div>\n\n                <div class=\"b2b-matrix-row\">\n                    <div class=\"b2b-data-cell\" data-label=\"Material\"><strong>Polyurethane (AU\/EU)<\/strong><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Temperature Range\">-40\u00b0C to 80\u00b0C<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Oil\/Fuel\"><span class=\"b2b-badge-wrap b2b-badge-exc\">Excellent<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Ozone\/Weather\"><span class=\"b2b-badge-wrap b2b-badge-mod\">Moderate<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Hardness Range\">60-95 Shore A<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Best For\">High abrasion \u00b7 Impact \u00b7 Hydraulic press seal<\/div>\n                <\/div>\n\n                <div class=\"b2b-matrix-row\">\n                    <div class=\"b2b-data-cell\" data-label=\"Material\"><strong>Natural Rubber (NR)<\/strong><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Temperature Range\">-50\u00b0C to 80\u00b0C<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Oil\/Fuel\"><span class=\"b2b-badge-wrap b2b-badge-poor\">Poor<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Ozone\/Weather\"><span class=\"b2b-badge-wrap b2b-badge-poor\">Poor<\/span><\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Hardness Range\">30-90 Shore A<\/div>\n                    <div class=\"b2b-data-cell\" data-label=\"Best For\">Vibration dampening \u00b7 Tear-resistant gaskets<\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"padding: 30px 50px 40px 50px !important;\">\n                <h4 class=\"b2b-sub-section-title\">Specialty Elastomer Grades<\/h4>\n                <p class=\"b2b-specialty-text\">Specialty grades available on request: Closed cell silicone sponge, silicone foam, electrically conductive silicone (nickel \/silver plated filler), heat conductive silicone, FDA Class VI for medical use by the FDA. Our custom silicone product range includes solid silicone foam, sponge and liquid injection molded silicone (LSR).<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"b2b-content-group\" style=\"border-left-color: #212121 !important;\">\n            <h3 class=\"b2b-section-title\">Why material selection drives 80% of long-term sealing cost<\/h3>\n            <p class=\"b2b-text-body\">A loss of the gasket in service is 80-90% caused by; compression set, ozone cracking or chemical swelling. Very rarely is root cause a process or a duty cycle mismatch, the fault is the wrong elastomer to duty cycle combination. With a properly specified material is traceable cure data that losses in this data group are eliminated. Our incoming-material protocol specifies Mooney viscometer testing, moving die rheometer cure compatibility, compression-set validation (per ASTM D395), before any production lot ships.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const toggleBtn = document.getElementById(\"b2b-hero-toggle\");\n        const contentArea = document.getElementById(\"b2b-hero-text-wrap\");\n        \n        if(toggleBtn && contentArea) {\n            toggleBtn.addEventListener(\"click\", function() {\n                const isExpanded = contentArea.classList.contains(\"is-expanded\");\n                const spanText = toggleBtn.querySelector(\"span\");\n                const svgIcon = toggleBtn.querySelector(\"svg\");\n                \n                if(!isExpanded) {\n                    contentArea.classList.add(\"is-expanded\");\n                    spanText.textContent = \"Show Less\";\n                    svgIcon.style.transform = \"rotate(180deg)\";\n                    toggleBtn.setAttribute(\"aria-expanded\", \"true\");\n                } else {\n                    contentArea.classList.remove(\"is-expanded\");\n                    spanText.textContent = \"Read More\";\n                    svgIcon.style.transform = \"rotate(0deg)\";\n                    toggleBtn.setAttribute(\"aria-expanded\", \"false\");\n                }\n            });\n        }\n    });\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-0745408\" data-block-id=\"0745408\"><style>.stk-0745408 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0745408-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d329be1\" data-v=\"4\" data-block-id=\"d329be1\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d329be1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d329be1-inner-blocks\">\n<div id=\"eh-manufacturing-module\">\n  <style>\n    \/* \u5f15\u5165\u9ad8\u8d28\u91cf\u5de5\u4e1a\u98ce\u65e0\u886c\u7ebf\u5b57\u4f53 *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;800;900&display=swap');\n\n    \/* ====================================================================\n       1. \u9876\u5c42\u4f5c\u7528\u57df\u9694\u79bb\u4e0e\u5168\u5c40\u91cd\u7f6e & \u5de5\u7a0b\u7f51\u683c\u80cc\u666f\n       ==================================================================== *\/\n    #eh-manufacturing-module {\n      width: 100% !important;\n      background-color: #f4f7f9 !important; \n      \/* \u9ad8\u7ea7\u5de5\u7a0b\u56fe\u7eb8\u70b9\u9635\u80cc\u666f *\/\n      background-image: radial-gradient(#cbd5e1 1px, transparent 1px) !important;\n      background-size: 24px 24px !important;\n      font-family: 'Inter', system-ui, -apple-system, sans-serif !important;\n      box-sizing: border-box !important;\n      overflow: hidden !important;\n      border-top: 4px solid #0048F0 !important;\n      position: relative !important;\n    }\n\n    #eh-manufacturing-module * {\n      box-sizing: border-box !important;\n    }\n\n    #eh-manufacturing-module .eh-container {\n      max-width: 1600px !important;\n      margin: 0 auto !important;\n      padding: 60px 40px 80px 40px !important;\n      display: flex !important;\n      flex-direction: column !important;\n      gap: 70px !important;\n      position: relative !important;\n      z-index: 2 !important;\n    }\n\n    \/* ====================================================================\n       2. \u6807\u9898\u6392\u7248\u7cfb\u7edf (H2 - H4 Typography System)\n       ==================================================================== *\/\n    \n    \/* H2: \u6a21\u5757\u4e3b\u6807\u9898 - \u5168\u5c40\u6700\u5927 *\/\n    #eh-manufacturing-module h2.eh-main-title {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #0f172a !important;\n      margin: 0 0 24px 0 !important;\n      padding: 0 !important;\n      line-height: 1.2 !important;\n      letter-spacing: -1px !important;\n    }\n\n    \/* H3: \u677f\u5757\u6807\u9898 - \u6b21\u7ea7\u5c42\u7ea7 *\/\n    #eh-manufacturing-module h3.eh-section-title {\n      font-size: 26px !important;\n      font-weight: 700 !important;\n      color: #0f172a !important;\n      margin: 0 0 30px 0 !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 12px !important;\n      letter-spacing: -0.5px !important;\n    }\n\n    #eh-manufacturing-module h3.eh-section-title::before {\n      content: \"\" !important;\n      display: block !important;\n      width: 6px !important;\n      height: 24px !important;\n      background: linear-gradient(180deg, #0048F0 0%, #002e99 100%) !important;\n      border-radius: 2px !important;\n    }\n\n    \/* H4: \u9762\u677f\u5177\u4f53\u5185\u5bb9\u6807\u9898 - \u7b2c\u4e09\u5c42\u7ea7 *\/\n    #eh-manufacturing-module h4.eh-process-title {\n      font-size: 22px !important;\n      font-weight: 700 !important;\n      color: #0f172a !important;\n      margin: 0 0 20px 0 !important;\n      letter-spacing: -0.25px !important;\n      position: relative !important;\n      z-index: 5 !important;\n    }\n\n    \/* \u9876\u90e8\u5f15\u5bfc\u6587\u5b57 *\/\n    #eh-manufacturing-module .eh-header-section {\n      max-width: 1000px !important;\n      margin: 0 auto !important;\n      text-align: center !important;\n    }\n\n    #eh-manufacturing-module .eh-intro-text {\n      font-size: 17px !important;\n      font-weight: 400 !important;\n      color: #475569 !important;\n      line-height: 1.8 !important;\n      margin: 0 !important;\n      text-align: center !important;\n    }\n\n    \/* ====================================================================\n       3. \u54cd\u5e94\u5f0f\u7cbe\u5bc6\u5bf9\u6bd4\u77e9\u9635 (\u5e26\u4ea4\u4e92\u7279\u6548)\n       ==================================================================== *\/\n    #eh-manufacturing-module .eh-matrix-section {\n      background: #ffffff !important;\n      padding: 40px !important;\n      border-radius: 8px !important;\n      box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(226, 232, 240, 0.5) !important;\n    }\n\n    #eh-manufacturing-module .eh-table-responsive { width: 100% !important; overflow-x: auto !important; border-radius: 6px !important; }\n    #eh-manufacturing-module table.eh-matrix-table { width: 100% !important; border-collapse: collapse !important; text-align: left !important; min-width: 800px !important; }\n    \n    #eh-manufacturing-module .eh-matrix-table th { \n      background: linear-gradient(135deg, #0048F0 0%, #0036b3 100%) !important; \n      color: #ffffff !important; \n      font-weight: 600 !important; \n      font-size: 15px !important; \n      padding: 18px 20px !important; \n      border: 1px solid #0036b3 !important; \n      letter-spacing: 0.5px !important;\n    }\n    \n    #eh-manufacturing-module .eh-matrix-table td { \n      padding: 16px 20px !important; \n      font-size: 15px !important; \n      color: #334155 !important; \n      border: 1px solid #e2e8f0 !important; \n      border-left: 3px solid transparent !important; \n      transition: all 0.2s ease !important; \n    }\n    \n    #eh-manufacturing-module .eh-matrix-table tbody tr:nth-child(even) td { background-color: #f8fafc !important; }\n    \n    #eh-manufacturing-module .eh-matrix-table tbody tr:hover td { \n      background-color: #f0f4ff !important; \n    }\n    #eh-manufacturing-module .eh-matrix-table tbody tr:hover td:first-child {\n      border-left: 3px solid #0048F0 !important;\n      color: #0048F0 !important;\n    }\n\n    \/* ====================================================================\n       4. \u4ea4\u4e92\u5f0f\u5e03\u5c40\uff1a\u9519\u843d\u6247\u5f62\u5806\u53e0 (Fan-shaped Isometric Stack)\n       ==================================================================== *\/\n    #eh-manufacturing-module .eh-interactive-section {\n      display: flex !important;\n      flex-direction: row !important; \n      gap: 60px !important;\n      align-items: center !important; \n      margin-top: 10px !important;\n    }\n\n    #eh-manufacturing-module .eh-image-stack {\n      display: flex !important;\n      flex-direction: column !important;\n      width: 480px !important; \n      padding: 20px 20px 40px 20px !important; \n      position: relative !important;\n      flex-shrink: 0 !important;\n    }\n\n    #eh-manufacturing-module .eh-nav-item {\n      background-color: #ffffff !important;\n      border: 1px solid #e2e8f0 !important;\n      border-radius: 8px !important;\n      padding: 15px !important;\n      width: 400px !important; \n      height: 280px !important; \n      margin-bottom: -150px !important; \n      cursor: pointer !important;\n      transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n      box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.12) !important;\n      position: relative !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      transform-origin: center left !important;\n    }\n\n    #eh-manufacturing-module .eh-nav-item:last-child { margin-bottom: 0 !important; }\n\n    #eh-manufacturing-module .eh-nav-item:nth-child(1) { transform: rotate(-5deg) translateX(-15px) !important; z-index: 4 !important; }\n    #eh-manufacturing-module .eh-nav-item:nth-child(2) { transform: rotate(-1.5deg) translateX(-5px) !important; z-index: 3 !important; }\n    #eh-manufacturing-module .eh-nav-item:nth-child(3) { transform: rotate(2deg) translateX(5px) !important; z-index: 2 !important; }\n    #eh-manufacturing-module .eh-nav-item:nth-child(4) { transform: rotate(5.5deg) translateX(15px) !important; z-index: 1 !important; }\n\n    #eh-manufacturing-module .eh-nav-item:hover {\n      box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.18) !important;\n    }\n\n    #eh-manufacturing-module .eh-nav-item.active {\n      transform: scale(1.08) translateX(60px) rotate(0deg) !important; \n      z-index: 10 !important;\n      border: 2px solid #0048F0 !important;\n      box-shadow: 0 20px 40px -10px rgba(0, 72, 240, 0.2), 0 0 0 4px rgba(0, 72, 240, 0.08) !important;\n    }\n\n    #eh-manufacturing-module .eh-nav-item.active::after {\n      content: '' !important;\n      position: absolute !important;\n      right: -17px !important;\n      top: 50% !important;\n      transform: translateY(-50%) !important;\n      border-top: 12px solid transparent !important;\n      border-bottom: 12px solid transparent !important;\n      border-left: 14px solid #0048F0 !important;\n      display: block !important;\n    }\n\n    #eh-manufacturing-module .eh-nav-item img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: contain !important; \n      display: block !important;\n    }\n\n    \/* \u53f3\u4fa7\uff1a\u5927\u578b\u5185\u5bb9\u5c55\u793a\u533a *\/\n    #eh-manufacturing-module .eh-content-area {\n      flex: 1 !important; \n      background: #ffffff !important;\n      padding: 60px !important;\n      border-radius: 12px !important; \n      border: 1px solid #e2e8f0 !important;\n      box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.05) !important;\n      min-height: 420px !important; \n      position: relative !important;\n      overflow: hidden !important; \n      display: flex !important;\n      flex-direction: column !important;\n      justify-content: center !important;\n    }\n\n    #eh-manufacturing-module .eh-content-area::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      width: 100% !important;\n      height: 4px !important;\n      background: linear-gradient(90deg, #0048F0 0%, #3b82f6 100%) !important;\n    }\n\n    #eh-manufacturing-module .eh-panel {\n      display: none !important;\n      position: relative !important;\n      z-index: 2 !important;\n    }\n\n    #eh-manufacturing-module .eh-panel.active {\n      display: block !important;\n      animation: ehSlideUpFade 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\n    }\n\n    @keyframes ehSlideUpFade {\n      from { opacity: 0; transform: translateY(20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* \u6b63\u6587\u4e0e\u5c42\u7ea7\u4fee\u590d *\/\n    #eh-manufacturing-module .eh-tech-badge,\n    #eh-manufacturing-module .eh-process-desc {\n      position: relative !important;\n      z-index: 5 !important;\n    }\n\n    #eh-manufacturing-module .eh-tech-badge {\n      display: inline-block !important;\n      padding: 6px 12px !important;\n      background-color: rgba(0, 72, 240, 0.06) !important;\n      color: #0048F0 !important;\n      font-size: 12px !important;\n      font-weight: 700 !important;\n      border-radius: 4px !important;\n      margin-bottom: 16px !important;\n      letter-spacing: 1px !important;\n      text-transform: uppercase !important;\n    }\n\n    #eh-manufacturing-module .eh-process-desc {\n      font-size: 16px !important;\n      font-weight: 400 !important;\n      color: #475569 !important;\n      line-height: 1.85 !important;\n      margin: 0 !important;\n      text-align: justify !important;\n      padding-left: 20px !important;\n      border-left: 3px solid #cbd5e1 !important;\n    }\n\n    #eh-manufacturing-module .eh-watermark {\n      position: absolute !important;\n      bottom: -30px !important;\n      right: 10px !important;\n      font-size: 220px !important;\n      font-weight: 900 !important;\n      color: #f1f5f9 !important; \n      opacity: 0.6 !important; \n      line-height: 1 !important;\n      z-index: 0 !important; \n      pointer-events: none !important;\n      user-select: none !important;\n      letter-spacing: -10px !important;\n    }\n\n    \/* ====================================================================\n       5. \u54cd\u5e94\u5f0f\u9002\u914d (Mobile Fallback) - \u5305\u542b\u5b57\u4f53\u7f29\u653e\n       ==================================================================== *\/\n    @media (max-width:1000px) {\n      \/* \u6807\u9898\u54cd\u5e94\u5f0f\u7f29\u653e *\/\n      #eh-manufacturing-module h2.eh-main-title { font-size: 32px !important; }\n      #eh-manufacturing-module h3.eh-section-title { font-size: 24px !important; margin-bottom: 24px !important; }\n      #eh-manufacturing-module h4.eh-process-title { font-size: 22px !important; }\n\n      #eh-manufacturing-module .eh-interactive-section {\n        flex-direction: column !important; \n        gap: 40px !important;\n      }\n      #eh-manufacturing-module .eh-image-stack {\n        flex-direction: row !important;\n        width: 100% !important;\n        padding: 10px 0 20px 0 !important;\n        overflow-x: auto !important;\n        gap: 20px !important;\n      }\n      #eh-manufacturing-module .eh-nav-item,\n      #eh-manufacturing-module .eh-nav-item:nth-child(n) {\n        flex: 0 0 300px !important; \n        height: 220px !important; \n        margin-bottom: 0 !important;\n        transform: none !important; \n      }\n      #eh-manufacturing-module .eh-nav-item.active {\n        transform: translateY(-5px) scale(1.02) !important; \n      }\n      #eh-manufacturing-module .eh-nav-item.active::after {\n        right: 50% !important;\n        bottom: -15px !important;\n        top: auto !important;\n        transform: translateX(50%) !important;\n        border-top: 12px solid #0048F0 !important;\n        border-left: 12px solid transparent !important;\n        border-right: 12px solid transparent !important;\n        border-bottom: none !important;\n      }\n      #eh-manufacturing-module .eh-content-area {\n        padding: 40px 30px !important;\n      }\n      #eh-manufacturing-module .eh-watermark {\n        font-size: 140px !important;\n        bottom: -10px !important;\n        right: 0px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"eh-container\">\n    \n    <div class=\"eh-header-section\">\n      <h2 class=\"eh-main-title\">Manufacturing Processes \u2014 Compression Molding, Injection, Die Cut, Waterjet<\/h2>\n      <p class=\"eh-intro-text\">Design is a choice of geometry complexity, annual volume, tolerance class, and tooling economics. Geometry may be two dimensional within the X-Y plane, such as a flat grommet, or 3 dimensional in the X, Y, and Z axes, like a temperature sensor or complex diaphragm. Picking the right process may literally be the difference between 200 prototype units or 2 million objects for the line side.<\/p>\n    <\/div>\n\n    <div class=\"eh-matrix-section\">\n      <h3 class=\"eh-section-title\">Process Comparison Matrix<\/h3>\n      <div class=\"eh-table-responsive\">\n        <table class=\"eh-matrix-table\">\n          <thead>\n            <tr>\n              <th>Process<\/th>\n              <th>Tooling Cost<\/th>\n              <th>Typical MOQ<\/th>\n              <th>Tolerance<\/th>\n              <th>Best Geometry<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td><strong>Compression Molding<\/strong><\/td>\n              <td>Low to Medium<\/td>\n              <td>500-5,000 pcs<\/td>\n              <td>\u00b10.10 mm<\/td>\n              <td>Solid molded gaskets \u00b7 O-rings \u00b7 Custom rubber seals<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>Injection Molding (300T)<\/strong><\/td>\n              <td>Medium to High<\/td>\n              <td>5,000-100,000+ pcs<\/td>\n              <td>\u00b10.05 mm<\/td>\n              <td>Complex 3D geometry \u00b7 Tight tolerance \u00b7 High volume<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>Die Cutting<\/strong><\/td>\n              <td>Low<\/td>\n              <td>100-50,000 pcs<\/td>\n              <td>\u00b10.25 mm<\/td>\n              <td>Flat die cut rubber gaskets \u00b7 Custom sheet shapes<\/td>\n            <\/tr>\n            <tr>\n              <td><strong>Waterjet Cutting<\/strong><\/td>\n              <td>None (tool-less)<\/td>\n              <td>1-1,000 pcs<\/td>\n              <td>\u00b10.15 mm<\/td>\n              <td>Prototype \u00b7 Low volume \u00b7 No-tooling first article<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <div class=\"eh-interactive-section\">\n      \n      <div class=\"eh-image-stack\">\n        <div class=\"eh-nav-item active\" onclick=\"ehSwitchTab_Mfg(0)\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Compression-Molding-1.png\" alt=\"Compression Molding Process\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"eh-nav-item\" onclick=\"ehSwitchTab_Mfg(1)\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Injection-Molding-300T.png\" alt=\"Injection Molding 300T\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"eh-nav-item\" onclick=\"ehSwitchTab_Mfg(2)\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Die-Cutting.png\" alt=\"Die Cutting Process\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"eh-nav-item\" onclick=\"ehSwitchTab_Mfg(3)\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Waterjet-Cutting.png\" alt=\"Waterjet Cutting Process\" loading=\"lazy\" \/>\n        <\/div>\n      <\/div>\n\n      <div class=\"eh-content-area\">\n        \n        <div class=\"eh-panel active\">\n          <div class=\"eh-watermark\">01<\/div>\n          <span class=\"eh-tech-badge\">250T Vacuum Vulcanizing Lines<\/span>\n          <h4 class=\"eh-process-title\">Compression Molding<\/h4>\n          <p class=\"eh-process-desc\">Our 40+ vulcanizing machines \u2014 including 250-ton vacuum hydraulic presses \u2014 form the backbone of our solid molded rubber capacity. Compression molding is the most economical route for low-to-mid volume runs where tooling investment must amortize quickly. Vacuum-assisted compression eliminates trapped air and reduces flash, which translates to less manual trimming and tighter dimensional repeatability batch-over-batch.<\/p>\n        <\/div>\n\n        <div class=\"eh-panel\">\n          <div class=\"eh-watermark\">02<\/div>\n          <span class=\"eh-tech-badge\">300T Rubber Injection Capacity<\/span>\n          <h4 class=\"eh-process-title\">Injection Molding<\/h4>\n          <p class=\"eh-process-desc\">For complex 3D geometries and annual volumes above 5,000 pieces, our 300-ton rubber injection molding line delivers the cycle time and dimensional consistency that compression cannot match. Liquid silicone rubber (LSR) injection runs at 10-70 Shore A across the full silicone hardness range. Cycle times typically run 4-7\u00d7 faster than compression for equivalent geometry.<\/p>\n        <\/div>\n\n        <div class=\"eh-panel\">\n          <div class=\"eh-watermark\">03<\/div>\n          <span class=\"eh-tech-badge\">Steel Rule, Rotary, and Kiss-Cut<\/span>\n          <h4 class=\"eh-process-title\">Die Cutting<\/h4>\n          <p class=\"eh-process-desc\">Flat custom rubber gaskets cut from sheet stock \u2014 the workhorse process for ID\/OD washer-style gaskets, flange seals, and adhesive-backed gasket tape. Steel rule dies are inexpensive and fast to commission, making die cutting the right answer for 100-50,000 piece runs of geometry that fits a single plane. Kiss-cutting through adhesive-backed silicone laminate produces peel-and-stick gaskets ready for line-side assembly.<\/p>\n        <\/div>\n\n        <div class=\"eh-panel\">\n          <div class=\"eh-watermark\">04<\/div>\n          <span class=\"eh-tech-badge\">Tool-Less Prototyping<\/span>\n          <h4 class=\"eh-process-title\">Waterjet Cutting<\/h4>\n          <p class=\"eh-process-desc\">When a CAD file lands on Tuesday and you need first articles by Friday, waterjet cutting bypasses tooling lead time entirely. Our waterjet cells handle silicone sheet, EPDM, neoprene, fluorosilicone, and PORON-equivalent foams up to 25 mm thick. This is the right path for design iterations, low-volume specialty runs, and prototype validation before committing to compression or injection tooling.<\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  function ehSwitchTab_Mfg(index) {\n    const moduleContainer = document.getElementById('eh-manufacturing-module');\n    if (!moduleContainer) return;\n\n    const navItems = moduleContainer.querySelectorAll('.eh-nav-item');\n    const panels = moduleContainer.querySelectorAll('.eh-panel');\n\n    \/\/ \u6e05\u9664\u6240\u6709\u6837\u5f0f\n    navItems.forEach(item => item.classList.remove('active'));\n    panels.forEach(panel => panel.classList.remove('active'));\n\n    \/\/ \u4e3a\u5f53\u524d\u70b9\u51fb\u9879\u6dfb\u52a0\u6837\u5f0f\n    if (navItems[index] && panels[index]) {\n      navItems[index].classList.add('active');\n      panels[index].classList.add('active');\n    }\n  }\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-31b10c5\" data-block-id=\"31b10c5\"><style>.stk-31b10c5 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-31b10c5-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f45adf5\" data-v=\"4\" data-block-id=\"f45adf5\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f45adf5-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f45adf5-inner-blocks\">\n<section id=\"yd-gasket-industries-module\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@700&display=swap');\n\n    \/* =========================================\n       1. \u9876\u7ea7\u5bb9\u5668\u4e0e\u9632\u6c61\u67d3\u9694\u79bb\n       ========================================= *\/\n    #yd-gasket-industries-module {\n      width: 100% !important;\n      background-color: #f4f6f9 !important;\n      padding: 70px 0 90px 0 !important;\n      font-family: 'Inter', sans-serif !important;\n      box-sizing: border-box !important;\n      overflow: hidden !important;\n      position: relative !important;\n    }\n\n    #yd-gasket-industries-module * {\n      box-sizing: border-box !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    #yd-gasket-industries-module .yd-container {\n      max-width: 1600px !important;\n      margin: 0 auto !important;\n      padding: 0 30px !important;\n      position: relative !important;\n      z-index: 10 !important;\n    }\n\n    \/* =========================================\n       2. SEO \u6807\u9898\u7cfb\u7edf (H2 -> H3 -> H4)\n       ========================================= *\/\n    \/* H2 - \u4e3b\u6807\u9898 *\/\n    #yd-gasket-industries-module h2.yd-main-title {\n      font-size: 32px !important; \/* \u4e25\u683c\u6309\u7167\u8981\u6c42\u8bbe\u5b9a *\/\n      font-weight: 700 !important;\n      color: #0b1320 !important;\n      text-align: center !important;\n      margin-bottom: 20px !important;\n      line-height: 1.2 !important;\n      letter-spacing: -0.5px !important;\n    }\n\n    \/* \u9876\u90e8\u5f15\u8a00 *\/\n    #yd-gasket-industries-module .yd-intro-text {\n      text-align: center !important;\n      max-width: 1100px !important;\n      margin: 0 auto 40px auto !important;\n      font-size: 16px !important;\n      line-height: 1.7 !important;\n      color: #4a5568 !important;\n    }\n\n    \/* H3 - \u7248\u5757\u526f\u6807\u9898 *\/\n    #yd-gasket-industries-module h3.yd-section-subtitle {\n      font-size: 24px !important;\n      font-weight: 700 !important;\n      color: #1a202c !important;\n      text-align: center !important;\n      margin: 0 auto 35px auto !important;\n      position: relative !important;\n      display: inline-block !important;\n      left: 50% !important;\n      transform: translateX(-50%) !important;\n    }\n    \n    \/* H3 \u5e95\u90e8\u5de5\u4e1a\u98ce\u88c5\u9970\u84dd\u7ebf *\/\n    #yd-gasket-industries-module h3.yd-section-subtitle::after {\n      content: \"\" !important;\n      display: block !important;\n      width: 40px !important;\n      height: 3px !important;\n      background-color: #0048F0 !important;\n      margin: 12px auto 0 auto !important;\n    }\n\n    \/* =========================================\n       3. \u4fe1\u4efb\u80cc\u4e66 Banner (\u9ad8\u7ea7\u6d6e\u52a8\u9762\u677f\u8bbe\u8ba1)\n       ========================================= *\/\n    #yd-gasket-industries-module .yd-trust-banner {\n      display: flex !important;\n      flex-wrap: wrap !important;\n      justify-content: center !important;\n      align-items: center !important;\n      margin: 0 auto 60px auto !important;\n      padding: 24px 40px !important;\n      background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%) !important;\n      border-left: 6px solid #0048F0 !important;\n      border: 1px solid rgba(226, 232, 240, 0.8) !important;\n      border-left-width: 6px !important;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.03), inset 0 1px 0 rgba(255,255,255,1) !important;\n      max-width: 1200px !important;\n    }\n\n    #yd-gasket-industries-module .yd-trust-banner span.yd-brand {\n      font-size: 16px !important;\n      font-weight: 700 !important;\n      color: #64748b !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.5px !important;\n      transition: color 0.3s ease, transform 0.3s ease !important;\n      cursor: default !important;\n      position: relative !important;\n      padding: 0 25px !important;\n    }\n\n    #yd-gasket-industries-module .yd-trust-banner span.yd-brand:hover {\n      color: #0048F0 !important;\n      transform: translateY(-2px) !important;\n    }\n\n    \/* \u91d1\u5c5e\u8d28\u611f\u5206\u5272\u7ebf *\/\n    #yd-gasket-industries-module .yd-trust-banner span.yd-brand:not(:last-child)::after {\n      content: \"\" !important;\n      position: absolute !important;\n      right: 0 !important;\n      top: 50% !important;\n      transform: translateY(-50%) !important;\n      width: 1px !important;\n      height: 18px !important;\n      background: linear-gradient(to bottom, transparent, #cbd5e1, transparent) !important;\n    }\n\n    \/* =========================================\n       4. \u7f51\u683c\u7cfb\u7edf\u4e0e\u5361\u7247\u57fa\u7840 (\u96f6 CLS \u67b6\u6784)\n       ========================================= *\/\n    #yd-gasket-industries-module .yd-grid-layout {\n      display: grid !important;\n      grid-template-columns: repeat(3, 1fr) !important;\n      gap: 30px !important;\n    }\n\n    #yd-gasket-industries-module .yd-industry-card {\n      position: relative !important;\n      height: 400px !important;\n      background-color: #0b1320 !important;\n      overflow: hidden !important;\n      display: flex !important;\n      flex-direction: column !important;\n      justify-content: flex-end !important;\n      cursor: default !important;\n      box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;\n      transition: box-shadow 0.5s ease, transform 0.5s ease !important;\n    }\n\n    #yd-gasket-industries-module .yd-industry-card:hover {\n      box-shadow: 0 20px 40px rgba(0, 72, 240, 0.15) !important;\n      transform: translateY(-5px) !important;\n    }\n\n    \/* \u5de5\u4e1a\u6d41\u6c34\u53f7 *\/\n    #yd-gasket-industries-module .yd-industry-card::before {\n      content: attr(data-index) !important;\n      position: absolute !important;\n      top: 20px !important;\n      right: 25px !important;\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 24px !important;\n      font-weight: 700 !important;\n      color: rgba(255, 255, 255, 0.15) !important;\n      z-index: 5 !important;\n      transition: color 0.5s ease, transform 0.5s ease !important;\n      pointer-events: none !important;\n    }\n\n    #yd-gasket-industries-module .yd-industry-card:hover::before {\n      color: rgba(0, 72, 240, 0.8) !important;\n      transform: scale(1.1) translateX(-5px) !important;\n    }\n\n    \/* \u5e95\u90e8\u54c1\u724c\u8272\u91cd\u529b\u7ebf *\/\n    #yd-gasket-industries-module .yd-card-bottom-line {\n      position: absolute !important;\n      bottom: 0 !important;\n      left: 0 !important;\n      width: 100% !important;\n      height: 4px !important;\n      background-color: #0048F0 !important;\n      z-index: 6 !important;\n      transform: scaleX(0.3) !important;\n      transform-origin: left !important;\n      transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    }\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-card-bottom-line {\n      transform: scaleX(1) !important;\n    }\n\n    \/* =========================================\n       5. \u56fe\u50cf\u4e0e\u591a\u91cd\u906e\u7f69\u5c42\u52a8\u753b\n       ========================================= *\/\n    #yd-gasket-industries-module .yd-img-frame {\n      position: absolute !important;\n      inset: 0 !important;\n      z-index: 1 !important;\n    }\n\n    #yd-gasket-industries-module .yd-img-frame img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important;\n      display: block !important;\n      transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease !important;\n    }\n\n    #yd-gasket-industries-module .yd-img-overlay {\n      position: absolute !important;\n      inset: 0 !important;\n      background: linear-gradient(to top, rgba(11, 19, 32, 0.95) 0%, rgba(11, 19, 32, 0.3) 50%, transparent 100%) !important;\n      z-index: 2 !important;\n      transition: background 0.5s ease !important;\n    }\n    \n    #yd-gasket-industries-module .yd-img-scanline {\n      position: absolute !important;\n      inset: 0 !important;\n      background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px) !important;\n      z-index: 3 !important;\n      opacity: 0 !important;\n      transition: opacity 0.5s ease !important;\n    }\n\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-img-frame img {\n      transform: scale(1.1) !important;\n      opacity: 0.2 !important;\n    }\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-img-overlay {\n      background: linear-gradient(to top, rgba(11, 19, 32, 0.98) 0%, rgba(11, 19, 32, 0.75) 100%) !important;\n    }\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-img-scanline {\n      opacity: 1 !important;\n    }\n\n    \/* \u52a8\u6001\u51c6\u661f\u8fb9\u6846 *\/\n    #yd-gasket-industries-module .yd-crosshair {\n      position: absolute !important;\n      width: 30px !important;\n      height: 30px !important;\n      z-index: 4 !important;\n      transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n      pointer-events: none !important;\n    }\n    #yd-gasket-industries-module .yd-crosshair-tl {\n      top: 20px !important; left: 20px !important;\n      border-top: 2px solid rgba(255, 255, 255, 0.6) !important;\n      border-left: 2px solid rgba(255, 255, 255, 0.6) !important;\n    }\n    #yd-gasket-industries-module .yd-crosshair-br {\n      bottom: 20px !important; right: 20px !important;\n      border-bottom: 2px solid rgba(255, 255, 255, 0.6) !important;\n      border-right: 2px solid rgba(255, 255, 255, 0.6) !important;\n    }\n\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-crosshair-tl {\n      top: 15px !important; left: 15px !important;\n      width: 40px !important; height: 40px !important;\n      border-color: #0048F0 !important;\n    }\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-crosshair-br {\n      bottom: 15px !important; right: 15px !important;\n      width: 40px !important; height: 40px !important;\n      border-color: #0048F0 !important;\n    }\n\n    \/* =========================================\n       6. \u5185\u5bb9\u6587\u672c\u533a (Grid 0fr \u60ac\u505c\u5c55\u5f00\u6280\u672f + H4 \u6807\u7b7e)\n       ========================================= *\/\n    #yd-gasket-industries-module .yd-card-content {\n      position: relative !important;\n      z-index: 5 !important;\n      padding: 35px 30px !important;\n      transform: translateY(0) !important;\n    }\n\n    \/* H4 - \u5361\u7247\u6807\u9898 *\/\n    #yd-gasket-industries-module h4.yd-card-title {\n      font-size: 20px !important;\n      font-weight: 700 !important;\n      color: #ffffff !important;\n      margin: 0 !important;\n      line-height: 1.3 !important;\n      display: flex !important;\n      align-items: center !important;\n      transition: color 0.3s ease, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    }\n\n    \/* H4 \u6807\u9898\u524d\u7684\u84dd\u6761 *\/\n    #yd-gasket-industries-module h4.yd-card-title::before {\n      content: \"\" !important;\n      display: inline-block !important;\n      width: 4px !important;\n      height: 20px !important;\n      background-color: #0048F0 !important;\n      margin-right: 12px !important;\n      transition: height 0.3s ease !important;\n    }\n\n    \/* \u63a2\u7d22\u7bad\u5934 *\/\n    #yd-gasket-industries-module .yd-title-arrow {\n      margin-left: auto !important;\n      opacity: 0 !important;\n      transform: translateX(-15px) !important;\n      transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n      color: #0048F0 !important;\n      font-size: 18px !important;\n    }\n\n    #yd-gasket-industries-module .yd-industry-card:hover h4.yd-card-title {\n      color: #ffffff !important;\n      transform: translateY(-8px) !important;\n    }\n    #yd-gasket-industries-module .yd-industry-card:hover h4.yd-card-title::before {\n      height: 26px !important;\n      background-color: #6eb0ff !important;\n    }\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-title-arrow {\n      opacity: 1 !important;\n      transform: translateX(0) !important;\n      color: #6eb0ff !important;\n    }\n\n    \/* \u63cf\u8ff0\u6587\u672c\u5305\u88f9\u5668\uff1a\u5229\u7528 Grid \u52a8\u753b\u5b9e\u73b0\u65e0\u7f1d\u5c55\u5f00 *\/\n    #yd-gasket-industries-module .yd-desc-wrapper {\n      display: grid !important;\n      grid-template-rows: 0fr !important;\n      transition: grid-template-rows 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\n    }\n\n    #yd-gasket-industries-module .yd-card-desc {\n      font-size: 14.5px !important;\n      color: #cbd5e1 !important;\n      line-height: 1.6 !important;\n      margin: 0 !important;\n      min-height: 0 !important;\n      overflow: hidden !important;\n      opacity: 0 !important;\n      transform: translateY(20px) !important;\n      transition: opacity 0.5s ease, transform 0.5s ease !important;\n    }\n\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-desc-wrapper {\n      grid-template-rows: 1fr !important;\n    }\n\n    #yd-gasket-industries-module .yd-industry-card:hover .yd-card-desc {\n      opacity: 1 !important;\n      transform: translateY(0) !important;\n      padding-top: 15px !important;\n      transition-delay: 0.15s !important; \n    }\n\n    \/* =========================================\n       7. \u54cd\u5e94\u5f0f\u964d\u7ea7\n       ========================================= *\/\n    @media (max-width:1000px) {\n      #yd-gasket-industries-module .yd-grid-layout {\n        grid-template-columns: repeat(2, 1fr) !important;\n      }\n      #yd-gasket-industries-module .yd-trust-banner span.yd-brand {\n        padding: 0 15px !important;\n      }\n    }\n\n    @media (max-width:690px) {\n      #yd-gasket-industries-module .yd-grid-layout {\n        grid-template-columns: 1fr !important;\n      }\n      #yd-gasket-industries-module .yd-container {\n        padding: 0 20px !important;\n      }\n      #yd-gasket-industries-module h2.yd-main-title {\n        font-size: 26px !important;\n      }\n      #yd-gasket-industries-module h3.yd-section-subtitle {\n        font-size: 20px !important;\n      }\n      #yd-gasket-industries-module .yd-trust-banner {\n        gap: 15px !important;\n        padding: 20px !important;\n      }\n      #yd-gasket-industries-module .yd-trust-banner span.yd-brand:not(:last-child)::after {\n        display: none !important;\n      }\n      \n      \/* \u79fb\u52a8\u7aef\u65e0 Hover \u72b6\u6001\u4fdd\u62a4 *\/\n      #yd-gasket-industries-module .yd-desc-wrapper {\n        grid-template-rows: 1fr !important;\n      }\n      #yd-gasket-industries-module .yd-card-desc {\n        opacity: 1 !important;\n        transform: translateY(0) !important;\n        padding-top: 15px !important;\n      }\n      #yd-gasket-industries-module .yd-img-overlay {\n        background: linear-gradient(to top, rgba(11, 19, 32, 0.95) 0%, rgba(11, 19, 32, 0.6) 100%) !important;\n      }\n      #yd-gasket-industries-module .yd-title-arrow {\n        opacity: 1 !important;\n        transform: translateX(0) !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"yd-container\">\n    \n    <!-- SEO H2 -->\n    <h2 class=\"yd-main-title\">Industries We Serve \u2014 Trusted by Kohler, Oatey, American Standard, Amphenol<\/h2>\n    \n    <div class=\"yd-intro-text\">\n      Our manufacturing clients include category leaders across sanitaryware, plumbing, automotive, electronics, and food &#038; beverage. The named OEMs below have qualified our material control, batch documentation, and on-time delivery against their own supplier audit standards.\n    <\/div>\n\n    <!-- \u5ba2\u6237\u80cc\u4e66\u6a2a\u5e45 -->\n    <div class=\"yd-trust-banner\">\n      <span class=\"yd-brand\">Kohler<\/span>\n      <span class=\"yd-brand\">Oatey<\/span>\n      <span class=\"yd-brand\">American Standard<\/span>\n      <span class=\"yd-brand\">Amphenol<\/span>\n      <span class=\"yd-brand\">SFA<\/span>\n      <span class=\"yd-brand\">Nestl\u00e9<\/span>\n    <\/div>\n\n    <!-- SEO H3 (\u539f\u672c\u9057\u6f0f\u7684\u6587\u6848\u5728\u6b64\u5b8c\u7f8e\u5f52\u4f4d) -->\n    <h3 class=\"yd-section-subtitle\">Application Coverage by Industry<\/h3>\n\n    <!-- \u884c\u4e1a\u5e94\u7528\u7f51\u683c -->\n    <div class=\"yd-grid-layout\">\n      \n      <!-- Card 1 -->\n      <div class=\"yd-industry-card\" data-index=\"01\">\n        <div class=\"yd-img-frame\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Sanitaryware-Plumbing.png\" alt=\"Sanitaryware &#038; Plumbing Gaskets\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"yd-img-overlay\"><\/div>\n        <div class=\"yd-img-scanline\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-tl\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-br\"><\/div>\n        <div class=\"yd-card-bottom-line\"><\/div>\n        \n        <div class=\"yd-card-content\">\n          <!-- SEO H4 -->\n          <h4 class=\"yd-card-title\">\n            Sanitaryware &#038; Plumbing\n            <span class=\"yd-title-arrow\">\u2794<\/span>\n          <\/h4>\n          <div class=\"yd-desc-wrapper\">\n            <p class=\"yd-card-desc\">FDA-grade silicone gaskets and EPDM potable-water seals for faucets, drain assemblies, toilet tank-to-bowl interfaces, and shower fixtures. Material compliance with NSF\/ANSI 51 and 61 for drinking water contact.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"yd-industry-card\" data-index=\"02\">\n        <div class=\"yd-img-frame\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Automotive-IATF-16949.png\" alt=\"Automotive IATF 16949 Seals\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"yd-img-overlay\"><\/div>\n        <div class=\"yd-img-scanline\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-tl\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-br\"><\/div>\n        <div class=\"yd-card-bottom-line\"><\/div>\n\n        <div class=\"yd-card-content\">\n          <!-- SEO H4 -->\n          <h4 class=\"yd-card-title\">\n            Automotive (IATF 16949)\n            <span class=\"yd-title-arrow\">\u2794<\/span>\n          <\/h4>\n          <div class=\"yd-desc-wrapper\">\n            <p class=\"yd-card-desc\">Underhood seals, fluid-system gaskets, and vibration-dampening components manufactured under IATF 16949 quality protocols. PPAP documentation, lot traceability, and PFMEA on request.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"yd-industry-card\" data-index=\"03\">\n        <div class=\"yd-img-frame\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Electronics-Connectors.png\" alt=\"Electronics &#038; Connectors Seals\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"yd-img-overlay\"><\/div>\n        <div class=\"yd-img-scanline\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-tl\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-br\"><\/div>\n        <div class=\"yd-card-bottom-line\"><\/div>\n\n        <div class=\"yd-card-content\">\n          <!-- SEO H4 -->\n          <h4 class=\"yd-card-title\">\n            Electronics &#038; Connectors\n            <span class=\"yd-title-arrow\">\u2794<\/span>\n          <\/h4>\n          <div class=\"yd-desc-wrapper\">\n            <p class=\"yd-card-desc\">Conductive silicone gaskets for EMI shielding, sealed-connector grommets, and waterproof enclosure seals. Electrically conductive and thermally conductive silicone variants in stock.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 4 -->\n      <div class=\"yd-industry-card\" data-index=\"04\">\n        <div class=\"yd-img-frame\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Food-Beverage.png\" alt=\"Food &#038; Beverage Gaskets\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"yd-img-overlay\"><\/div>\n        <div class=\"yd-img-scanline\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-tl\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-br\"><\/div>\n        <div class=\"yd-card-bottom-line\"><\/div>\n\n        <div class=\"yd-card-content\">\n          <!-- SEO H4 -->\n          <h4 class=\"yd-card-title\">\n            Food &#038; Beverage\n            <span class=\"yd-title-arrow\">\u2794<\/span>\n          <\/h4>\n          <div class=\"yd-desc-wrapper\">\n            <p class=\"yd-card-desc\">FDA 21 CFR 177.2600-compliant silicone for repeated food contact. 3A Sanitary-grade gaskets for dairy and beverage processing equipment.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 5 -->\n      <div class=\"yd-industry-card\" data-index=\"05\">\n        <div class=\"yd-img-frame\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Aerospace-Defense.png\" alt=\"Aerospace &#038; Defense Seals\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"yd-img-overlay\"><\/div>\n        <div class=\"yd-img-scanline\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-tl\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-br\"><\/div>\n        <div class=\"yd-card-bottom-line\"><\/div>\n\n        <div class=\"yd-card-content\">\n          <!-- SEO H4 -->\n          <h4 class=\"yd-card-title\">\n            Aerospace &#038; Defense\n            <span class=\"yd-title-arrow\">\u2794<\/span>\n          <\/h4>\n          <div class=\"yd-desc-wrapper\">\n            <p class=\"yd-card-desc\">Fluorosilicone gaskets engineered for fuel-system contact and wide temperature swing. Material specifications align with AMS, MIL, and SAE elastomer standards.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 6 -->\n      <div class=\"yd-industry-card\" data-index=\"06\">\n        <div class=\"yd-img-frame\">\n          <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/Building-Materials-Appliances.png\" alt=\"Building Materials &#038; Appliances Seals\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"yd-img-overlay\"><\/div>\n        <div class=\"yd-img-scanline\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-tl\"><\/div>\n        <div class=\"yd-crosshair yd-crosshair-br\"><\/div>\n        <div class=\"yd-card-bottom-line\"><\/div>\n\n        <div class=\"yd-card-content\">\n          <!-- SEO H4 -->\n          <h4 class=\"yd-card-title\">\n            Building Materials &#038; Appliances\n            <span class=\"yd-title-arrow\">\u2794<\/span>\n          <\/h4>\n          <div class=\"yd-desc-wrapper\">\n            <p class=\"yd-card-desc\">Polymer gaskets between doors and windows, in appliances built for high-volume assembly line production. EPDM and silicone materials.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b6b7c1c\" data-block-id=\"b6b7c1c\"><style>.stk-b6b7c1c {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b6b7c1c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d5e1cf9\" data-v=\"4\" data-block-id=\"d5e1cf9\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d5e1cf9-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d5e1cf9-inner-blocks\">\n<div id=\"b2b-engelhardt-quality-module\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n        \/* 1. Scope & Foundation *\/\n        #b2b-engelhardt-quality-module {\n            font-family: 'Inter', sans-serif !important;\n            width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            background-color: #ffffff !important;\n            color: #1a1a1a !important;\n            line-height: 1.6 !important;\n            box-sizing: border-box !important;\n            overflow: hidden !important;\n        }\n\n        #b2b-engelhardt-quality-module * {\n            box-sizing: border-box !important;\n        }\n\n        \/* 2. Layout Framework *\/\n        #b2b-engelhardt-quality-module .full-bleed {\n            width: 100% !important;\n            padding: 70px 0 !important;\n        }\n\n        #b2b-engelhardt-quality-module .anchored-content {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        \/* 3. Typography & SEO Heading Resets (Crucial for preventing Theme leaks) *\/\n        #b2b-engelhardt-quality-module h2, \n        #b2b-engelhardt-quality-module h3, \n        #b2b-engelhardt-quality-module h4 {\n            margin: 0 !important;\n            padding: 0 !important;\n            border: none !important;\n            background: transparent !important;\n            text-transform: none !important;\n            font-family: 'Inter', sans-serif !important;\n        }\n\n        #b2b-engelhardt-quality-module .seo-h2 {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            margin-bottom: 24px !important;\n            line-height: 1.3 !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        #b2b-engelhardt-quality-module .seo-h3 {\n            font-size: 20px !important;\n            font-weight: 700 !important;\n            margin-bottom: 8px !important;\n            color: #0048F0 !important;\n        }\n\n        #b2b-engelhardt-quality-module .desc-text {\n            font-size: 16px !important;\n            font-weight: 400 !important;\n            color: #4a5568 !important;\n            margin-bottom: 30px !important;\n            max-width: 1200px !important;\n        }\n\n        \/* 4. Section 1: Hero (Dark Mode with Industrial Grid Pattern) *\/\n        #b2b-engelhardt-quality-module .hero-section {\n            background: linear-gradient(135deg, #0048F0 0%, #001f66 100%) !important;\n            color: #ffffff !important;\n            padding-bottom: 120px !important;\n            position: relative !important;\n        }\n        \n        #b2b-engelhardt-quality-module .hero-section::before {\n            content: \"\" !important;\n            position: absolute !important;\n            inset: 0 !important;\n            background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px) !important;\n            background-size: 24px 24px !important;\n            opacity: 0.6 !important;\n            z-index: 1 !important;\n            pointer-events: none !important;\n        }\n\n        #b2b-engelhardt-quality-module .hero-section .seo-h2 {\n            color: #ffffff !important;\n        }\n\n        #b2b-engelhardt-quality-module .hero-section .desc-text {\n            color: #e2e8f0 !important;\n            font-size: 18px !important;\n        }\n\n        #b2b-engelhardt-quality-module .cert-grid {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\n            gap: 20px !important;\n            margin-top: 40px !important;\n        }\n\n        #b2b-engelhardt-quality-module .cert-card {\n            background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%) !important;\n            border-left: 4px solid #ffffff !important;\n            padding: 24px !important;\n            border-radius: 8px !important;\n            backdrop-filter: blur(12px) !important;\n            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n            border-top: 1px solid rgba(255,255,255,0.15) !important;\n            border-right: 1px solid rgba(255,255,255,0.05) !important;\n            border-bottom: 1px solid rgba(255,255,255,0.05) !important;\n            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.3) !important;\n        }\n\n        #b2b-engelhardt-quality-module .cert-card:hover {\n            transform: translateY(-6px) !important;\n            background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.05) 100%) !important;\n            box-shadow: 0 20px 40px -10px rgba(0,0,0,0.4) !important;\n            border-top-color: rgba(255,255,255,0.3) !important;\n        }\n\n        #b2b-engelhardt-quality-module .cert-card .seo-h3 {\n            color: #ffffff !important;\n            font-size: 18px !important;\n        }\n\n        #b2b-engelhardt-quality-module .cert-card p {\n            margin: 0 !important;\n            color: #cbd5e1 !important;\n            font-size: 14px !important;\n        }\n\n        \/* 5. Section 2: 3D Coverflow Carousel *\/\n        #b2b-engelhardt-quality-module .carousel-section {\n            background-color: #f8fafc !important;\n            padding: 0 0 70px 0 !important;\n            position: relative !important;\n            margin-top: -80px !important; \n            border-bottom: 1px solid #e2e8f0 !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-section::before {\n            content: \"\" !important;\n            position: absolute !important;\n            top: 80px !important;\n            left: 0 !important;\n            right: 0 !important;\n            bottom: 0 !important;\n            background-image: linear-gradient(#e2e8f0 1px, transparent 1px), linear-gradient(90deg, #e2e8f0 1px, transparent 1px) !important;\n            background-size: 40px 40px !important;\n            opacity: 0.4 !important;\n            pointer-events: none !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-3d-container {\n            position: relative !important;\n            width: 100% !important;\n            height: 480px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            perspective: 1200px !important;\n            overflow: hidden !important;\n            z-index: 2 !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-3d-track {\n            position: relative !important;\n            width: 100% !important;\n            height: 100% !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            transform-style: preserve-3d !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-3d-slide {\n            position: absolute !important;\n            width: 420px !important;\n            height: 320px !important;\n            background: #ffffff !important;\n            border-radius: 16px !important;\n            padding: 25px !important;\n            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15) !important;\n            border: 1px solid #e2e8f0 !important;\n            transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease !important;\n            cursor: pointer !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            user-select: none !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-3d-slide img {\n            max-width: 100% !important;\n            max-height: 100% !important;\n            object-fit: contain !important;\n            display: block !important;\n            filter: drop-shadow(0 8px 12px rgba(0,0,0,0.06)) !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-3d-slide.active-slide {\n            border: 2px solid #0048F0 !important;\n            box-shadow: 0 30px 60px -10px rgba(0, 72, 240, 0.25) !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-3d-slide .expand-icon {\n            position: absolute !important;\n            top: 50% !important;\n            left: 50% !important;\n            transform: translate(-50%, -50%) scale(0.5) !important;\n            background: rgba(0, 72, 240, 0.9) !important;\n            color: #ffffff !important;\n            width: 48px !important;\n            height: 48px !important;\n            border-radius: 50% !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            opacity: 0 !important;\n            transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n            z-index: 10 !important;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-3d-slide.active-slide:hover .expand-icon {\n            opacity: 1 !important;\n            transform: translate(-50%, -50%) scale(1) !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-btn {\n            background: #ffffff !important;\n            color: #0048F0 !important;\n            border: 1px solid #e2e8f0 !important;\n            width: 60px !important;\n            height: 60px !important;\n            border-radius: 50% !important;\n            cursor: pointer !important;\n            position: absolute !important;\n            z-index: 100 !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            font-size: 24px !important;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;\n            transition: all 0.3s ease !important;\n            top: 50% !important;\n            transform: translateY(-50%) !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-btn:hover {\n            background: #0048F0 !important;\n            color: #ffffff !important;\n            border-color: #0048F0 !important;\n            box-shadow: 0 15px 30px rgba(0, 72, 240, 0.3) !important;\n        }\n        \n        #b2b-engelhardt-quality-module .carousel-btn.prev { left: 30px !important; }\n        #b2b-engelhardt-quality-module .carousel-btn.next { right: 30px !important; }\n\n        #b2b-engelhardt-quality-module .carousel-progress-wrapper {\n            position: relative !important;\n            width: 240px !important;\n            height: 4px !important;\n            background: #cbd5e1 !important;\n            margin: 10px auto 0 !important;\n            border-radius: 2px !important;\n            overflow: hidden !important;\n            z-index: 2 !important;\n        }\n\n        #b2b-engelhardt-quality-module .carousel-progress-fill {\n            height: 100% !important;\n            background: #0048F0 !important;\n            width: 0% !important;\n            border-radius: 2px !important;\n        }\n\n        \/* 6. Section 3: TABS SYSTEM *\/\n        #b2b-engelhardt-quality-module .tabs-section {\n            background-color: #ffffff !important;\n            padding: 80px 0 !important;\n        }\n\n        #b2b-engelhardt-quality-module .tabs-nav {\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n            gap: 40px !important;\n            border-bottom: 1px solid #e5e7eb !important; \n            margin-bottom: 50px !important;\n            padding: 0 20px !important;\n        }\n\n        #b2b-engelhardt-quality-module .tab-btn {\n            background: transparent !important;\n            border: none !important;\n            padding: 0 0 16px 0 !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            color: #6b7280 !important;\n            cursor: pointer !important;\n            transition: color 0.3s ease !important;\n            font-family: 'Inter', sans-serif !important;\n            position: relative !important;\n            margin-bottom: -1px !important; \n        }\n\n        #b2b-engelhardt-quality-module .tab-btn:hover {\n            color: #0048F0 !important;\n        }\n\n        #b2b-engelhardt-quality-module .tab-btn.active {\n            color: #0048F0 !important; \n        }\n\n        #b2b-engelhardt-quality-module .tab-btn::after {\n            content: '' !important;\n            position: absolute !important;\n            bottom: 0 !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            width: 0% !important;\n            height: 3px !important;\n            background-color: #0048F0 !important;\n            transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n        }\n\n        #b2b-engelhardt-quality-module .tab-btn.active::after {\n            width: 100% !important; \n        }\n\n        #b2b-engelhardt-quality-module .tab-pane {\n            display: none !important;\n        }\n\n        #b2b-engelhardt-quality-module .tab-pane.active {\n            display: block !important;\n            animation: engFadeIn 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;\n        }\n\n        @keyframes engFadeIn {\n            0% { opacity: 0; transform: translateY(15px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n\n        #b2b-engelhardt-quality-module .tab-pane .seo-h2 {\n            color: #1a1a1a !important; \n            display: inline-block !important;\n        }\n        \n        #b2b-engelhardt-quality-module .tab-pane .desc-text {\n            border-left: 3px solid #e2e8f0 !important;\n            padding-left: 16px !important;\n            margin-bottom: 40px !important;\n        }\n\n        #b2b-engelhardt-quality-module .list-grid,\n        #b2b-engelhardt-quality-module .testing-grid {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;\n            gap: 24px !important;\n        }\n\n        #b2b-engelhardt-quality-module .list-item,\n        #b2b-engelhardt-quality-module .test-card {\n            background: #ffffff !important;\n            padding: 24px 24px 24px 32px !important; \n            border-radius: 8px !important;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;\n            border: 1px solid #e2e8f0 !important;\n            position: relative !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: center !important;\n            transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\n            overflow: hidden !important;\n        }\n\n        #b2b-engelhardt-quality-module .list-item::before,\n        #b2b-engelhardt-quality-module .test-card::before {\n            content: \"\" !important;\n            position: absolute !important;\n            left: 0 !important;\n            top: 0 !important;\n            bottom: 0 !important;\n            width: 4px !important;\n            background-color: #0048F0 !important;\n            transition: width 0.3s ease !important;\n        }\n\n        #b2b-engelhardt-quality-module .list-item:hover,\n        #b2b-engelhardt-quality-module .test-card:hover {\n            border-color: #cbd5e1 !important;\n            box-shadow: 0 12px 24px rgba(0,72,240,0.08) !important;\n            transform: translateX(4px) !important; \n        }\n        \n        #b2b-engelhardt-quality-module .list-item:hover::before,\n        #b2b-engelhardt-quality-module .test-card:hover::before {\n            width: 6px !important; \n        }\n\n        \/* SEO H4 specific styling *\/\n        #b2b-engelhardt-quality-module .seo-h4 {\n            color: #1a202c !important;\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            display: block !important;\n            margin-bottom: 8px !important;\n            position: relative !important;\n            display: flex !important;\n            align-items: center !important;\n        }\n\n        \/* Tech Square Bullet mapped to H4 *\/\n        #b2b-engelhardt-quality-module .list-item .seo-h4::after {\n            content: \"\" !important;\n            display: inline-block !important;\n            width: 6px !important;\n            height: 6px !important;\n            background-color: #0048F0 !important;\n            margin-left: 8px !important;\n            opacity: 0 !important;\n            transform: translateX(-5px) !important;\n            transition: all 0.3s ease !important;\n        }\n        \n        #b2b-engelhardt-quality-module .list-item:hover .seo-h4::after {\n            opacity: 1 !important;\n            transform: translateX(0) !important;\n        }\n\n        #b2b-engelhardt-quality-module .list-item span,\n        #b2b-engelhardt-quality-module .test-card span {\n            font-size: 14px !important;\n            color: #64748b !important;\n            line-height: 1.6 !important;\n        }\n\n        #b2b-engelhardt-quality-module .highlight-box {\n            background: linear-gradient(135deg, #0048F0 0%, #002d99 100%) !important;\n            color: #ffffff !important;\n            padding: 40px 50px !important;\n            border-radius: 12px !important;\n            margin-top: 60px !important;\n            text-align: center !important;\n            font-size: 18px !important;\n            font-weight: 500 !important;\n            box-shadow: 0 15px 30px rgba(0,72,240,0.2) !important;\n            line-height: 1.7 !important;\n            position: relative !important;\n            overflow: hidden !important;\n            border: 1px solid rgba(255,255,255,0.1) !important;\n        }\n\n        #b2b-engelhardt-quality-module .highlight-box::after {\n            content: '\\201D' !important;\n            position: absolute !important;\n            top: -20px !important;\n            right: 20px !important;\n            font-size: 140px !important;\n            line-height: 1 !important;\n            color: rgba(255,255,255,0.06) !important;\n            font-family: Georgia, serif !important;\n            pointer-events: none !important;\n        }\n\n        \/* 7. Lightbox *\/\n        #b2b-engelhardt-quality-module .lightbox-overlay {\n            position: fixed !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 100vw !important;\n            height: 100vh !important;\n            background: rgba(15, 23, 42, 0.95) !important;\n            backdrop-filter: blur(10px) !important;\n            z-index: 999999 !important;\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n            opacity: 0 !important;\n            pointer-events: none !important;\n            transition: opacity 0.3s ease !important;\n        }\n\n        #b2b-engelhardt-quality-module .lightbox-overlay.active {\n            opacity: 1 !important;\n            pointer-events: auto !important;\n        }\n\n        #b2b-engelhardt-quality-module .lightbox-img {\n            max-width: 700px !important; \n            max-height: 75vh !important; \n            border: 8px solid #ffffff !important;\n            border-radius: 12px !important;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.6) !important;\n            transform: scale(0.95) translateZ(0) !important;\n            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n            background: #ffffff !important;\n            object-fit: contain !important;\n        }\n\n        #b2b-engelhardt-quality-module .lightbox-overlay.active .lightbox-img {\n            transform: scale(1) translateZ(0) !important;\n        }\n\n        #b2b-engelhardt-quality-module .lightbox-close {\n            position: absolute !important;\n            top: 30px !important;\n            right: 40px !important;\n            color: #ffffff !important;\n            font-size: 32px !important;\n            cursor: pointer !important;\n            line-height: 1 !important;\n            transition: all 0.3s ease !important;\n            background: rgba(255,255,255,0.1) !important;\n            width: 50px !important;\n            height: 50px !important;\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n            border-radius: 50% !important;\n            border: 1px solid rgba(255,255,255,0.2) !important;\n        }\n\n        #b2b-engelhardt-quality-module .lightbox-close:hover {\n            background: #0048F0 !important;\n            border-color: #0048F0 !important;\n            transform: scale(1.1) !important;\n        }\n\n        \/* Responsive Adjustments *\/\n        @media (max-width:1000px) {\n            #b2b-engelhardt-quality-module .anchored-content { padding: 0 20px !important; }\n            #b2b-engelhardt-quality-module .carousel-btn.prev { left: 10px !important; }\n            #b2b-engelhardt-quality-module .carousel-btn.next { right: 10px !important; }\n            #b2b-engelhardt-quality-module .carousel-3d-slide { width: 340px !important; height: 260px !important; }\n        }\n        @media (max-width:690px) {\n            #b2b-engelhardt-quality-module .seo-h2 { font-size: 26px !important; }\n            #b2b-engelhardt-quality-module .carousel-3d-container { height: 380px !important; perspective: 800px !important; }\n            #b2b-engelhardt-quality-module .carousel-3d-slide { width: 260px !important; height: 200px !important; padding: 15px !important;}\n            #b2b-engelhardt-quality-module .carousel-btn { width: 44px !important; height: 44px !important; font-size: 18px !important; }\n            #b2b-engelhardt-quality-module .list-grid, #b2b-engelhardt-quality-module .testing-grid { grid-template-columns: 1fr !important; }\n            #b2b-engelhardt-quality-module .highlight-box { padding: 30px 20px !important; font-size: 16px !important; }\n            #b2b-engelhardt-quality-module .tab-btn { font-size: 16px !important; padding: 0 0 12px 0 !important; }\n            #b2b-engelhardt-quality-module .tabs-nav { gap: 20px !important; margin-bottom: 30px !important; }\n            #b2b-engelhardt-quality-module .lightbox-close { top: 20px !important; right: 20px !important; width: 40px !important; height: 40px !important; font-size: 24px !important; }\n            #b2b-engelhardt-quality-module .lightbox-img { max-width: 90vw !important; }\n        }\n    <\/style>\n\n    <div class=\"full-bleed hero-section\">\n        <div class=\"anchored-content\">\n            <h2 class=\"seo-h2\">Quality Standards &#038; Certifications \u2014 ISO 9001 + IATF 16949<\/h2>\n            <div class=\"desc-text\">\n                Engelhardt operates under both ISO 9001:2015 and IATF 16949:2016 quality management systems \u2014 the latter required of most Tier 1 automotive suppliers working with major OEMs. Maintaining both certifications carries audit cost, but it is the only credible answer to procurement teams that will not place an order on a single-standard supplier.\n            <\/div>\n            \n            <div class=\"cert-grid\">\n                <div class=\"cert-card\">\n                    <h3 class=\"seo-h3\">ISO 9001:2015<\/h3>\n                    <p>Quality Management System \u2014 foundation standard for documented process control<\/p>\n                <\/div>\n                <div class=\"cert-card\">\n                    <h3 class=\"seo-h3\">IATF 16949:2016<\/h3>\n                    <p>Automotive QMS \u2014 mandatory for Tier 1 OEM suppliers (GM, Ford, Stellantis)<\/p>\n                <\/div>\n                <div class=\"cert-card\">\n                    <h3 class=\"seo-h3\">RoHS \/ REACH<\/h3>\n                    <p>EU restriction-of-hazardous-substances and chemical-registration compliance<\/p>\n                <\/div>\n                <div class=\"cert-card\">\n                    <h3 class=\"seo-h3\">FDA 21 CFR 177.2600<\/h3>\n                    <p>Rubber articles for repeated food contact \u2014 silicone grades<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"full-bleed carousel-section\">\n        <div class=\"anchored-content\">\n            <div class=\"carousel-3d-container\" id=\"eng-carousel-container\">\n                <button class=\"carousel-btn prev\" aria-label=\"Previous image\">&#10094;<\/button>\n                <div class=\"carousel-3d-track\" id=\"eng-carousel-track\">\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-1.png\" alt=\"Rubber Gaskets Process 1\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-2.png\" alt=\"Rubber Gaskets Process 2\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-3.png\" alt=\"Rubber Gaskets Process 3\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-4.png\" alt=\"Rubber Gaskets Process 4\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-5.png\" alt=\"Rubber Gaskets Process 5\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-6.png\" alt=\"Rubber Gaskets Process 6\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-7.png\" alt=\"Rubber Gaskets Process 7\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-8.png\" alt=\"Rubber Gaskets Process 8\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-9.png\" alt=\"Rubber Gaskets Process 9\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-10.png\" alt=\"Rubber Gaskets Process 10\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-11.png\" alt=\"Rubber Gaskets Process 11\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    <div class=\"carousel-3d-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image.png\" alt=\"Rubber Gaskets Final Part\">\n                        <div class=\"expand-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"><\/polyline><polyline points=\"9 21 3 21 3 15\"><\/polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"><\/line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <button class=\"carousel-btn next\" aria-label=\"Next image\">&#10095;<\/button>\n            <\/div>\n            \n            <div class=\"carousel-progress-wrapper\">\n                <div class=\"carousel-progress-fill\" id=\"eng-progress-fill\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"full-bleed tabs-section\">\n        <div class=\"anchored-content\">\n            \n            <div class=\"tabs-nav\" role=\"tablist\">\n                <button class=\"tab-btn active\" id=\"tab-btn-1\" data-target=\"eng-tab-1\" role=\"tab\" aria-selected=\"true\" aria-controls=\"eng-tab-1\">Industry Standards We Build To<\/button>\n                <button class=\"tab-btn\" id=\"tab-btn-2\" data-target=\"eng-tab-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"eng-tab-2\">In-House Testing Center<\/button>\n            <\/div>\n\n            <div class=\"tabs-content-wrapper\">\n                \n                <div class=\"tab-pane active\" id=\"eng-tab-1\" role=\"tabpanel\" aria-labelledby=\"tab-btn-1\">\n                    <h2 class=\"seo-h2\">Industry Standards We Build To<\/h2>\n                    <div class=\"desc-text\">\n                        Beyond facility certifications, we work to material- and application-specific standards required by buyers in regulated industries. Our material data sheets cite the standard each compound is qualified against, including:\n                    <\/div>\n\n                    <div class=\"list-grid\">\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">FDA Title 21 CFR 177.2600<\/h4><span>rubber articles intended for repeated use in food production, packaging, and processing<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">NSF\/ANSI 51 and 61<\/h4><span>food equipment materials and drinking water system components<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">USP Class VI<\/h4><span>biological reactivity for medical device biocompatibility materials<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">3A Sanitary<\/h4><span>equipment used in dairy and food processing<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">UL recognition<\/h4><span>materials qualified for specific UL applications<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">AMS<\/h4><span>Aerospace Material Specifications for elastomers<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">ASTM D2000<\/h4><span>classification system for rubber materials by type and class<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">ASTM D395<\/h4><span>standard test methods for compression set<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">ASTM D412<\/h4><span>tensile properties of vulcanized rubber<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">ASTM D1646<\/h4><span>Mooney viscosity testing for rubber compounds<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">MIL specifications<\/h4><span>military-grade rubber requirements<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">SAE elastomer standards<\/h4><span>automotive material qualification<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">AASHTO<\/h4><span>highway and transportation material standards<\/span><\/div>\n                        <div class=\"list-item\"><h4 class=\"seo-h4\">Prop 65<\/h4><span>California Safe Drinking Water and Toxic Enforcement Act<\/span><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"tab-pane\" id=\"eng-tab-2\" role=\"tabpanel\" aria-labelledby=\"tab-btn-2\">\n                    <h2 class=\"seo-h2\">In-House Testing Center \u2014 Equipment Roster<\/h2>\n                    <div class=\"desc-text\">\n                        Every certification is only as credible as the test data behind it. Our on-site laboratory runs incoming material verification, in-process cure analysis, and finished-batch validation against the international standards listed above. The equipment roster:\n                    <\/div>\n\n                    <div class=\"testing-grid\">\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Mooney Viscometer<\/h4><span>Compound consistency &#038; processing behavior \u2014 ASTM D1646<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Moving Die Rheometer<\/h4><span>Cure rate, scorch time, modulus development<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Universal Material Testing Machine<\/h4><span>Tensile strength, elongation, tear resistance \u2014 ASTM D412<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Carbon Black Analyzer<\/h4><span>Filler content verification for rubber compounds<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Salt-Spray Corrosion Tester<\/h4><span>Coating and substrate corrosion resistance<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Heat Aging Test Chamber<\/h4><span>Thermal aging behavior \u2014 predicts service life<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Constant Temp\/Humidity Chamber<\/h4><span>Environmental performance qualification<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Transportation Simulation Tester<\/h4><span>EN, ANSI, UL, ASTM, ISTA shipping tests<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">Optical Projector<\/h4><span>2D dimensional measurement for thin parts<\/span><\/div>\n                        <div class=\"test-card\"><h4 class=\"seo-h4\">High-Temperature Aging Oven<\/h4><span>Long-duration heat resistance verification<\/span><\/div>\n                    <\/div>\n\n                    <div class=\"highlight-box\">\n                        When a customer audit asks \u201chow do you verify each lot,\u201d the answer is documented in our IATF 16949 quality records \u2014 not anecdotal. Every production lot ships with a Certificate of Conformity referencing the specific test results applicable to your spec.\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"lightbox-overlay\" id=\"eng-lightbox\">\n        <span class=\"lightbox-close\" id=\"eng-lightbox-close\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n        <\/span>\n        <img decoding=\"async\" src=\"\" alt=\"Enlarged view\" class=\"lightbox-img\" id=\"eng-lightbox-img\">\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ 1. 3D Coverflow Carousel Logic\n            const slides = Array.from(document.querySelectorAll('.carousel-3d-slide'));\n            const prevBtn = document.querySelector('#b2b-engelhardt-quality-module .carousel-btn.prev');\n            const nextBtn = document.querySelector('#b2b-engelhardt-quality-module .carousel-btn.next');\n            const progressFill = document.getElementById('eng-progress-fill');\n            const container = document.getElementById('eng-carousel-container');\n            \n            let currentIndex = 0;\n            const totalSlides = slides.length;\n            const autoPlayDelay = 4000; \n            let autoPlayTimer;\n\n            function updateCoverflow() {\n                const isMobile = window.innerWidth <= 768;\n                const xOffset = isMobile ? 120 : 250; \n                const zOffset = isMobile ? 100 : 150;\n\n                slides.forEach((slide, i) => {\n                    let diff = i - currentIndex;\n                    if (diff > totalSlides \/ 2) diff -= totalSlides;\n                    if (diff < -totalSlides \/ 2) diff += totalSlides;\n\n                    const absDiff = Math.abs(diff);\n\n                    if (absDiff > 3) {\n                        slide.style.opacity = 0;\n                        slide.style.pointerEvents = 'none';\n                        slide.style.zIndex = -1;\n                        slide.style.transform = `translateX(0) translateZ(-500px)`;\n                        return;\n                    }\n\n                    let tx = 0, tz = 0, ry = 0, zIndex = 0, opacity = 1;\n\n                    if (diff === 0) {\n                        tx = 0; tz = 0; ry = 0; zIndex = 20; opacity = 1;\n                        slide.style.pointerEvents = 'auto';\n                        slide.classList.add('active-slide');\n                    } else if (diff > 0) {\n                        tx = xOffset + (diff * (isMobile ? 30 : 60));\n                        tz = -zOffset - (diff * 50);\n                        ry = -25;\n                        zIndex = 10 - diff;\n                        opacity = 1 - (diff * 0.15);\n                        slide.style.pointerEvents = 'auto';\n                        slide.classList.remove('active-slide');\n                    } else {\n                        tx = -xOffset + (diff * (isMobile ? 30 : 60));\n                        tz = -zOffset - (absDiff * 50);\n                        ry = 25;\n                        zIndex = 10 - absDiff;\n                        opacity = 1 - (absDiff * 0.15);\n                        slide.style.pointerEvents = 'auto';\n                        slide.classList.remove('active-slide');\n                    }\n\n                    slide.style.transform = `translateX(${tx}px) translateZ(${tz}px) rotateY(${ry}deg)`;\n                    slide.style.zIndex = zIndex;\n                    slide.style.opacity = opacity;\n                });\n            }\n\n            function triggerProgressAnimation() {\n                progressFill.style.transition = 'none';\n                progressFill.style.width = '0%';\n                \n                requestAnimationFrame(() => {\n                    requestAnimationFrame(() => {\n                        progressFill.style.transition = `width ${autoPlayDelay}ms linear`;\n                        progressFill.style.width = '100%';\n                    });\n                });\n            }\n\n            function changeSlide(direction) {\n                if (direction === 'next') {\n                    currentIndex = (currentIndex + 1) % totalSlides;\n                } else {\n                    currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\n                }\n                updateCoverflow();\n                resetAutoPlay();\n            }\n\n            function startAutoPlay() {\n                triggerProgressAnimation();\n                autoPlayTimer = setTimeout(() => {\n                    changeSlide('next');\n                }, autoPlayDelay);\n            }\n\n            function resetAutoPlay() {\n                clearTimeout(autoPlayTimer);\n                startAutoPlay();\n            }\n\n            if (prevBtn && nextBtn) {\n                nextBtn.addEventListener('click', () => changeSlide('next'));\n                prevBtn.addEventListener('click', () => changeSlide('prev'));\n            }\n            \n            slides.forEach((slide, index) => {\n                slide.addEventListener('click', (e) => {\n                    if (index !== currentIndex) {\n                        e.stopPropagation(); \n                        currentIndex = index;\n                        updateCoverflow();\n                        resetAutoPlay();\n                    }\n                });\n            });\n            \n            window.addEventListener('resize', updateCoverflow);\n            updateCoverflow();\n            startAutoPlay();\n\n            container.addEventListener('mouseenter', () => {\n                clearTimeout(autoPlayTimer);\n                progressFill.style.transition = 'none'; \n            });\n            container.addEventListener('mouseleave', () => {\n                resetAutoPlay();\n            });\n\n            \/\/ 2. Lightbox Logic\n            const lightbox = document.getElementById('eng-lightbox');\n            const lightboxImg = document.getElementById('eng-lightbox-img');\n            const closeBtn = document.getElementById('eng-lightbox-close');\n\n            slides.forEach((slide, index) => {\n                slide.addEventListener('click', function() {\n                    if (index === currentIndex) {\n                        const img = this.querySelector('img');\n                        if (img) {\n                            lightboxImg.src = img.src;\n                            lightbox.classList.add('active');\n                            clearTimeout(autoPlayTimer); \n                            progressFill.style.transition = 'none';\n                        }\n                    }\n                });\n            });\n\n            function closeLightbox() {\n                lightbox.classList.remove('active');\n                setTimeout(() => { lightboxImg.src = ''; }, 300); \n                resetAutoPlay(); \n            }\n\n            closeBtn.addEventListener('click', closeLightbox);\n            lightbox.addEventListener('click', function(e) {\n                if (e.target === lightbox) {\n                    closeLightbox();\n                }\n            });\n            \n            document.addEventListener('keydown', function(e) {\n                if (e.key === \"Escape\" && lightbox.classList.contains('active')) {\n                    closeLightbox();\n                } else if (!lightbox.classList.contains('active')) {\n                    if (e.key === \"ArrowRight\") changeSlide('next');\n                    if (e.key === \"ArrowLeft\") changeSlide('prev');\n                }\n            });\n\n            \/\/ 3. Tabs Logic\n            const tabButtons = document.querySelectorAll('#b2b-engelhardt-quality-module .tab-btn');\n            const tabPanes = document.querySelectorAll('#b2b-engelhardt-quality-module .tab-pane');\n\n            tabButtons.forEach(button => {\n                button.addEventListener('click', () => {\n                    tabButtons.forEach(btn => {\n                        btn.classList.remove('active');\n                        btn.setAttribute('aria-selected', 'false');\n                    });\n                    tabPanes.forEach(pane => pane.classList.remove('active'));\n\n                    button.classList.add('active');\n                    button.setAttribute('aria-selected', 'true');\n                    \n                    const targetId = button.getAttribute('data-target');\n                    const targetPane = document.getElementById(targetId);\n                    if(targetPane) {\n                        targetPane.classList.add('active');\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-afcf78e\" data-block-id=\"afcf78e\"><style>.stk-afcf78e {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-afcf78e-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-48939d7\" data-v=\"4\" data-block-id=\"48939d7\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-48939d7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-48939d7-inner-blocks\">\n<style>\n\/* 1. Aesthetics & Fonts *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* 2. Highest Level of Scope & Resets *\/\n#b2b-gasket-procurement-v2 {\n    width: 100% !important;\n    background-color: #f4f7fa !important; \n    font-family: 'Inter', sans-serif !important;\n    padding: 70px 0 !important;\n    box-sizing: border-box !important;\n    color: #1e293b !important;\n    line-height: 1.6 !important;\n    overflow: hidden !important;\n}\n\n#b2b-gasket-procurement-v2 * {\n    box-sizing: border-box !important;\n}\n\n\/* 3. Layout & Containers *\/\n#b2b-gasket-procurement-v2 .b2b-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 0 30px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 50px !important;\n}\n\n\/* ========================================================\n   SEO Heading Structure (H2, H3, H4 & Accessibility)\n   ======================================================== *\/\n\/* \u5c4f\u5e55\u9605\u8bfb\u5668\u4e0e\u722c\u866b\u4e13\u5c5e\u7ed3\u6784\u7c7b (\u89c6\u89c9\u9690\u85cf\uff0cSEO\u6293\u53d6) *\/\n#b2b-gasket-procurement-v2 .b2b-sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n}\n\n\/* H2 \u4e3b\u6807\u9898 *\/\n#b2b-gasket-procurement-v2 h2.b2b-hero-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin: 0 0 20px 0 !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.5px !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n\n\/* H3 \u533a\u5757\u6807\u9898 *\/\n#b2b-gasket-procurement-v2 h3.b2b-section-title {\n    font-size: 26px !important;\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin: 0 0 24px 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n}\n#b2b-gasket-procurement-v2 h3.b2b-section-title::before {\n    content: \"\" !important;\n    display: block !important;\n    width: 6px !important;\n    height: 26px !important;\n    background-color: #0048F0 !important;\n    border-radius: 2px !important;\n}\n\n\/* H4 \u5361\u7247\u6807\u9898 & \u65f6\u95f4\u8f74\u6807\u9898 *\/\n#b2b-gasket-procurement-v2 h4.b2b-card-title {\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin: 0 0 16px 0 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 12px !important;\n}\n#b2b-gasket-procurement-v2 h4.b2b-card-title .b2b-number {\n    color: #ffffff !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    background: #0048F0 !important;\n    width: 30px !important;\n    height: 30px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    border-radius: 6px !important; \n    box-shadow: 0 4px 12px rgba(0, 72, 240, 0.35) !important;\n    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;\n}\n\n#b2b-gasket-procurement-v2 p.b2b-text-body {\n    font-size: 16px !important;\n    color: #475569 !important;\n    margin: 0 0 16px 0 !important;\n    text-align: justify !important;\n    position: relative !important;\n    z-index: 2 !important;\n}\n#b2b-gasket-procurement-v2 p.b2b-text-body:last-child {\n    margin-bottom: 0 !important;\n}\n\n\/* ========================================================\n   \u6a21\u5757 1: Hero Intro\n   ======================================================== *\/\n#b2b-gasket-procurement-v2 .b2b-hero-panel {\n    background-color: #ffffff !important;\n    padding: 45px 50px !important;\n    border-radius: 8px !important;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;\n    border-left: 6px solid #0048F0 !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n#b2b-gasket-procurement-v2 .b2b-hero-panel::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    background-image: radial-gradient(#cbd5e1 1px, transparent 1px) !important;\n    background-size: 20px 20px !important;\n    opacity: 0.3 !important;\n    z-index: 1 !important;\n    pointer-events: none !important;\n}\n\n\/* ========================================================\n   \u6a21\u5757 2: Pricing Drivers\n   ======================================================== *\/\n#b2b-gasket-procurement-v2 .b2b-drivers-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 24px !important;\n}\n#b2b-gasket-procurement-v2 .b2b-driver-card {\n    background: #ffffff !important;\n    padding: 35px 30px !important;\n    border-radius: 8px !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\n    border: 1px solid #e2e8f0 !important;\n    position: relative !important;\n    overflow: hidden !important;\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n#b2b-gasket-procurement-v2 .b2b-driver-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 4px !important;\n    background-color: #0048F0 !important;\n    transform: scaleX(0) !important;\n    transform-origin: left !important;\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n#b2b-gasket-procurement-v2 .b2b-driver-card:hover {\n    transform: translateY(-6px) !important;\n    box-shadow: 0 20px 40px rgba(0, 72, 240, 0.06), 0 4px 10px rgba(0,0,0,0.03) !important;\n    border-color: #cbd5e1 !important;\n}\n#b2b-gasket-procurement-v2 .b2b-driver-card:hover::before {\n    transform: scaleX(1) !important;\n}\n#b2b-gasket-procurement-v2 .b2b-driver-card p {\n    font-size: 15px !important;\n    margin: 0 !important;\n    color: #64748b !important;\n    line-height: 1.6 !important;\n}\n\n\/* ========================================================\n   \u6a21\u5757 3 & 4: Interactive Tabs System\n   ======================================================== *\/\n#b2b-gasket-procurement-v2 .b2b-tabs-wrapper {\n    background: #ffffff !important;\n    border-radius: 8px !important;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;\n    border: 1px solid #e2e8f0 !important;\n    overflow: hidden !important;\n}\n\n#b2b-gasket-procurement-v2 .b2b-tabs-header {\n    display: flex !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n    background: #f8fafc !important;\n}\n#b2b-gasket-procurement-v2 .b2b-tab-button {\n    flex: 1 !important;\n    background: transparent !important;\n    border: none !important;\n    padding: 24px 30px !important;\n    cursor: pointer !important;\n    text-align: center !important;\n    position: relative !important;\n    outline: none !important;\n    transition: all 0.3s ease !important;\n}\n#b2b-gasket-procurement-v2 .b2b-tab-button .b2b-tab-title-text {\n    font-size: 20px !important;\n    font-weight: 600 !important;\n    color: #64748b !important;\n    margin: 0 !important;\n    transition: color 0.3s ease !important;\n    display: inline-block !important;\n}\n#b2b-gasket-procurement-v2 .b2b-tab-button::after {\n    content: '' !important;\n    position: absolute !important;\n    bottom: -1px !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 3px !important;\n    background-color: #0048F0 !important;\n    transform: scaleX(0) !important;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#b2b-gasket-procurement-v2 .b2b-tab-button.is-active {\n    background: linear-gradient(to top, #f0f4ff 0%, #ffffff 100%) !important;\n}\n#b2b-gasket-procurement-v2 .b2b-tab-button.is-active .b2b-tab-title-text {\n    color: #0048F0 !important;\n    font-weight: 700 !important;\n}\n#b2b-gasket-procurement-v2 .b2b-tab-button.is-active::after {\n    transform: scaleX(1) !important;\n}\n\n#b2b-gasket-procurement-v2 .b2b-tab-content-container {\n    padding: 45px 50px !important;\n}\n#b2b-gasket-procurement-v2 .b2b-tab-panel {\n    display: none !important;\n}\n#b2b-gasket-procurement-v2 .b2b-tab-panel.is-active {\n    display: block !important;\n    animation: b2bTabFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\n}\n\n@keyframes b2bTabFadeIn {\n    0% { opacity: 0; transform: translateY(15px); }\n    100% { opacity: 1; transform: translateY(0); }\n}\n\n\/* ----- Tab \u5185\u5bb9 1: Timeline (H4 \u4f18\u5316) ----- *\/\n@keyframes b2bDotPulse {\n    0% { box-shadow: 0 0 0 0 rgba(0, 72, 240, 0.4); }\n    70% { box-shadow: 0 0 0 8px rgba(0, 72, 240, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(0, 72, 240, 0); }\n}\n\n#b2b-gasket-procurement-v2 .b2b-timeline {\n    position: relative !important;\n    padding-left: 35px !important;\n}\n#b2b-gasket-procurement-v2 .b2b-timeline::before {\n    content: '' !important;\n    position: absolute !important;\n    top: 10px !important;\n    left: 7px !important;\n    bottom: 10px !important;\n    width: 0px !important;\n    border-left: 2px dashed #cbd5e1 !important;\n}\n#b2b-gasket-procurement-v2 .b2b-timeline-item {\n    position: relative !important;\n    margin-bottom: 28px !important;\n    padding: 10px 15px !important;\n    border-radius: 6px !important;\n    transition: background-color 0.3s ease !important;\n}\n#b2b-gasket-procurement-v2 .b2b-timeline-item:last-child {\n    margin-bottom: 0 !important;\n}\n#b2b-gasket-procurement-v2 .b2b-timeline-item::before {\n    content: '' !important;\n    position: absolute !important;\n    left: -35px !important;\n    top: 12px !important;\n    width: 16px !important;\n    height: 16px !important;\n    border-radius: 50% !important;\n    background: #ffffff !important;\n    border: 3px solid #cbd5e1 !important;\n    transition: all 0.3s ease !important;\n    z-index: 2 !important;\n}\n#b2b-gasket-procurement-v2 .b2b-timeline-item:hover {\n    background-color: #f8fafc !important;\n}\n#b2b-gasket-procurement-v2 .b2b-timeline-item:hover::before {\n    background: #0048F0 !important;\n    border-color: #0048F0 !important;\n    animation: b2bDotPulse 1.5s infinite !important;\n}\n\/* \u8f6c\u5316\u4e3a H4 \u7684\u65f6\u95f4\u8f74\u6807\u9898\u6837\u5f0f *\/\n#b2b-gasket-procurement-v2 h4.b2b-step-title {\n    font-weight: 700 !important;\n    color: #0048F0 !important;\n    font-size: 16px !important;\n    display: inline-block !important;\n    min-width: 185px !important;\n    margin: 0 !important;\n    transition: color 0.3s ease !important;\n}\n#b2b-gasket-procurement-v2 .b2b-timeline-item:hover h4.b2b-step-title {\n    color: #002b90 !important;\n}\n#b2b-gasket-procurement-v2 .b2b-step-desc {\n    color: #475569 !important;\n    font-size: 15px !important;\n    display: inline !important;\n}\n\n\/* ----- Tab \u5185\u5bb9 2: Data Grid ----- *\/\n#b2b-gasket-procurement-v2 .b2b-data-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 2.2fr !important;\n    width: 100% !important;\n    border: 1px solid #e2e8f0 !important;\n    border-radius: 6px !important;\n    overflow: hidden !important;\n}\n#b2b-gasket-procurement-v2 .b2b-data-row {\n    display: contents !important;\n}\n#b2b-gasket-procurement-v2 .b2b-cell-label {\n    background-color: #f8fafc !important;\n    color: #1e293b !important;\n    font-weight: 600 !important;\n    padding: 18px 24px !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n    border-right: 1px solid #e2e8f0 !important;\n    font-size: 15px !important;\n    display: flex !important;\n    align-items: center !important;\n    transition: background-color 0.2s ease !important;\n}\n#b2b-gasket-procurement-v2 .b2b-cell-value {\n    background-color: #ffffff !important;\n    color: #475569 !important;\n    padding: 18px 24px !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n    font-size: 15px !important;\n    display: flex !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n    gap: 8px !important;\n    transition: all 0.3s ease !important;\n}\n#b2b-gasket-procurement-v2 .b2b-data-row:last-child .b2b-cell-label,\n#b2b-gasket-procurement-v2 .b2b-data-row:last-child .b2b-cell-value {\n    border-bottom: none !important;\n}\n\n#b2b-gasket-procurement-v2 .b2b-data-row:hover .b2b-cell-label {\n    background-color: #f1f5f9 !important;\n}\n#b2b-gasket-procurement-v2 .b2b-data-row:hover .b2b-cell-value {\n    background-color: #f4f7fa !important;\n    box-shadow: inset 4px 0 0 #0048F0 !important;\n}\n\n#b2b-gasket-procurement-v2 .b2b-data-pill {\n    background-color: #e6edfd !important;\n    color: #0036b5 !important;\n    padding: 4px 10px !important;\n    border-radius: 4px !important;\n    font-weight: 600 !important;\n    font-size: 14px !important;\n    border: 1px solid #cce0ff !important;\n    display: inline-block !important;\n    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;\n}\n#b2b-gasket-procurement-v2 .b2b-data-pill-dark {\n    background-color: #f1f5f9 !important;\n    color: #334155 !important;\n    padding: 4px 10px !important;\n    border-radius: 4px !important;\n    font-weight: 600 !important;\n    font-size: 14px !important;\n    border: 1px solid #e2e8f0 !important;\n    display: inline-block !important;\n    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;\n}\n#b2b-gasket-procurement-v2 .b2b-data-row:hover .b2b-data-pill,\n#b2b-gasket-procurement-v2 .b2b-data-row:hover .b2b-data-pill-dark {\n    transform: scale(1.03) !important;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.05) !important;\n}\n\n\/* ========================================================\n   \u6a21\u5757 5: CTA \/ Final Note\n   ======================================================== *\/\n#b2b-gasket-procurement-v2 .b2b-cta-box {\n    background: linear-gradient(135deg, #0048F0 0%, #002b90 100%) !important;\n    padding: 40px 50px !important;\n    border-radius: 8px !important;\n    color: #ffffff !important;\n    box-shadow: 0 15px 35px rgba(0, 72, 240, 0.2) !important;\n    position: relative !important;\n    overflow: hidden !important;\n}\n#b2b-gasket-procurement-v2 .b2b-cta-box::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: -50% !important;\n    left: -50% !important;\n    width: 200% !important;\n    height: 200% !important;\n    background: radial-gradient(circle at center, rgba(255,255,255,0.15) 0%, transparent 60%) !important;\n    pointer-events: none !important;\n}\n#b2b-gasket-procurement-v2 .b2b-cta-box::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    right: 0 !important;\n    width: 300px !important;\n    height: 100% !important;\n    background: repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(255,255,255,0.04) 15px, rgba(255,255,255,0.04) 30px) !important;\n    pointer-events: none !important;\n}\n#b2b-gasket-procurement-v2 .b2b-cta-box p {\n    color: #ffffff !important;\n    font-size: 18px !important;\n    font-weight: 500 !important;\n    margin: 0 !important;\n    position: relative !important;\n    z-index: 2 !important;\n    line-height: 1.5 !important;\n}\n\n\/* ========================================================\n   \u54cd\u5e94\u5f0f\u65ad\u70b9 (Mobile & Tablet)\n   ======================================================== *\/\n@media (max-width:1000px) {\n    #b2b-gasket-procurement-v2 .b2b-drivers-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n    }\n}\n@media (max-width:690px) {\n    #b2b-gasket-procurement-v2 .b2b-container {\n        padding: 0 20px !important;\n        gap: 30px !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-hero-panel,\n    #b2b-gasket-procurement-v2 .b2b-tab-content-container,\n    #b2b-gasket-procurement-v2 .b2b-cta-box {\n        padding: 30px 20px !important;\n    }\n    \n    #b2b-gasket-procurement-v2 .b2b-tabs-header {\n        flex-direction: column !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-tab-button {\n        padding: 16px 20px !important;\n        border-bottom: 1px solid #e2e8f0 !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-tab-button.is-active {\n        border-bottom: none !important; \n    }\n    #b2b-gasket-procurement-v2 .b2b-tab-button .b2b-tab-title-text {\n        font-size: 16px !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-tab-button::after {\n        bottom: 0 !important;\n        height: 2px !important;\n    }\n\n    #b2b-gasket-procurement-v2 .b2b-drivers-grid {\n        grid-template-columns: 1fr !important;\n    }\n    #b2b-gasket-procurement-v2 h4.b2b-step-title {\n        display: block !important;\n        margin-bottom: 4px !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-data-grid {\n        grid-template-columns: 1fr !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-cell-label {\n        border-right: none !important;\n        border-bottom: none !important;\n        background-color: #f1f5f9 !important;\n        padding: 16px 20px 8px 20px !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-cell-value {\n        padding: 8px 20px 16px 20px !important;\n        border-bottom: 1px solid #e2e8f0 !important;\n        box-shadow: none !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-data-row:hover .b2b-cell-value {\n        box-shadow: none !important;\n    }\n    #b2b-gasket-procurement-v2 .b2b-data-row:hover .b2b-data-pill,\n    #b2b-gasket-procurement-v2 .b2b-data-row:hover .b2b-data-pill-dark {\n        transform: none !important; \n    }\n    #b2b-gasket-procurement-v2 h2.b2b-hero-title {\n        font-size: 26px !important;\n    }\n}\n<\/style>\n\n<section id=\"b2b-gasket-procurement-v2\">\n    <div class=\"b2b-container\">\n        \n        <div class=\"b2b-hero-panel\">\n            <h2 class=\"b2b-hero-title\">Custom Gasket Procurement Guide \u2014 Pricing Drivers, MOQ, Lead Time<\/h2>\n            <p class=\"b2b-text-body\">Most B2B sealing projects fail on procurement \u2014 not on engineering. A supplier quotes a unit price, the buyer compares it to a generic catalog rate, and the conversation stops before tooling amortization, lead time, and certification cost enter the decision. This section gives you the pricing drivers and procurement framework so the comparison happens on equal terms.<\/p>\n        <\/div>\n\n        <div>\n            <h3 class=\"b2b-section-title\">What Drives Custom Gasket Pricing<\/h3>\n            <p class=\"b2b-text-body\" style=\"margin-bottom: 24px !important;\">Pricing for a custom rubber gasket depends on six structural factors. Two suppliers quoting the same geometry can return prices that differ by 3-5\u00d7 depending on how they treat each driver:<\/p>\n            \n            <div class=\"b2b-drivers-grid\">\n                <div class=\"b2b-driver-card\">\n                    <h4 class=\"b2b-card-title\"><span class=\"b2b-number\">1<\/span> Material Family<\/h4>\n                    <p>Silicone and Viton run 4-10\u00d7 the cost of EPDM or natural rubber. Specialty grades (FDA, conductive, fluorosilicone) carry further premium.<\/p>\n                <\/div>\n                <div class=\"b2b-driver-card\">\n                    <h4 class=\"b2b-card-title\"><span class=\"b2b-number\">2<\/span> Process Selection<\/h4>\n                    <p>Die cutting amortizes over hundreds of pieces; injection tooling amortizes over thousands. Wrong process = wrong unit cost.<\/p>\n                <\/div>\n                <div class=\"b2b-driver-card\">\n                    <h4 class=\"b2b-card-title\"><span class=\"b2b-number\">3<\/span> Tooling Investment<\/h4>\n                    <p>Compression molds, injection cavities, and steel-rule dies have one-time costs that can be paid upfront or amortized over the first batch.<\/p>\n                <\/div>\n                <div class=\"b2b-driver-card\">\n                    <h4 class=\"b2b-card-title\"><span class=\"b2b-number\">4<\/span> Annual Volume<\/h4>\n                    <p>Industry MOQs span 500 to 50,000+ pieces depending on process. Higher commitment = better unit economics.<\/p>\n                <\/div>\n                <div class=\"b2b-driver-card\">\n                    <h4 class=\"b2b-card-title\"><span class=\"b2b-number\">5<\/span> Certification Scope<\/h4>\n                    <p>FDA testing, IATF 16949 PPAP packages, and material data sheet preparation carry incremental cost \u2014 quote them upfront, not as a surprise.<\/p>\n                <\/div>\n                <div class=\"b2b-driver-card\">\n                    <h4 class=\"b2b-card-title\"><span class=\"b2b-number\">6<\/span> Geometry Complexity<\/h4>\n                    <p>Tight tolerance, thin walls, and undercuts increase tooling complexity and cycle time. CAD review at quote stage avoids late-stage redesign.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"b2b-tabs-wrapper\">\n            \n            <div class=\"b2b-tabs-header\" role=\"tablist\">\n                <button class=\"b2b-tab-button is-active\" data-target=\"b2b-tab-flow\" role=\"tab\" aria-selected=\"true\">\n                    <span class=\"b2b-tab-title-text\">Procurement Flow \u2014 RFQ to Production<\/span>\n                <\/button>\n                <button class=\"b2b-tab-button\" data-target=\"b2b-tab-params\" role=\"tab\" aria-selected=\"false\">\n                    <span class=\"b2b-tab-title-text\">Typical Order Parameters<\/span>\n                <\/button>\n            <\/div>\n\n            <div class=\"b2b-tab-content-container\">\n                \n                <div class=\"b2b-tab-panel is-active\" id=\"b2b-tab-flow\" role=\"tabpanel\">\n                    <h3 class=\"b2b-sr-only\">Procurement Flow \u2014 RFQ to Production<\/h3>\n                    \n                    <div class=\"b2b-timeline\">\n                        <div class=\"b2b-timeline-item\">\n                            <h4 class=\"b2b-step-title\">RFQ submission \u2014<\/h4>\n                            <span class=\"b2b-step-desc\">send drawing (.stp \/ .dxf) plus operating envelope (temperature, chemical exposure, pressure, certification needs)<\/span>\n                        <\/div>\n                        <div class=\"b2b-timeline-item\">\n                            <h4 class=\"b2b-step-title\">Quote response \u2014<\/h4>\n                            <span class=\"b2b-step-desc\">24-48 business hours including process recommendation, material options, MOQ, tooling estimate<\/span>\n                        <\/div>\n                        <div class=\"b2b-timeline-item\">\n                            <h4 class=\"b2b-step-title\">Sample &#038; first article \u2014<\/h4>\n                            <span class=\"b2b-step-desc\">7-10 days for waterjet\/die cut samples; 3-4 weeks for compression\/injection mold first articles<\/span>\n                        <\/div>\n                        <div class=\"b2b-timeline-item\">\n                            <h4 class=\"b2b-step-title\">Customer approval \u2014<\/h4>\n                            <span class=\"b2b-step-desc\">PPAP package on request for IATF 16949 customers<\/span>\n                        <\/div>\n                        <div class=\"b2b-timeline-item\">\n                            <h4 class=\"b2b-step-title\">Production \u2014<\/h4>\n                            <span class=\"b2b-step-desc\">3-4 weeks for established tooling; 4-6 weeks if new mold required<\/span>\n                        <\/div>\n                        <div class=\"b2b-timeline-item\">\n                            <h4 class=\"b2b-step-title\">QC &#038; documentation \u2014<\/h4>\n                            <span class=\"b2b-step-desc\">Certificate of Conformity, Mooney\/cure data, dimensional inspection per AQL<\/span>\n                        <\/div>\n                        <div class=\"b2b-timeline-item\">\n                            <h4 class=\"b2b-step-title\">Shipping \u2014<\/h4>\n                            <span class=\"b2b-step-desc\">FOB Shenzhen \/ Hong Kong, EXW Zhongshan, or DAP per customer Incoterms<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"b2b-tab-panel\" id=\"b2b-tab-params\" role=\"tabpanel\">\n                    <h3 class=\"b2b-sr-only\">Typical Order Parameters<\/h3>\n                    \n                    <div class=\"b2b-data-grid\">\n                        <div class=\"b2b-data-row\">\n                            <div class=\"b2b-cell-label\">Sample units (waterjet\/die cut)<\/div>\n                            <div class=\"b2b-cell-value\">\n                                <span class=\"b2b-data-pill\">10-50 pieces<\/span> typical \u00b7 <span class=\"b2b-data-pill-dark\">7-10 day<\/span> turnaround\n                            <\/div>\n                        <\/div>\n                        <div class=\"b2b-data-row\">\n                            <div class=\"b2b-cell-label\">Production MOQ (die cut)<\/div>\n                            <div class=\"b2b-cell-value\">\n                                <span class=\"b2b-data-pill\">500-5,000 pieces<\/span> (varies by geometry &#038; material)\n                            <\/div>\n                        <\/div>\n                        <div class=\"b2b-data-row\">\n                            <div class=\"b2b-cell-label\">Production MOQ (compression)<\/div>\n                            <div class=\"b2b-cell-value\">\n                                <span class=\"b2b-data-pill\">1,000-10,000 pieces<\/span> (tooling complexity dependent)\n                            <\/div>\n                        <\/div>\n                        <div class=\"b2b-data-row\">\n                            <div class=\"b2b-cell-label\">Production MOQ (injection)<\/div>\n                            <div class=\"b2b-cell-value\">\n                                <span class=\"b2b-data-pill\">5,000-100,000+ pieces<\/span> (tooling amortization driven)\n                            <\/div>\n                        <\/div>\n                        <div class=\"b2b-data-row\">\n                            <div class=\"b2b-cell-label\">Tooling lead time<\/div>\n                            <div class=\"b2b-cell-value\">\n                                <span class=\"b2b-data-pill-dark\">2-4 weeks<\/span> (compression) \u00b7 <span class=\"b2b-data-pill-dark\">4-8 weeks<\/span> (injection)\n                            <\/div>\n                        <\/div>\n                        <div class=\"b2b-data-row\">\n                            <div class=\"b2b-cell-label\">Production lead time<\/div>\n                            <div class=\"b2b-cell-value\">\n                                <span class=\"b2b-data-pill-dark\">3-4 weeks<\/span> (established tooling) \u00b7 <span class=\"b2b-data-pill-dark\">4-6 weeks<\/span> (new tooling)\n                            <\/div>\n                        <\/div>\n                        <div class=\"b2b-data-row\">\n                            <div class=\"b2b-cell-label\">Payment terms<\/div>\n                            <div class=\"b2b-cell-value\">\n                                <span class=\"b2b-data-pill\">T\/T 30\/70<\/span> (deposit\/balance against B\/L copy) \u00b7 <span class=\"b2b-data-pill\">L\/C at sight<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"b2b-data-row\">\n                            <div class=\"b2b-cell-label\">Tooling ownership<\/div>\n                            <div class=\"b2b-cell-value\">Customer owns tooling once amortization is complete \u2014 freedom to move production if required<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"b2b-cta-box\">\n            <p>For accurate quotation against your specific drawing, contact our sales engineering team. We return process recommendation, MOQ feasibility, and tooling estimate within 24-48 hours of receiving a CAD file.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const tabBtns = document.querySelectorAll('#b2b-gasket-procurement-v2 .b2b-tab-button');\n        const tabPanels = document.querySelectorAll('#b2b-gasket-procurement-v2 .b2b-tab-panel');\n\n        if (tabBtns.length > 0 && tabPanels.length > 0) {\n            tabBtns.forEach(btn => {\n                btn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const targetId = this.getAttribute('data-target');\n                    \n                    \/\/ \u91cd\u7f6e\u6240\u6709\u6309\u94ae\u548c\u9762\u677f\u7684\u6fc0\u6d3b\u72b6\u6001\n                    tabBtns.forEach(b => {\n                        b.classList.remove('is-active');\n                        b.setAttribute('aria-selected', 'false');\n                    });\n                    tabPanels.forEach(p => p.classList.remove('is-active'));\n                    \n                    \/\/ \u6fc0\u6d3b\u5f53\u524d\u70b9\u51fb\u7684\u6309\u94ae\u548c\u5bf9\u5e94\u7684\u9762\u677f\n                    this.classList.add('is-active');\n                    this.setAttribute('aria-selected', 'true');\n                    \n                    const targetPanel = document.getElementById(targetId);\n                    if(targetPanel) {\n                        targetPanel.classList.add('is-active');\n                    }\n                });\n            });\n        }\n    });\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-cc6c8a5\" data-block-id=\"cc6c8a5\"><style>.stk-cc6c8a5 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-cc6c8a5-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-769a7c8\" data-v=\"4\" data-block-id=\"769a7c8\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-769a7c8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-769a7c8-inner-blocks\">\n<div id=\"corp-rg-accordion-hero-993\">\n    <style>\n        \/* 1. Scope & Isolation - Highest Level *\/\n        #corp-rg-accordion-hero-993 {\n            width: 100%;\n            background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);\n            padding: 60px 0 !important;\n            overflow: hidden;\n            box-sizing: border-box;\n            font-family: inherit;\n        }\n\n        \/* 4. Layout & Frameworks (Flexbox, Anchored Content) *\/\n        #corp-rg-accordion-hero-993 .rg-container {\n            max-width: 1600px !important;\n            margin: 0 auto;\n            padding: 0 30px;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        \/* 2 & 3. SEO Heading Tag Customization (Resisting Theme CSS) *\/\n        #corp-rg-accordion-hero-993 h2.rg-hero-title {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #111827 !important;\n            text-align: center;\n            margin: 0 0 50px 0 !important;\n            padding: 0 !important;\n            line-height: 1.3 !important;\n            position: relative;\n        }\n        \n        #corp-rg-accordion-hero-993 h2.rg-hero-title::after {\n            content: '';\n            display: block;\n            width: 80px;\n            height: 4px;\n            background-color: #0048F0 !important;\n            margin: 20px auto 0 auto;\n            border-radius: 2px;\n        }\n\n        \/* High-End Accordion Layout - Zero Whitespace *\/\n        #corp-rg-accordion-hero-993 .rg-accordion-track {\n            display: flex;\n            gap: 16px;\n            width: 100%;\n            height: 520px;\n            box-sizing: border-box;\n        }\n\n        #corp-rg-accordion-hero-993 .rg-acc-item {\n            flex: 1;\n            position: relative;\n            overflow: hidden;\n            border-radius: 6px;\n            border: 2px solid #e5e7eb;\n            background: #ffffff;\n            cursor: pointer;\n            transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1),\n                        border-color 0.4s ease,\n                        box-shadow 0.4s ease;\n            box-sizing: border-box;\n        }\n\n        #corp-rg-accordion-hero-993 .rg-acc-item.is-active {\n            flex: 6; \/* Slightly increased for better text visibility *\/\n            border-color: #0048F0 !important;\n            box-shadow: 0 20px 40px -10px rgba(0, 72, 240, 0.2);\n            z-index: 2;\n        }\n\n        \/* Image Styling with Hardware Acceleration *\/\n        #corp-rg-accordion-hero-993 .rg-acc-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            filter: brightness(0.6) grayscale(40%);\n            transform: scale(1) translateZ(0); \n            transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1);\n            transform-origin: center center;\n        }\n\n        #corp-rg-accordion-hero-993 .rg-acc-item.is-active img {\n            filter: brightness(1) grayscale(0%);\n            transform: scale(1.03) translateZ(0);\n        }\n\n        \/* SEO Content Overlay - Displayed only on active *\/\n        #corp-rg-accordion-hero-993 .rg-acc-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 60%;\n            background: linear-gradient(to top, rgba(17, 24, 39, 0.95) 0%, rgba(17, 24, 39, 0.6) 50%, transparent 100%);\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.5s ease;\n            z-index: 5;\n        }\n\n        #corp-rg-accordion-hero-993 .rg-acc-content {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            padding: 40px 30px;\n            z-index: 10;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n            transition-delay: 0.1s; \/* Wait slightly for expansion *\/\n            pointer-events: none;\n        }\n\n        #corp-rg-accordion-hero-993 .rg-acc-item.is-active .rg-acc-overlay {\n            opacity: 1;\n        }\n\n        #corp-rg-accordion-hero-993 .rg-acc-item.is-active .rg-acc-content {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* H3 and H4 specific styling for B2B Premium look *\/\n        #corp-rg-accordion-hero-993 h3.rg-item-h3 {\n            font-size: 24px !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            margin: 0 0 8px 0 !important;\n            padding: 0 !important;\n            line-height: 1.2 !important;\n            text-transform: capitalize !important;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n            white-space: nowrap;\n        }\n\n        #corp-rg-accordion-hero-993 h4.rg-item-h4 {\n            font-size: 15px !important;\n            font-weight: 400 !important;\n            color: #d1d5db !important; \/* Light gray for subtitle *\/\n            margin: 0 !important;\n            padding: 0 !important;\n            line-height: 1.4 !important;\n            display: inline-block;\n            border-left: 3px solid #0048F0;\n            padding-left: 10px !important;\n            white-space: nowrap;\n        }\n\n        \/* Responsive Breakpoints *\/\n        @media (max-width: 1200px) {\n            #corp-rg-accordion-hero-993 .rg-accordion-track { height: 450px; gap: 12px; }\n            #corp-rg-accordion-hero-993 h3.rg-item-h3 { font-size: 20px !important; }\n            #corp-rg-accordion-hero-993 .rg-acc-content { padding: 30px 20px; }\n        }\n        @media (max-width: 992px) {\n            #corp-rg-accordion-hero-993 .rg-accordion-track { height: 400px; gap: 8px; }\n            #corp-rg-accordion-hero-993 .rg-acc-item.is-active { flex: 7; }\n        }\n        @media (max-width:690px) {\n            #corp-rg-accordion-hero-993 { padding: 40px 0 !important; }\n            #corp-rg-accordion-hero-993 .rg-container { padding: 0 15px; }\n            #corp-rg-accordion-hero-993 h2.rg-hero-title { font-size: 26px !important; margin-bottom: 30px !important; }\n            \n            #corp-rg-accordion-hero-993 .rg-accordion-track { flex-direction: column; height: 800px; }\n            #corp-rg-accordion-hero-993 .rg-acc-item.is-active { flex: 5; }\n            #corp-rg-accordion-hero-993 h3.rg-item-h3 { white-space: normal; }\n            #corp-rg-accordion-hero-993 h4.rg-item-h4 { white-space: normal; }\n        }\n    <\/style>\n    \n    <div class=\"rg-container\">\n        <!-- H2: Main SEO Keyword Anchor -->\n        <h2 class=\"rg-hero-title\">Engineered Rubber Gaskets &#038; Precision Sealing Solutions<\/h2>\n        \n        <div class=\"rg-accordion-track\" id=\"rg-accordion-track-993\">\n            \n            <!-- Item 1 -->\n            <div class=\"rg-acc-item is-active\">\n                <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/\u5382\u666f.png\" alt=\"Rubber Gaskets Manufacturing Facility\" loading=\"eager\" data-no-lazy=\"1\" class=\"skip-lazy\">\n                <div class=\"rg-acc-overlay\"><\/div>\n                <div class=\"rg-acc-content\">\n                    <h3 class=\"rg-item-h3\">Manufacturing Excellence<\/h3>\n                    <h4 class=\"rg-item-h4\">State-of-the-Art Production Facility<\/h4>\n                <\/div>\n            <\/div>\n            \n            <!-- Item 2 -->\n            <div class=\"rg-acc-item\">\n                <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/\u56fe\u72471-1.png\" alt=\"Precision Rubber Seals\" loading=\"eager\" data-no-lazy=\"1\" class=\"skip-lazy\">\n                <div class=\"rg-acc-overlay\"><\/div>\n                <div class=\"rg-acc-content\">\n                    <h3 class=\"rg-item-h3\">Precision Rubber Seals<\/h3>\n                    <h4 class=\"rg-item-h4\">Engineered for Extreme Conditions<\/h4>\n                <\/div>\n            <\/div>\n            \n            <!-- Item 3 -->\n            <div class=\"rg-acc-item\">\n                <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/\u56fe\u72471-2.png\" alt=\"Industrial Gasket Solutions\" loading=\"eager\" data-no-lazy=\"1\" class=\"skip-lazy\">\n                <div class=\"rg-acc-overlay\"><\/div>\n                <div class=\"rg-acc-content\">\n                    <h3 class=\"rg-item-h3\">Industrial Gasket Solutions<\/h3>\n                    <h4 class=\"rg-item-h4\">Heavy-Duty Sealing Performance<\/h4>\n                <\/div>\n            <\/div>\n            \n            <!-- Item 4 -->\n            <div class=\"rg-acc-item\">\n                <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/\u56fe\u72471-3.png\" alt=\"High-Quality Sealing Components\" loading=\"eager\" data-no-lazy=\"1\" class=\"skip-lazy\">\n                <div class=\"rg-acc-overlay\"><\/div>\n                <div class=\"rg-acc-content\">\n                    <h3 class=\"rg-item-h3\">High-Quality Components<\/h3>\n                    <h4 class=\"rg-item-h4\">Certified B2B Manufacturing Standard<\/h4>\n                <\/div>\n            <\/div>\n            \n            <!-- Item 5 -->\n            <div class=\"rg-acc-item\">\n                <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-15.png\" alt=\"Custom Rubber Gaskets\" loading=\"eager\" data-no-lazy=\"1\" class=\"skip-lazy\">\n                <div class=\"rg-acc-overlay\"><\/div>\n                <div class=\"rg-acc-content\">\n                    <h3 class=\"rg-item-h3\">Custom Rubber Gaskets<\/h3>\n                    <h4 class=\"rg-item-h4\">Tailored to Your Specifications<\/h4>\n                <\/div>\n            <\/div>\n            \n            <!-- Item 6 -->\n            <div class=\"rg-acc-item\">\n                <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-14.png\" alt=\"Durable Rubber Seals\" loading=\"eager\" data-no-lazy=\"1\" class=\"skip-lazy\">\n                <div class=\"rg-acc-overlay\"><\/div>\n                <div class=\"rg-acc-content\">\n                    <h3 class=\"rg-item-h3\">Durable Rubber Seals<\/h3>\n                    <h4 class=\"rg-item-h4\">Long-Lasting Reliability &#038; Support<\/h4>\n                <\/div>\n            <\/div>\n            \n            <!-- Item 7 -->\n            <div class=\"rg-acc-item\">\n                <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-13.png\" alt=\"Heavy Duty Sealing Materials\" loading=\"eager\" data-no-lazy=\"1\" class=\"skip-lazy\">\n                <div class=\"rg-acc-overlay\"><\/div>\n                <div class=\"rg-acc-content\">\n                    <h3 class=\"rg-item-h3\">Heavy Duty Materials<\/h3>\n                    <h4 class=\"rg-item-h4\">Advanced Chemical Resistance<\/h4>\n                <\/div>\n            <\/div>\n            \n            <!-- Item 8 -->\n            <div class=\"rg-acc-item\">\n                <img decoding=\"async\" src=\"https:\/\/meitu-engelhardt.com\/wp-content\/uploads\/2026\/05\/image-12.png\" alt=\"Advanced Sealing Technology\" loading=\"eager\" data-no-lazy=\"1\" class=\"skip-lazy\">\n                <div class=\"rg-acc-overlay\"><\/div>\n                <div class=\"rg-acc-content\">\n                    <h3 class=\"rg-item-h3\">Advanced Sealing Tech<\/h3>\n                    <h4 class=\"rg-item-h4\">Innovation in Every Seal<\/h4>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n\n    <!-- 5. Vanilla JavaScript for Interactions -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const track = document.getElementById('rg-accordion-track-993');\n            if (!track) return;\n            \n            const items = track.querySelectorAll('.rg-acc-item');\n            let currentIndex = 0;\n            let autoPlayInterval;\n            const playDelay = 4000; \/\/ Increased slightly to 4s to give users time to read the H3\/H4 text\n\n            \/\/ Function to update active state\n            const setActiveItem = (index) => {\n                items.forEach(el => el.classList.remove('is-active'));\n                items[index].classList.add('is-active');\n                currentIndex = index;\n            };\n\n            \/\/ Auto-play logic\n            const startAutoPlay = () => {\n                autoPlayInterval = setInterval(() => {\n                    let nextIndex = (currentIndex + 1) % items.length;\n                    setActiveItem(nextIndex);\n                }, playDelay);\n            };\n\n            const stopAutoPlay = () => {\n                clearInterval(autoPlayInterval);\n            };\n\n            \/\/ Event Listeners for manual override\n            items.forEach((item, index) => {\n                item.addEventListener('mouseenter', () => {\n                    stopAutoPlay();\n                    setActiveItem(index);\n                });\n                \/\/ For touch devices\n                item.addEventListener('touchstart', () => {\n                    stopAutoPlay();\n                    setActiveItem(index);\n                }, {passive: true});\n            });\n\n            track.addEventListener('mouseleave', () => {\n                startAutoPlay();\n            });\n\n            \/\/ Initialize\n            startAutoPlay();\n        });\n    <\/script>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-63a58bd\" data-block-id=\"63a58bd\"><style>.stk-63a58bd {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-63a58bd-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-10e7a42\" data-v=\"4\" data-block-id=\"10e7a42\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-10e7a42-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-10e7a42-inner-blocks\">\n<section id=\"eng-gasket-hero-tools\" aria-labelledby=\"eng-tools-heading\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n\n        \/* 1. Highest Level of Scope & Layout Framework *\/\n        #eng-gasket-hero-tools {\n            width: 100% !important;\n            padding: 80px 40px !important;\n            background-color: #f8fafc !important;\n            \n            background-image: \n                radial-gradient(circle at center, rgba(0, 72, 240, 0.03) 0%, rgba(248, 250, 252, 0) 70%),\n                linear-gradient(rgba(0, 72, 240, 0.03) 1px, transparent 1px), \n                linear-gradient(90deg, rgba(0, 72, 240, 0.03) 1px, transparent 1px) !important;\n            \n            background-size: 100% 100%, 40px 40px, 40px 40px !important;\n            background-position: center !important;\n            font-family: 'Inter', sans-serif !important;\n            box-sizing: border-box !important;\n            display: flex !important;\n            justify-content: center !important;\n            position: relative !important;\n            border-top: 4px solid #0048F0 !important;\n            overflow: hidden !important;\n        }\n\n        #eng-gasket-hero-tools * {\n            box-sizing: border-box !important;\n        }\n\n        #eng-gasket-hero-tools .eng-container {\n            max-width: 1600px !important;\n            width: 100% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 50px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        #eng-gasket-hero-tools .eng-header-group {\n            text-align: left !important;\n            max-width: 800px !important;\n        }\n\n        \/* 2. Typography & Tag Replacement (SEO Optimized) *\/\n        #eng-gasket-hero-tools h2.eng-section-title {\n            font-size: 32px !important; \/* \u6309\u7167\u8981\u6c42\u5c06H2\u8bbe\u4e3a32px *\/\n            font-weight: 700 !important; \/* \u6309\u7167\u8981\u6c42\u7c97\u7ec6\u8bbe\u4e3a700 *\/\n            color: #0f172a !important;\n            margin: 0 !important; \n            padding: 0 !important;\n            line-height: 1.2 !important;\n            letter-spacing: -0.03em !important;\n        }\n\n        #eng-gasket-hero-tools h2.eng-section-title::after {\n            content: \"\" !important;\n            display: block !important;\n            width: 80px !important;\n            height: 5px !important;\n            background-color: #0048F0 !important;\n            margin-top: 16px !important;\n            border-radius: 2px !important;\n        }\n\n        \/* Flexbox\/Grid for dense, substantial layout *\/\n        #eng-gasket-hero-tools .eng-tool-grid {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;\n            gap: 40px !important;\n            width: 100% !important;\n        }\n\n        \/* Card Styling - High-end B2B Aesthetic *\/\n        #eng-gasket-hero-tools .eng-tool-card {\n            background: #ffffff !important;\n            border: 1px solid #e2e8f0 !important;\n            padding: 50px !important;\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: space-between !important;\n            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease !important;\n            position: relative !important;\n            border-radius: 8px !important;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;\n            overflow: hidden !important;\n        }\n\n        #eng-gasket-hero-tools .eng-tool-card::before {\n            content: \"\" !important;\n            position: absolute !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 4px !important;\n            height: 100% !important;\n            background-color: #e2e8f0 !important;\n            transition: background-color 0.3s ease, width 0.3s ease !important;\n        }\n\n        #eng-gasket-hero-tools .eng-tool-card:hover {\n            transform: translateY(-8px) !important;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;\n            border-color: rgba(0, 72, 240, 0.2) !important;\n        }\n\n        #eng-gasket-hero-tools .eng-tool-card:hover::before {\n            background-color: #0048F0 !important;\n            width: 6px !important;\n        }\n\n        #eng-gasket-hero-tools .eng-title-wrapper {\n            display: flex !important;\n            align-items: center !important;\n            gap: 16px !important;\n            margin: 0 0 20px 0 !important;\n        }\n\n        #eng-gasket-hero-tools .eng-card-icon {\n            width: 40px !important;\n            height: 40px !important;\n            color: #0048F0 !important;\n            flex-shrink: 0 !important;\n        }\n\n        #eng-gasket-hero-tools h3.eng-card-title {\n            font-size: 24px !important;\n            font-weight: 700 !important;\n            color: #1e293b !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            line-height: 1.3 !important;\n        }\n\n        #eng-gasket-hero-tools p.eng-card-desc {\n            font-size: 16px !important;\n            line-height: 1.7 !important;\n            color: #475569 !important;\n            margin: 0 0 32px 0 !important;\n            padding-left: 0 !important;\n            flex-grow: 1 !important;\n        }\n\n        \/* Call to Action Links & Hardware-Accelerated Animations *\/\n        #eng-gasket-hero-tools .eng-action-wrapper {\n            padding-left: 0 !important;\n            display: flex !important;\n            align-items: center !important;\n        }\n\n        #eng-gasket-hero-tools a.eng-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            color: #0048F0 !important;\n            text-decoration: none !important;\n            gap: 12px !important;\n            padding: 16px 30px !important;\n            background: rgba(0, 72, 240, 0.05) !important;\n            border: 1px solid rgba(0, 72, 240, 0.15) !important;\n            border-radius: 6px !important;\n            transition: all 0.2s ease !important;\n            cursor: pointer !important;\n        }\n\n        #eng-gasket-hero-tools a.eng-btn:hover {\n            background: #0048F0 !important;\n            color: #ffffff !important;\n            border-color: #0048F0 !important;\n            box-shadow: 0 4px 6px rgba(0, 72, 240, 0.2) !important;\n        }\n\n        #eng-gasket-hero-tools a.eng-btn svg {\n            width: 20px !important;\n            height: 20px !important;\n            fill: currentColor !important;\n            transition: transform 0.2s ease !important;\n        }\n\n        #eng-gasket-hero-tools a.eng-btn:hover svg {\n            transform: translateX(6px) !important;\n        }\n\n        \/* Responsive Adjustments *\/\n        @media (max-width: 992px) {\n            #eng-gasket-hero-tools .eng-tool-grid {\n                grid-template-columns: 1fr !important;\n            }\n            #eng-gasket-hero-tools {\n                padding: 60px 20px !important;\n            }\n            #eng-gasket-hero-tools .eng-tool-card {\n                padding: 40px !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"eng-container\">\n        <div class=\"eng-header-group\">\n            <!-- \u7ed1\u5b9a ID \u7528\u4e8e aria-labelledby\uff0c\u63d0\u5347 SEO \u4e0e\u65e0\u969c\u788d\u8bc4\u5206 -->\n            <h2 id=\"eng-tools-heading\" class=\"eng-section-title\">Rubber Gasket Engineering Tools &amp; Calculators<\/h2>\n        <\/div>\n        \n        <div class=\"eng-tool-grid\">\n            <div class=\"eng-tool-card\">\n                <div class=\"eng-card-content\">\n                    <div class=\"eng-title-wrapper\">\n                        <svg class=\"eng-card-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle>\n                            <circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle>\n                            <circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle>\n                            <line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line>\n                            <line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line>\n                        <\/svg>\n                        <!-- H3 \u4f5c\u4e3a H2 \u7684\u5b50\u8282\u70b9\uff0c\u8bed\u4e49\u6e05\u6670 -->\n                        <h3 class=\"eng-card-title\">Rubber Gasket Material Selector<\/h3>\n                    <\/div>\n                    <p class=\"eng-card-desc\">Select your operating envelope below. The tool returns the elastomer families that match all three constraints, ranked by suitability. Based on Engelhardt\u2019s in-house material qualification data.<\/p>\n                <\/div>\n                <div class=\"eng-action-wrapper\">\n                    <a href=\"https:\/\/meitu-engelhardt.com\/custom-rubber-molding\/rubber-gaskets-seals\/rubber-gasket-material-selector\/\" class=\"eng-btn\" aria-label=\"Access Material Selector\">\n                        Access Selector Tool\n                        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M14 5l7 7m0 0l-7 7m7-7H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"eng-tool-card\">\n                <div class=\"eng-card-content\">\n                    <div class=\"eng-title-wrapper\">\n                        <svg class=\"eng-card-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M12 2v10l4.5 4.5\"><\/path>\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <path d=\"M16 8h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-6v-10z\"><\/path>\n                        <\/svg>\n                        <!-- H3 \u4f5c\u4e3a H2 \u7684\u5b50\u8282\u70b9\uff0c\u8bed\u4e49\u6e05\u6670 -->\n                        <h3 class=\"eng-card-title\">Custom Rubber Gasket MOQ &amp; Lead Time Estimator<\/h3>\n                    <\/div>\n                    <p class=\"eng-card-desc\">Get a process-based estimate of minimum order quantity, tooling lead time, and production lead time. Based on Engelhardt\u2019s typical capacity and industry MOQ ranges.<\/p>\n                <\/div>\n                <div class=\"eng-action-wrapper\">\n                    <a href=\"https:\/\/meitu-engelhardt.com\/custom-rubber-molding\/rubber-gaskets-seals\/custom-rubber-gasket-moq-lead-time-estimator\/\" class=\"eng-btn\" aria-label=\"Access Lead Time Estimator\">\n                        Calculate Estimates\n                        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M14 5l7 7m0 0l-7 7m7-7H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-6f9bfaf\" data-block-id=\"6f9bfaf\"><style>.stk-6f9bfaf {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6f9bfaf-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-488cc8f\" data-v=\"4\" data-block-id=\"488cc8f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-488cc8f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-488cc8f-inner-blocks\">\n<div id=\"corp-rg-faq-module-818\">\n    <style>\n        \/* 1. Scope & Isolation - Highest Level *\/\n        #corp-rg-faq-module-818 {\n            width: 100%;\n            background-color: #f8f9fa !important;\n            padding: 70px 0 !important;\n            box-sizing: border-box;\n            font-family: inherit;\n            overflow: hidden;\n        }\n\n        \/* 4. Layout & Frameworks (Full-Bleed, Anchored Content) *\/\n        #corp-rg-faq-module-818 .rg-faq-container {\n            max-width: 1600px !important;\n            margin: 0 auto;\n            padding: 0 30px;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        \/* ==========================================\n           SEO HEADING HIERARCHY (H2 -> H3 -> H4) \n           ========================================== *\/\n           \n        \/* H2: Main Title *\/\n        #corp-rg-faq-module-818 h2.rg-faq-maintitle {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #111827 !important;\n            text-align: center;\n            margin: 0 0 60px 0 !important;\n            padding: 0 !important;\n            line-height: 1.3 !important;\n            position: relative;\n        }\n\n        #corp-rg-faq-module-818 h2.rg-faq-maintitle::after {\n            content: '';\n            display: block;\n            width: 60px;\n            height: 4px;\n            background-color: #0048F0 !important;\n            margin: 16px auto 0 auto;\n            border-radius: 2px;\n        }\n\n        \/* H3: Category Titles (B2B Professional Structuring) *\/\n        #corp-rg-faq-module-818 h3.rg-faq-col-title {\n            font-size: 20px !important;\n            font-weight: 700 !important;\n            color: #111827 !important;\n            margin: 0 0 24px 0 !important;\n            padding: 0 0 12px 0 !important;\n            border-bottom: 2px solid #e5e7eb !important;\n            position: relative;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            line-height: 1.4 !important;\n        }\n        \n        #corp-rg-faq-module-818 h3.rg-faq-col-title::after {\n            content: '';\n            position: absolute;\n            left: 0;\n            bottom: -2px;\n            width: 40px;\n            height: 2px;\n            background-color: #0048F0 !important;\n        }\n\n        \/* H4: The Actual Questions *\/\n        #corp-rg-faq-module-818 h4.rg-faq-q-text {\n            font-size: 18px !important;\n            font-weight: 700 !important;\n            color: #1f2937 !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            line-height: 1.4 !important;\n            transition: color 0.3s ease !important;\n        }\n\n        #corp-rg-faq-module-818 .rg-faq-item.is-active h4.rg-faq-q-text {\n            color: #0048F0 !important;\n        }\n\n        \/* ==========================================\n           GRID LAYOUT & INTERACTIVE STYLING\n           ========================================== *\/\n\n        \/* Dual-Column Layout *\/\n        #corp-rg-faq-module-818 .rg-faq-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 0 40px;\n            align-items: start;\n            counter-reset: faq-counter; \n        }\n\n        \/* Inner Column Wrapper *\/\n        #corp-rg-faq-module-818 .rg-faq-column {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        \/* Accordion Item Styling *\/\n        #corp-rg-faq-module-818 .rg-faq-item {\n            background: #ffffff !important;\n            border: 1px solid #e5e7eb !important;\n            border-left: 4px solid transparent !important; \n            border-radius: 6px !important;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            box-sizing: border-box;\n        }\n\n        \/* Hover & Active Effects *\/\n        #corp-rg-faq-module-818 .rg-faq-item:hover {\n            border-color: #d1d5db !important;\n            border-left-color: #d1d5db !important;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06) !important;\n            transform: translateY(-2px);\n        }\n\n        #corp-rg-faq-module-818 .rg-faq-item.is-active {\n            border-color: #e5e7eb !important;\n            border-left-color: #0048F0 !important;\n            box-shadow: 0 12px 28px rgba(0, 72, 240, 0.08) !important;\n            transform: translateY(-2px);\n        }\n\n        \/* Question Button *\/\n        #corp-rg-faq-module-818 .rg-faq-question {\n            width: 100% !important;\n            min-height: 96px !important; \n            background: transparent !important;\n            border: none !important;\n            padding: 20px 24px 20px 20px !important;\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            cursor: pointer !important;\n            text-align: left !important;\n            outline: none !important;\n            box-sizing: border-box;\n        }\n\n        \/* Title Group (Number + Text) *\/\n        #corp-rg-faq-module-818 .rg-faq-title-group {\n            display: flex;\n            align-items: center;\n        }\n\n        \/* Automatic Numbering Styling *\/\n        #corp-rg-faq-module-818 .rg-faq-title-group::before {\n            counter-increment: faq-counter;\n            content: counter(faq-counter, decimal-leading-zero);\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            color: #9ca3af !important;\n            margin-right: 16px !important;\n            font-family: monospace; \n            transition: color 0.3s ease !important;\n            display: inline-block;\n        }\n        \n        #corp-rg-faq-module-818 .rg-faq-item.is-active .rg-faq-title-group::before {\n            color: #0048F0 !important;\n        }\n\n        \/* Toggle Icon *\/\n        #corp-rg-faq-module-818 .rg-faq-icon-wrapper {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background-color: #f3f4f6;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-left: 15px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        #corp-rg-faq-module-818 .rg-faq-icon {\n            position: relative;\n            width: 12px;\n            height: 12px;\n            border-right: 2px solid #6b7280;\n            border-bottom: 2px solid #6b7280;\n            transform: translateY(-2px) rotate(45deg);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        #corp-rg-faq-module-818 .rg-faq-item.is-active .rg-faq-icon-wrapper {\n            background-color: rgba(0, 72, 240, 0.1);\n        }\n\n        #corp-rg-faq-module-818 .rg-faq-item.is-active .rg-faq-icon {\n            border-color: #0048F0;\n            transform: translateY(2px) rotate(225deg); \n        }\n\n        \/* Answer Wrapper (Grid Transition for Performance) *\/\n        #corp-rg-faq-module-818 .rg-faq-answer-wrapper {\n            display: grid;\n            grid-template-rows: 0fr;\n            transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        #corp-rg-faq-module-818 .rg-faq-item.is-active .rg-faq-answer-wrapper {\n            grid-template-rows: 1fr;\n        }\n\n        #corp-rg-faq-module-818 .rg-faq-answer-inner {\n            overflow: hidden;\n            background-color: #fafbfc !important;\n            border-top: 1px solid transparent;\n            transition: border-color 0.4s ease;\n        }\n        \n        #corp-rg-faq-module-818 .rg-faq-item.is-active .rg-faq-answer-inner {\n            border-top-color: #f3f4f6 !important;\n        }\n\n        #corp-rg-faq-module-818 .rg-faq-answer-content {\n            padding: 24px 30px 30px 48px !important; \n            font-size: 15px !important;\n            color: #4b5563 !important;\n            line-height: 1.7 !important;\n            margin: 0 !important;\n        }\n\n        \/* Responsive Breakpoints *\/\n        @media (max-width: 992px) {\n            #corp-rg-faq-module-818 .rg-faq-grid {\n                grid-template-columns: 1fr;\n                gap: 40px 0; \/* Space between columns on mobile *\/\n            }\n            #corp-rg-faq-module-818 .rg-faq-question { min-height: 84px !important; }\n        }\n        @media (max-width:690px) {\n            #corp-rg-faq-module-818 { padding: 50px 0 !important; }\n            #corp-rg-faq-module-818 .rg-faq-container { padding: 0 20px; }\n            #corp-rg-faq-module-818 h2.rg-faq-maintitle { font-size: 26px !important; margin-bottom: 40px !important; }\n            #corp-rg-faq-module-818 h3.rg-faq-col-title { font-size: 18px !important; }\n            #corp-rg-faq-module-818 .rg-faq-question { padding: 16px !important; min-height: auto !important;}\n            #corp-rg-faq-module-818 h4.rg-faq-q-text { font-size: 16px !important; }\n            #corp-rg-faq-module-818 .rg-faq-title-group::before { margin-right: 12px !important; }\n            #corp-rg-faq-module-818 .rg-faq-answer-content { padding: 20px 20px 24px 20px !important; }\n            #corp-rg-faq-module-818 .rg-faq-item:hover { transform: none; } \n            #corp-rg-faq-module-818 .rg-faq-item.is-active { transform: none; }\n        }\n    <\/style>\n\n    <div class=\"rg-faq-container\">\n        <h2 class=\"rg-faq-maintitle\">Frequently Asked Questions<\/h2>\n\n        <div class=\"rg-faq-grid\">\n            \n            <div class=\"rg-faq-column\">\n                <h3 class=\"rg-faq-col-title\">Engineering &#038; Materials<\/h3>\n\n                <div class=\"rg-faq-item\">\n                    <button class=\"rg-faq-question\" aria-expanded=\"false\">\n                        <div class=\"rg-faq-title-group\">\n                            <h4 class=\"rg-faq-q-text\">Can rubber gaskets be custom made to my drawing?<\/h4>\n                        <\/div>\n                        <div class=\"rg-faq-icon-wrapper\"><span class=\"rg-faq-icon\"><\/span><\/div>\n                    <\/button>\n                    <div class=\"rg-faq-answer-wrapper\">\n                        <div class=\"rg-faq-answer-inner\">\n                            <p class=\"rg-faq-answer-content\">Yes. Custom rubber gaskets are produced from CAD files (.stp, .dxf, .dwg) using compression molding, liquid silicone injection, die cutting, or waterjet cutting. We screen your drawing against process tolerance capability and material availability before quoting, so you do not pay for a tooling investment that the geometry cannot support.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rg-faq-item\">\n                    <button class=\"rg-faq-question\" aria-expanded=\"false\">\n                        <div class=\"rg-faq-title-group\">\n                            <h4 class=\"rg-faq-q-text\">How do I determine the correct gasket thickness and durometer?<\/h4>\n                        <\/div>\n                        <div class=\"rg-faq-icon-wrapper\"><span class=\"rg-faq-icon\"><\/span><\/div>\n                    <\/button>\n                    <div class=\"rg-faq-answer-wrapper\">\n                        <div class=\"rg-faq-answer-inner\">\n                            <p class=\"rg-faq-answer-content\">Thickness is governed by flange flatness, bolt-up compression, and the size of the surface irregularities your gasket must seal. As a starting point, gasket thickness should be 1.5-2\u00d7 the largest expected surface irregularity. Durometer (hardness, Shore A) is selected against compression load: softer compounds (40-50 Shore A) seal at lower load but extrude under high pressure; harder compounds (70-80 Shore A) handle higher pressure but require more bolt force. Send us your flange spec and load condition and we recommend the right combination.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rg-faq-item\">\n                    <button class=\"rg-faq-question\" aria-expanded=\"false\">\n                        <div class=\"rg-faq-title-group\">\n                            <h4 class=\"rg-faq-q-text\">Can your gaskets handle aggressive chemical exposure?<\/h4>\n                        <\/div>\n                        <div class=\"rg-faq-icon-wrapper\"><span class=\"rg-faq-icon\"><\/span><\/div>\n                    <\/button>\n                    <div class=\"rg-faq-answer-wrapper\">\n                        <div class=\"rg-faq-answer-inner\">\n                            <p class=\"rg-faq-answer-content\">Yes \u2014 with the right elastomer. Viton (FKM) handles concentrated acids, fuels, and aromatic solvents up to 200\u00b0C. Fluorosilicone covers fuel system applications with wider temperature swing. EPDM handles steam and most acids\/alkalis but fails on petroleum oils. Our material data sheets cite chemical compatibility per ASTM D471 swell testing \u2014 we send the relevant sheet with every quotation.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rg-faq-item\">\n                    <button class=\"rg-faq-question\" aria-expanded=\"false\">\n                        <div class=\"rg-faq-title-group\">\n                            <h4 class=\"rg-faq-q-text\">Which is better \u2014 silicone or rubber gaskets?<\/h4>\n                        <\/div>\n                        <div class=\"rg-faq-icon-wrapper\"><span class=\"rg-faq-icon\"><\/span><\/div>\n                    <\/button>\n                    <div class=\"rg-faq-answer-wrapper\">\n                        <div class=\"rg-faq-answer-inner\">\n                            <p class=\"rg-faq-answer-content\">Silicone is one elastomer family within the broader rubber category. Silicone wins on temperature range (-75\u00b0F to 500\u00b0F), FDA food contact, electrical insulation, and color stability. Organic rubbers (EPDM, neoprene, NBR) win on tear strength, abrasion resistance, and cost. The right answer depends on your operating envelope \u2014 not on a generic preference. Our Material Decision Matrix above maps each elastomer to its strongest application.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div> <div class=\"rg-faq-column\">\n                <h3 class=\"rg-faq-col-title\">Manufacturing &#038; Compliance<\/h3>\n\n                <div class=\"rg-faq-item\">\n                    <button class=\"rg-faq-question\" aria-expanded=\"false\">\n                        <div class=\"rg-faq-title-group\">\n                            <h4 class=\"rg-faq-q-text\">What is the lead time for custom gaskets?<\/h4>\n                        <\/div>\n                        <div class=\"rg-faq-icon-wrapper\"><span class=\"rg-faq-icon\"><\/span><\/div>\n                    <\/button>\n                    <div class=\"rg-faq-answer-wrapper\">\n                        <div class=\"rg-faq-answer-inner\">\n                            <p class=\"rg-faq-answer-content\">Sample lead time is 7-10 days for waterjet or die-cut prototypes. First-article molded samples take 3-4 weeks once tooling is approved. Production runs ship 3-4 weeks after order placement on established tooling, or 4-6 weeks when new tooling is required. Tooling itself adds 2-4 weeks for compression molds or 4-8 weeks for injection molds.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rg-faq-item\">\n                    <button class=\"rg-faq-question\" aria-expanded=\"false\">\n                        <div class=\"rg-faq-title-group\">\n                            <h4 class=\"rg-faq-q-text\">What is the MOQ for custom rubber gasket production?<\/h4>\n                        <\/div>\n                        <div class=\"rg-faq-icon-wrapper\"><span class=\"rg-faq-icon\"><\/span><\/div>\n                    <\/button>\n                    <div class=\"rg-faq-answer-wrapper\">\n                        <div class=\"rg-faq-answer-inner\">\n                            <p class=\"rg-faq-answer-content\">MOQ varies by manufacturing process. Die-cut gaskets start at 500 pieces. Compression-molded gaskets typically require 1,000 pieces minimum. Injection-molded production runs from 5,000 pieces upward to amortize tooling cost efficiently. For initial samples or design iterations, waterjet cutting allows quantities of 1-50 pieces with no tooling investment.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rg-faq-item\">\n                    <button class=\"rg-faq-question\" aria-expanded=\"false\">\n                        <div class=\"rg-faq-title-group\">\n                            <h4 class=\"rg-faq-q-text\">Do you provide prototype tooling and samples for first-article approval?<\/h4>\n                        <\/div>\n                        <div class=\"rg-faq-icon-wrapper\"><span class=\"rg-faq-icon\"><\/span><\/div>\n                    <\/button>\n                    <div class=\"rg-faq-answer-wrapper\">\n                        <div class=\"rg-faq-answer-inner\">\n                            <p class=\"rg-faq-answer-content\">Yes. For low-cost design iteration, we recommend waterjet-cut samples that bypass tooling entirely \u2014 ideal for confirming geometry and material before committing to molded tooling. For PPAP-grade first articles, we run a small production batch from prototype tooling and ship with full dimensional and material test reports. PPAP package levels 1-5 are available on request for IATF 16949 customers.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rg-faq-item\">\n                    <button class=\"rg-faq-question\" aria-expanded=\"false\">\n                        <div class=\"rg-faq-title-group\">\n                            <h4 class=\"rg-faq-q-text\">What certifications do you hold and how do I verify them?<\/h4>\n                        <\/div>\n                        <div class=\"rg-faq-icon-wrapper\"><span class=\"rg-faq-icon\"><\/span><\/div>\n                    <\/button>\n                    <div class=\"rg-faq-answer-wrapper\">\n                        <div class=\"rg-faq-answer-inner\">\n                            <p class=\"rg-faq-answer-content\">Engelhardt holds ISO 9001:2015 and IATF 16949:2016 quality management system certifications. Material-level compliance includes FDA 21 CFR 177.2600 silicone grades, RoHS, REACH, and Prop 65 documentation. Certificate copies and audit reports are available on request \u2014 usually within 1 business day of inquiry. For customer audits, we host on-site visits at our 53,000 sq.m. Zhongshan facility with prior arrangement.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div> <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const faqContainer = document.getElementById('corp-rg-faq-module-818');\n            if (!faqContainer) return;\n\n            const faqItems = faqContainer.querySelectorAll('.rg-faq-item');\n\n            faqItems.forEach(item => {\n                const button = item.querySelector('.rg-faq-question');\n                button.addEventListener('click', () => {\n                    const isActive = item.classList.contains('is-active');\n                    \n                    if (isActive) {\n                        item.classList.remove('is-active');\n                        button.setAttribute('aria-expanded', 'false');\n                    } else {\n                        item.classList.add('is-active');\n                        button.setAttribute('aria-expanded', 'true');\n                    }\n                });\n            });\n        });\n    <\/script>\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Can rubber gaskets be custom made to my drawing?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. Custom rubber gaskets are produced from CAD files (.stp, .dxf, .dwg) using compression molding, liquid silicone injection, die cutting, or waterjet cutting. We screen your drawing against process tolerance capability and material availability before quoting, so you do not pay for a tooling investment that the geometry cannot support.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is the lead time for custom gaskets?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Sample lead time is 7-10 days for waterjet or die-cut prototypes. First-article molded samples take 3-4 weeks once tooling is approved. Production runs ship 3-4 weeks after order placement on established tooling, or 4-6 weeks when new tooling is required. Tooling itself adds 2-4 weeks for compression molds or 4-8 weeks for injection molds.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How do I determine the correct gasket thickness and durometer?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Thickness is governed by flange flatness, bolt-up compression, and the size of the surface irregularities your gasket must seal. As a starting point, gasket thickness should be 1.5-2\u00d7 the largest expected surface irregularity. Durometer (hardness, Shore A) is selected against compression load: softer compounds (40-50 Shore A) seal at lower load but extrude under high pressure; harder compounds (70-80 Shore A) handle higher pressure but require more bolt force. Send us your flange spec and load condition and we recommend the right combination.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Can your gaskets handle aggressive chemical exposure?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes \u2014 with the right elastomer. Viton (FKM) handles concentrated acids, fuels, and aromatic solvents up to 200\u00b0C. Fluorosilicone covers fuel system applications with wider temperature swing. EPDM handles steam and most acids\/alkalis but fails on petroleum oils. Our material data sheets cite chemical compatibility per ASTM D471 swell testing \u2014 we send the relevant sheet with every quotation.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Which is better \u2014 silicone or rubber gaskets?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Silicone is one elastomer family within the broader rubber category. Silicone wins on temperature range (-75\u00b0F to 500\u00b0F), FDA food contact, electrical insulation, and color stability. Organic rubbers (EPDM, neoprene, NBR) win on tear strength, abrasion resistance, and cost. The right answer depends on your operating envelope \u2014 not on a generic preference. Our Material Decision Matrix above maps each elastomer to its strongest application.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is the MOQ for custom rubber gasket production?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"MOQ varies by manufacturing process. Die-cut gaskets start at 500 pieces. Compression-molded gaskets typically require 1,000 pieces minimum. Injection-molded production runs from 5,000 pieces upward to amortize tooling cost efficiently. For initial samples or design iterations, waterjet cutting allows quantities of 1-50 pieces with no tooling investment.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Do you provide prototype tooling and samples for first-article approval?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. For low-cost design iteration, we recommend waterjet-cut samples that bypass tooling entirely \u2014 ideal for confirming geometry and material before committing to molded tooling. For PPAP-grade first articles, we run a small production batch from prototype tooling and ship with full dimensional and material test reports. PPAP package levels 1-5 are available on request for IATF 16949 customers.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What certifications do you hold and how do I verify them?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Engelhardt holds ISO 9001:2015 and IATF 16949:2016 quality management system certifications. Material-level compliance includes FDA 21 CFR 177.2600 silicone grades, RoHS, REACH, and Prop 65 documentation. Certificate copies and audit reports are available on request \u2014 usually within 1 business day of inquiry. For customer audits, we host on-site visits at our 53,000 sq.m. Zhongshan facility with prior arrangement.\"\n          }\n        }\n      ]\n    }\n    <\/script>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-97b9234\" data-block-id=\"97b9234\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-97b9234-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-59670e6\" data-v=\"4\" data-block-id=\"59670e6\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-59670e6-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-59670e6-inner-blocks\">\n<!-- Custom HTML Module: B2B Quote CTA Hero (SEO Optimized Heading Structure) -->\n<section id=\"eng-gasket-cta-hero\" aria-labelledby=\"eng-cta-heading\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n        \/* 1. Highest Level of Scope & Full-Bleed Background *\/\n        #eng-gasket-cta-hero {\n            width: 100% !important;\n            padding: 80px 40px !important;\n            background-color: #f1f5f9 !important; \n            \n            \/* \u5de5\u4e1a\u84dd\u56fe\u7ec6\u7f51\u683c\u80cc\u666f *\/\n            background-image: \n                linear-gradient(rgba(15, 23, 42, 0.025) 1px, transparent 1px), \n                linear-gradient(90deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px) !important;\n            background-size: 32px 32px !important;\n            \n            font-family: 'Inter', sans-serif !important;\n            box-sizing: border-box !important;\n            display: flex !important;\n            justify-content: center !important;\n            position: relative !important;\n            overflow: hidden !important;\n        }\n\n        #eng-gasket-cta-hero * {\n            box-sizing: border-box !important;\n        }\n\n        \/* \u5f39\u6027\u7684\u91cd\u578b\u5361\u7247\u5bb9\u5668 *\/\n        #eng-gasket-cta-hero .eng-cta-container {\n            max-width: 1600px !important;\n            width: 100% !important;\n            background: #ffffff !important;\n            border-radius: 12px !important;\n            box-shadow: 0 25px 50px -12px rgba(0, 36, 120, 0.08), 0 10px 15px -3px rgba(0, 36, 120, 0.04) !important;\n            display: flex !important;\n            flex-direction: row !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            padding: 70px 80px !important;\n            position: relative !important;\n            overflow: hidden !important;\n            border: 1px solid #e2e8f0 !important;\n        }\n\n        #eng-gasket-cta-hero .eng-cta-container::before {\n            content: \"\" !important;\n            position: absolute !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 8px !important;\n            height: 100% !important;\n            background: linear-gradient(180deg, #0048F0 0%, #1e3a8a 100%) !important;\n            z-index: 10 !important;\n        }\n\n        #eng-gasket-cta-hero .eng-cta-container::after {\n            content: \"\" !important;\n            position: absolute !important;\n            top: -20% !important;\n            right: -5% !important;\n            width: 500px !important;\n            height: 500px !important;\n            border: 40px solid rgba(0, 72, 240, 0.03) !important;\n            border-radius: 50% !important;\n            box-shadow: inset 0 0 0 20px rgba(0, 72, 240, 0.015) !important;\n            pointer-events: none !important;\n            z-index: 1 !important;\n        }\n\n        \/* \u6587\u672c\u533a\u57df\u5e03\u5c40 *\/\n        #eng-gasket-cta-hero .eng-cta-text-group {\n            flex: 1 1 55% !important;\n            padding-right: 60px !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        #eng-gasket-cta-hero .eng-cta-kicker {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n            font-size: 13px !important;\n            font-weight: 700 !important;\n            color: #0048F0 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.05em !important;\n            margin-bottom: 16px !important;\n            background: rgba(0, 72, 240, 0.06) !important;\n            padding: 6px 14px !important;\n            border-radius: 20px !important;\n        }\n\n        #eng-gasket-cta-hero .eng-cta-kicker svg {\n            width: 14px !important;\n            height: 14px !important;\n            stroke: currentColor !important;\n            stroke-width: 2.5 !important;\n        }\n\n        \/* \u6838\u5fc3 H2 \u6807\u7b7e\uff0c\u7cbe\u51c6\u951a\u5b9a\u4e3b\u9898 *\/\n        #eng-gasket-cta-hero h2.eng-cta-title {\n            font-size: 32px !important;\n            font-weight: 700 !important;\n            color: #0f172a !important;\n            margin: 0 0 20px 0 !important;\n            padding: 0 !important;\n            line-height: 1.25 !important;\n            letter-spacing: -0.02em !important;\n        }\n\n        #eng-gasket-cta-hero p.eng-cta-desc {\n            font-size: 18px !important;\n            line-height: 1.65 !important;\n            color: #475569 !important;\n            margin: 0 !important;\n            font-weight: 400 !important;\n            max-width: 95% !important;\n        }\n\n        \/* \u64cd\u4f5c\u533a\u57df\u5e03\u5c40 *\/\n        #eng-gasket-cta-hero .eng-cta-action-group {\n            flex: 1 1 45% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: flex-end !important;\n            text-align: right !important;\n            position: relative !important;\n            z-index: 2 !important;\n        }\n\n        #eng-gasket-cta-hero a.eng-cta-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background: linear-gradient(135deg, #0048F0 0%, #003bc4 100%) !important;\n            color: #ffffff !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            text-decoration: none !important;\n            padding: 22px 48px !important;\n            border-radius: 6px !important;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n            box-shadow: 0 12px 20px -5px rgba(0, 72, 240, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\n            gap: 12px !important;\n            border: none !important;\n            cursor: pointer !important;\n        }\n\n        #eng-gasket-cta-hero a.eng-cta-btn:hover {\n            box-shadow: 0 20px 25px -5px rgba(0, 72, 240, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;\n            transform: translateY(-3px) !important;\n            background: linear-gradient(135deg, #003bc4 0%, #002e99 100%) !important;\n        }\n\n        #eng-gasket-cta-hero a.eng-cta-btn svg {\n            width: 22px !important;\n            height: 22px !important;\n            fill: currentColor !important;\n            transition: transform 0.3s ease !important;\n        }\n\n        #eng-gasket-cta-hero a.eng-cta-btn:hover svg {\n            transform: translateX(6px) !important;\n        }\n\n        #eng-gasket-cta-hero .eng-cta-contact-info {\n            margin-top: 28px !important;\n            display: flex !important;\n            flex-wrap: wrap !important;\n            gap: 16px 24px !important; \n            justify-content: flex-end !important;\n        }\n\n        #eng-gasket-cta-hero .eng-contact-item {\n            display: inline-flex !important;\n            align-items: center !important;\n            font-size: 15px !important;\n            color: #475569 !important;\n            font-weight: 500 !important;\n            gap: 8px !important;\n        }\n\n        #eng-gasket-cta-hero .eng-contact-item svg {\n            width: 18px !important;\n            height: 18px !important;\n            color: #0048F0 !important;\n            fill: none !important;\n            stroke: currentColor !important;\n            stroke-width: 2 !important;\n            stroke-linecap: round !important;\n            stroke-linejoin: round !important;\n        }\n\n        @media (max-width:1000px) {\n            #eng-gasket-cta-hero .eng-cta-container {\n                flex-direction: column !important;\n                align-items: flex-start !important;\n                padding: 50px 40px !important;\n            }\n            #eng-gasket-cta-hero .eng-cta-container::after {\n                top: auto !important;\n                bottom: -20% !important;\n                right: -20% !important;\n            }\n            #eng-gasket-cta-hero .eng-cta-text-group {\n                padding-right: 0 !important;\n                margin-bottom: 40px !important;\n            }\n            #eng-gasket-cta-hero .eng-cta-action-group {\n                align-items: flex-start !important;\n                text-align: left !important;\n                width: 100% !important;\n            }\n            #eng-gasket-cta-hero .eng-cta-contact-info {\n                justify-content: flex-start !important;\n            }\n        }\n        @media (max-width: 640px) {\n            #eng-gasket-cta-hero a.eng-cta-btn {\n                width: 100% !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"eng-cta-container\">\n        <!-- \u5de6\u4fa7\u6587\u672c\u533a\u57df -->\n        <div class=\"eng-cta-text-group\">\n            <div class=\"eng-cta-kicker\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                    <path d=\"M12 6V12L16 14\"><\/path>\n                <\/svg>\n                24-Hour Turnaround\n            <\/div>\n            \n            <!-- \u552f\u4e00\u4e14\u6838\u5fc3\u7684 H2 -->\n            <h2 id=\"eng-cta-heading\" class=\"eng-cta-title\">Get a Quote on Your Custom Rubber Gasket Project<\/h2>\n            <p class=\"eng-cta-desc\">Send your drawing or describe your application. Sales engineering responds within 24 hours with material recommendation, process selection, MOQ, and tooling estimate.<\/p>\n        <\/div>\n\n        <!-- \u53f3\u4fa7\u884c\u52a8\u547c\u5401\u4e0e\u8054\u7cfb\u65b9\u5f0f -->\n        <div class=\"eng-cta-action-group\">\n            <a href=\"#ct-popup-800\" class=\"eng-cta-btn\" aria-label=\"Open Quote Popup\">\n                Get Custom Quote\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M14 5l7 7m0 0l-7 7m7-7H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                <\/svg>\n            <\/a>\n            \n            <div class=\"eng-cta-contact-info\">\n                <span class=\"eng-contact-item\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                        <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n                    <\/svg>\n                    sales41@china-meitu.com\n                <\/span>\n                \n                <span class=\"eng-contact-item\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n                    <\/svg>\n                    +86 18022095953\n                <\/span>\n\n                <span class=\"eng-contact-item\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                        <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                    <\/svg>\n                    Zhongshan, Guangdong, China\n                <\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>ENGELHARDT IATF 16949 \u00b7 ISO 9001 Rubber Gaskets &#038; Seals Custom Rubber Gaskets &#038; Seals Manufacturer Engelhardt produces custom rubber gaskets and seals from 14+ elastomer materials \u2014 engineered for sanitary, automotive, electronics, food-contact, and aggressive-chemical sealing where leak prevention and batch consistency are non-negotiable. Get Custom Quote &rarr; Manufacturing Since 2009 Materials 14+ elastomers [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":2114,"parent":807,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-2113","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/pages\/2113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/comments?post=2113"}],"version-history":[{"count":0,"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/pages\/2113\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/pages\/807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/media\/2114"}],"wp:attachment":[{"href":"https:\/\/meitu-engelhardt.com\/it\/wp-json\/wp\/v2\/media?parent=2113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}