{"id":4359,"date":"2026-03-20T09:19:58","date_gmt":"2026-03-20T09:19:58","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=4359"},"modified":"2026-03-24T03:28:56","modified_gmt":"2026-03-24T03:28:56","slug":"ar-af-coating","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/capabilities\/ar-af-coating\/","title":{"rendered":"Recubrimiento AR\/AF"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2f528a2\" data-block-id=\"2f528a2\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2f528a2-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9f580b4\" data-v=\"4\" data-block-id=\"9f580b4\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9f580b4-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9f580b4-inner-blocks\">\n<section id=\"ct-coating-hero-module\" class=\"ct-full-width-layout\">\n    <div class=\"ct-hero-inner\">\n        <div class=\"ct-hero-top\">\n            <div class=\"ct-content-col\">\n                <h1 class=\"ct-eyebrow-heading\">AR\/AF Coating<\/h1>\n                \n                <h2 class=\"ct-main-title\">AR\/AF Coating for Glass: Anti-Reflective and Anti-Fingerprint Solutions<\/h2>\n                \n                <p class=\"ct-description\">\n                    Saiwei Glass provides integrated anti-reflective coating &#038; anti-fingerprint coating for precision glass parts \u2014 from prototype to volume. Our multi-layer AR &#038; oleophobic AF coatings are used on consumer electronics, medical devices, industrial panels &#038; automotive displays in 30+ countries.\n                <\/p>\n                \n                <div class=\"ct-button-group\">\n                    <a href=\"#ct-popup-787\" class=\"ct-btn-primary\">Request a Quote<\/a>\n                    <a href=\"#af-coating-tech-module\" class=\"ct-btn-secondary\">View Coating Specs<\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"ct-image-col\">\n                <div class=\"ct-carousel-container\">\n                    <div class=\"ct-image-stack\" id=\"ct-hero-image-stack\">\n                        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/AR-AF-Coating3.png\" alt=\"Saiwei AR\/AF Coating - Industrial Applications\" class=\"ct-stacked-image\">\n                        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/AR-AF-Coating2.png\" alt=\"Saiwei AR\/AF Coating - Consumer Electronics\" class=\"ct-stacked-image\">\n                        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/AR-AF-Coating.png\" alt=\"Saiwei AR\/AF Coating - Detail View\" class=\"ct-stacked-image\">\n                    <\/div>\n                    \n                    <div class=\"ct-carousel-controls\">\n                        <div class=\"ct-dots\" id=\"ct-hero-dots\">\n                            <span class=\"ct-dot active\" data-index=\"0\"><\/span>\n                            <span class=\"ct-dot\" data-index=\"1\"><\/span>\n                            <span class=\"ct-dot\" data-index=\"2\"><\/span>\n                        <\/div>\n                        <button class=\"ct-carousel-next\" id=\"ct-hero-next\" aria-label=\"Next Slide\">\n                            <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" fill=\"#304890\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"ct-stats-grid\">\n            <div class=\"ct-stat-card\">\n                <h3 class=\"ct-stat-value\">16+<\/h3>\n                <p class=\"ct-stat-label\">Years in Glass Fabrication<\/p>\n            <\/div>\n            <div class=\"ct-stat-card\">\n                <h3 class=\"ct-stat-value\">>99%<\/h3>\n                <p class=\"ct-stat-label\">Light Transmission (AR)<\/p>\n            <\/div>\n            <div class=\"ct-stat-card\">\n                <h3 class=\"ct-stat-value\">110\u00b0+<\/h3>\n                <p class=\"ct-stat-label\">Water Contact Angle (AF)<\/p>\n            <\/div>\n            <div class=\"ct-stat-card\">\n                <h3 class=\"ct-stat-value\">5,000<\/h3>\n                <p class=\"ct-stat-label\">m\u00b2 Manufacturing Facility<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- 1. SCOPE & RESET --- *\/\n#ct-coating-hero-module {\n    --ct-primary: #304890;\n    --ct-accent-1: #1860A8;\n    --ct-accent-2: #1878C0;\n    --ct-accent-3: #3048A8;\n    --ct-text: #333333;\n    --ct-text-light: #ffffff;\n    --ct-bg-light: #F4F7FA;\n    --ct-card-bg: #ffffff;\n    --ct-card-shadow: 0 10px 30px rgba(0,0,0,0.05);\n\n    width: 100%;\n    padding: 40px 0;\n    box-sizing: border-box;\n    font-family: inherit;\n    color: var(--ct-text);\n    background-color: var(--ct-bg-light);\n}\n\n\/* --- 2. LAYOUT & GRID --- *\/\n#ct-coating-hero-module .ct-hero-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 60px;\n}\n\n#ct-coating-hero-module .ct-hero-top {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n\/* --- 3. TYPOGRAPHY --- *\/\n#ct-coating-hero-module .ct-eyebrow-heading {\n    display: inline-block;\n    font-size: 18px !important;\n    color: var(--ct-accent-2) !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px;\n    margin: 0 0 10px 0 !important;\n    padding: 0 !important;\n}\n\n#ct-coating-hero-module .ct-main-title {\n    font-size: 32px !important;\n    font-weight: 700 !important; \/* \u5b57\u4f53\u52a0\u7c97 700 *\/\n    color: #000000 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 20px 0 !important;\n    padding: 0 !important;\n}\n\n#ct-coating-hero-module .ct-description {\n    font-size: 16px !important;\n    line-height: 1.6 !important;\n    color: #555555 !important;\n    margin: 0 0 30px 0 !important;\n}\n\n\/* --- 4. BUTTONS --- *\/\n#ct-coating-hero-module .ct-button-group {\n    display: flex;\n    gap: 15px;\n}\n\n#ct-coating-hero-module .ct-btn-primary,\n#ct-coating-hero-module .ct-btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 28px;\n    font-size: 16px;\n    font-weight: 600;\n    text-decoration: none !important;\n    border-radius: 6px;\n    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;\n}\n\n#ct-coating-hero-module .ct-btn-primary {\n    background-color: var(--ct-primary) !important;\n    color: var(--ct-text-light) !important;\n    border: 1px solid var(--ct-primary) !important;\n}\n\n#ct-coating-hero-module .ct-btn-primary:hover {\n    background-color: var(--ct-accent-3) !important;\n    border-color: var(--ct-accent-3) !important;\n}\n\n#ct-coating-hero-module .ct-btn-secondary {\n    background-color: transparent !important;\n    color: var(--ct-accent-3) !important;\n    border: 2px solid var(--ct-accent-3) !important;\n}\n\n#ct-coating-hero-module .ct-btn-secondary:hover {\n    background-color: rgba(48, 72, 168, 0.05) !important;\n}\n\n\/* --- 5. STATS GRID --- *\/\n#ct-coating-hero-module .ct-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    width: 100%;\n}\n\n#ct-coating-hero-module .ct-stat-card {\n    background: var(--ct-card-bg) !important;\n    padding: 24px 20px;\n    border-radius: 10px;\n    box-shadow: var(--ct-card-shadow) !important;\n    border: 1px solid #e0e6ed !important;\n    text-align: center;\n    transition: transform 0.3s ease;\n}\n\n#ct-coating-hero-module .ct-stat-card:hover {\n    transform: translateY(-5px);\n}\n\n#ct-coating-hero-module .ct-stat-value {\n    font-size: 32px !important;\n    color: var(--ct-primary) !important;\n    margin: 0 0 8px 0 !important;\n    font-weight: 700 !important;\n}\n\n#ct-coating-hero-module .ct-stat-label {\n    font-size: 15px !important;\n    color: var(--ct-text) !important;\n    margin: 0 !important;\n    opacity: 0.8;\n}\n\n\/* --- 6. IMAGE STACK CAROUSEL --- *\/\n#ct-coating-hero-module .ct-image-col {\n    position: relative;\n    padding: 20px 0;\n}\n\n#ct-coating-hero-module .ct-carousel-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n}\n\n#ct-coating-hero-module .ct-image-stack {\n    position: relative;\n    width: 100%;\n    max-width: 500px;\n    height: 380px; \n    cursor: pointer;\n}\n\n#ct-coating-hero-module .ct-stacked-image {\n    position: absolute;\n    width: 75%;\n    height: auto;\n    object-fit: contain;\n    border-radius: 15px;\n    border: 5px solid #ffffff;\n    box-shadow: -5px 15px 35px rgba(0,0,0,0.1); \n    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);\n    background-color: #fff;\n    opacity: 0;\n    z-index: 0;\n}\n\n#ct-coating-hero-module .ct-img-1 {\n    top: 80px;\n    left: 0;\n    z-index: 3;\n    opacity: 1;\n}\n\n#ct-coating-hero-module .ct-img-2 {\n    top: 40px;\n    left: 40px;\n    z-index: 2;\n    opacity: 0.95;\n}\n\n#ct-coating-hero-module .ct-img-3 {\n    top: 0;\n    left: 80px;\n    z-index: 1;\n    opacity: 0.85;\n}\n\n#ct-coating-hero-module .ct-image-stack:hover .ct-img-1 {\n    transform: translate(-15px, 15px);\n}\n\n#ct-coating-hero-module .ct-image-stack:hover .ct-img-2 {\n    transform: translate(0px, 0px);\n    opacity: 1;\n}\n\n#ct-coating-hero-module .ct-image-stack:hover .ct-img-3 {\n    transform: translate(15px, -15px);\n    opacity: 1;\n}\n\n\/* Carousel Controls *\/\n#ct-coating-hero-module .ct-carousel-controls {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    margin-top: 10px;\n    margin-right: 20px;\n    z-index: 10;\n}\n\n#ct-coating-hero-module .ct-dots {\n    display: flex;\n    gap: 8px;\n}\n\n#ct-coating-hero-module .ct-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: #d1d1d1;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n}\n\n#ct-coating-hero-module .ct-dot.active {\n    background-color: var(--ct-primary);\n}\n\n#ct-coating-hero-module .ct-carousel-next {\n    background: #ffffff !important;\n    border: 1px solid #e0e0e0 !important;\n    border-radius: 50%;\n    width: 36px;\n    height: 36px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: background 0.3s ease;\n}\n\n#ct-coating-hero-module .ct-carousel-next:hover {\n    background: #f0f0f0 !important;\n}\n\n\/* --- 7. RESPONSIVENESS --- *\/\n@media (max-width: 991px) {\n    #ct-coating-hero-module .ct-hero-top {\n        grid-template-columns: 1fr;\n        gap: 40px;\n        text-align: center;\n    }\n    \n    #ct-coating-hero-module .ct-button-group {\n        justify-content: center;\n    }\n    \n    #ct-coating-hero-module .ct-image-stack {\n        margin: 0 auto;\n        max-width: 400px;\n        height: 320px;\n    }\n\n    #ct-coating-hero-module .ct-stacked-image { width: 80%; }\n    #ct-coating-hero-module .ct-img-1 { top: 60px; left: 0; }\n    #ct-coating-hero-module .ct-img-2 { top: 30px; left: 30px; }\n    #ct-coating-hero-module .ct-img-3 { top: 0; left: 60px; }\n    \n    #ct-coating-hero-module .ct-carousel-container { align-items: center; }\n    #ct-coating-hero-module .ct-stats-grid { grid-template-columns: 1fr 1fr; }\n}\n\n@media (max-width:689px) {\n    #ct-coating-hero-module .ct-image-stack {\n        height: 260px;\n        max-width: 300px;\n    }\n    \n    #ct-coating-hero-module .ct-img-1 { top: 40px; left: 0; }\n    #ct-coating-hero-module .ct-img-2 { top: 20px; left: 20px; }\n    #ct-coating-hero-module .ct-img-3 { top: 0; left: 40px; }\n    #ct-coating-hero-module .ct-main-title { font-size: 28px !important; }\n    #ct-coating-hero-module .ct-stats-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const images = Array.from(document.querySelectorAll('#ct-hero-image-stack .ct-stacked-image'));\n    const dots = Array.from(document.querySelectorAll('#ct-hero-dots .ct-dot'));\n    const nextBtn = document.getElementById('ct-hero-next');\n    const imageStack = document.getElementById('ct-hero-image-stack'); \n    \n    let currentIndex = 0;\n    const totalImages = images.length;\n\n    function updateCarousel() {\n        dots.forEach((dot, index) => {\n            if (index === currentIndex) {\n                dot.classList.add('active');\n            } else {\n                dot.classList.remove('active');\n            }\n        });\n\n        images.forEach((img, index) => {\n            img.classList.remove('ct-img-1', 'ct-img-2', 'ct-img-3');\n            \n            let relativePosition = (index - currentIndex + totalImages) % totalImages;\n            img.classList.add(`ct-img-${relativePosition + 1}`);\n        });\n    }\n\n    updateCarousel();\n\n    if(nextBtn) {\n        nextBtn.addEventListener('click', function() {\n            currentIndex = (currentIndex + 1) % totalImages;\n            updateCarousel();\n        });\n    }\n\n    if(imageStack) {\n        imageStack.addEventListener('click', function() {\n            currentIndex = (currentIndex + 1) % totalImages;\n            updateCarousel();\n        });\n    }\n\n    dots.forEach((dot) => {\n        dot.addEventListener('click', function() {\n            currentIndex = parseInt(this.getAttribute('data-index'));\n            updateCarousel();\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-7361cb4\" data-block-id=\"7361cb4\"><style>.stk-7361cb4 {margin-bottom:18px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-7361cb4-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-0c4254b\" data-v=\"4\" data-block-id=\"0c4254b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-0c4254b-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-0c4254b-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-ce6b917\" data-block-id=\"ce6b917\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ce6b917-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-df463fd\" data-v=\"4\" data-block-id=\"df463fd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-df463fd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-df463fd-inner-blocks\">\n<style>\n  \/* 1. Highest Level of Scope: Unique ID to prevent style leakage *\/\n  #saiwei-coating-full-v3 {\n    width: 100%;\n    box-sizing: border-box;\n    \/* Using the lightest of your requested blues for the section background *\/\n    background-color: #ffffff; \n    padding: 40px 0;\n    font-family: inherit !important;\n  }\n\n  #saiwei-coating-full-v3 .module-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  \/* 2. Typography: Following Blocksy global settings while applying your colors *\/\n  #saiwei-coating-full-v3 .main-title {\n    font-size: 32px !important; \/* Blocksy Default *\/\n    color: #000000 !important; \/* Primary Blue *\/\n    font-weight: 700 !important;\n    margin-bottom: 20px !important;\n    text-align: left !important;\n    line-height: 1.2 !important;\n  }\n\n  #saiwei-coating-full-v3 .sub-title {\n    font-size: 24px !important;\n    color: #1860A8 !important;\n    font-weight: 600 !important;\n    margin-bottom: 12px !important;\n    display: flex;\n    align-items: center;\n  }\n\n  \/* Left blue decorative bar for titles to add \"Industrial\" feel *\/\n  #saiwei-coating-full-v3 .sub-title::before {\n    content: \"\";\n    display: inline-block;\n    width: 4px;\n    height: 24px;\n    background: #1878C0;\n    margin-right: 12px;\n    border-radius: 2px;\n  }\n\n  #saiwei-coating-full-v3 p {\n    font-size: inherit !important;\n    line-height: 1.6 !important;\n    color: #333 !important;\n    margin-bottom: 15px !important;\n    text-align: justify;\n  }\n\n  \/* 4. Layout: Vertical Stacking with tight panels to eliminate side-voids *\/\n  #saiwei-coating-full-v3 .content-block {\n    background: #ffffff;\n    border-radius: 8px;\n    padding: 30px;\n    margin-bottom: 20px;\n    box-shadow: 0 2px 15px rgba(48, 72, 144, 0.08);\n    border-left: 1px solid #e2e8f0;\n  }\n\n  \/* Compact Grid for the technical specs inside AR to keep it tight *\/\n  #saiwei-coating-full-v3 .tech-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-top: 15px;\n  }\n\n  \/* 5. Process Panel: Dark background for visual weight at the bottom *\/\n  #saiwei-coating-full-v3 .process-footer {\n    background: linear-gradient(135deg, #304890 0%, #3048A8 100%);\n    color: #ffffff !important;\n    padding: 30px;\n    border-radius: 8px;\n    margin-top: 10px;\n  }\n\n  #saiwei-coating-full-v3 .process-footer h3 {\n    color: #ffffff !important;\n    font-size: 24px !important;\n    margin-bottom: 12px !important;\n  }\n\n  #saiwei-coating-full-v3 .process-footer p {\n    color: rgba(255, 255, 255, 0.95) !important;\n    margin-bottom: 0 !important;\n  }\n\n  \/* Responsive tuning *\/\n  @media (max-width:690px) {\n    #saiwei-coating-full-v3 .tech-grid {\n      grid-template-columns: 1fr;\n    }\n    #saiwei-coating-full-v3 .main-title {\n      font-size: 26px !important;\n    }\n  }\n<\/style>\n\n<section id=\"saiwei-coating-full-v3\">\n  <div class=\"module-inner\">\n    \n    <div class=\"main-title\">What Is AR\/AF Coating And Why Does It Matter For Glass Products?<\/div>\n    <p>Anti-reflective coating \u2014 often called AR coating \u2014 is a precision optical coating on glass surfaces that reduces reflections and minimizes unwanted glare by using thin-film interference. Regular uncoated glass surfaces reflect about 4% of incoming light, so a single pane of uncoated glass can cause 8% of available light to be reflected away before it ever reaches a viewer. In applications like medical displays, industrial control panels, or automotive HUDs, that lost light reduces visibility and increases power consumption.<\/p>\n\n    <div class=\"content-block\">\n      <div class=\"sub-title\">Industrial AR Technology<\/div>\n      <p>Most likely you have experienced anti-reflective coating on eyeglass lenses as a coating that reduces glare and prevents reflections when viewing high-contrast objects. That same technology, at a larger scale, applies to industrial and automotive glass. One difference is that a camera lens only needs to be perfect for a single focal application, and a scientific instrument lens for a narrow band. Industrial coatings need to be stable and hermetic at much tighter specifications \u2014 across a much broader visible spectrum.<\/p>\n      \n      <p>Each coating works by depositing on the glass with alternating layers of high and low refractive index materials, such as SiO2 (silicon dioxide) and TiO2 (titanium dioxide). Interference at each layer cancels out reflected light, and each layer thickness is optimized to be a quarter-wavelength thickness in the design spectrum. A resulting lens coating appears nearly invisible, reducing light reflection to less than 0.5% reflectance per surface and delivering over 99% transmission through the visible spectrum \u2014 whether applied to a display panel, an eyeglass lens, or a precision optical component.<\/p>\n    <\/div>\n\n    <div class=\"content-block\">\n      <div class=\"sub-title\">Anti-Fingerprint (AF) Coating<\/div>\n      <p>Anti-fingerprint coating \u2014 often called AF coating \u2014 solves a different problem. When a glass surface is touched by human hands, oils and debris cause not only smudges and marks, but also interfere with touchscreen performance and hygiene. AF coating applies a 5-20 nm thin oleophobic layer that greatly reduces how strongly those oils adhere to glass. In the process, it also reduces visibility of gloss marks without any additional cleaning.<\/p>\n    <\/div>\n\n    <div class=\"process-footer\">\n      <h3>What Is Unique About Our Process<\/h3>\n      <p>Saiwei Glass utilizes an integrated deposition process for both AR &#038; AF coatings. Our multi-layer AR stack is deposited vertically using PVD, and then the AF top-coat is deposited in the same chamber, directly on top of the existing surface. This minimizes irregularities and allows the processing of everything to at least MIL-spec flatness tolerances.<\/p>\n    <\/div>\n\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-209297c\" data-block-id=\"209297c\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-209297c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-01c7c47\" data-v=\"4\" data-block-id=\"01c7c47\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-01c7c47-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-01c7c47-inner-blocks\">\n<style>\n  \/* ==========================================================\n     SCOPE: Unique ID for complete style isolation\n     ========================================================== *\/\n  #ar-coating-module {\n    width: 100% !important;\n    padding: 40px 0 !important;\n    background-color: transparent !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n  }\n\n  #ar-coating-module * {\n    box-sizing: border-box !important;\n  }\n\n  #ar-coating-module .ar-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 24px !important;\n  }\n\n  \/* --- Typography --- *\/\n  \/* \u4fee\u6539\uff1aH2 \u989c\u8272\u8bbe\u4e3a\u7eaf\u9ed1 *\/\n  #ar-coating-module h2.ar-main-title {\n    font-size: 32px !important;\n    color: #000000 !important; \n    text-align: center !important;\n    margin-top: 0 !important;\n    margin-bottom: 24px !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n  }\n\n  #ar-coating-module p.ar-intro {\n    text-align: center !important;\n    color: #444444 !important;\n    max-width: 1200px !important;\n    margin: 0 auto 48px auto !important;\n    line-height: 1.6 !important;\n    font-size: 1.125rem !important;\n  }\n\n  \/* --- Grid Layout --- *\/\n  #ar-coating-module .ar-grid {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\n    gap: 32px !important;\n    margin-bottom: 64px !important;\n    align-items: start !important; \/* \u9632\u6b62\u5361\u7247\u56e0\u5185\u5bb9\u5c55\u5f00\u800c\u5f3a\u5236\u62c9\u4f38\u53d8\u5f62 *\/\n  }\n\n  \/* --- Cards --- *\/\n  #ar-coating-module .ar-card {\n    background: #ffffff !important;\n    border: 1px solid #eaeaea !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    display: flex !important;\n    flex-direction: column !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;\n  }\n\n  #ar-coating-module .ar-card:hover {\n    transform: translateY(-8px) !important;\n    box-shadow: 0 16px 32px rgba(48, 72, 144, 0.12) !important;\n    border-color: #1878C0 !important;\n  }\n\n  #ar-coating-module .ar-image-wrapper {\n    width: 100% !important;\n    height: 220px !important;\n    background-color: #f9fafb !important;\n    overflow: hidden !important;\n    position: relative !important;\n    border-bottom: 3px solid #1878C0 !important;\n  }\n\n  #ar-coating-module .ar-image-wrapper img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    display: block !important;\n    transition: transform 0.5s ease !important;\n  }\n\n  #ar-coating-module .ar-card:hover .ar-image-wrapper img {\n    transform: scale(1.05) !important;\n  }\n\n  #ar-coating-module .ar-content {\n    padding: 24px !important;\n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  \/* \u4fee\u6539\uff1aH3 \u5b57\u53f7\u6539\u5c0f (1.15rem \u7ea6\u7b49\u4e8e 18.4px) *\/\n  #ar-coating-module h3.ar-card-title {\n    color: #1860A8 !important;\n    margin-top: 0 !important;\n    margin-bottom: 12px !important;\n    font-weight: 600 !important;\n    line-height: 1.4 !important;\n    font-size: 1.15rem !important; \n  }\n\n  \/* --- Text Collapse (Read More) Styles --- *\/\n  #ar-coating-module .ar-text-wrapper {\n    transition: max-height 0.3s ease !important;\n  }\n\n  #ar-coating-module .ar-text-wrapper.collapsed .ar-card-text {\n    display: -webkit-box !important;\n    -webkit-line-clamp: 3 !important; \/* \u6298\u53e0\u65f6\u663e\u793a\u7684\u884c\u6570 *\/\n    -webkit-box-orient: vertical !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n\n  #ar-coating-module p.ar-card-text {\n    color: #555555 !important;\n    margin: 0 !important;\n    line-height: 1.6 !important;\n    font-size: 0.95rem !important;\n  }\n\n  #ar-coating-module .ar-toggle-btn {\n    background: transparent !important;\n    border: none !important;\n    color: #1878C0 !important;\n    padding: 0 !important;\n    margin-top: 12px !important;\n    font-size: 0.9rem !important;\n    font-weight: 600 !important;\n    cursor: pointer !important;\n    text-align: left !important;\n    display: inline-block !important;\n    transition: color 0.2s ease !important;\n  }\n\n  #ar-coating-module .ar-toggle-btn:hover {\n    color: #304890 !important;\n    text-decoration: underline !important;\n  }\n\n  \/* --- Table Section --- *\/\n  \/* \u4fee\u6539\uff1aH3 \u5b57\u53f7\u6539\u5c0f *\/\n  #ar-coating-module h3.ar-table-title {\n    color: #3048A8 !important;\n    text-align: center !important;\n    margin-bottom: 24px !important;\n    font-size: 1.25rem !important; \n  }\n\n  #ar-coating-module .ar-table-responsive {\n    width: 100% !important;\n    overflow-x: auto !important;\n    background: #ffffff !important;\n    border-radius: 12px !important;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;\n    border: 1px solid #eaeaea !important;\n  }\n\n  #ar-coating-module table.ar-table {\n    width: 100% !important;\n    min-width: 800px !important;\n    border-collapse: collapse !important;\n    text-align: left !important;\n  }\n\n  #ar-coating-module table.ar-table th {\n    background-color: #304890 !important;\n    color: #ffffff !important;\n    padding: 16px 20px !important;\n    font-weight: 600 !important;\n    white-space: nowrap !important;\n    font-size: 0.95rem !important;\n  }\n\n  #ar-coating-module table.ar-table td {\n    padding: 14px 20px !important;\n    border-bottom: 1px solid #f0f0f0 !important;\n    color: #333333 !important;\n    vertical-align: middle !important;\n    font-size: 0.95rem !important;\n  }\n\n  #ar-coating-module table.ar-table tr:last-child td {\n    border-bottom: none !important;\n  }\n\n  #ar-coating-module table.ar-table tbody tr:hover {\n    background-color: rgba(24, 120, 192, 0.04) !important;\n  }\n\n  \/* --- Mobile Adjustments --- *\/\n  @media (max-width:690px) {\n    #ar-coating-module {\n      padding: 30px 0 !important;\n    }\n    #ar-coating-module h2.ar-main-title {\n      font-size: 26px !important;\n    }\n  }\n<\/style>\n\n<section id=\"ar-coating-module\">\n  <div class=\"ar-container\">\n    \n    <h2 class=\"ar-main-title\">Types of Anti-Reflective Glass for Industrial Applications<\/h2>\n    <p class=\"ar-intro\">\n      There are many forms of anti-reflective glass, and not all suits every application equally. Factors such as wavelength range, temperature stability, environmental durability, and budget will influence the optimum choice. We often recommend the following types:\n    <\/p>\n\n    <div class=\"ar-grid\">\n      \n      <div class=\"ar-card\">\n        <div class=\"ar-image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/Single-Layer-AR-Coating-MgF2.png\" alt=\"Single-Layer AR Coating (MgF2)\" loading=\"lazy\" width=\"400\" height=\"220\">\n        <\/div>\n        <div class=\"ar-content\">\n          <h3 class=\"ar-card-title\">Single-Layer AR Coating (MgF2)<\/h3>\n          <div class=\"ar-text-wrapper collapsed\">\n            <p class=\"ar-card-text\">\n              Single-layer coatings on a broad-spectrum transmissive material (roughly 450\u2013700 nm) can improve reflectivity from 4% down to approximately 1.3%. This is more economical for applications where less correction is needed or desired, like a copolymer instrument window. Common specifications include adherence as per MIL-PRF-13830B, humidity resistance per ASTM D-1744.\n            <\/p>\n          <\/div>\n          <button class=\"ar-toggle-btn\">Read More<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"ar-card\">\n        <div class=\"ar-image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/Multi-Layer-Broadband-AR-BBAR-Coating.png\" alt=\"Multi-Layer Broadband AR (BBAR) Coating\" loading=\"lazy\" width=\"400\" height=\"220\">\n        <\/div>\n        <div class=\"ar-content\">\n          <h3 class=\"ar-card-title\">Multi-Layer Broadband AR (BBAR) Coating<\/h3>\n          <div class=\"ar-text-wrapper collapsed\">\n            <p class=\"ar-card-text\">\n              For more demanding optical lens applications multi-layer AR coatings use 4-6 alternating layers of oxide materials. A typical stack might be substrate TiO2 SiO2 TiO2 SiO2. Than brings 0.5% average reflectance across 400-700 nm to distribution above 99%. BBAR coatings are used frequently for medical displays, high-end consumer electronics cover glass, and accurate optical measurements. The disadvantage is a higher cost per-piece and more difficult process control.\n            <\/p>\n          <\/div>\n          <button class=\"ar-toggle-btn\">Read More<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"ar-card\">\n        <div class=\"ar-image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/V-Coat-Single-Wavelength-Optimized.png\" alt=\"V-Coat (Single-Wavelength Optimized)\" loading=\"lazy\" width=\"400\" height=\"220\">\n        <\/div>\n        <div class=\"ar-content\">\n          <h3 class=\"ar-card-title\">V-Coat (Single-Wavelength Optimized)<\/h3>\n          <div class=\"ar-text-wrapper collapsed\">\n            <p class=\"ar-card-text\">\n              When your application only works at a narrow band of wavelength &#8211; laser systems, a specific LED output, or window pane for a sensor &#8211; the V-coat AR designs seek to minimize surface reflectance at that point wavelength and sometimes to below 0.1%. Outside that band performance deteriorates and V-coats are not practical broadband visible solutions.\n            <\/p>\n          <\/div>\n          <button class=\"ar-toggle-btn\">Read More<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"ar-card\">\n        <div class=\"ar-image-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/Dual-Band-and-Custom-Spectral-AR.png\" alt=\"Dual-Band and Custom Spectral AR\" loading=\"lazy\" width=\"400\" height=\"220\">\n        <\/div>\n        <div class=\"ar-content\">\n          <h3 class=\"ar-card-title\">Dual-Band and Custom Spectral AR<\/h3>\n          <div class=\"ar-text-wrapper collapsed\">\n            <p class=\"ar-card-text\">\n              Some industrial and scientific instruments need low reflectance over two bands of wavelength &#8211; for example one for visible and another for near Infrared. Custom spectral AR coatings demand 8-12 layers with computer optimized thickness profiles. These are the most complex of our specialized offerings, requiring detailed spectral targets to be provided by the customer.\n            <\/p>\n          <\/div>\n          <button class=\"ar-toggle-btn\">Read More<\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <h3 class=\"ar-table-title\">Performance &#038; Application Comparison<\/h3>\n    <div class=\"ar-table-responsive\">\n      <table class=\"ar-table\">\n        <thead>\n          <tr>\n            <th>AR Coating Type<\/th>\n            <th>Layers<\/th>\n            <th>Reflectance (per surface)<\/th>\n            <th>Wavelength Range<\/th>\n            <th>Typical Application<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td><strong>Single-Layer MgF2<\/strong><\/td>\n            <td>1<\/td>\n            <td>&lt;1.5%<\/td>\n            <td>~550 nm center<\/td>\n            <td>Instrument windows, covers<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Multi-Layer BBAR<\/strong><\/td>\n            <td>4\u20136<\/td>\n            <td>&lt;0.5% avg<\/td>\n            <td>400\u2013700 nm<\/td>\n            <td>Displays, medical, electronics<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>V-Coat<\/strong><\/td>\n            <td>2\u20134<\/td>\n            <td>&lt;0.1% at \u03bb0<\/td>\n            <td>Narrow band<\/td>\n            <td>Laser windows, sensors<\/td>\n          <\/tr>\n          <tr>\n            <td><strong>Dual-Band Custom<\/strong><\/td>\n            <td>8\u201312<\/td>\n            <td>&lt;0.5% per band<\/td>\n            <td>VIS + NIR \/ custom<\/td>\n            <td>Scientific instruments<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  \/* * \u539f\u751f JS\uff1a\u5904\u7406\u5361\u7247\u5185\u591a\u4f59\u6587\u5b57\u7684\u5c55\u5f00\/\u6298\u53e0\u529f\u80fd\n   * \u4e25\u683c\u9501\u5b9a\u5728 #ar-coating-module \u5185\u90e8\uff0c\u9632\u6b62\u5f71\u54cd\u5916\u90e8 DOM \n   *\/\n  document.addEventListener('DOMContentLoaded', function() {\n    const module = document.getElementById('ar-coating-module');\n    if (!module) return;\n\n    const toggleButtons = module.querySelectorAll('.ar-toggle-btn');\n\n    toggleButtons.forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        \/\/ \u627e\u5230\u5f53\u524d\u6309\u94ae\u5bf9\u5e94\u7684\u6587\u672c\u5bb9\u5668\n        const textWrapper = this.previousElementSibling;\n        \n        if (textWrapper.classList.contains('collapsed')) {\n          \/\/ \u5c55\u5f00\u5185\u5bb9\n          textWrapper.classList.remove('collapsed');\n          this.textContent = 'Show Less';\n        } else {\n          \/\/ \u6298\u53e0\u5185\u5bb9\n          textWrapper.classList.add('collapsed');\n          this.textContent = 'Read More';\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-f3be9d2\" data-block-id=\"f3be9d2\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f3be9d2-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8807a8d\" data-v=\"4\" data-block-id=\"8807a8d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8807a8d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8807a8d-inner-blocks\">\n<style>\n  \/* ==========================================================\n     SCOPE: Unique ID for complete style isolation\n     ========================================================== *\/\n  #af-coating-tech-module {\n    width: 100% !important;\n    padding: 40px 0 !important;\n    background-color: #f8f9fc !important;\n    box-sizing: border-box !important;\n    font-family: inherit !important;\n  }\n\n  #af-coating-tech-module * {\n    box-sizing: border-box !important;\n  }\n\n  #af-coating-tech-module .af-container {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    width: 100% !important;\n  }\n\n  \/* --- Typography --- *\/\n  #af-coating-tech-module h2.af-main-title {\n    font-size: 32px !important;\n    color: #000000 !important;\n    font-weight: 700 !important;\n    margin-top: 0 !important;\n    margin-bottom: 20px !important;\n    line-height: 1.3 !important;\n    text-align: center !important; \/* \u4fee\u6539\uff1a\u5c45\u4e2d\u5bf9\u9f50 *\/\n  }\n\n  #af-coating-tech-module h3.af-section-title {\n    font-size: inherit !important;\n    color: #1860A8 !important;\n    font-weight: 600 !important;\n    margin-top: 0 !important;\n    margin-bottom: 16px !important;\n    line-height: 1.4 !important;\n  }\n\n  #af-coating-tech-module h4.af-method-title {\n    font-size: inherit !important;\n    color: #3048A8 !important;\n    font-weight: 600 !important;\n    margin-top: 0 !important;\n    margin-bottom: 8px !important;\n    line-height: 1.4 !important;\n  }\n\n  #af-coating-tech-module p.af-text {\n    color: #333333 !important;\n    line-height: 1.6 !important;\n    margin-bottom: 16px !important;\n    font-size: inherit !important;\n  }\n  \n  \/* \u4e3a\u9876\u90e8\u7684\u7b80\u4ecb\u6bb5\u843d\u5355\u72ec\u52a0\u4e00\u4e2a\u5c45\u4e2d\u7c7b\uff0c\u89c6\u89c9\u4e0a\u66f4\u534f\u8c03\uff08\u53ef\u9009\uff0c\u5f53\u524d\u4fdd\u6301\u9ed8\u8ba4\u5de6\u5bf9\u9f50\u6216\u5c45\u4e2d\uff09 *\/\n  #af-coating-tech-module p.af-intro-text {\n    text-align: center !important; \/* \u8ba9\u7b80\u4ecb\u6587\u5b57\u4e5f\u5c45\u4e2d\uff0c\u914d\u5408\u6807\u9898\u66f4\u7f8e\u89c2 *\/\n    max-width: 1200px !important;\n    margin: 0 auto 24px auto !important;\n  }\n\n  \/* --- Tabs Navigation --- *\/\n  #af-coating-tech-module .af-tabs-nav {\n    display: flex !important;\n    justify-content: center !important; \/* \u4fee\u6539\uff1aTab\u6807\u7b7e\u680f\u5c45\u4e2d\u5bf9\u9f50 *\/\n    border-bottom: 2px solid #eaeaea !important;\n    margin-bottom: 32px !important;\n    overflow-x: auto !important; \n    white-space: nowrap !important;\n    scrollbar-width: none !important; \n  }\n  \n  #af-coating-tech-module .af-tabs-nav::-webkit-scrollbar {\n    display: none !important; \n  }\n\n  #af-coating-tech-module .af-tab-btn {\n    background: transparent !important;\n    border: none !important;\n    border-bottom: 3px solid transparent !important;\n    color: #555555 !important;\n    font-weight: 600 !important;\n    font-size: 1rem !important;\n    padding: 12px 24px !important;\n    cursor: pointer !important;\n    transition: all 0.3s ease !important;\n    margin-bottom: -2px !important; \n    font-family: inherit !important;\n  }\n\n  #af-coating-tech-module .af-tab-btn:hover {\n    color: #1878C0 !important;\n  }\n\n  #af-coating-tech-module .af-tab-btn.active {\n    color: #304890 !important;\n    border-bottom: 3px solid #304890 !important;\n  }\n\n  \/* --- Tabs Content & Animation --- *\/\n  #af-coating-tech-module .af-tab-content {\n    display: none !important;\n    animation: afFadeInUp 0.4s ease forwards !important;\n  }\n\n  #af-coating-tech-module .af-tab-content.active {\n    display: block !important;\n  }\n\n  @keyframes afFadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* --- Table Layout --- *\/\n  #af-coating-tech-module .af-table-wrapper {\n    width: 100% !important;\n    overflow-x: auto !important;\n    margin: 16px 0 !important;\n    border-radius: 8px !important;\n    box-shadow: 0 4px 16px rgba(48, 72, 144, 0.08) !important;\n    border: 1px solid #eaeaea !important;\n  }\n\n  #af-coating-tech-module table.af-table {\n    width: 100% !important;\n    min-width: 700px !important;\n    border-collapse: collapse !important;\n    text-align: left !important;\n    background-color: #ffffff !important;\n    margin: 0 !important;\n  }\n\n  #af-coating-tech-module table.af-table th {\n    background-color: #1878C0 !important;\n    color: #ffffff !important;\n    padding: 12px 16px !important;\n    font-weight: 600 !important;\n    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;\n  }\n\n  #af-coating-tech-module table.af-table th:last-child {\n    border-right: none !important;\n  }\n\n  #af-coating-tech-module table.af-table td {\n    padding: 12px 16px !important;\n    border-bottom: 1px solid #f0f0f0 !important;\n    border-right: 1px solid #f0f0f0 !important;\n    color: #444444 !important;\n    vertical-align: middle !important;\n    transition: background-color 0.2s ease !important;\n  }\n\n  #af-coating-tech-module table.af-table td:first-child {\n    font-weight: 600 !important;\n    color: #304890 !important;\n    background-color: rgba(48, 72, 144, 0.02) !important;\n  }\n\n  \/* --- Application Methods Flexbox --- *\/\n  #af-coating-tech-module .af-methods-grid {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 24px !important;\n    margin-bottom: 24px !important;\n  }\n\n  #af-coating-tech-module .af-method-card {\n    flex: 1 1 calc(50% - 12px) !important;\n    min-width: 280px !important;\n    background: #ffffff !important;\n    border: 1px solid #eaeaea !important;\n    border-left: 4px solid #1860A8 !important;\n    padding: 24px !important;\n    border-radius: 0 8px 8px 0 !important;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;\n    transition: transform 0.2s ease, box-shadow 0.2s ease !important;\n  }\n\n  #af-coating-tech-module .af-method-card:hover {\n    transform: translateY(-4px) !important;\n    box-shadow: 0 8px 24px rgba(48, 72, 144, 0.1) !important;\n  }\n\n  \/* --- Button Styles --- *\/\n  #af-coating-tech-module .af-action-wrapper {\n    margin-top: 40px !important;\n    text-align: center !important;\n  }\n\n  #af-coating-tech-module .af-quote-btn {\n    display: inline-block !important;\n    background-color: #3048A8 !important;\n    color: #ffffff !important;\n    font-weight: 600 !important;\n    font-size: 16px !important;\n    padding: 14px 32px !important;\n    border-radius: 6px !important;\n    text-decoration: none !important;\n    transition: background-color 0.3s ease, transform 0.2s ease !important;\n    box-shadow: 0 4px 12px rgba(48, 72, 168, 0.3) !important;\n  }\n\n  #af-coating-tech-module .af-quote-btn:hover {\n    background-color: #1860A8 !important;\n    transform: translateY(-2px) !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n  }\n<\/style>\n\n<section id=\"af-coating-tech-module\">\n  <div class=\"af-container\">\n    \n    <h2 class=\"af-main-title\">AR\/AF Coating Anti-Fingerprint and Oleophobic Coating Technology<\/h2>\n    <p class=\"af-text af-intro-text\">\n      Any glass surface that humans contact on a daily basis &#8211; from smartphone and phone screens to ATM panels to medical device interfaces &#8211; can recover fingerprints and oily deposits within minutes of interaction. An oleophobic &#8211; also called AF &#8211; coating prevents this accumulation, keeping glass easier to maintain and cleaner for longer.\n    <\/p>\n\n    <div class=\"af-tabs-nav\" role=\"tablist\">\n      <button class=\"af-tab-btn active\" role=\"tab\" aria-selected=\"true\" data-target=\"af-tab-mechanism\">Mechanism<\/button>\n      <button class=\"af-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"af-tab-properties\">Properties &#038; Specs<\/button>\n      <button class=\"af-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"af-tab-methods\">Application Methods<\/button>\n    <\/div>\n\n    <div class=\"af-tab-content active\" id=\"af-tab-mechanism\" role=\"tabpanel\">\n      <h3 class=\"af-section-title\">How Oleophobic Coating Works<\/h3>\n      <p class=\"af-text\">\n        Oleophobic coatings are specialized formulations based on fluorinated silanes &#8211; most frequently perfluoropolyether silane compounds. Upon application to Glass, the silane molecules are reacted with the OH groups on the glass forming covalent Si &#8211; O &#8211; Si (siloxane) bonds. The fluorinated &#8216;tails&#8217; of the silane then orientate outward, creating a surface of extremely low energy Ongoing. This property minimizes the ability of oils, water, and organic contaminants to wet the surface. Fingerprints do land on the glass but they form beads rather than to form a spread out mist and are practically invisible on the treated glass. They then can be removed with minimal effort.\n      <\/p>\n    <\/div>\n\n    <div class=\"af-tab-content\" id=\"af-tab-properties\" role=\"tabpanel\">\n      <h3 class=\"af-section-title\">AF Coating Properties and Performance<\/h3>\n      <div class=\"af-table-wrapper\">\n        <table class=\"af-table\">\n          <thead>\n            <tr>\n              <th>Property<\/th>\n              <th>Specification<\/th>\n              <th>Test Method<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td>Water Contact Angle<\/td>\n              <td>&gt;110&deg;<\/td>\n              <td>ASTM D7334 (sessile drop)<\/td>\n            <\/tr>\n            <tr>\n              <td>Oleic Acid Contact Angle<\/td>\n              <td>&gt;70&deg;<\/td>\n              <td>Goniometer measurement<\/td>\n            <\/tr>\n            <tr>\n              <td>Coating Thickness<\/td>\n              <td>5&ndash;20 nm<\/td>\n              <td>Ellipsometry<\/td>\n            <\/tr>\n            <tr>\n              <td>Abrasion Resistance<\/td>\n              <td>&gt;3,000 cycles<\/td>\n              <td>Steel wool #0000, 1 kg load<\/td>\n            <\/tr>\n            <tr>\n              <td>Light Transmission Impact<\/td>\n              <td>&lt;0.2% loss<\/td>\n              <td>Spectrophotometer<\/td>\n            <\/tr>\n            <tr>\n              <td>Chemical Resistance<\/td>\n              <td>IPA, ethanol, mild acids<\/td>\n              <td>24h immersion test<\/td>\n            <\/tr>\n            <tr>\n              <td>Surface Energy<\/td>\n              <td>&lt;15 mN\/m<\/td>\n              <td>Owens-Wendt calculation<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <div class=\"af-tab-content\" id=\"af-tab-methods\" role=\"tabpanel\">\n      <h3 class=\"af-section-title\">Application Methods for Industrial AF Coating<\/h3>\n      <p class=\"af-text\">\n        Consumer grade oleophobic coatings used using wipe onto packs last at best weeks. Industrial AF coatings are a different breed entirely. We use two primary methods of deposition:\n      <\/p>\n\n      <div class=\"af-methods-grid\">\n        <div class=\"af-method-card\">\n          <h4 class=\"af-method-title\">Vacuum Thermal Evaporation<\/h4>\n          <p class=\"af-text\">\n            The PFPE silane is vaporized in a vacuum chamber and is deposited evenly onto pre-cleaned glass substrates. This produces a very uniform and repeatable coating thickness with very strong adhesion. We use this method for high volume production where each individual piece has the same oleophobic coating.\n          <\/p>\n        <\/div>\n        \n        <div class=\"af-method-card\">\n          <h4 class=\"af-method-title\">Spray coating with plasma pre-treatment<\/h4>\n          <p class=\"af-text\">\n            The glass surface is pre-activated with oxygen plasma to increase the silanol density, then coated with diluted AF solution and cured at 120-150&#8217;C. This method allows larger or irregularly shaped glass substrates to be coated as they cannot be held in the vacuum chamber.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <p class=\"af-text\">\n        Both techniques produce surface which is transparent, scratch resistant, and resistant to cleaning agents and can sustain repeated cleans while maintaining abrasion resistant anti-fingerprint properties through thousands of touch cycles- a far cry from the online consumer AF coating marketed products.\n      <\/p>\n    <\/div>\n\n    <div class=\"af-action-wrapper\">\n      <a href=\"#ct-popup-787\" class=\"af-quote-btn\">Get Instant Quote<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  \/* * Vanilla JS for Tab functionality & Table Hover effects.\n   * Scoped to #af-coating-tech-module to prevent leaks.\n   *\/\n  document.addEventListener('DOMContentLoaded', function() {\n    const module = document.getElementById('af-coating-tech-module');\n    if (!module) return;\n\n    \/\/ --- Tab Switching Logic ---\n    const tabBtns = module.querySelectorAll('.af-tab-btn');\n    const tabContents = module.querySelectorAll('.af-tab-content');\n\n    tabBtns.forEach(btn => {\n      btn.addEventListener('click', function() {\n        tabBtns.forEach(b => {\n          b.classList.remove('active');\n          b.setAttribute('aria-selected', 'false');\n        });\n        tabContents.forEach(c => c.classList.remove('active'));\n\n        this.classList.add('active');\n        this.setAttribute('aria-selected', 'true');\n\n        const targetId = this.getAttribute('data-target');\n        const targetContent = module.querySelector('#' + targetId);\n        if (targetContent) {\n          targetContent.classList.add('active');\n        }\n      });\n    });\n\n    \/\/ --- Table Hover Interactive Logic ---\n    const rows = module.querySelectorAll('.af-table tbody tr');\n    rows.forEach(row => {\n      row.addEventListener('mouseenter', function() {\n        const cells = this.querySelectorAll('td');\n        cells.forEach(cell => {\n          if(cell !== cells[0]) {\n            cell.style.backgroundColor = 'rgba(24, 120, 192, 0.04)';\n          }\n        });\n      });\n\n      row.addEventListener('mouseleave', function() {\n        const cells = this.querySelectorAll('td');\n        cells.forEach(cell => {\n          if(cell !== cells[0]) {\n            cell.style.backgroundColor = '';\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-b66b76c\" data-block-id=\"b66b76c\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b66b76c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3d1ab49\" data-v=\"4\" data-block-id=\"3d1ab49\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3d1ab49-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3d1ab49-inner-blocks\">\n<style>\n  \/* ==========================================================\n     SCOPE: Unique ID for complete style isolation\n     ========================================================== *\/\n  #ar-af-coating-module {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* Reduced from 40px for a more compact layout *\/\n    background-color: transparent !important;\n    box-sizing: border-box !important;\n    font-family: inherit !important;\n  }\n\n  #ar-af-coating-module * {\n    box-sizing: border-box !important;\n  }\n\n  #ar-af-coating-module .module-container {\n    max-width: 1200px !important; \n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    width: 100% !important;\n  }\n\n  \/* --- Typography --- *\/\n  #ar-af-coating-module h2.custom-title {\n    font-size: 32px !important; \n    color: #000000 !important; \n    font-weight: 700 !important;\n    margin-top: 0 !important;\n    margin-bottom: 12px !important; \/* Reduced margin *\/\n    line-height: 1.3 !important;\n    text-align: left !important;\n  }\n\n  #ar-af-coating-module p.custom-text {\n    color: #333333 !important;\n    line-height: 1.6 !important;\n    margin-bottom: 16px !important; \/* Reduced margin *\/\n    font-size: inherit !important;\n  }\n\n  \/* --- Table Layout (Compact & Premium) --- *\/\n  #ar-af-coating-module .table-wrapper {\n    width: 100% !important;\n    overflow-x: auto !important; \n    margin: 16px 0 0 0 !important; \/* Tighter spacing around the table *\/\n    border-radius: 8px !important;\n    box-shadow: 0 4px 16px rgba(48, 72, 144, 0.06) !important;\n    border: 1px solid #eaeaea !important;\n  }\n\n  #ar-af-coating-module table.coating-table {\n    width: 100% !important;\n    min-width: 800px !important;\n    border-collapse: collapse !important;\n    text-align: left !important;\n    background-color: #ffffff !important;\n    margin: 0 !important;\n  }\n\n  #ar-af-coating-module table.coating-table th {\n    background-color: #304890 !important;\n    color: #ffffff !important;\n    padding: 12px 14px !important; \/* Compact padding *\/\n    font-weight: 600 !important;\n    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;\n  }\n\n  #ar-af-coating-module table.coating-table th:last-child {\n    border-right: none !important;\n  }\n\n  #ar-af-coating-module table.coating-table td {\n    padding: 10px 14px !important; \/* Compact padding *\/\n    border-bottom: 1px solid #f0f0f0 !important;\n    border-right: 1px solid #f0f0f0 !important;\n    color: #444444 !important;\n    vertical-align: top !important;\n    transition: background-color 0.2s ease !important;\n  }\n\n  #ar-af-coating-module table.coating-table td:last-child {\n    border-right: none !important;\n  }\n\n  #ar-af-coating-module table.coating-table tr:last-child td {\n    border-bottom: none !important;\n  }\n\n  \/* Interactive Hover Effect *\/\n  #ar-af-coating-module table.coating-table tbody tr:hover td {\n    background-color: rgba(24, 120, 192, 0.04) !important;\n  }\n\n  \/* Emphasize the Characteristic column *\/\n  #ar-af-coating-module table.coating-table td:first-child {\n    font-weight: 600 !important;\n    color: #3048A8 !important;\n    background-color: rgba(48, 72, 168, 0.02) !important;\n  }\n<\/style>\n\n<section id=\"ar-af-coating-module\">\n  <div class=\"module-container\">\n    \n    <h2 class=\"custom-title\">AR vs AG vs AF Coating: Which Surface Treatment Fits Your Application?<\/h2>\n    \n    <p class=\"custom-text\">\n      Procurement engineers inquired about the differences between anti-reflective, anti-glare, and anti-fingerprint coatings. These three treatments resolve different optical and functional property issues and need to be selected appropriately to ensure the budget is not overspent and product performance is not compromised.\n    <\/p>\n\n    <div class=\"table-wrapper\">\n      <table class=\"coating-table\">\n        <thead>\n          <tr>\n            <th>Characteristic<\/th>\n            <th>AR (Anti-Reflective)<\/th>\n            <th>AG (Anti-Glare)<\/th>\n            <th>AF (Anti-Fingerprint)<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>Primary Function<\/td>\n            <td>Reduces reflection on lens and display surfaces, increases transmission<\/td>\n            <td>Scatters reflected light to reduce glare<\/td>\n            <td>Repels oils, keeps surface clean<\/td>\n          <\/tr>\n          <tr>\n            <td>Mechanism<\/td>\n            <td>Thin-film destructive interference<\/td>\n            <td>Surface micro-texture (etch or coating)<\/td>\n            <td>Low-energy oleophobic nanoscale layer<\/td>\n          <\/tr>\n          <tr>\n            <td>Reflectance Reduction<\/td>\n            <td>&lt;0.5% per surface<\/td>\n            <td>Diffused, not reduced<\/td>\n            <td>No effect on reflectance<\/td>\n          <\/tr>\n          <tr>\n            <td>Image Clarity<\/td>\n            <td>Excellent \u2014 no distortion<\/td>\n            <td>Reduced \u2014 slight haze from scattering<\/td>\n            <td>No effect on clarity<\/td>\n          <\/tr>\n          <tr>\n            <td>Touch Smudge Resistance<\/td>\n            <td>No effect<\/td>\n            <td>Hides smudges slightly (matte texture)<\/td>\n            <td>Excellent \u2014 oils bead up<\/td>\n          <\/tr>\n          <tr>\n            <td>Best For<\/td>\n            <td>Displays, optical instruments, medical<\/td>\n            <td>Outdoor kiosks, monitors in bright light<\/td>\n            <td>Touch screens, frequently handled glass<\/td>\n          <\/tr>\n          <tr>\n            <td>Combinability<\/td>\n            <td>AR + AF is standard<\/td>\n            <td>AG + AF is common<\/td>\n            <td>Pairs with AR or AG<\/td>\n          <\/tr>\n          <tr>\n            <td>Cost Impact<\/td>\n            <td>$$\u2013$$$$<\/td>\n            <td>$$\u2013$$$<\/td>\n            <td>$$\u2013$$$<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  \/* * Vanilla JS for column highlighting on hover.\n   * Strictly scoped to this module.\n   *\/\n  document.addEventListener('DOMContentLoaded', function() {\n    const module = document.getElementById('ar-af-coating-module');\n    if (!module) return;\n\n    const table = module.querySelector('.coating-table');\n    if (!table) return;\n\n    const cells = table.querySelectorAll('td, th');\n\n    cells.forEach(cell => {\n      cell.addEventListener('mouseenter', function() {\n        const index = Array.from(this.parentNode.children).indexOf(this);\n        if (index > 0) {\n          const rows = table.querySelectorAll('tr');\n          rows.forEach(row => {\n            if(row.children[index]) {\n               row.children[index].style.backgroundColor = 'rgba(24, 120, 192, 0.06)';\n            }\n          });\n        }\n      });\n\n      cell.addEventListener('mouseleave', function() {\n        const index = Array.from(this.parentNode.children).indexOf(this);\n        if (index > 0) {\n          const rows = table.querySelectorAll('tr');\n          rows.forEach(row => {\n            if(row.children[index]) {\n               row.children[index].style.backgroundColor = '';\n            }\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-4897417\" data-block-id=\"4897417\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-4897417-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9815c26\" data-v=\"4\" data-block-id=\"9815c26\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9815c26-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9815c26-inner-blocks\">\n<style>\n  \/* 1. Highest Level of Scope: Unique ID to prevent style leakage *\/\n  #saiwei-applications-module {\n    width: 100%;\n    box-sizing: border-box;\n    background-color: transparent; \/* Inherits background from your theme *\/\n    padding: 40px 0; \/* Matches your requested 40px padding *\/\n    font-family: inherit !important; \/* Inherits Blocksy typography *\/\n  }\n\n  #saiwei-applications-module * {\n    box-sizing: border-box;\n  }\n\n  #saiwei-applications-module .module-inner {\n    max-width: 1280px; \/* Standard wide container *\/\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  \/* 2. Typography & Heading Tags (Using requested H2-H4 structure with strict scoping) *\/\n  #saiwei-applications-module h2.main-title {\n    font-size: 32px !important; \/* Matches your requested default size *\/\n    color: #000000 !important; \/* Primary Brand Blue *\/\n    font-weight: 700 !important;\n    text-align: center !important;\n    margin-top: 0 !important;\n    margin-bottom: 20px !important;\n    line-height: 1.3 !important;\n  }\n\n  #saiwei-applications-module p.intro-text {\n    font-size: inherit !important;\n    color: #333333 !important;\n    line-height: 1.6 !important;\n    text-align: center !important;\n    max-width: 900px !important;\n    margin: 0 auto 40px auto !important;\n  }\n\n  \/* 3. Layout: Hand-written Grid System *\/\n  #saiwei-applications-module .app-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n  }\n\n  \/* 4. Card UI & Hover Interactions *\/\n  #saiwei-applications-module .app-card {\n    background: #ffffff !important;\n    border-radius: 8px !important;\n    overflow: hidden !important;\n    box-shadow: 0 4px 20px rgba(48, 72, 144, 0.08) !important;\n    border: 1px solid #e2e8f0 !important;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  #saiwei-applications-module .app-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 30px rgba(48, 72, 144, 0.15) !important;\n  }\n\n  \/* Image wrapper optimized for FlyingPress Lazy Load (Prevents CLS) *\/\n  #saiwei-applications-module .app-image-wrapper {\n    width: 100%;\n    aspect-ratio: 16 \/ 9; \/* Reserves vertical space before image loads *\/\n    overflow: hidden;\n    background-color: #f8fafc; \/* Placeholder skeleton color *\/\n    position: relative;\n  }\n\n  #saiwei-applications-module .app-image-wrapper img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    transition: transform 0.5s ease;\n    display: block;\n  }\n\n  #saiwei-applications-module .app-card:hover .app-image-wrapper img {\n    transform: scale(1.05); \/* Subtle zoom effect on hover *\/\n  }\n\n  #saiwei-applications-module .app-content {\n    padding: 30px !important;\n    flex-grow: 1;\n    border-top: 4px solid #1860A8 !important; \/* Secondary Blue Accent *\/\n  }\n\n  #saiwei-applications-module h3.app-title {\n    font-size: 22px !important;\n    color: #1878C0 !important; \/* Tertiary Blue *\/\n    font-weight: 600 !important;\n    margin-top: 0 !important;\n    margin-bottom: 12px !important;\n    transition: color 0.3s ease;\n  }\n  \n  #saiwei-applications-module .app-card:hover h3.app-title {\n    color: #3048A8 !important; \/* Shifts to a deeper blue on hover *\/\n  }\n\n  #saiwei-applications-module p.app-desc {\n    font-size: inherit !important;\n    color: #444444 !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n  }\n\n  \/* 5. Responsive Design *\/\n  @media (max-width: 992px) {\n    #saiwei-applications-module .app-grid {\n      gap: 20px;\n    }\n  }\n\n  @media (max-width:690px) {\n    #saiwei-applications-module .app-grid {\n      grid-template-columns: 1fr; \/* Stack into a single column on mobile *\/\n    }\n    #saiwei-applications-module h2.main-title {\n      font-size: 28px !important;\n    }\n    #saiwei-applications-module .app-content {\n      padding: 24px !important;\n    }\n  }\n<\/style>\n\n<section id=\"saiwei-applications-module\">\n  <div class=\"module-inner\">\n    \n    <h2 class=\"main-title\">Industry Applications for AR\/AF Coated Glass<\/h2>\n    <p class=\"intro-text\">AR coated glass and anti-fingerprint glass are appropriate for any application requiring optical clarity, clean surface, or display readability. Several industries are commonly supplied with AR\/AF coated glass components from us:<\/p>\n\n    <div class=\"app-grid\">\n      \n      <div class=\"app-card\">\n        <div class=\"app-image-wrapper\">\n          <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/Consumer-Electronics-3.png\" alt=\"Consumer Electronics Glass Coating\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"app-content\">\n          <h3 class=\"app-title\">Consumer Electronics<\/h3>\n          <p class=\"app-desc\">Cover glass for mobile phones, tablets, notebooks and smart watches with AR+AF combination coating. We process aluminosilicate glass with chemical strengthening followed by multi-layer AR coating and oleophobic AF &#8211; the same coating stack used by top phone manufacturers. Our cover glass coating accommodates substrates as thin as 0.33 millimeters.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"app-card\">\n        <div class=\"app-image-wrapper\">\n          <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/Medical-Diagnostic-Equipment.png\" alt=\"Medical Diagnostic Equipment Glass\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"app-content\">\n          <h3 class=\"app-title\">Medical Diagnostic Equipment<\/h3>\n          <p class=\"app-desc\">Optical windows, display covers, front panels and light pipes for medical devices including patient monitors, ultrasound machines, diagnostic equipment and surgical displays. Medical optical components require high transmission in visible spectrum, antireflective coating and anti-fingerprint treatment. AR+AF on chemically strengthened aluminosilicate offers all three.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"app-card\">\n        <div class=\"app-image-wrapper\">\n          <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/Industrial-Control-Panels-3.png\" alt=\"Industrial Control Panels Glass\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"app-content\">\n          <h3 class=\"app-title\">Industrial Control Panels<\/h3>\n          <p class=\"app-desc\">HMI (human-machine interface) touch panels, computerized control rooms, PLC HMI displays in factories, power plants, and water treatment plants. Industrial plants require mechanically durable coating that can be cleaned with aggressive agents and can resist thermal cycling from -40C to +85C.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"app-card\">\n        <div class=\"app-image-wrapper\">\n          <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/03\/Automotive-Smart-Cockpits-1.png\" alt=\"Automotive Smart Cockpits Glass\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"app-content\">\n          <h3 class=\"app-title\">Automotive Smart Cockpits<\/h3>\n          <p class=\"app-desc\">Instrument cluster face plates, center console screens, rear seat entertainment modules, windscreen and HUD (head-up display) combiner lenses. Automotive displays must retain each optical property consistently over many years including under prolonged UV exposure, thermal cycling, and scratches.<\/p>\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-0db2ae8\" data-block-id=\"0db2ae8\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0db2ae8-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-882e4cd\" data-v=\"4\" data-block-id=\"882e4cd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-882e4cd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-882e4cd-inner-blocks\">\n<style>\n  \/* ==========================================================\n     SCOPE: Unique ID for complete style isolation\n     ========================================================== *\/\n  #ar-af-production-module {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* \u8fdb\u4e00\u6b65\u538b\u7f29\u4e0a\u4e0b\u5185\u8fb9\u8ddd *\/\n    background-color: #f8f9fc !important;\n    box-sizing: border-box !important;\n    font-family: inherit !important;\n  }\n\n  #ar-af-production-module * {\n    box-sizing: border-box !important;\n  }\n\n  #ar-af-production-module .prod-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    width: 100% !important;\n  }\n\n  \/* --- Top Header Section --- *\/\n  #ar-af-production-module h2.prod-main-title {\n    font-size: 32px !important; \n    color: #000000 !important;\n    font-weight: 700 !important;\n    margin-top: 0 !important;\n    margin-bottom: 12px !important;\n    line-height: 1.25 !important;\n    text-align: center !important;\n  }\n\n  #ar-af-production-module p.prod-intro {\n    text-align: center !important;\n    color: #555555 !important;\n    max-width: 850px !important;\n    margin: 0 auto 32px auto !important;\n    line-height: 1.5 !important;\n    font-size: 1rem !important;\n  }\n\n  \/* --- Core Layout: Asymmetric Dual Column Grid --- *\/\n  #ar-af-production-module .prod-content-grid {\n    display: grid !important;\n    grid-template-columns: 35% 1fr !important; \/* \u5de6\u4fa735%\u6e05\u5355\uff0c\u53f3\u4fa7\u6210\u672c\u5361\u7247 *\/\n    gap: 24px !important;\n    align-items: stretch !important;\n  }\n\n  @media (max-width: 992px) {\n    #ar-af-production-module .prod-content-grid {\n      grid-template-columns: 1fr !important; \/* \u4e2d\u5c0f\u5c4f\u5e55\u81ea\u52a8\u5806\u53e0 *\/\n    }\n  }\n\n  \/* --- Section Titles --- *\/\n  #ar-af-production-module h3.prod-section-title {\n    font-size: 1.15rem !important;\n    color: #1860A8 !important;\n    font-weight: 600 !important;\n    margin-top: 0 !important;\n    margin-bottom: 16px !important;\n    line-height: 1.4 !important;\n    padding-bottom: 8px !important;\n    border-bottom: 1px solid rgba(24, 120, 192, 0.15) !important;\n  }\n\n  \/* --- Left Column: Checklist (Premium Box) --- *\/\n  #ar-af-production-module .prod-req-box {\n    background-color: rgba(48, 72, 144, 0.02) !important;\n    border: 1px solid rgba(48, 72, 144, 0.08) !important;\n    border-top: 3px solid #3048A8 !important;\n    padding: 20px !important;\n    border-radius: 6px !important;\n    height: 100% !important;\n  }\n\n  #ar-af-production-module .prod-req-list {\n    margin: 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 12px !important; \/* \u7d27\u51d1\u7684\u884c\u95f4\u8ddd *\/\n  }\n\n  #ar-af-production-module .prod-req-item {\n    position: relative !important;\n    padding-left: 24px !important;\n    color: #333333 !important;\n    line-height: 1.4 !important;\n    font-size: 0.95rem !important;\n  }\n\n  #ar-af-production-module .prod-req-item::before {\n    content: \"\u2713\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    color: #1878C0 !important;\n    font-weight: 800 !important;\n    font-size: 1rem !important;\n  }\n\n  \/* --- Right Column: Cost Factors --- *\/\n  #ar-af-production-module .prod-factors-area {\n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  #ar-af-production-module p.prod-factors-intro {\n    color: #444444 !important;\n    font-size: 0.95rem !important;\n    line-height: 1.5 !important;\n    margin-top: 0 !important;\n    margin-bottom: 16px !important;\n  }\n\n  #ar-af-production-module .prod-cards-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 16px !important; \/* \u7d27\u51d1\u7684\u5361\u7247\u95f4\u8ddd *\/\n  }\n\n  @media (max-width: 600px) {\n    #ar-af-production-module .prod-cards-grid {\n      grid-template-columns: 1fr !important;\n    }\n  }\n\n  #ar-af-production-module .prod-factor-card {\n    background: #ffffff !important;\n    border: 1px solid #eaeaea !important;\n    border-left: 3px solid #1878C0 !important; \/* \u4fa7\u8fb9\u5f3a\u8c03\u8272\uff0c\u6bd4\u9876\u90e8\u5f3a\u8c03\u66f4\u7701\u7a7a\u95f4 *\/\n    padding: 16px !important; \/* \u7d27\u51d1\u5185\u8fb9\u8ddd *\/\n    border-radius: 4px !important;\n    transition: box-shadow 0.2s ease, transform 0.2s ease !important;\n  }\n\n  #ar-af-production-module .prod-factor-card:hover {\n    box-shadow: 0 4px 16px rgba(48, 72, 144, 0.08) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  #ar-af-production-module h4.prod-card-title {\n    color: #304890 !important;\n    font-size: 1rem !important;\n    font-weight: 600 !important;\n    margin-top: 0 !important;\n    margin-bottom: 6px !important;\n    line-height: 1.3 !important;\n  }\n\n  #ar-af-production-module p.prod-card-text {\n    color: #555555 !important;\n    font-size: 0.9rem !important;\n    line-height: 1.45 !important;\n    margin: 0 !important;\n  }\n\n  \/* --- Bottom: Pricing Callout Banner --- *\/\n  #ar-af-production-module .prod-pricing-banner {\n    background: linear-gradient(to right, rgba(48, 72, 168, 0.05) 0%, rgba(24, 120, 192, 0.02) 100%) !important;\n    border: 1px solid rgba(48, 72, 144, 0.1) !important;\n    border-radius: 6px !important;\n    padding: 20px 24px !important;\n    margin-top: 24px !important;\n    display: flex !important;\n    align-items: flex-start !important;\n    gap: 16px !important;\n  }\n\n  #ar-af-production-module .prod-pricing-banner::before {\n    content: \"i\" !important; \/* \u7eaf CSS \u5b9e\u73b0\u7684\u4fe1\u606f\u56fe\u6807\uff0c\u4e0d\u589e\u52a0\u56fe\u7247\u52a0\u8f7d\u8d1f\u62c5 *\/\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    flex-shrink: 0 !important;\n    width: 24px !important;\n    height: 24px !important;\n    background-color: #3048A8 !important;\n    color: #ffffff !important;\n    font-family: serif !important;\n    font-style: italic !important;\n    font-weight: bold !important;\n    border-radius: 50% !important;\n    font-size: 14px !important;\n    margin-top: 2px !important;\n  }\n\n  #ar-af-production-module .prod-pricing-banner p {\n    margin: 0 !important;\n    color: #333333 !important;\n    font-size: 0.95rem !important;\n    line-height: 1.5 !important;\n  }\n<\/style>\n\n<section id=\"ar-af-production-module\">\n  <div class=\"prod-container\">\n    \n    <h2 class=\"prod-main-title\">Custom AR\/AF Coating Solutions: From Prototype to Volume Production<\/h2>\n    <p class=\"prod-intro\">\n      Gives you an idea what specifications are required for a glass coating project. No two customers are the same, so our engineers will work with you to determine the optimal coating stack, substrate and process flow.\n    <\/p>\n\n    <div class=\"prod-content-grid\">\n      \n      <div class=\"prod-req-box\">\n        <h3 class=\"prod-section-title\">What We Need to Quote<\/h3>\n        <ul class=\"prod-req-list\">\n          <li class=\"prod-req-item\">Glass substrate type and thickness (we stock aluminosilicate and soda-lime varieties)<\/li>\n          <li class=\"prod-req-item\">Part dimensions and tolerances<\/li>\n          <li class=\"prod-req-item\">Coating requirements: AR only, AF only, or AR+AF combined<\/li>\n          <li class=\"prod-req-item\">Target wavelength range for AR (visible, NIR, custom)<\/li>\n          <li class=\"prod-req-item\">Additional processing: chemical strengthening, edge work, silk-screen printing, holes\/cutouts<\/li>\n          <li class=\"prod-req-item\">Annual volume estimate<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"prod-factors-area\">\n        <h3 class=\"prod-section-title\">AR Coating Cost Factors<\/h3>\n        <p class=\"prod-factors-intro\">\n          Overall cost of applying a coating depends greatly on the design specifications. Some of the considerations should be understood:\n        <\/p>\n\n        <div class=\"prod-cards-grid\">\n          <div class=\"prod-factor-card\">\n            <h4 class=\"prod-card-title\">Coating design<\/h4>\n            <p class=\"prod-card-text\">Single-layer Mg F2 is lowest cost. Multi-layer BBARs are 3-5 x more, based on longer deposition time, and tighter process windows. Custom spectral designs also garner additional engineering charges.<\/p>\n          <\/div>\n          <div class=\"prod-factor-card\">\n            <h4 class=\"prod-card-title\">Substrate material<\/h4>\n            <p class=\"prod-card-text\">Aluminosilicate glass is more costly than soda lime, but much stronger after chemical strengthening. The substrate can comprise 30-50% of the overall piece price.<\/p>\n          <\/div>\n          <div class=\"prod-factor-card\">\n            <h4 class=\"prod-card-title\">Volume<\/h4>\n            <p class=\"prod-card-text\">Setup and changeover costs are amortized across the production volume. Transition from 100 pcs prototypes to 10,000 pcs production generally yields 40-60% lower per-piece coating cost.<\/p>\n          <\/div>\n          <div class=\"prod-factor-card\">\n            <h4 class=\"prod-card-title\">Coating combination<\/h4>\n            <p class=\"prod-card-text\">Additional AF to an AR run only adds a production cost (approximately 15-25%) as it is deposited using the same vacuum cycle.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"prod-pricing-banner\">\n      <p>\n        <strong>For a ballpark estimate of piece cost:<\/strong> adding single-side AR coating to standard glass costs us around 0.30-0.80 USD per piece at production volumes; full AR+AF on anti-fingerprint coating glass will be between 1.50-4.00 USD per piece depending on the PVD details. We provide formal quotations with cost broken down per process step.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  \/* * Vanilla JS: Dynamic height matching for the left and right columns\n   * on large screens to ensure perfect symmetry in the dashboard layout.\n   * Runs only within the scoped module.\n   *\/\n  document.addEventListener('DOMContentLoaded', function() {\n    const module = document.getElementById('ar-af-production-module');\n    if (!module) return;\n\n    const equalizeHeights = () => {\n      \/\/ Only execute on viewport width > 992px (when grid is side-by-side)\n      if (window.innerWidth > 992) {\n        const reqBox = module.querySelector('.prod-req-box');\n        const factorsArea = module.querySelector('.prod-factors-area');\n        \n        if (reqBox && factorsArea) {\n          \/\/ Reset heights first to get natural dimensions\n          reqBox.style.height = 'auto';\n          factorsArea.style.height = 'auto';\n          \n          const reqHeight = reqBox.offsetHeight;\n          const factorsHeight = factorsArea.offsetHeight;\n          \n          \/\/ Apply the max height to both\n          const maxHeight = Math.max(reqHeight, factorsHeight);\n          reqBox.style.height = maxHeight + 'px';\n          factorsArea.style.height = maxHeight + 'px';\n        }\n      } else {\n        \/\/ Remove forced heights on mobile to let content flow naturally\n        const reqBox = module.querySelector('.prod-req-box');\n        const factorsArea = module.querySelector('.prod-factors-area');\n        if(reqBox) reqBox.style.height = 'auto';\n        if(factorsArea) factorsArea.style.height = 'auto';\n      }\n    };\n\n    \/\/ Run on load and on window resize\n    equalizeHeights();\n    window.addEventListener('resize', equalizeHeights);\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-6703f1a\" data-block-id=\"6703f1a\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6703f1a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-09709aa\" data-v=\"4\" data-block-id=\"09709aa\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-09709aa-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-09709aa-inner-blocks\">\n<style>\n  \/* 1. Highest Level of Scope: Unique ID to prevent style leakage *\/\n  #saiwei-certifications-module {\n    width: 100% !important;\n    box-sizing: border-box !important;\n    background-color: transparent !important;\n    padding: 40px 0 !important; \/* Tightened from 40px *\/\n    font-family: inherit !important; \n  }\n\n  #saiwei-certifications-module * {\n    box-sizing: border-box !important;\n  }\n\n  #saiwei-certifications-module .module-inner {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 15px !important; \/* Tighter side constraints *\/\n  }\n\n  \/* Typography & Heading Tags (Using H2-H4 with strict scoping) *\/\n  #saiwei-certifications-module h2.main-title {\n    font-size: 32px !important; \n    color: #000000 !important; \n    font-weight: 700 !important;\n    text-align: center !important;\n    margin-top: 0 !important;\n    margin-bottom: 12px !important; \/* Reduced whitespace *\/\n    line-height: 1.2 !important;\n  }\n\n  #saiwei-certifications-module p.intro-text {\n    font-size: inherit !important;\n    color: #444444 !important;\n    line-height: 1.5 !important;\n    text-align: center !important;\n    max-width: 950px !important;\n    margin: 0 auto 24px auto !important; \/* Reduced whitespace *\/\n  }\n\n  \/* Grid Layout for Certifications - Tighter Gaps *\/\n  #saiwei-certifications-module .cert-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 16px !important; \/* Significantly tightened from 30px *\/\n    margin-bottom: 24px !important; \/* Reduced whitespace *\/\n  }\n\n  \/* Card UI Design - Compact Padding *\/\n  #saiwei-certifications-module .cert-card {\n    background: #ffffff !important;\n    border-radius: 6px !important;\n    padding: 20px !important; \/* Tightened from 30px *\/\n    box-shadow: 0 2px 12px rgba(48, 72, 144, 0.08) !important;\n    border-top: 4px solid #1860A8 !important; \n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  #saiwei-certifications-module .cert-card:hover {\n    transform: translateY(-3px) !important;\n    box-shadow: 0 8px 20px rgba(48, 72, 144, 0.12) !important;\n  }\n\n  #saiwei-certifications-module h3.card-title {\n    font-size: 20px !important;\n    color: #1878C0 !important; \n    font-weight: 600 !important;\n    margin-top: 0 !important;\n    margin-bottom: 12px !important; \/* Reduced whitespace *\/\n    padding-bottom: 8px !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n  }\n\n  #saiwei-certifications-module .card-intro {\n    font-size: 14px !important;\n    color: #555555 !important;\n    line-height: 1.5 !important;\n    margin-bottom: 10px !important; \/* Reduced whitespace *\/\n  }\n\n  \/* List Styling - Tighter Spacing *\/\n  #saiwei-certifications-module ul.cert-list {\n    list-style-type: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    flex-grow: 1 !important;\n  }\n\n  #saiwei-certifications-module ul.cert-list li {\n    position: relative !important;\n    padding-left: 16px !important;\n    margin-bottom: 8px !important; \/* Significantly tightened from 12px *\/\n    font-size: 14px !important;\n    color: #333333 !important;\n    line-height: 1.4 !important;\n  }\n\n  #saiwei-certifications-module ul.cert-list li:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  \/* Custom Blue Bullet Points *\/\n  #saiwei-certifications-module ul.cert-list li::before {\n    content: \"\u2022\" !important;\n    color: #3048A8 !important; \n    font-weight: bold !important;\n    font-size: 16px !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: -1px !important;\n  }\n\n  #saiwei-certifications-module ul.cert-list li strong {\n    color: #304890 !important;\n    font-weight: 600 !important;\n  }\n\n  \/* CTA Footer Banner - Compact Version *\/\n  #saiwei-certifications-module .cta-banner {\n    background: linear-gradient(135deg, #304890 0%, #1860A8 100%) !important;\n    border-radius: 6px !important;\n    padding: 24px 30px !important; \/* Tightened from 40px *\/\n    text-align: center !important;\n    color: #ffffff !important;\n    box-shadow: 0 4px 15px rgba(48, 72, 144, 0.15) !important;\n  }\n\n  #saiwei-certifications-module h4.cta-title {\n    font-size: 24px !important;\n    color: #ffffff !important;\n    font-weight: 700 !important;\n    margin-top: 0 !important;\n    margin-bottom: 8px !important; \/* Reduced whitespace *\/\n  }\n\n  #saiwei-certifications-module p.cta-desc {\n    font-size: 15px !important;\n    color: rgba(255, 255, 255, 0.95) !important;\n    max-width: 750px !important;\n    margin: 0 auto 16px auto !important; \/* Reduced whitespace *\/\n    line-height: 1.5 !important;\n  }\n\n  \/* Popup Trigger Button - Tighter Dimensions *\/\n  #saiwei-certifications-module .cta-button {\n    display: inline-block !important;\n    background-color: #ffffff !important;\n    color: #304890 !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    padding: 10px 24px !important; \/* Reduced button padding *\/\n    border-radius: 4px !important;\n    transition: all 0.3s ease !important;\n    border: 2px solid #ffffff !important;\n    cursor: pointer !important;\n  }\n\n  #saiwei-certifications-module .cta-button:hover {\n    background-color: transparent !important;\n    color: #ffffff !important;\n  }\n\n  \/* Responsive Design *\/\n  @media (max-width:1000px) {\n    #saiwei-certifications-module .cert-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n  }\n\n  @media (max-width:690px) {\n    #saiwei-certifications-module .cert-grid {\n      grid-template-columns: 1fr !important;\n      gap: 16px !important;\n    }\n    #saiwei-certifications-module h2.main-title {\n      font-size: 26px !important;\n    }\n    #saiwei-certifications-module .cta-banner {\n      padding: 20px 15px !important;\n    }\n  }\n<\/style>\n\n<section id=\"saiwei-certifications-module\">\n  <div class=\"module-inner\">\n    \n    <h2 class=\"main-title\">Anti-Reflective Coating Glass Quality Certifications and Testing Standards<\/h2>\n    <p class=\"intro-text\">Long qualification and certification lists are used to weed-out non-qualified glass coating manufacturers by procurement professionals. Here is what Saiwei Glass certifies and tests:<\/p>\n\n    <div class=\"cert-grid\">\n      \n      <div class=\"cert-card\">\n        <h3 class=\"card-title\">Quality Management<\/h3>\n        <ul class=\"cert-list\">\n          <li><strong>ISO 9001:2015<\/strong> &#8211; Quality management system covering all glass fabrication and coating processes<\/li>\n          <li><strong>IATF 16949 compliance<\/strong> &#8211; For automotive-grade coated glass production runs<\/li>\n          <li><strong>RoHS and REACH<\/strong> &#8211; All coating materials and processes comply with EU environmental regulations<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"cert-card\">\n        <h3 class=\"card-title\">Coating Performance Standards<\/h3>\n        <ul class=\"cert-list\">\n          <li><strong>MIL-C-48497A<\/strong> &#8211; Testing of glass through adhesion (tape pull), abrasion (eraser and cheesecloth), humidity(24 h at 95% RH), and temperature cycling for various multi-layer AR coatings<\/li>\n          <li><strong>ISO 9211-3<\/strong> \u2014 Environmental durability tests for optical coatings<\/li>\n          <li><strong>ISO 9022<\/strong> &#8211; Test methods for optical instrument and component environments<\/li>\n          <li><strong>MIL-PRF-13830B<\/strong> &#8211; Surface inspection tests for optical elements, compliance to scratch-dig specifications<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"cert-card\">\n        <h3 class=\"card-title\">In-House Testing Capabilities<\/h3>\n        <p class=\"card-intro\">Our quality lab performs the following tests on every lot of scratch-resistant glass coating and AR\/AF glass:<\/p>\n        <ul class=\"cert-list\">\n          <li><strong>Spectrophotometer<\/strong> &#8211; reflection and transmission curves at 1 nm resolution<\/li>\n          <li><strong>Contact angle goniometer<\/strong> &#8211; oleic acid and water contact angle measurement<\/li>\n          <li><strong>Steel wool abrasion tester<\/strong> &#8211; 0000 grade steel wool, 1 kg load, up to 5,000 cycles<\/li>\n          <li><strong>Cross-cut adhesion<\/strong> per ASTM D3359<\/li>\n          <li><strong>85\u00b0C\/85% RH humidity chamber<\/strong> for accelerated aging<\/li>\n          <li><strong>Thermal shock cycling:<\/strong> -40\u00b0C to +85\u00b0C, 100 cycles<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cta-banner\">\n      <h4 class=\"cta-title\">Need AR\/AF Coating for Your Glass Project?<\/h4>\n      <p class=\"cta-desc\">Send us your glass specifications &#8211; substrate type, dimensions, coating requirements and volume &#8211; and receive a detailed quote in 24 hours.<\/p>\n      <a href=\"#ct-popup-787\" class=\"cta-button\">Get Your Custom Quote<\/a>\n    <\/div>\n\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-25687e9\" data-block-id=\"25687e9\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-25687e9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-fe5be1c\" data-v=\"4\" data-block-id=\"fe5be1c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fe5be1c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-fe5be1c-inner-blocks\">\n<style>\n  \/* 1. Highest Level of Scope: Unique ID *\/\n  #saiwei-casestudies-tabs-module {\n    width: 100% !important;\n    box-sizing: border-box !important;\n    background-color: transparent !important;\n    padding: 40px 0 !important; \/* Fixed 40px padding *\/\n    font-family: inherit !important;\n  }\n\n  #saiwei-casestudies-tabs-module * {\n    box-sizing: border-box !important;\n  }\n\n  #saiwei-casestudies-tabs-module .module-inner {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 15px !important;\n  }\n\n  \/* 2. Typography & Headings (Using H2-H4 tightly scoped) *\/\n  #saiwei-casestudies-tabs-module h2.main-title {\n    font-size: 32px !important; \/* Default size requested *\/\n    color: #000000 !important;\n    font-weight: 700 !important;\n    text-align: center !important;\n    margin-top: 0 !important;\n    margin-bottom: 30px !important;\n    line-height: 1.2 !important;\n  }\n\n  \/* 3. Tabs Header (Navigation) *\/\n  #saiwei-casestudies-tabs-module .tabs-nav {\n    display: flex !important;\n    justify-content: center !important;\n    flex-wrap: wrap !important;\n    gap: 10px !important;\n    margin-bottom: 30px !important;\n    border-bottom: 2px solid #e2e8f0 !important;\n    padding-bottom: 15px !important;\n  }\n\n  #saiwei-casestudies-tabs-module .tab-button {\n    background-color: transparent !important;\n    color: #444444 !important;\n    border: 2px solid transparent !important;\n    padding: 10px 24px !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    border-radius: 30px !important; \/* Pill shape for high-end feel *\/\n    cursor: pointer !important;\n    transition: all 0.3s ease !important;\n    font-family: inherit !important;\n  }\n\n  #saiwei-casestudies-tabs-module .tab-button:hover {\n    color: #1878C0 !important;\n    background-color: rgba(24, 120, 192, 0.05) !important;\n  }\n\n  #saiwei-casestudies-tabs-module .tab-button.active {\n    background-color: #304890 !important; \/* Primary Blue *\/\n    color: #ffffff !important;\n    box-shadow: 0 4px 12px rgba(48, 72, 144, 0.2) !important;\n  }\n\n  \/* 4. Tabs Content Area *\/\n  #saiwei-casestudies-tabs-module .tabs-content-container {\n    background: #ffffff !important;\n    border-radius: 8px !important;\n    padding: 40px !important;\n    box-shadow: 0 4px 20px rgba(48, 72, 144, 0.06) !important;\n    border-top: 4px solid #1860A8 !important; \/* Secondary Blue Accent *\/\n    min-height: 350px !important; \/* Prevents layout jumps when switching tabs *\/\n  }\n\n  #saiwei-casestudies-tabs-module .tab-pane {\n    display: none !important; \/* Hidden by default *\/\n    animation: fadeIn 0.4s ease-in-out !important;\n  }\n\n  #saiwei-casestudies-tabs-module .tab-pane.active {\n    display: block !important; \/* Show active tab *\/\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Content Styling Inside Tabs *\/\n  #saiwei-casestudies-tabs-module h3.pane-title {\n    font-size: 24px !important;\n    color: #1860A8 !important;\n    font-weight: 700 !important;\n    margin-top: 0 !important;\n    margin-bottom: 8px !important;\n  }\n\n  #saiwei-casestudies-tabs-module h4.pane-subtitle {\n    font-size: 18px !important;\n    color: #1878C0 !important;\n    font-weight: 600 !important;\n    margin-top: 0 !important;\n    margin-bottom: 20px !important;\n    padding-bottom: 12px !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n  }\n\n  #saiwei-casestudies-tabs-module p.pane-text {\n    font-size: inherit !important;\n    color: #333333 !important;\n    line-height: 1.6 !important;\n    margin-bottom: 16px !important;\n  }\n\n  #saiwei-casestudies-tabs-module p.pane-text:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  \/* Special Blockquote Styling for Testimonial *\/\n  #saiwei-casestudies-tabs-module .testimonial-quote {\n    background: #f8fafc !important;\n    border-left: 4px solid #3048A8 !important;\n    padding: 20px !important;\n    margin: 24px 0 0 0 !important;\n    border-radius: 0 6px 6px 0 !important;\n  }\n\n  #saiwei-casestudies-tabs-module .testimonial-quote p {\n    font-style: italic !important;\n    color: #444444 !important;\n    font-size: 16px !important;\n    margin-bottom: 10px !important;\n    line-height: 1.5 !important;\n  }\n\n  #saiwei-casestudies-tabs-module .testimonial-author {\n    font-weight: 600 !important;\n    color: #304890 !important;\n    font-size: 14px !important;\n  }\n\n  \/* 5. Responsive Design *\/\n  @media (max-width:690px) {\n    #saiwei-casestudies-tabs-module .tabs-nav {\n      flex-direction: column !important;\n      border-bottom: none !important;\n      padding-bottom: 0 !important;\n    }\n    #saiwei-casestudies-tabs-module .tab-button {\n      width: 100% !important;\n      text-align: center !important;\n    }\n    #saiwei-casestudies-tabs-module .tabs-content-container {\n      padding: 24px !important;\n    }\n    #saiwei-casestudies-tabs-module h2.main-title {\n      font-size: 26px !important;\n    }\n    #saiwei-casestudies-tabs-module h3.pane-title {\n      font-size: 20px !important;\n    }\n  }\n<\/style>\n\n<section id=\"saiwei-casestudies-tabs-module\">\n  <div class=\"module-inner\">\n    \n    <h2 class=\"main-title\">Case Studies: AR\/AF Coating Across Consumer Electronics, Medical, and Automotive<\/h2>\n\n    <div class=\"tabs-nav\" role=\"tablist\">\n      <button class=\"tab-button active\" role=\"tab\" data-target=\"tab-ce\">Consumer Electronics<\/button>\n      <button class=\"tab-button\" role=\"tab\" data-target=\"tab-med\">Medical Equipment<\/button>\n      <button class=\"tab-button\" role=\"tab\" data-target=\"tab-auto\">Automotive<\/button>\n    <\/div>\n\n    <div class=\"tabs-content-container\">\n      \n      <div id=\"tab-ce\" class=\"tab-pane active\" role=\"tabpanel\">\n        <h3 class=\"pane-title\">Consumer Electronics \u2014 Touch Display<\/h3>\n        <h4 class=\"pane-subtitle\">7-inch Touch Panel Cover Glass for Smart Home Controller<\/h4>\n        <p class=\"pane-text\">A European smart home device manufacturer was seeking to purchase coverglass for the next generation home controller: 0.7 mm chemically strengthened aluminosilicate substrate with AR+AF coating, 2.5D edge polishing and black border silk-screen pattern. Their challenge was how to apply the coating evenly on the curved 2.5D edge for a cost of less than 3.50 USD per piece for 15k units per quarter.<\/p>\n        <p class=\"pane-text\">In response, we created custom fixturing that held the glass in precisely the correct angles during PVD processes to allow coating of the rounded edges. Our finish resulted in 0.4% reflectance across the visible spectrum, water contact angle of 112, and passed 5,000 steel wool abrasion cycles. First article inspection was approved in the second iteration after we adjusted the coating thickness on the edge, and were in production on a quarterly basis for over two years.<\/p>\n        \n        <div class=\"testimonial-quote\">\n          <p>&#8220;The AR+AF coating quality is consistent batch to batch, which eliminated the incoming inspection bottleneck we had with our previous supplier.&#8221;<\/p>\n          <div class=\"testimonial-author\">\u2014 Product Engineering Lead, Consumer Electronics OEM<\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"tab-med\" class=\"tab-pane\" role=\"tabpanel\">\n        <h3 class=\"pane-title\">Medical Equipment \u2014 Diagnostic Display<\/h3>\n        <h4 class=\"pane-subtitle\">Multi-Layer AR Glass for Portable Ultrasound Display<\/h4>\n        <p class=\"pane-text\">A South East Asian medical devices maker was designing a portable ultrasound designed for use in field hospitals. The display cover was required to have maximal light throughput (to ensure accurate imaging of the ultrasound microdots), withstand hospital-grade chemical disinfection, and be finger-print resistant for clinical hygiene and safety: 1.1 mm thick Schott Borofloat 33.<\/p>\n        <p class=\"pane-text\">We demonstrated a 6-layer BBAR coating designed specifically for the LED backlight spectrum emission lines (peak 450 nm and 550 nm) plus PFPE AF top-coat for maximum chemical durability. Our engineering challenge was how to make sure the AF coating layer achieved the durability required in the clinical environment, following hundreds of cumulative wipe cycles with both chlorhexidine and quaternary ammonium compounds &#8211; 500-cycle chemical wipe testing was performed before project qualification. Transmission measures 99.3% at 550 nm, and the AF layer retains a contact angle of 105 after gas and chemical wipe durability testing.<\/p>\n      <\/div>\n\n      <div id=\"tab-auto\" class=\"tab-pane\" role=\"tabpanel\">\n        <h3 class=\"pane-title\">Automotive \u2014 Instrument Cluster<\/h3>\n        <h4 class=\"pane-subtitle\">AR Coated Glass for Electric Vehicle Dashboard Display<\/h4>\n        <p class=\"pane-text\">A Chinese electric vehicle vehicle manufacturer needed anti-reflection glass for their 12.3-inch instrument cluster &#8211; reduce glareshadowing in daylight that is blinding and obstructs driver visibility. IATF 16949 procedure compliance, SAE J2527 UV stability, operating temperature between -30C and +80C and fingerprint resistance was demanded by the customer since the driver is interacting with the instrument cluster using a touch interface.<\/p>\n        <p class=\"pane-text\">We supplied chemically strengthened soda-lime glass with 4 layer AR coating using our automotive approved line and AF treatment; reflectance was less than 0.6% across 420-680 nm. After 1,000 hours in SA J2527 UV accelerated aging at 50C, transmission degradation was less than 0.3% &#8211; well within customer tolerance of 1.0%. Turnaround time from prototype to volume production was 8 weeks, and demand is 4,000 pieces per month, on a rolling forecast.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Scope the selection to only this specific module\n    const moduleContainer = document.getElementById('saiwei-casestudies-tabs-module');\n    if (!moduleContainer) return;\n\n    const tabButtons = moduleContainer.querySelectorAll('.tab-button');\n    const tabPanes = moduleContainer.querySelectorAll('.tab-pane');\n\n    tabButtons.forEach(button => {\n      button.addEventListener('click', () => {\n        \/\/ Remove active class from all buttons and panes\n        tabButtons.forEach(btn => btn.classList.remove('active'));\n        tabPanes.forEach(pane => pane.classList.remove('active'));\n\n        \/\/ Add active class to clicked button\n        button.classList.add('active');\n\n        \/\/ Find the target pane and activate it\n        const targetId = button.getAttribute('data-target');\n        const targetPane = moduleContainer.querySelector('#' + targetId);\n        if (targetPane) {\n          targetPane.classList.add('active');\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-f204239\" data-block-id=\"f204239\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f204239-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-bc49a21\" data-v=\"4\" data-block-id=\"bc49a21\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-bc49a21-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-bc49a21-inner-blocks\">\n<style>\n  \/* ==========================================================\n     SCOPE: Unique ID for complete style isolation\n     ========================================================== *\/\n  #ar-af-tools-module {\n    width: 100% !important;\n    padding: 40px 0 !important; \/* Strict 40px padding requirement *\/\n    background-color: #0b1121 !important; \/* \u9ad8\u7ea7\u6df1\u8272\u80cc\u666f (Deep Midnight Blue) *\/\n    box-sizing: border-box !important;\n    font-family: inherit !important; \/* Inherit Blocksy global fonts *\/\n  }\n\n  #ar-af-tools-module * {\n    box-sizing: border-box !important;\n  }\n\n  #ar-af-tools-module .tools-container {\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    width: 100% !important;\n  }\n\n  \/* --- Typography --- *\/\n  #ar-af-tools-module h2.tools-main-title {\n    font-size: 32px !important; \/* Strict 32px requirement *\/\n    color: #ffffff !important; \/* \u6df1\u8272\u6a21\u5f0f\u4e0b\u6807\u9898\u7eaf\u767d *\/\n    font-weight: 700 !important;\n    margin-top: 0 !important;\n    margin-bottom: 32px !important;\n    line-height: 1.3 !important;\n    text-align: center !important;\n  }\n\n  #ar-af-tools-module h3.tool-card-title {\n    font-size: 1.25rem !important;\n    color: #f8fafc !important; \/* \u5361\u7247\u6807\u9898\u4f7f\u7528\u6781\u6d45\u7684\u7070\u767d\u8272 *\/\n    font-weight: 600 !important;\n    margin-top: 0 !important;\n    margin-bottom: 12px !important;\n    line-height: 1.4 !important;\n    transition: color 0.3s ease !important;\n  }\n\n  #ar-af-tools-module p.tool-desc {\n    color: #94a3b8 !important; \/* \u6df1\u8272\u6a21\u5f0f\u4e0b\u7684\u9ad8\u7ea7\u7070\u84dd\u8272\u6b63\u6587 *\/\n    line-height: 1.6 !important;\n    margin-top: 0 !important;\n    margin-bottom: 24px !important;\n    font-size: 0.95rem !important;\n    flex-grow: 1 !important; \/* Pushes the link to the bottom *\/\n  }\n\n  \/* --- Grid Layout (Compact & High-End) --- *\/\n  #ar-af-tools-module .tools-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 24px !important;\n    align-items: stretch !important;\n  }\n\n  @media (max-width: 992px) {\n    #ar-af-tools-module .tools-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n  }\n\n  @media (max-width: 600px) {\n    #ar-af-tools-module .tools-grid {\n      grid-template-columns: 1fr !important;\n    }\n  }\n\n  \/* --- Tool Cards (Dark Mode Variants) --- *\/\n  #ar-af-tools-module .tool-card {\n    background: #121a2f !important; \/* \u7565\u4eae\u4e8e\u80cc\u666f\u7684\u6df1\u8272\u5361\u7247 *\/\n    border: 1px solid #23314a !important; \/* \u5fae\u5f31\u7684\u6df1\u8272\u8fb9\u6846 *\/\n    border-top: 4px solid #3048A8 !important; \/* \u4fdd\u7559\u54c1\u724c\u4e3b\u8272\u8c03\u4f5c\u4e3a\u9876\u90e8\u5f3a\u8c03 *\/\n    padding: 32px 24px !important;\n    border-radius: 8px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    position: relative !important;\n    cursor: pointer !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important; \/* \u52a0\u6df1\u9634\u5f71\u4ee5\u9002\u5e94\u6697\u9ed1\u6a21\u5f0f *\/\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-top-color 0.3s ease, background-color 0.3s ease !important;\n  }\n\n  #ar-af-tools-module .tool-card:hover {\n    transform: translateY(-6px) !important;\n    background: #17223b !important; \/* Hover\u65f6\u5361\u7247\u5fae\u5fae\u63d0\u4eae *\/\n    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6) !important;\n    border-top-color: #5da9e9 !important; \/* Hover\u65f6\u9876\u90e8\u8fb9\u6846\u53d8\u4e3a\u9ad8\u4eae\u54c1\u724c\u84dd *\/\n  }\n\n  #ar-af-tools-module .tool-card:hover h3.tool-card-title {\n    color: #ffffff !important;\n  }\n\n  \/* --- Call to Action Links --- *\/\n  #ar-af-tools-module .tool-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    color: #5da9e9 !important; \/* \u5bf9\u4f60\u539f\u6709\u7684 #1878C0 \u505a\u4e86\u63d0\u4eae\uff0c\u4fdd\u8bc1\u5728\u6697\u8272\u4e0b\u7684\u9605\u8bfb\u65e0\u969c\u788d *\/\n    font-weight: 600 !important;\n    font-size: 0.95rem !important;\n    text-decoration: none !important;\n    margin-top: auto !important; \/* Aligns to bottom *\/\n    transition: color 0.2s ease !important;\n  }\n\n  #ar-af-tools-module .tool-link::after {\n    content: \"\u2192\" !important;\n    margin-left: 8px !important;\n    transition: transform 0.2s ease !important;\n  }\n\n  #ar-af-tools-module .tool-card:hover .tool-link {\n    color: #82c4f8 !important; \/* Hover\u65f6\u94fe\u63a5\u66f4\u4eae\uff0c\u5438\u5f15\u70b9\u51fb *\/\n  }\n\n  #ar-af-tools-module .tool-card:hover .tool-link::after {\n    transform: translateX(4px) !important;\n  }\n\n  \/* Hide actual link outline when whole card is clicked via JS *\/\n  #ar-af-tools-module .tool-link:focus {\n    outline: none !important;\n  }\n<\/style>\n\n<section id=\"ar-af-tools-module\">\n  <div class=\"tools-container\">\n    \n    <h2 class=\"tools-main-title\">Interactive Coating Engineering Tools<\/h2>\n    \n    <div class=\"tools-grid\">\n      \n      <div class=\"tool-card\" data-href=\"https:\/\/saiweiglass.com\/capabilities\/ar-af-coating\/ar-af-coating-selector\/\">\n        <h3 class=\"tool-card-title\">AR\/AF Coating Selector<\/h3>\n        <p class=\"tool-desc\">Answer 4 quick questions to find the right coating for your project.<\/p>\n        <a href=\"https:\/\/saiweiglass.com\/capabilities\/ar-af-coating\/ar-af-coating-selector\/\" class=\"tool-link\" target=\"_blank\">Launch Selector<\/a>\n      <\/div>\n\n      <div class=\"tool-card\" data-href=\"https:\/\/saiweiglass.com\/capabilities\/ar-af-coating\/coating-cost-estimator\/\">\n        <h3 class=\"tool-card-title\">Coating Cost Estimator<\/h3>\n        <p class=\"tool-desc\">Get an instant per-piece cost estimate. Adjust any input \u2014 results update automatically.<\/p>\n        <a href=\"https:\/\/saiweiglass.com\/capabilities\/ar-af-coating\/coating-cost-estimator\/\" class=\"tool-link\" target=\"_blank\">Calculate Cost<\/a>\n      <\/div>\n\n      <div class=\"tool-card\" data-href=\"https:\/\/saiweiglass.com\/capabilities\/ar-af-coating\/coating-specification-builder\/\">\n        <h3 class=\"tool-card-title\">Coating Specification Builder<\/h3>\n        <p class=\"tool-desc\">Build a custom spec sheet step by step, then copy or submit for a quote.<\/p>\n        <a href=\"https:\/\/saiweiglass.com\/capabilities\/ar-af-coating\/coating-specification-builder\/\" class=\"tool-link\" target=\"_blank\">Build Spec Sheet<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/* * Vanilla JS: Makes the entire card clickable (Premium UX)\n   * while preserving accessibility and right-click functionality on the actual link.\n   * Strictly scoped to this module.\n   *\/\n  document.addEventListener('DOMContentLoaded', function() {\n    const module = document.getElementById('ar-af-tools-module');\n    if (!module) return;\n\n    const cards = module.querySelectorAll('.tool-card');\n    \n    cards.forEach(card => {\n      card.addEventListener('click', function(e) {\n        \/\/ Prevent double triggering if the user explicitly clicked the <a> tag\n        if (e.target.tagName.toLowerCase() === 'a') return;\n        \n        const url = this.getAttribute('data-href');\n        if (url) {\n          window.location.href = url;\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-023e0bf\" data-block-id=\"023e0bf\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-023e0bf-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f2109b0\" data-v=\"4\" data-block-id=\"f2109b0\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f2109b0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f2109b0-inner-blocks\">\n<section id=\"ct-ar-af-faq-module\">\n    <div class=\"ct-faq-inner\">\n        \n        <h2 class=\"ct-faq-main-title\">AR\/AF Coating FAQs<\/h2>\n        \n        <div class=\"ct-faq-accordion\">\n            \n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    What is anti-reflective coating on glass?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        Multi-layer thin film optical coatings \u2014 the same lens coating technology found on eyeglass lenses \u2014 are applied to glass surfaces with the intent of reducing reflection and increasing transmission. Since one surface of uncoated standard glass reflects approximately 4% of incident light, typical AR coatings such as Mg F 2 single-layer could bring this down to around 1-2%. Multi-layer combinations of SiO 2 , TiO 2 and ZrO 2 can be designed to reflect less than 0.5% of incident light over the entire visible spectrum (approximately 400-700 nm), meaning in reality more than 99% of incident light is transmitted through the glass surface.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    How does anti-fingerprint coating work on glass?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        The anti-fingerprint (AF) coating is achieved by depositing an ultra-thin (5-20 nm thick) oleophobic coating on the glass. The most prevalent chemistry used is perfluoropolyether (PFPE) silane. This layer forms a chemical bond with the glass by way of Si-O-Si siloxane bonds. This results in a surface that has an extremely low surface energy (less than 15 mN\/m and thus repels contact with oils). Consequently finger marks tend to bead up and be easily wiped away instead of spreading over the surface. This low level of surface energy is maintained over 3,000-5,000 simulation abrasion cycles by standard steel wool testing.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    What is the difference between AR, AG, and AF coating?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        AR(the anti-reflection) coating minimizes the amount of light reflected through the application of thin-fi lm interference to the glass; allowing it to appear clear. AG (the anti-glare) coating does this by reflecting light however employing a textured surface that diffuses the light with a dull appeared surface; reducing reflection but also clarity. AF (Anti-Fingerprint) coating takes opposing techniques to the AG; that is employs the use of a hydrophobic nano-layer to prevent oily fingerprint smudges. Their purposes are differing; AR is primarily for optical clarity and precision, including eyeglass lens coating; AG surfaces allow readability within bright light studio settings; AF surfaces enable clean fingerprint free touch surfaces. These coatings are often combined; AR + AF makes up the typical addition to the front of a modern smart phone or a medic screen display.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    Can AR and AF coatings be combined on the same glass?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        Yes, and this is actually the industry best practice, for high end performance display glass. In this process the AR multi-layer stack is deposited first (typically 4-6 alternating layers of SiO2 and TiO2), then it is overcoat with a AF top-coat layer (PFPE silane, 5-20 nm). This AF layer bonds onto the outermost SiO2 layer of the AR stack. The combined AR+AF coated glass series from Saiwei Glass delivers both high light transmission (>99%) and high oil repellency (water contact angle >110).\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    How long does oleophobic coating last on glass?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        Durability per the market research: oleophobic consumer-grade coatings on phone and smartphones&#8217; screens last approximately 6-12 months of daily use before signs of degradation after harsh cleaner wipes. AF with vacuum physical deposition or PVD coating processes last as much as 10+ years with 3000+ cycles of mechanical abrasion per MIL-C-48497A with contact angles staying above 100 after 2 years of general use. The critical parameter is coating thickness with adhesion. If a PFPE silane coating is properly applied (10-15 nm thickness with plasma pre-treats bonds with the surface at a molecular level), the coating will last by far much longer than consumer &#8216;wipe-on&#8217; coatings.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    What standards apply to AR coated glass?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        Standards related to industrial application of AR coated glass are numerous. MIL-C-48497A specifies multi-layer interference coatings including qualification tests for adhesion, abrasion, humidity, temperature cycling durability. Sandyang Coatings Factory (ISO 9211-3) defines environmental durability of optical coatings. MIL-PRF-13830B defines optical specifications of anti-reflective film. IEC 60068 refers to environment testing for consumer electronics, while automotive fields follow IATF 16949 quality. Saiwei Glass examine all incoming coated glass against referenced standard and provide test report before delivery.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    How much does custom AR coating cost for glass?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        The price of AR coating depending on the application, is affordable, with four major determining factors: the coating type (single-MgF2 AR coat is the most affordable, multi-layer BBARAR+AF is a premium product); the glass substrate size\/material; the order size; additional treatments if needed (AF, AG). As an approximate indicative, single-side AR coating on 2.0 mm thick soda-lime float glass costs about $0.3080.80 per piece at batch produced scales (over 1000pcs), while 1.0mm thick multi-layer AR coating+AF on aluminosilicate glass ranges between $1.50-4.00 per piece depending the specifics. Prototype scale order&#8217;s price is significantly higher on per-piece basis. Send inquiries with your specifications for a detailed quotation in 24 hours. Volume discount tiers are available for annual commitments exceeding 5,000 pieces per quarter.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    What types of glass substrates can receive AR\/AF coating?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        AR+AF coatings can be deposited on the vast majority of glasses used for precision devices. Main common substrates include aluminosilicate glasses (ex. Corning Inc. Gorilla Glass, AGC Dragontrail), soda-lime float glasses, borosilicate glasses (ex. Schott Borofloat), chemically strengthened glasses. The glass must have a polish and clean surface for the coating to adhere properly. At Saiwei Glass we regularly coat glass from 0.33 mm up to 15 mm thickness. Surface planarity depends on optical surface quality and specifications. We also deposit coats on sapphire substrates for high-end watch crystals and sensor applications.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    Are anti-fingerprint coatings chemically resistant?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        Chemical durability of industrial-grade AF is reasonably good by resisting common cleaning chemicals, IPA alcohols and weak acids usage. Nevertheless strong solvent (including acetone) or alkaline substances do damage oleophobic layer. Chemical durability data can be provided for certain chemicals on demand.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ct-faq-item\">\n                <h3 class=\"ct-faq-question\">\n                    What is the lead time for custom AR\/AF coated glass orders?\n                    <span class=\"ct-faq-icon\"><\/span>\n                <\/h3>\n                <div class=\"ct-faq-answer\">\n                    <div class=\"ct-faq-answer-content\">\n                        Standard lead time at Saiwei Glass is about 5-7 business days for prototypes (less than 100 pieces), 10-15 business days for batches (over 1000 pcs). Express service is available at surcharge.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* 1. \u5168\u5c40\u4f5c\u7528\u57df\u548c\u91cd\u7f6e *\/\n#ct-ar-af-faq-module {\n    \/* \u54c1\u724c\u914d\u8272\u53d8\u91cf *\/\n    --faq-primary: #304890;\n    --faq-accent-1: #1860A8;\n    --faq-accent-2: #1878C0;\n    --faq-accent-dark: #3048A8;\n    \n    width: 100%;\n    \/* \u6309\u7167\u8981\u6c42\uff1aPadding \u7ed3\u5408 40px \u9ad8\u5ea6\u6982\u5ff5 *\/\n    padding: 40px 0;\n    background-color: transparent;\n    font-family: inherit; \/* \u5f3a\u5236\u7ee7\u627f Blocksy \u4e3b\u9898\u7684\u5b57\u4f53\u8bbe\u7f6e *\/\n    box-sizing: border-box;\n}\n\n#ct-ar-af-faq-module * {\n    box-sizing: border-box;\n}\n\n\/* 2. \u5e03\u5c40\u6846\u67b6 *\/\n#ct-ar-af-faq-module .ct-faq-inner {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 20px;\n    width: 100%;\n}\n\n\/* 3. Typography & H2 \u8986\u5199 *\/\n#ct-ar-af-faq-module h2.ct-faq-main-title {\n    font-size: 32px !important; \/* \u9075\u5faa\u8981\u6c42\uff1a\u6807\u9898\u5c3a\u5bf8\u4e3a 32px *\/\n    font-weight: 700 !important;\n    color: #000000 !important;\n    text-align: center !important;\n    margin: 0 0 40px 0 !important;\n    padding: 0 !important;\n    line-height: 1.3 !important;\n    border: none !important;\n}\n\n\/* 4. \u624b\u98ce\u7434\u5217\u8868\u53ca H3 \u8986\u5199 *\/\n#ct-ar-af-faq-module .ct-faq-accordion {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n#ct-ar-af-faq-module .ct-faq-item {\n    background-color: #ffffff !important;\n    border: 1px solid #eaedf3 !important;\n    border-radius: 8px !important;\n    overflow: hidden !important;\n    transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n#ct-ar-af-faq-module .ct-faq-item:hover {\n    box-shadow: 0 4px 15px rgba(48, 72, 144, 0.08) !important;\n    border-color: var(--faq-accent-2) !important;\n}\n\n\/* \u95ee\u9898\u6807\u9898\u533a\u57df *\/\n#ct-ar-af-faq-module h3.ct-faq-question {\n    font-size: 18px !important;\n    font-weight: 600 !important;\n    color: #333333 !important;\n    margin: 0 !important;\n    padding: 20px 24px !important;\n    cursor: pointer !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    line-height: 1.4 !important;\n    transition: color 0.3s ease, background-color 0.3s ease;\n    border: none !important;\n}\n\n\/* \u5c55\u5f00\u4e0e Hover \u72b6\u6001 *\/\n#ct-ar-af-faq-module .ct-faq-item:hover h3.ct-faq-question,\n#ct-ar-af-faq-module .ct-faq-item.active h3.ct-faq-question {\n    color: var(--faq-primary) !important;\n    background-color: #fcfdff !important;\n}\n\n\/* \u56fe\u6807\u52a8\u753b\u8bbe\u8ba1 (+ \u53d8 -) *\/\n#ct-ar-af-faq-module .ct-faq-icon {\n    position: relative;\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    margin-left: 20px;\n}\n\n#ct-ar-af-faq-module .ct-faq-icon::before,\n#ct-ar-af-faq-module .ct-faq-icon::after {\n    content: '';\n    position: absolute;\n    background-color: var(--faq-accent-1);\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;\n}\n\n\/* \u6a2a\u7ebf *\/\n#ct-ar-af-faq-module .ct-faq-icon::before {\n    top: 7px;\n    left: 0;\n    width: 16px;\n    height: 2px;\n}\n\n\/* \u7ad6\u7ebf *\/\n#ct-ar-af-faq-module .ct-faq-icon::after {\n    top: 0;\n    left: 7px;\n    width: 2px;\n    height: 16px;\n}\n\n#ct-ar-af-faq-module .ct-faq-item.active .ct-faq-icon::after {\n    transform: rotate(90deg); \/* \u53d8\u6210\u51cf\u53f7 *\/\n}\n\n#ct-ar-af-faq-module .ct-faq-item.active .ct-faq-icon::before,\n#ct-ar-af-faq-module .ct-faq-item.active .ct-faq-icon::after {\n    background-color: var(--faq-primary);\n}\n\n\/* \u7b54\u6848\u5185\u5bb9\u533a\u57df (\u57fa\u4e8e CSS Grid \u7684\u9ad8\u6027\u80fd\u8fc7\u6e21) *\/\n#ct-ar-af-faq-module .ct-faq-answer {\n    display: grid !important;\n    grid-template-rows: 0fr !important;\n    transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#ct-ar-af-faq-module .ct-faq-item.active .ct-faq-answer {\n    grid-template-rows: 1fr !important;\n}\n\n#ct-ar-af-faq-module .ct-faq-answer-content {\n    overflow: hidden !important;\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n    color: #555555 !important;\n    padding: 0 24px !important; \/* \u9ed8\u8ba4\u5782\u76f4\u65e0 padding\uff0c\u786e\u4fdd\u95ed\u5408\u65e0\u7f1d *\/\n    opacity: 0;\n    transition: padding 0.3s ease, opacity 0.4s ease;\n}\n\n#ct-ar-af-faq-module .ct-faq-item.active .ct-faq-answer-content {\n    padding: 0 24px 24px 24px !important;\n    opacity: 1;\n}\n\n\/* \u79fb\u52a8\u7aef\u54cd\u5e94\u5f0f *\/\n@media (max-width:690px) {\n    #ct-ar-af-faq-module h2.ct-faq-main-title { font-size: 26px !important; margin-bottom: 30px !important; }\n    #ct-ar-af-faq-module h3.ct-faq-question { font-size: 16px !important; padding: 16px !important; }\n    #ct-ar-af-faq-module .ct-faq-answer-content { font-size: 15px !important; padding: 0 16px !important; }\n    #ct-ar-af-faq-module .ct-faq-item.active .ct-faq-answer-content { padding: 0 16px 20px 16px !important; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('#ct-ar-af-faq-module .ct-faq-item');\n    \n    faqItems.forEach(item => {\n        const question = item.querySelector('.ct-faq-question');\n        \n        question.addEventListener('click', () => {\n            const isActive = item.classList.contains('active');\n            \n            \/\/ \u53ef\u9009\u673a\u5236\uff1a\u95ed\u5408\u5176\u4ed6\u5df2\u7ecf\u6253\u5f00\u7684\u624b\u98ce\u7434\u9879\u76ee (Accordion behavior)\n            faqItems.forEach(otherItem => {\n                otherItem.classList.remove('active');\n                \/\/ \u51fa\u4e8e\u65e0\u969c\u788d\u8003\u8651\u8c03\u6574 aria\n                otherItem.querySelector('.ct-faq-question').setAttribute('aria-expanded', 'false');\n            });\n            \n            \/\/ \u5207\u6362\u5f53\u524d\u88ab\u70b9\u51fb\u7684\u9879\u76ee\n            if (!isActive) {\n                item.classList.add('active');\n                question.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\": \"What is anti-reflective coating on glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Multi-layer thin film optical coatings \u2014 the same lens coating technology found on eyeglass lenses \u2014 are applied to glass surfaces with the intent of reducing reflection and increasing transmission. Since one surface of uncoated standard glass reflects approximately 4% of incident light, typical AR coatings such as Mg F 2 single-layer could bring this down to around 1-2%. Multi-layer combinations of SiO 2 , TiO 2 and ZrO 2 can be designed to reflect less than 0.5% of incident light over the entire visible spectrum (approximately 400-700 nm), meaning in reality more than 99% of incident light is transmitted through the glass surface.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How does anti-fingerprint coating work on glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The anti-fingerprint (AF) coating is achieved by depositing an ultra-thin (5-20 nm thick) oleophobic coating on the glass. The most prevalent chemistry used is perfluoropolyether (PFPE) silane. This layer forms a chemical bond with the glass by way of Si-O-Si siloxane bonds. This results in a surface that has an extremely low surface energy (less than 15 mN\/m and thus repels contact with oils). Consequently finger marks tend to bead up and be easily wiped away instead of spreading over the surface. This low level of surface energy is maintained over 3,000-5,000 simulation abrasion cycles by standard steel wool testing.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the difference between AR, AG, and AF coating?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"AR(the anti-reflection) coating minimizes the amount of light reflected through the application of thin-fi lm interference to the glass; allowing it to appear clear. AG (the anti-glare) coating does this by reflecting light however employing a textured surface that diffuses the light with a dull appeared surface; reducing reflection but also clarity. AF (Anti-Fingerprint) coating takes opposing techniques to the AG; that is employs the use of a hydrophobic nano-layer to prevent oily fingerprint smudges. Their purposes are differing; AR is primarily for optical clarity and precision, including eyeglass lens coating; AG surfaces allow readability within bright light studio settings; AF surfaces enable clean fingerprint free touch surfaces. These coatings are often combined; AR + AF makes up the typical addition to the front of a modern smart phone or a medic screen display.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can AR and AF coatings be combined on the same glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, and this is actually the industry best practice, for high end performance display glass. In this process the AR multi-layer stack is deposited first (typically 4-6 alternating layers of SiO2 and TiO2), then it is overcoat with a AF top-coat layer (PFPE silane, 5-20 nm). This AF layer bonds onto the outermost SiO2 layer of the AR stack. The combined AR+AF coated glass series from Saiwei Glass delivers both high light transmission (>99%) and high oil repellency (water contact angle >110).\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How long does oleophobic coating last on glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Durability per the market research: oleophobic consumer-grade coatings on phone and smartphones' screens last approximately 6-12 months of daily use before signs of degradation after harsh cleaner wipes. AF with vacuum physical deposition or PVD coating processes last as much as 10+ years with 3000+ cycles of mechanical abrasion per MIL-C-48497A with contact angles staying above 100 after 2 years of general use. The critical parameter is coating thickness with adhesion. If a PFPE silane coating is properly applied (10-15 nm thickness with plasma pre-treats bonds with the surface at a molecular level), the coating will last by far much longer than consumer 'wipe-on' coatings.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What standards apply to AR coated glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Standards related to industrial application of AR coated glass are numerous. MIL-C-48497A specifies multi-layer interference coatings including qualification tests for adhesion, abrasion, humidity, temperature cycling durability. Sandyang Coatings Factory (ISO 9211-3) defines environmental durability of optical coatings. MIL-PRF-13830B defines optical specifications of anti-reflective film. IEC 60068 refers to environment testing for consumer electronics, while automotive fields follow IATF 16949 quality. Saiwei Glass examine all incoming coated glass against referenced standard and provide test report before delivery.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How much does custom AR coating cost for glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The price of AR coating depending on the application, is affordable, with four major determining factors: the coating type (single-MgF2 AR coat is the most affordable, multi-layer BBARAR+AF is a premium product); the glass substrate size\/material; the order size; additional treatments if needed (AF, AG). As an approximate indicative, single-side AR coating on 2.0 mm thick soda-lime float glass costs about $0.3080.80 per piece at batch produced scales (over 1000pcs), while 1.0mm thick multi-layer AR coating+AF on aluminosilicate glass ranges between $1.50-4.00 per piece depending the specifics. Prototype scale order's price is significantly higher on per-piece basis. Send inquiries with your specifications for a detailed quotation in 24 hours. Volume discount tiers are available for annual commitments exceeding 5,000 pieces per quarter.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What types of glass substrates can receive AR\/AF coating?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"AR+AF coatings can be deposited on the vast majority of glasses used for precision devices. Main common substrates include aluminosilicate glasses (ex. Corning Inc. Gorilla Glass, AGC Dragontrail), soda-lime float glasses, borosilicate glasses (ex. Schott Borofloat), chemically strengthened glasses. The glass must have a polish and clean surface for the coating to adhere properly. At Saiwei Glass we regularly coat glass from 0.33 mm up to 15 mm thickness. Surface planarity depends on optical surface quality and specifications. We also deposit coats on sapphire substrates for high-end watch crystals and sensor applications.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Are anti-fingerprint coatings chemically resistant?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Chemical durability of industrial-grade AF is reasonably good by resisting common cleaning chemicals, IPA alcohols and weak acids usage. Nevertheless strong solvent (including acetone) or alkaline substances do damage oleophobic layer. Chemical durability data can be provided for certain chemicals on demand.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the lead time for custom AR\/AF coated glass orders?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Standard lead time at Saiwei Glass is about 5-7 business days for prototypes (less than 100 pieces), 10-15 business days for batches (over 1000 pcs). Express service is available at surcharge.\"\n      }\n    }\n  ]\n}\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>AR\/AF Coating AR\/AF Coating for Glass: Anti-Reflective and Anti-Fingerprint Solutions Saiwei Glass provides integrated anti-reflective coating &#038; anti-fingerprint coating for precision glass parts \u2014 from prototype to volume. Our multi-layer AR &#038; oleophobic AF coatings are used on consumer electronics, medical devices, industrial panels &#038; automotive displays in 30+ countries. Request a Quote View Coating [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":4570,"parent":4044,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-4359","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/4359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=4359"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/4359\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/4044"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media\/4570"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=4359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}