{"id":6985,"date":"2026-05-12T13:37:14","date_gmt":"2026-05-12T13:37:14","guid":{"rendered":"https:\/\/hengchenchina.com\/?page_id=6985"},"modified":"2026-05-29T15:43:52","modified_gmt":"2026-05-29T15:43:52","slug":"steel-grating-safety-grating","status":"publish","type":"page","link":"https:\/\/hengchenchina.com\/fr\/steel-grating-safety-grating\/","title":{"rendered":"Caillebotis en acier et caillebotis de s\u00e9curit\u00e9"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6985\" class=\"elementor elementor-6985\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe63a7a e-con-full e-flex e-con e-parent\" data-id=\"fe63a7a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a55179 elementor-widget elementor-widget-html\" data-id=\"6a55179\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #sg-showcase,\r\n  #sg-showcase * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #sg-showcase {\r\n    --sg-navy: #071422;\r\n    --sg-navy-2: #0d2236;\r\n    --sg-orange: #f28c28;\r\n    --sg-silver: #edf2f6;\r\n    --sg-text: #f8fafc;\r\n    --sg-muted: #b8c4d3;\r\n    --sg-line: rgba(255, 255, 255, 0.12);\r\n    --sg-display: \"Archivo Condensed\", \"Arial Narrow\", sans-serif;\r\n    --sg-body: \"Source Sans 3\", Arial, sans-serif;\r\n    --sg-mono: \"IBM Plex Mono\", Consolas, monospace;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: var(--sg-navy);\r\n    color: var(--sg-text);\r\n    font-family: var(--sg-body);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  #sg-showcase img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  #sg-showcase a {\r\n    text-decoration: none;\r\n  }\r\n\r\n  #sg-showcase .sg-wrap {\r\n    width: min(1280px, calc(100% - 32px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #sg-showcase .sg-eyebrow {\r\n    margin: 0;\r\n    font-family: var(--sg-mono);\r\n    font-size: 12px;\r\n    letter-spacing: 0.28em;\r\n    text-transform: uppercase;\r\n    color: var(--sg-orange);\r\n  }\r\n\r\n  #sg-showcase .sg-section-title {\r\n    margin: 14px 0 0;\r\n    font-family: var(--sg-display);\r\n    font-size: clamp(32px, 4.5vw, 56px);\r\n    font-weight: 900;\r\n    line-height: 0.95;\r\n    letter-spacing: -0.035em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #sg-showcase .sg-copy {\r\n    margin: 22px 0 0;\r\n    color: var(--sg-muted);\r\n    font-size: 18px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  #sg-showcase .sg-copy-sm {\r\n    margin: 12px 0 0;\r\n    color: var(--sg-muted);\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  #sg-showcase .sg-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-height: 52px;\r\n    border: 0;\r\n    background: var(--sg-orange);\r\n    color: var(--sg-navy);\r\n    padding: 15px 26px;\r\n    font-family: var(--sg-display);\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    transition: 0.25s ease;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #sg-showcase .sg-btn:hover {\r\n    background: #ffffff;\r\n    color: var(--sg-navy);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  #sg-showcase .sg-btn-outline {\r\n    background: transparent;\r\n    border: 1px solid rgba(255,255,255,0.3);\r\n    color: var(--sg-text);\r\n  }\r\n\r\n  #sg-showcase .sg-btn-outline:hover {\r\n    background: rgba(255,255,255,0.1);\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Hero *\/\r\n  #sg-showcase .sg-hero {\r\n    position: relative;\r\n    min-height: 600px;\r\n    overflow: hidden;\r\n    background: var(--sg-navy);\r\n  }\r\n\r\n  #sg-showcase .sg-hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n  }\r\n\r\n  #sg-showcase .sg-hero-bg img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.55;\r\n  }\r\n\r\n  #sg-showcase .sg-hero-bg::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(90deg, rgba(7,20,34,0.97) 0%, rgba(7,20,34,0.82) 50%, rgba(7,20,34,0.4) 100%),\r\n                radial-gradient(circle at 25% 20%, rgba(242,140,40,0.15), transparent 30%);\r\n  }\r\n\r\n  #sg-showcase .sg-hero-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: center;\r\n    gap: 48px;\r\n    min-height: 600px;\r\n    padding: 80px 0;\r\n  }\r\n\r\n  #sg-showcase .sg-hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    background: rgba(255,255,255,0.08);\r\n    padding: 10px 16px;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  #sg-showcase .sg-hero-badge::before {\r\n    content: \"\";\r\n    width: 8px;\r\n    height: 8px;\r\n    background: var(--sg-orange);\r\n  }\r\n\r\n  #sg-showcase .sg-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  #sg-showcase .sg-hero-visual {\r\n    position: relative;\r\n    border: 1px solid rgba(255,255,255,0.14);\r\n    box-shadow: 0 24px 70px rgba(0,0,0,0.4);\r\n  }\r\n\r\n  #sg-showcase .sg-hero-visual img {\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  \/* Section *\/\r\n  #sg-showcase .sg-section {\r\n    position: relative;\r\n    padding: 90px 0;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt {\r\n    background: var(--sg-silver);\r\n    color: var(--sg-navy);\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-copy {\r\n    color: #374151;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-copy-sm {\r\n    color: #4b5563;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-eyebrow {\r\n    color: #b45309;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-section-title {\r\n    color: #0d2236;\r\n  }\r\n\r\n  \/* Tab in dark section \u2014 keep light text *\/\r\n  #sg-showcase .sg-tab-btn {\r\n    color: #b8c4d3;\r\n  }\r\n\r\n  #sg-showcase .sg-tab-btn:hover {\r\n    color: #f8fafc;\r\n  }\r\n\r\n  #sg-showcase .sg-tab-btn.is-active {\r\n    color: #f28c28;\r\n  }\r\n\r\n  \/* FAQ in light section \u2014 dark text *\/\r\n  #sg-showcase .sg-section-alt .sg-faq-q {\r\n    color: #0d2236;\r\n    background: #ffffff;\r\n    border-bottom: 1px solid #e2e8f0;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-faq-q:hover {\r\n    background: #f1f5f9;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-faq-a {\r\n    color: #374151;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-faq-item {\r\n    border: 1px solid #cbd5e1;\r\n    border-top: none;\r\n    background: #ffffff;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-faq-item:first-child {\r\n    border-top: 1px solid #cbd5e1;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-faq-q::after {\r\n    color: #b45309;\r\n  }\r\n\r\n  \/* Product cards in dark section \u2014 keep light text *\/\r\n  #sg-showcase .sg-product-card-body h3 {\r\n    color: #f8fafc;\r\n  }\r\n\r\n  #sg-showcase .sg-product-card-body p {\r\n    color: #94a3b8;\r\n  }\r\n\r\n  \/* Why cards in dark section \u2014 keep light text *\/\r\n  #sg-showcase .sg-why-card h3 {\r\n    color: #f28c28;\r\n  }\r\n\r\n  #sg-showcase .sg-why-card p {\r\n    color: #cbd5e1;\r\n  }\r\n\r\n  \/* Pattern items in dark section \u2014 keep light text *\/\r\n  #sg-showcase .sg-pattern-item h4 {\r\n    color: #f28c28;\r\n  }\r\n\r\n  #sg-showcase .sg-pattern-item p {\r\n    color: #94a3b8;\r\n  }\r\n\r\n  \/* Tab panels dark background override \u2014 ensure text is visible *\/\r\n  #sg-showcase .sg-tab-panel .sg-product-card-body h3 {\r\n    color: #f8fafc;\r\n  }\r\n\r\n  #sg-showcase .sg-tab-panel .sg-product-card-body p {\r\n    color: #94a3b8;\r\n  }\r\n\r\n  \/* Detail text in dark section *\/\r\n  #sg-showcase .sg-detail-text h3 {\r\n    color: #f8fafc;\r\n  }\r\n\r\n  #sg-showcase .sg-detail-text .sg-copy {\r\n    color: #94a3b8;\r\n  }\r\n\r\n  #sg-showcase .sg-detail-text .sg-copy-sm {\r\n    color: #94a3b8;\r\n  }\r\n\r\n  \/* Section head in dark section *\/\r\n  #sg-showcase .sg-section .sg-copy-sm {\r\n    color: #94a3b8;\r\n  }\r\n\r\n  #sg-showcase .sg-section-head {\r\n    max-width: 900px;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  \/* Tab Navigation *\/\r\n  #sg-showcase .sg-tabs {\r\n    display: flex;\r\n    gap: 0;\r\n    border-bottom: 2px solid rgba(255,255,255,0.12);\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  #sg-showcase .sg-tab-btn {\r\n    padding: 18px 40px;\r\n    background: transparent;\r\n    border: 0;\r\n    border-bottom: 3px solid transparent;\r\n    margin-bottom: -2px;\r\n    font-family: var(--sg-display);\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--sg-muted);\r\n    cursor: pointer;\r\n    transition: 0.25s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  #sg-showcase .sg-tab-btn:hover {\r\n    color: var(--sg-text);\r\n  }\r\n\r\n  #sg-showcase .sg-tab-btn.is-active {\r\n    color: var(--sg-orange);\r\n    border-bottom-color: var(--sg-orange);\r\n  }\r\n\r\n  #sg-showcase .sg-tab-panel {\r\n    display: none;\r\n  }\r\n\r\n  #sg-showcase .sg-tab-panel.is-active {\r\n    display: block;\r\n  }\r\n\r\n  \/* Product Grid *\/\r\n  #sg-showcase .sg-product-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  #sg-showcase .sg-product-card {\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    background: rgba(255,255,255,0.03);\r\n    overflow: hidden;\r\n    transition: 0.25s ease;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #sg-showcase .sg-product-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(242,140,40,0.5);\r\n    box-shadow: 0 12px 32px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  #sg-showcase .sg-product-card img {\r\n    width: 100%;\r\n    height: 180px;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  #sg-showcase .sg-product-card:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  #sg-showcase .sg-product-card-body {\r\n    padding: 20px 18px;\r\n  }\r\n\r\n  #sg-showcase .sg-product-card-body h3 {\r\n    margin: 0;\r\n    font-family: var(--sg-display);\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    color: var(--sg-text);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  #sg-showcase .sg-product-card-body p {\r\n    margin: 8px 0 0;\r\n    color: #94a3b8;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Specs Table *\/\r\n  #sg-showcase .sg-specs-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  #sg-showcase .sg-specs-table tr {\r\n    border-bottom: 1px solid rgba(7,20,34,0.12);\r\n  }\r\n\r\n  #sg-showcase .sg-specs-table tr:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  #sg-showcase .sg-specs-table td {\r\n    padding: 14px 0;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    vertical-align: top;\r\n  }\r\n\r\n  #sg-showcase .sg-specs-label {\r\n    min-width: 180px;\r\n    color: #b45309;\r\n    font-family: var(--sg-display);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    padding-right: 24px;\r\n  }\r\n\r\n  #sg-showcase .sg-specs-value {\r\n    color: #1e2d42;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-specs-label {\r\n    color: #b45309;\r\n  }\r\n\r\n  #sg-showcase .sg-section-alt .sg-specs-value {\r\n    color: #1e2d42;\r\n  }\r\n\r\n  \/* Material Cards *\/\r\n  #sg-showcase .sg-material-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  #sg-showcase .sg-material-card {\r\n    border: 1px solid #cbd5e1;\r\n    background: #ffffff;\r\n    padding: 28px;\r\n    transition: 0.25s ease;\r\n  }\r\n\r\n  #sg-showcase .sg-material-card:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 28px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  #sg-showcase .sg-material-card h3 {\r\n    margin: 0;\r\n    font-family: var(--sg-display);\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    color: #0d2236;\r\n  }\r\n\r\n  #sg-showcase .sg-material-card p {\r\n    margin: 10px 0 0;\r\n    color: #374151;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* Gauge Table *\/\r\n  #sg-showcase .sg-gauge-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  #sg-showcase .sg-gauge-table th,\r\n  #sg-showcase .sg-gauge-table td {\r\n    padding: 14px 16px;\r\n    text-align: left;\r\n    border-bottom: 1px solid rgba(7,20,34,0.1);\r\n    font-size: 15px;\r\n  }\r\n\r\n  #sg-showcase .sg-gauge-table th {\r\n    background: var(--sg-navy-2);\r\n    color: var(--sg-orange);\r\n    font-family: var(--sg-display);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #sg-showcase .sg-gauge-table td {\r\n    color: #cbd5e1;\r\n    font-size: 15px;\r\n  }\r\n\r\n  #sg-showcase .sg-gauge-table tr:last-child td {\r\n    border-bottom: none;\r\n  }\r\n\r\n  \/* QC Gallery *\/\r\n  #sg-showcase .sg-qc-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 16px;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  #sg-showcase .sg-qc-item {\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    overflow: hidden;\r\n    transition: 0.25s ease;\r\n  }\r\n\r\n  #sg-showcase .sg-qc-item:hover {\r\n    border-color: rgba(242,140,40,0.5);\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  #sg-showcase .sg-qc-item img {\r\n    width: 100%;\r\n    height: 160px;\r\n    object-fit: cover;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  #sg-showcase .sg-qc-item:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Why Us Cards *\/\r\n  #sg-showcase .sg-why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  #sg-showcase .sg-why-card {\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    background: rgba(255,255,255,0.04);\r\n    padding: 28px;\r\n    transition: 0.25s ease;\r\n  }\r\n\r\n  #sg-showcase .sg-why-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(242,140,40,0.5);\r\n    background: rgba(255,255,255,0.08);\r\n  }\r\n\r\n  #sg-showcase .sg-why-card h3 {\r\n    margin: 0;\r\n    font-family: var(--sg-display);\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    color: var(--sg-orange);\r\n  }\r\n\r\n  #sg-showcase .sg-why-card p {\r\n    margin: 12px 0 0;\r\n    color: #cbd5e1;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* FAQ *\/\r\n  #sg-showcase .sg-faq-list {\r\n    margin-top: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  #sg-showcase .sg-faq-item {\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    background: rgba(255,255,255,0.03);\r\n    overflow: hidden;\r\n  }\r\n\r\n  #sg-showcase .sg-faq-q {\r\n    padding: 18px 24px;\r\n    font-family: var(--sg-display);\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    color: var(--sg-text);\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    transition: background 0.2s;\r\n  }\r\n\r\n  #sg-showcase .sg-faq-q:hover {\r\n    background: rgba(255,255,255,0.05);\r\n  }\r\n\r\n  #sg-showcase .sg-faq-q::after {\r\n    content: \"+\";\r\n    font-size: 22px;\r\n    color: var(--sg-orange);\r\n    font-weight: 900;\r\n    transition: transform 0.3s;\r\n  }\r\n\r\n  #sg-showcase .sg-faq-item.is-open .sg-faq-q::after {\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  #sg-showcase .sg-faq-a {\r\n    display: none;\r\n    padding: 0 24px 18px;\r\n    color: #94a3b8;\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  #sg-showcase .sg-faq-item.is-open .sg-faq-a {\r\n    display: block;\r\n  }\r\n\r\n  \/* Divider *\/\r\n  #sg-showcase .sg-divider {\r\n    border: 0;\r\n    border-top: 1px solid var(--sg-line);\r\n    margin: 0;\r\n  }\r\n\r\n  \/* CTA *\/\r\n  #sg-showcase .sg-cta {\r\n    background: var(--sg-navy-2);\r\n    text-align: center;\r\n  }\r\n\r\n  #sg-showcase .sg-cta-inner {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Product detail section (shared) *\/\r\n  #sg-showcase .sg-detail-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 48px;\r\n    align-items: start;\r\n    margin-top: 48px;\r\n  }\r\n\r\n  #sg-showcase .sg-detail-img {\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    overflow: hidden;\r\n  }\r\n\r\n  #sg-showcase .sg-detail-img img {\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  #sg-showcase .sg-detail-text h3 {\r\n    margin: 0;\r\n    font-family: var(--sg-display);\r\n    font-size: clamp(22px, 2.5vw, 32px);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    color: var(--sg-text);\r\n  }\r\n\r\n  #sg-showcase .sg-detail-text .sg-detail-sub {\r\n    margin: 6px 0 0;\r\n    color: var(--sg-orange);\r\n    font-family: var(--sg-mono);\r\n    font-size: 12px;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Pattern list *\/\r\n  #sg-showcase .sg-pattern-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  #sg-showcase .sg-pattern-item {\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    padding: 18px;\r\n    transition: 0.2s ease;\r\n  }\r\n\r\n  #sg-showcase .sg-pattern-item:hover {\r\n    border-color: rgba(242,140,40,0.4);\r\n    background: rgba(255,255,255,0.07);\r\n  }\r\n\r\n  #sg-showcase .sg-pattern-item h4 {\r\n    margin: 0;\r\n    font-family: var(--sg-display);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: var(--sg-orange);\r\n  }\r\n\r\n  #sg-showcase .sg-pattern-item p {\r\n    margin: 8px 0 0;\r\n    color: #94a3b8;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Testing Steps *\/\r\n  #sg-showcase .sg-testing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 20px;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  #sg-showcase .sg-testing-step {\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    background: rgba(255,255,255,0.03);\r\n    padding: 28px 20px;\r\n    text-align: center;\r\n    transition: 0.25s ease;\r\n  }\r\n\r\n  #sg-showcase .sg-testing-step:hover {\r\n    border-color: rgba(242,140,40,0.5);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  #sg-showcase .sg-testing-step .sg-step-num {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: var(--sg-orange);\r\n    color: var(--sg-navy);\r\n    font-family: var(--sg-display);\r\n    font-size: 22px;\r\n    font-weight: 900;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 16px;\r\n  }\r\n\r\n  #sg-showcase .sg-testing-step h4 {\r\n    margin: 0;\r\n    font-family: var(--sg-display);\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: var(--sg-orange);\r\n  }\r\n\r\n  #sg-showcase .sg-testing-step p {\r\n    margin: 10px 0 0;\r\n    color: #94a3b8;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Treatment Cards *\/\r\n  #sg-showcase .sg-treatment-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  #sg-showcase .sg-treatment-card {\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    border-left: 4px solid var(--sg-orange);\r\n    padding: 20px;\r\n  }\r\n\r\n  #sg-showcase .sg-treatment-card h4 {\r\n    margin: 0 0 10px;\r\n    font-family: var(--sg-display);\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    color: #0d2236;\r\n  }\r\n\r\n  #sg-showcase .sg-treatment-card p {\r\n    margin: 0;\r\n    color: #374151;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1024px) {\r\n    #sg-showcase .sg-hero-inner {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    #sg-showcase .sg-hero-visual {\r\n      display: none;\r\n    }\r\n    #sg-showcase .sg-product-grid,\r\n    #sg-showcase .sg-testing-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    #sg-showcase .sg-material-grid,\r\n    #sg-showcase .sg-why-grid,\r\n    #sg-showcase .sg-treatment-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    #sg-showcase .sg-qc-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    #sg-showcase .sg-pattern-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    #sg-showcase .sg-detail-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    #sg-showcase .sg-tabs {\r\n      flex-direction: column;\r\n      border-bottom: none;\r\n      gap: 4px;\r\n    }\r\n    #sg-showcase .sg-tab-btn {\r\n      border: 1px solid rgba(255,255,255,0.15);\r\n      margin-bottom: 0;\r\n      border-radius: 4px;\r\n    }\r\n    #sg-showcase .sg-tab-btn.is-active {\r\n      border-color: var(--sg-orange);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    #sg-showcase .sg-wrap {\r\n      width: min(calc(100% - 24px), 1280px);\r\n    }\r\n    #sg-showcase .sg-product-grid,\r\n    #sg-showcase .sg-material-grid,\r\n    #sg-showcase .sg-why-grid,\r\n    #sg-showcase .sg-qc-grid,\r\n    #sg-showcase .sg-pattern-grid,\r\n    #sg-showcase .sg-testing-grid,\r\n    #sg-showcase .sg-treatment-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"sg-showcase\">\r\n\r\n  <!-- ==================== HERO ==================== -->\r\n  <section class=\"sg-hero\">\r\n    <div class=\"sg-hero-bg\">\r\n      <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/image2.webp\" alt=\"Steel grating industrial application\">\r\n    <\/div>\r\n    <div class=\"sg-wrap sg-hero-inner\">\r\n      <div class=\"sg-hero-text\">\r\n        <div class=\"sg-hero-badge\"><span class=\"sg-eyebrow\">Solutions de rev\u00eatement de sol et de p\u00e9rim\u00e8tre industriels<\/span><\/div>\r\n        <h1 class=\"sg-section-title\">Caillebotis en acier et de s\u00e9curit\u00e9<\/h1>\r\n        <p class=\"sg-copy\">Les caillebotis en acier constituent une solution de rev\u00eatement de sol haute r\u00e9sistance largement utilis\u00e9e pour les plateformes industrielles, les all\u00e9es, les syst\u00e8mes de drainage et les projets architecturaux. Les caillebotis de s\u00e9curit\u00e9 offrent des surfaces antid\u00e9rapantes, garantissant ainsi des sols s\u00fbrs, durables et performants pour les usines, les escaliers, les rampes et les \u00e9tablissements publics.<\/p>\r\n        <p class=\"sg-copy-sm\">Les principaux types comprennent les mod\u00e8les soud\u00e9s, \u00e0 verrouillage par pression, dentel\u00e9s, les couvercles de tranch\u00e9es, les caillebotis diamant\u00e9s, les mod\u00e8les \u00e0 adh\u00e9rence perf-o et les bandes de traction \u2014 chacun \u00e9tant con\u00e7u pour r\u00e9pondre \u00e0 des besoins sp\u00e9cifiques en mati\u00e8re de charge admissible, d'antid\u00e9rapant, de drainage et de r\u00e9sistance \u00e0 la corrosion.<\/p>\r\n        <div class=\"sg-hero-actions\">\r\n          <a class=\"sg-btn\" href=\"#contact\">Demande de fiche technique \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"sg-hero-visual\">\r\n        <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/image2.webp\" alt=\"Steel grating detail\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SECTION 1: STEEL vs SAFETY (Tab Switch) ==================== -->\r\n  <section class=\"sg-section\" style=\"background: var(--sg-navy-2);\">\r\n    <div class=\"sg-wrap\">\r\n      <div class=\"sg-section-head\">\r\n        <p class=\"sg-eyebrow\">Pr\u00e9sentation du produit<\/p>\r\n        <h2 class=\"sg-section-title\">Solutions de caillebotis en acier et de s\u00e9curit\u00e9<\/h2>\r\n        <p class=\"sg-copy\">\u00c9galement appel\u00e9es caillebotis ou caillebotis m\u00e9talliques, nos produits sont des structures robustes \u00e0 mailles ouvertes con\u00e7ues pour supporter des charges importantes tout en conservant une structure l\u00e9g\u00e8re. Les barres porteuses, dispos\u00e9es longitudinalement, sont solidement fix\u00e9es aux barres transversales, formant ainsi une charpente tr\u00e8s stable.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Tab Navigation -->\r\n      <div class=\"sg-tabs\" role=\"tablist\">\r\n        <button class=\"sg-tab-btn is-active\" role=\"tab\" data-tab=\"steel\" aria-selected=\"true\">\r\n          <svg width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14H6v-2h6v2zm4-4H6v-2h10v2zm0-4H6V7h10v2z\"\/><\/svg>\r\n          caillebotis en acier\r\n        <\/button>\r\n        <button class=\"sg-tab-btn\" role=\"tab\" data-tab=\"safety\" aria-selected=\"false\">\r\n          <svg width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z\"\/><\/svg>\r\n          Grille de s\u00e9curit\u00e9\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Steel Grating Panel -->\r\n      <div class=\"sg-tab-panel is-active\" id=\"tab-steel\" role=\"tabpanel\">\r\n        <div class=\"sg-product-grid\">\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Galvanized-Steel-Grating.webp\" alt=\"Galvanized steel grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>caillebotis en acier galvanis\u00e9<\/h3>\r\n              <p>Galvanisation \u00e0 chaud pour une r\u00e9sistance maximale \u00e0 la corrosion dans les environnements industriels difficiles.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Aluminum-Grating.webp\" alt=\"Aluminum grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille en aluminium<\/h3>\r\n              <p>L\u00e9ger et inoxydable \u2014 id\u00e9al pour les applications marines, sur les toits et pour les \u00e9quipements mobiles.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Painted-Steel-Bar-Grating.webp\" alt=\"Painted steel bar grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille en acier peint<\/h3>\r\n              <p>Finition thermolaqu\u00e9e durable pour installations d\u00e9coratives int\u00e9rieures ou semi-ext\u00e9rieures.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Stainless-Steel-Grating.webp\" alt=\"Stainless steel grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille en acier inoxydable<\/h3>\r\n              <p>SS304\/SS316 \u2014 r\u00e9sistance \u00e0 la corrosion de qualit\u00e9 sup\u00e9rieure pour les installations de transformation chimique et alimentaire.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/image5.webp\" alt=\"I bar steel grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille en acier \u00e0 barres en I<\/h3>\r\n              <p>Barres porteuses en forme de I pour une capacit\u00e9 de charge \u00e9lev\u00e9e et une utilisation efficace des mat\u00e9riaux.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Standard-Steel-Grating.webp\" alt=\"Standard steel grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Caillebotis en acier standard<\/h3>\r\n              <p>Grille polyvalente \u00e0 usage g\u00e9n\u00e9ral pour usines, entrep\u00f4ts et projets municipaux.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Heavy-Duty-Steel-Grating.webp\" alt=\"Heavy duty steel grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille en acier robuste<\/h3>\r\n              <p>Con\u00e7u pour les charges de v\u00e9hicules, les plateformes industrielles et les zones exigeantes pour les machines lourdes.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Serrated-Steel-Grating.webp\" alt=\"Serrated steel grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille en acier dentel\u00e9<\/h3>\r\n              <p>Les bords dentel\u00e9s des barres d'appui offrent une meilleure r\u00e9sistance au glissement en conditions humides ou huileuses.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Safety Grating Panel -->\r\n      <div class=\"sg-tab-panel\" id=\"tab-safety\" role=\"tabpanel\">\r\n        <div class=\"sg-product-grid\">\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Security-Steel-Grating.webp\" alt=\"Security steel grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille de s\u00e9curit\u00e9 en acier<\/h3>\r\n              <p>Grille de s\u00e9curit\u00e9 renforc\u00e9e pour p\u00e9rim\u00e8tres et points d'acc\u00e8s \u00e0 haute protection.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Traction-Grip-Safety-Grating.webp\" alt=\"Traction-grip safety grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille de s\u00e9curit\u00e9 antid\u00e9rapante<\/h3>\r\n              <p>Motif \u00e0 alv\u00e9oles perfor\u00e9es pour une r\u00e9sistance sup\u00e9rieure au glissement dans les applications de passerelles industrielles.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Interlocking-Safety-Grating.webp\" alt=\"Interlocking safety grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille de s\u00e9curit\u00e9 embo\u00eetable<\/h3>\r\n              <p>Conception modulaire \u00e0 embo\u00eetement pour un assemblage rapide et des connexions s\u00e9curis\u00e9es entre les panneaux.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Perforated-Steel-Grating.webp\" alt=\"Perforated steel grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>caillebotis en acier perfor\u00e9<\/h3>\r\n              <p>Perforations rondes ou oblongues pour un drainage efficace et une grande l\u00e9g\u00e8ret\u00e9.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Diamond-Strut-Safety-Grating.webp\" alt=\"Diamond-strut safety grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille de s\u00e9curit\u00e9 \u00e0 entretoises en losange<\/h3>\r\n              <p>Motif ajour\u00e9 en forme de losange pour une r\u00e9sistance au glissement et une ventilation maximales.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"sg-product-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/O-Grip-Safety-Grating.webp\" alt=\"O-grip safety grating\">\r\n            <div class=\"sg-product-card-body\">\r\n              <h3>Grille de s\u00e9curit\u00e9 O-Grip<\/h3>\r\n              <p>Motif d'ouverture circulaire pour des surfaces antid\u00e9rapantes et s\u00e9curis\u00e9es pour les talons dans les lieux publics.<\/p>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Divider -->\r\n  <hr class=\"sg-divider\">\r\n\r\n  <!-- ==================== SECTION 2: MATERIALS & SURFACE TREATMENTS ==================== -->\r\n  <section class=\"sg-section sg-section-alt\">\r\n    <div class=\"sg-wrap\">\r\n      <div class=\"sg-section-head\">\r\n        <p class=\"sg-eyebrow\">Donn\u00e9es techniques<\/p>\r\n        <h2 class=\"sg-section-title\">Mat\u00e9riaux et traitements de surface<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sg-material-grid\">\r\n        <div class=\"sg-material-card\">\r\n          <h3>Acier au carbone doux (A36 \/ S235 \/ Q235)<\/h3>\r\n          <p>Solution standard pour les plateformes et passerelles industrielles. Finition par galvanisation \u00e0 chaud ou peinture haute qualit\u00e9 pour une protection anticorrosion et un aspect esth\u00e9tique irr\u00e9prochable.<\/p>\r\n        <\/div>\r\n        <div class=\"sg-material-card\">\r\n          <h3>Acier inoxydable (SS304 \/ SS316)<\/h3>\r\n          <p>Naturellement r\u00e9sistant \u00e0 la corrosion, id\u00e9al pour les applications chimiques, alimentaires ou ext\u00e9rieures exigeant une durabilit\u00e9 \u00e0 long terme et des normes d'hygi\u00e8ne \u00e9lev\u00e9es.<\/p>\r\n        <\/div>\r\n        <div class=\"sg-material-card\">\r\n          <h3>Aluminium<\/h3>\r\n          <p>Solution l\u00e9g\u00e8re et inoxydable, id\u00e9ale pour les environnements marins, les toitures et les \u00e9quipements mobiles o\u00f9 la r\u00e9duction du poids est essentielle.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <hr class=\"sg-divider\" style=\"border-color: rgba(7,20,34,0.12); margin: 60px 0;\">\r\n\r\n      <div class=\"sg-section-head\">\r\n        <h2 class=\"sg-section-title\" style=\"font-size: clamp(26px, 3vw, 42px);\">Options de traitement de surface<\/h2>\r\n      <\/div>\r\n      <div class=\"sg-treatment-grid\">\r\n        <div class=\"sg-treatment-card\">\r\n          <h4>Galvanis\u00e9 \u00e0 chaud<\/h4>\r\n          <p>Conforme aux normes ISO 1461, ASTM A123 et BS 729. La couche de zinc assure jusqu'\u00e0 <strong>20 ans<\/strong> de r\u00e9sistance \u00e0 la corrosion dans les environnements difficiles.<\/p>\r\n        <\/div>\r\n        <div class=\"sg-treatment-card\">\r\n          <h4>Rev\u00eatement en poudre \/ Peinture<\/h4>\r\n          <p>Durable, anticorrosif et d\u00e9coratif ; convient aux installations int\u00e9rieures ou semi-ext\u00e9rieures avec personnalisation des couleurs disponible.<\/p>\r\n        <\/div>\r\n        <div class=\"sg-treatment-card\">\r\n          <h4>Uni \/ Couleur unie<\/h4>\r\n          <p>Acier non trait\u00e9 pour les zones int\u00e9rieures s\u00e8ches o\u00f9 la protection des surfaces n'est pas essentielle. Solution la plus \u00e9conomique.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Divider -->\r\n  <hr class=\"sg-divider\">\r\n\r\n  <!-- ==================== SECTION 3: SAFETY GRATING SPECIFICATIONS ==================== -->\r\n  <section class=\"sg-section\" style=\"background: var(--sg-navy-2);\">\r\n    <div class=\"sg-wrap\">\r\n      <div class=\"sg-section-head\">\r\n        <p class=\"sg-eyebrow\">Donn\u00e9es sur les grilles de s\u00e9curit\u00e9<\/p>\r\n        <h2 class=\"sg-section-title\">Sp\u00e9cifications des grilles de s\u00e9curit\u00e9<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"sg-detail-grid\">\r\n        <div>\r\n          <h3 style=\"margin: 0 0 24px; font-family: var(--sg-display); font-size: 22px; font-weight: 900; text-transform: uppercase; color: var(--sg-orange);\">Dimensions communes<\/h3>\r\n          <table class=\"sg-specs-table\">\r\n            <tr>\r\n              <td class=\"sg-specs-label\" style=\"color: var(--sg-orange);\">Largeur<\/td>\r\n              <td class=\"sg-specs-value\" style=\"color: #cbd5e1;\">100 mm \u2013 305 mm (4\"\u201312\")<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"sg-specs-label\" style=\"color: var(--sg-orange);\">Longueur<\/td>\r\n              <td class=\"sg-specs-value\" style=\"color: #cbd5e1;\">Jusqu'\u00e0 3\u00a0660 mm (12 pi) ou sur mesure<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"sg-specs-label\" style=\"color: var(--sg-orange);\">Hauteur<\/td>\r\n              <td class=\"sg-specs-value\" style=\"color: #cbd5e1;\">20 \u00e0 50 mm selon le motif et la force<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"sg-specs-label\" style=\"color: var(--sg-orange);\">Profondeur du motif d'ouverture<\/td>\r\n              <td class=\"sg-specs-value\" style=\"color: #cbd5e1;\">l\u00e8vres de traction sur\u00e9lev\u00e9es de 3 \u00e0 5 mm<\/td>\r\n            <\/tr>\r\n          <\/table>\r\n\r\n          <h3 style=\"margin: 40px 0 24px; font-family: var(--sg-display); font-size: 22px; font-weight: 900; text-transform: uppercase; color: var(--sg-orange);\">Mod\u00e8les de traction<\/h3>\r\n          <div class=\"sg-pattern-grid\">\r\n            <div class=\"sg-pattern-item\">\r\n              <h4>Poign\u00e9e de traction traditionnelle<\/h4>\r\n              <p>Motif \u00e0 alv\u00e9oles perfor\u00e9es pour une r\u00e9sistance au glissement uniforme sur toute la surface.<\/p>\r\n            <\/div>\r\n            <div class=\"sg-pattern-item\">\r\n              <h4>Adh\u00e9rence agressive \u00e0 dents hautes<\/h4>\r\n              <p>G\u00e9om\u00e9trie des dents agressive pour une traction maximale en conditions huileuses ou humides.<\/p>\r\n            <\/div>\r\n            <div class=\"sg-pattern-item\">\r\n              <h4>Motif de s\u00e9curit\u00e9 pour les talons<\/h4>\r\n              <p>La taille r\u00e9duite de l'ouverture emp\u00eache les talons hauts et les petits objets de tomber.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <h3 style=\"margin: 40px 0 24px; font-family: var(--sg-display); font-size: 22px; font-weight: 900; text-transform: uppercase; color: var(--sg-orange);\">Motifs perfor\u00e9s<\/h3>\r\n          <div style=\"border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.03); padding: 20px;\">\r\n            <img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/image14.webp\" alt=\"Perforated steel grating patterns\" style=\"width: 100%; height: auto;\">\r\n            <p style=\"margin: 12px 0 0; color: #94a3b8; font-size: 13px; text-align: center;\">Motifs de perforation disponibles\u00a0: \u00e9toile, carr\u00e9, rectangulaire, OEM, trou de drainage et alv\u00e9oles uniquement<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"margin: 0 0 24px; font-family: var(--sg-display); font-size: 22px; font-weight: 900; text-transform: uppercase; color: var(--sg-orange);\">Capacit\u00e9 de charge<\/h3>\r\n          <p class=\"sg-copy-sm\" style=\"color: #94a3b8;\">Conforme aux normes OSHA et ASTM en mati\u00e8re de r\u00e9sistance au glissement et de charge. Des rapports d'essais de charge personnalis\u00e9s sont disponibles sur demande. Notre \u00e9quipe d'ing\u00e9nieurs peut fournir des tableaux de charges, des rapports d'essais et des calculs techniques adapt\u00e9s aux exigences sp\u00e9cifiques de votre projet.<\/p>\r\n\r\n          <h3 style=\"margin: 40px 0 24px; font-family: var(--sg-display); font-size: 22px; font-weight: 900; text-transform: uppercase; color: var(--sg-orange);\">Jauges disponibles<\/h3>\r\n          <table class=\"sg-gauge-table\">\r\n            <thead>\r\n              <tr>\r\n                <th>Jauge<\/th>\r\n                <th>\u00c9paisseur de la feuille<\/th>\r\n                <th>Notes d'application<\/th>\r\n              <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n              <tr>\r\n                <td>calibre 12<\/td>\r\n                <td>robuste<\/td>\r\n                <td>Chargements de v\u00e9hicules, plateformes industrielles<\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>calibre 10<\/td>\r\n                <td>Tr\u00e8s robuste<\/td>\r\n                <td>Applications \u00e0 charge \u00e9lev\u00e9e<\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>calibre 14<\/td>\r\n                <td>Usage moyen<\/td>\r\n                <td>All\u00e9es, escaliers, acc\u00e8s aux machines<\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>calibre 16<\/td>\r\n                <td>Usage l\u00e9ger<\/td>\r\n                <td>Toits, passerelles d'entretien int\u00e9rieures<\/td>\r\n              <\/tr>\r\n            <\/tbody>\r\n          <\/table>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Divider -->\r\n  <hr class=\"sg-divider\">\r\n\r\n  <!-- ==================== SECTION 4: QUALITY TESTING ==================== -->\r\n  <section class=\"sg-section\">\r\n    <div class=\"sg-wrap\">\r\n      <div class=\"sg-section-head\">\r\n        <p class=\"sg-eyebrow\">Assurance qualit\u00e9<\/p>\r\n        <h2 class=\"sg-section-title\">Essais de caillebotis en acier<\/h2>\r\n        <p class=\"sg-copy\">Chaque produit est soumis \u00e0 un contr\u00f4le rigoureux afin de r\u00e9pondre aux normes de qualit\u00e9 internationales.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"sg-testing-grid\">\r\n        <div class=\"sg-testing-step\">\r\n          <div class=\"sg-step-num\">1<\/div>\r\n          <h4>Espacement des barres transversales<\/h4>\r\n          <p>Mesure pr\u00e9cise de l'espacement des barres pour garantir une qualit\u00e9 constante et une r\u00e9partition optimale de la charge.<\/p>\r\n        <\/div>\r\n        <div class=\"sg-testing-step\">\r\n          <div class=\"sg-step-num\">2<\/div>\r\n          <h4>\u00c9paisseur de la barre transversale<\/h4>\r\n          <p>V\u00e9rification de l'\u00e9paisseur du mat\u00e9riau pour garantir l'int\u00e9grit\u00e9 structurelle et la durabilit\u00e9.<\/p>\r\n        <\/div>\r\n        <div class=\"sg-testing-step\">\r\n          <div class=\"sg-step-num\">3<\/div>\r\n          <h4>Largeur du panneau<\/h4>\r\n          <p>Dimensions pr\u00e9cises des panneaux pour un ajustement et une installation corrects.<\/p>\r\n        <\/div>\r\n        <div class=\"sg-testing-step\">\r\n          <div class=\"sg-step-num\">4<\/div>\r\n          <h4>Rev\u00eatement de zinc<\/h4>\r\n          <p>Contr\u00f4le de l'\u00e9paisseur du rev\u00eatement pour garantir la conformit\u00e9 en mati\u00e8re de r\u00e9sistance \u00e0 la corrosion.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sg-qc-grid\">\r\n        <div class=\"sg-qc-item\"><img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Measuring-Panel-Width.webp\" alt=\"Cross bar spacing measurement\"><\/div>\r\n        <div class=\"sg-qc-item\"><img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Measuring-Zinc-Coating-1.webp\" alt=\"Cross bar thickness measurement\"><\/div>\r\n        <div class=\"sg-qc-item\"><img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/image16.webp\" alt=\"Panel width measurement\"><\/div>\r\n        <div class=\"sg-qc-item\"><img decoding=\"async\" src=\"https:\/\/hengchenchina.com\/wp-content\/uploads\/2026\/05\/Quality-Testing-1.webp\" alt=\"Zinc coating quality inspection\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Divider -->\r\n  <hr class=\"sg-divider\">\r\n\r\n  <!-- ==================== SECTION 5: WHY CHOOSE US ==================== -->\r\n  <section class=\"sg-section\" style=\"background: var(--sg-navy-2);\">\r\n    <div class=\"sg-wrap\">\r\n      <div class=\"sg-section-head\">\r\n        <p class=\"sg-eyebrow\">Avantages de la vente directe d'usine<\/p>\r\n        <h2 class=\"sg-section-title\">Pourquoi nous choisir ?<\/h2>\r\n      <\/div>\r\n      <div class=\"sg-why-grid\">\r\n        <article class=\"sg-why-card\">\r\n          <h3>Fabricant professionnel<\/h3>\r\n          <p>Nous ma\u00eetrisons l'int\u00e9gralit\u00e9 de la cha\u00eene de production \u2014 approvisionnement en mati\u00e8res premi\u00e8res, estampage, formage, finition de surface et logistique d'exportation \u2014 garantissant une qualit\u00e9 constante du d\u00e9but \u00e0 la fin.<\/p>\r\n        <\/article>\r\n        <article class=\"sg-why-card\">\r\n          <h3>Prix \u200b\u200bd'usine comp\u00e9titifs<\/h3>\r\n          <p>Aucun interm\u00e9diaire. Une capacit\u00e9 de production \u00e0 grand volume garantit des prix stables et une livraison rapide pour les projets de toute envergure.<\/p>\r\n        <\/article>\r\n        <article class=\"sg-why-card\">\r\n          <h3>Assistance technique personnalis\u00e9e<\/h3>\r\n          <p>Motifs personnalis\u00e9s, marquage OEM\/ODM, dessins techniques (PDF\/DWG) et calculs de capacit\u00e9 de charge \u2014 nous vous accompagnons dans votre projet de la conception \u00e0 l'installation.<\/p>\r\n        <\/article>\r\n        <article class=\"sg-why-card\">\r\n          <h3>Exp\u00e9rience mondiale \u00e0 l'exportation<\/h3>\r\n          <p>Nous fournissons des distributeurs industriels, des entreprises de construction, des soci\u00e9t\u00e9s d'ing\u00e9nierie et des fabricants OEM aux \u00c9tats-Unis, en Europe, au Moyen-Orient et en Australie.<\/p>\r\n        <\/article>\r\n        <article class=\"sg-why-card\">\r\n          <h3>Gestion rigoureuse de la qualit\u00e9<\/h3>\r\n          <p>Inspection conforme aux normes ISO \u00e0 chaque \u00e9tape de la production, garantissant que chaque pi\u00e8ce r\u00e9pond aux normes ASTM, OSHA et internationales.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Divider -->\r\n  <hr class=\"sg-divider\">\r\n\r\n  <!-- ==================== SECTION 6: FAQs ==================== -->\r\n  <section class=\"sg-section sg-section-alt\">\r\n    <div class=\"sg-wrap\">\r\n      <div class=\"sg-section-head\">\r\n        <p class=\"sg-eyebrow\">Questions fr\u00e9quentes<\/p>\r\n        <h2 class=\"sg-section-title\">FAQ<\/h2>\r\n      <\/div>\r\n      <div class=\"sg-faq-list\">\r\n        <div class=\"sg-faq-item\">\r\n          <div class=\"sg-faq-q\" onclick=\"this.parentElement.classList.toggle('is-open')\">Q1 : Pouvez-vous personnaliser le motif ou la taille des trous ?<\/div>\r\n          <div class=\"sg-faq-a\">Oui. Nous proposons des mod\u00e8les Traction-Grip standard et pouvons personnaliser la hauteur des dents, la taille de l'ouverture et l'\u00e9paisseur pour r\u00e9pondre aux exigences sp\u00e9cifiques de votre projet.<\/div>\r\n        <\/div>\r\n        <div class=\"sg-faq-item\">\r\n          <div class=\"sg-faq-q\" onclick=\"this.parentElement.classList.toggle('is-open')\">Q2 : Fournissez-vous des rapports de tests de charge ?<\/div>\r\n          <div class=\"sg-faq-a\">Oui. Nous pouvons vous fournir des tableaux de charge, des rapports d'essais et des donn\u00e9es d'ing\u00e9nierie pour votre application sp\u00e9cifique.<\/div>\r\n        <\/div>\r\n        <div class=\"sg-faq-item\">\r\n          <div class=\"sg-faq-q\" onclick=\"this.parentElement.classList.toggle('is-open')\">Q3 : Quel est le d\u00e9lai de livraison ?<\/div>\r\n          <div class=\"sg-faq-a\">G\u00e9n\u00e9ralement de 10 \u00e0 20 jours, selon la taille de la commande et les exigences en mati\u00e8re de finition de surface.<\/div>\r\n        <\/div>\r\n        <div class=\"sg-faq-item\">\r\n          <div class=\"sg-faq-q\" onclick=\"this.parentElement.classList.toggle('is-open')\">Q4 : Fournissez-vous des marches d'escalier et des ensembles pr\u00e9fabriqu\u00e9s ?<\/div>\r\n          <div class=\"sg-faq-a\">Oui, y compris les caillebotis, les marches d'escalier, les paliers, les cadres et les plateformes non standard.<\/div>\r\n        <\/div>\r\n        <div class=\"sg-faq-item\">\r\n          <div class=\"sg-faq-q\" onclick=\"this.parentElement.classList.toggle('is-open')\">Q5 : Pouvez-vous exp\u00e9dier des tailles diff\u00e9rentes dans un m\u00eame conteneur ?<\/div>\r\n          <div class=\"sg-faq-a\">Oui. Les m\u00e9langes de calibres, de longueurs et de motifs sont acceptables \u2014 nous pouvons coordonner efficacement les envois de tailles multiples.<\/div>\r\n        <\/div>\r\n        <div class=\"sg-faq-item\">\r\n          <div class=\"sg-faq-q\" onclick=\"this.parentElement.classList.toggle('is-open')\">Q6 : Comment garantissez-vous la r\u00e9sistance \u00e0 la corrosion ?<\/div>\r\n          <div class=\"sg-faq-a\">Nous utilisons la galvanisation \u00e0 chaud selon la norme ASTM A123, avec en option un rev\u00eatement en poudre ou une anodisation pour une protection renforc\u00e9e dans des environnements sp\u00e9cifiques.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== CTA ==================== -->\r\n  <section class=\"sg-section sg-cta\" id=\"contact\">\r\n    <div class=\"sg-wrap\">\r\n      <div class=\"sg-cta-inner\">\r\n        <p class=\"sg-eyebrow\">Entrer en contact<\/p>\r\n        <h2 class=\"sg-section-title\">Demander un devis ou une fiche technique<\/h2>\r\n        <p class=\"sg-copy\">Contactez notre \u00e9quipe commerciale pour obtenir des sp\u00e9cifications d\u00e9taill\u00e9es, les prix et les options de personnalisation pour votre projet de caillebotis en acier ou de s\u00e9curit\u00e9.<\/p>\r\n        <div class=\"sg-hero-actions\" style=\"justify-content: center; margin-top: 34px;\">\r\n          <a class=\"sg-btn\" href=\"https:\/\/wa.me\/8617367967903\" target=\"_blank\" rel=\"noopener\">Contacter l'\u00e9quipe commerciale \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var tabs = document.querySelectorAll('.sg-tab-btn');\r\n    var panels = document.querySelectorAll('.sg-tab-panel');\r\n\r\n    tabs.forEach(function (btn) {\r\n      btn.addEventListener('click', function () {\r\n        var target = btn.getAttribute('data-tab');\r\n\r\n        tabs.forEach(function (t) {\r\n          t.classList.remove('is-active');\r\n          t.setAttribute('aria-selected', 'false');\r\n        });\r\n        panels.forEach(function (p) {\r\n          p.classList.remove('is-active');\r\n        });\r\n\r\n        btn.classList.add('is-active');\r\n        btn.setAttribute('aria-selected', 'true');\r\n        document.getElementById('tab-' + target).classList.add('is-active');\r\n      });\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Industrial Flooring &#038; Perimeter Solutions Steel &amp; Safety Grating Steel grating is a high-strength flooring and covering solution widely used in industrial platforms, walkways, drainage systems, and architectural projects. Safety grating adds slip-resistant surfaces to provide safe, durable, and efficient flooring for factories, stair treads, ramps, and public facilities. Main types include welded, press-locked, serrated, [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-6985","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hengchenchina.com\/fr\/wp-json\/wp\/v2\/pages\/6985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hengchenchina.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hengchenchina.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hengchenchina.com\/fr\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hengchenchina.com\/fr\/wp-json\/wp\/v2\/comments?post=6985"}],"version-history":[{"count":10,"href":"https:\/\/hengchenchina.com\/fr\/wp-json\/wp\/v2\/pages\/6985\/revisions"}],"predecessor-version":[{"id":7277,"href":"https:\/\/hengchenchina.com\/fr\/wp-json\/wp\/v2\/pages\/6985\/revisions\/7277"}],"wp:attachment":[{"href":"https:\/\/hengchenchina.com\/fr\/wp-json\/wp\/v2\/media?parent=6985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}