{"id":40,"date":"2021-12-08T11:39:15","date_gmt":"2021-12-08T11:39:15","guid":{"rendered":"https:\/\/kadence.pixel-show.com\/outdoor-shop\/?page_id=15"},"modified":"2026-10-02T22:22:40","modified_gmt":"2026-10-02T22:22:40","slug":"about","status":"publish","type":"page","link":"https:\/\/wallpanelfactory.com\/es\/about\/","title":{"rendered":"About"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   ABOUT US\n   SECTION 01 \u2014 ABOUT XURAN\n===================================================== *\/\n\n.xuran-about-intro {\n    background: #f2f0eb;\n    color: #171717;\n\n    padding: 105px 6vw 115px;\n\n    overflow: hidden;\n}\n\n\n.xuran-about-intro *,\n.xuran-about-intro *::before,\n.xuran-about-intro *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-about-intro__container {\n    width: 100%;\n    max-width: 1500px;\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   TOP HEADER\n===================================================== *\/\n\n.xuran-about-intro__header {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.4fr)\n        minmax(300px, 0.6fr);\n\n    align-items: start;\n\n    gap: 8vw;\n\n    margin-bottom: 65px;\n}\n\n\n\/* =====================================================\n   LABEL\n===================================================== *\/\n\n.xuran-about-intro__label {\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    margin-bottom: 27px;\n\n    color: #b51f27;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    line-height: 1.2;\n\n    letter-spacing: 2.6px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-intro__label span {\n    display: block;\n\n    flex: 0 0 35px;\n\n    width: 35px;\n    height: 1px;\n\n    background: #b51f27;\n}\n\n\n\/* =====================================================\n   MAIN TITLE\n===================================================== *\/\n\n.xuran-about-intro__title h1 {\n    max-width: 950px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(58px, 6.5vw, 102px);\n\n    line-height: 0.93;\n\n    letter-spacing: -4.5px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-intro__title h1 em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   RIGHT CONTENT\n===================================================== *\/\n\n.xuran-about-intro__content {\n    max-width: 430px;\n\n    padding-top: 55px;\n}\n\n\n.xuran-about-intro__eyebrow {\n    display: block;\n\n    margin-bottom: 21px;\n\n    color: #898271;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 2.2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-intro__lead {\n    margin: 0;\n\n    color: #171717;\n\n    font-size: 19px;\n    font-weight: 400;\n\n    line-height: 1.55;\n\n    letter-spacing: -0.2px;\n}\n\n\n.xuran-about-intro__text {\n    max-width: 400px;\n\n    margin: 20px 0 0;\n\n    color: #686761;\n\n    font-size: 12px;\n\n    line-height: 1.85;\n}\n\n\n\/* =====================================================\n   BUTTON\n===================================================== *\/\n\n.xuran-about-intro__button {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 45px;\n\n    min-width: 220px;\n\n    margin-top: 30px;\n\n    padding: 17px 18px;\n\n    background: #19191b;\n\n    border: 1px solid #19191b;\n\n    color: #ffffff;\n\n    text-decoration: none;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1.6px;\n\n    text-transform: uppercase;\n\n    transition:\n        background 0.3s ease,\n        color 0.3s ease;\n}\n\n\n.xuran-about-intro__button span {\n    font-size: 14px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-intro__button:hover {\n    background: transparent;\n\n    color: #171717;\n}\n\n\n.xuran-about-intro__button:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =====================================================\n   LARGE IMAGE\n===================================================== *\/\n\n.xuran-about-intro__visual {\n    position: relative;\n\n    width: 100%;\n\n    height: clamp(500px, 54vw, 760px);\n\n    overflow: hidden;\n\n    background: #dedbd4;\n}\n\n\n.xuran-about-intro__visual img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition: transform 0.8s ease;\n}\n\n\n.xuran-about-intro__visual:hover img {\n    transform: scale(1.015);\n}\n\n\n\/* =====================================================\n   IMAGE LABEL\n===================================================== *\/\n\n.xuran-about-intro__image-meta {\n    position: absolute;\n\n    left: 22px;\n    right: 22px;\n    bottom: 22px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding: 15px 18px;\n\n    background:\n        rgba(242, 240, 235, 0.94);\n\n    border:\n        1px solid rgba(23, 23, 23, 0.10);\n\n    color: #55534e;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n}\n\n\n\/* =====================================================\n   BOTTOM STATEMENT\n===================================================== *\/\n\n.xuran-about-intro__statement {\n    display: grid;\n\n    grid-template-columns:\n        150px\n        minmax(0, 1fr)\n        auto;\n\n    align-items: start;\n\n    gap: 45px;\n\n    margin-top: 60px;\n\n    padding-top: 32px;\n\n    border-top: 1px solid #cbc8c0;\n}\n\n\n\/* LABEL *\/\n\n.xuran-about-intro__statement-label {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 9px;\n\n    color: #898271;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 1.8px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-intro__statement-label\nspan:first-child {\n    color: #b51f27;\n}\n\n\n\/* STATEMENT *\/\n\n.xuran-about-intro__statement > p {\n    max-width: 830px;\n\n    margin: 0;\n\n    color: #242321;\n\n    font-size:\n        clamp(23px, 2.4vw, 37px);\n\n    line-height: 1.28;\n\n    letter-spacing: -1px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-intro__statement > p em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   FACTORY LINK\n===================================================== *\/\n\n.xuran-about-intro__factory-link {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 24px;\n\n    padding-bottom: 8px;\n\n    border-bottom: 1px solid #aaa69d;\n\n    color: #171717;\n\n    text-decoration: none;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n\n    white-space: nowrap;\n}\n\n\n.xuran-about-intro__factory-link span {\n    color: #b51f27;\n\n    font-size: 13px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-intro__factory-link:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .xuran-about-intro {\n        padding-top: 90px;\n    }\n\n\n    .xuran-about-intro__header {\n        grid-template-columns:\n            minmax(0, 1.15fr)\n            minmax(270px, 0.85fr);\n\n        gap: 55px;\n    }\n\n\n    .xuran-about-intro__content {\n        padding-top: 35px;\n    }\n\n\n    .xuran-about-intro__statement {\n        grid-template-columns:\n            100px\n            minmax(0, 1fr);\n    }\n\n\n    .xuran-about-intro__factory-link {\n        grid-column: 2;\n\n        justify-self: start;\n\n        margin-top: 5px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-about-intro {\n        padding:\n            60px 24px\n            75px;\n    }\n\n\n    \/* HEADER *\/\n\n    .xuran-about-intro__header {\n        grid-template-columns: 1fr;\n\n        gap: 34px;\n\n        margin-bottom: 45px;\n    }\n\n\n    \/* LABEL *\/\n\n    .xuran-about-intro__label {\n        margin-bottom: 22px;\n\n        font-size: 7px;\n\n        letter-spacing: 2px;\n    }\n\n\n    .xuran-about-intro__label span {\n        flex-basis: 27px;\n\n        width: 27px;\n    }\n\n\n    \/* TITLE *\/\n\n    .xuran-about-intro__title h1 {\n        max-width: 100%;\n\n        font-size:\n            clamp(47px, 13vw, 65px);\n\n        line-height: 0.95;\n\n        letter-spacing: -3px;\n    }\n\n\n    \/* CONTENT *\/\n\n    .xuran-about-intro__content {\n        max-width: 100%;\n\n        padding-top: 0;\n    }\n\n\n    .xuran-about-intro__lead {\n        font-size: 17px;\n    }\n\n\n    .xuran-about-intro__text {\n        max-width: 100%;\n\n        font-size: 11px;\n    }\n\n\n    \/* BUTTON *\/\n\n    .xuran-about-intro__button {\n        width: 100%;\n\n        min-width: 0;\n\n        margin-top: 27px;\n\n        box-sizing: border-box;\n    }\n\n\n    \/* =================================================\n       IMAGE\n       Full width + natural image ratio\n    ================================================= *\/\n\n    .xuran-about-intro__visual {\n        width: calc(100% + 48px);\n\n        height: auto;\n\n        min-height: 0;\n\n        margin-left: -24px;\n    }\n\n\n    .xuran-about-intro__visual img {\n        display: block;\n\n        width: 100%;\n        height: auto;\n\n        object-fit: contain;\n\n        object-position: center;\n    }\n\n\n    .xuran-about-intro__image-meta {\n        left: 14px;\n        right: 14px;\n        bottom: 14px;\n\n        padding: 13px 14px;\n    }\n\n\n    .xuran-about-intro__image-meta\n    span:last-child {\n        display: none;\n    }\n\n\n    \/* STATEMENT *\/\n\n    .xuran-about-intro__statement {\n        grid-template-columns: 1fr;\n\n        gap: 21px;\n\n        margin-top: 42px;\n\n        padding-top: 27px;\n    }\n\n\n    .xuran-about-intro__statement-label {\n        flex-direction: row;\n\n        gap: 15px;\n    }\n\n\n    .xuran-about-intro__statement > p {\n        max-width: 100%;\n\n        font-size:\n            clamp(23px, 7vw, 31px);\n\n        line-height: 1.27;\n\n        letter-spacing: -0.8px;\n    }\n\n\n    .xuran-about-intro__factory-link {\n        grid-column: auto;\n\n        justify-self: start;\n\n        margin-top: 5px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-about-intro {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n\n    .xuran-about-intro__visual {\n        width: calc(100% + 40px);\n\n        margin-left: -20px;\n    }\n\n\n    .xuran-about-intro__title h1 {\n        font-size:\n            clamp(43px, 13.5vw, 58px);\n\n        letter-spacing: -2.5px;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     ABOUT US\n     SECTION 01 \u2014 ABOUT XURAN\n====================================================== -->\n\n<section class=\"xuran-about-intro\" id=\"about-xuran\">\n\n    <div class=\"xuran-about-intro__container\">\n\n        <!-- =====================================\n             TOP\n        ====================================== -->\n\n        <div class=\"xuran-about-intro__header\">\n\n            <!-- LEFT -->\n            <div class=\"xuran-about-intro__title\">\n\n                <div class=\"xuran-about-intro__label\">\n                    <span><\/span>\n                    WALL PANEL MANUFACTURER \u00b7 CHINA\n                <\/div>\n\n                <h1>\n                    Surfaces made<br>\n                    for <em>modern spaces.<\/em>\n                <\/h1>\n\n            <\/div>\n\n\n            <!-- RIGHT -->\n            <div class=\"xuran-about-intro__content\">\n\n                <span class=\"xuran-about-intro__eyebrow\">\n                    ABOUT XURAN\n                <\/span>\n\n                <p class=\"xuran-about-intro__lead\">\n                    Decorative wall panels,\n                    manufactured in China.\n                <\/p>\n\n                <p class=\"xuran-about-intro__text\">\n                    From manufacturing and custom finishes\n                    to quality control and export packing,\n                    we work with professional buyers on\n                    wall panel solutions for their markets.\n                <\/p>\n\n                <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=8618688129406&#038;text=Hello+Xuran+wallpanel+factory+%2C+We+want+to+know+more+about+your+products%21&#038;type=phone_number&#038;app_absent=0\/\" class=\"xuran-about-intro__button\">\n                    Explore Our Panels\n                    <span>\u2197<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             LARGE IMAGE\n        ====================================== -->\n\n        <div class=\"xuran-about-intro__visual\">\n\n            <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/wall-panel-manufacturer-wholesale-from-china.png\" alt=\"Xuran Wall Panel decorative wall panel manufacturer\" loading=\"eager\">\n\n            <div class=\"xuran-about-intro__image-meta\">\n\n                <span>\n                    XURAN WALL PANEL\n                <\/span>\n\n                <span>\n                    MANUFACTURING \u00b7 CHINA\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             BOTTOM STATEMENT\n        ====================================== -->\n\n        <div class=\"xuran-about-intro__statement\">\n\n            <div class=\"xuran-about-intro__statement-label\">\n\n                <span>\n                    01\n                <\/span>\n\n                <span>\n                    OUR FOCUS\n                <\/span>\n\n            <\/div>\n\n\n            <p>\n                We bring together manufacturing,\n                surface development and customization\n                to create decorative wall panel solutions\n                <em>ready for your market.<\/em>\n            <\/p>\n\n\n            <a href=\"https:\/\/wallpanelfactory.com\/es\/our-factory\/\" class=\"xuran-about-intro__factory-link\">\n                Inside Our Factory\n                <span>\u2197<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   ABOUT US\n   SECTION 02 \u2014 OUR STORY\n===================================================== *\/\n\n.xuran-about-story {\n    background: #e7e4dd;\n    color: #171717;\n\n    padding: 125px 6vw 115px;\n\n    overflow: hidden;\n}\n\n\n.xuran-about-story *,\n.xuran-about-story *::before,\n.xuran-about-story *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-about-story__container {\n    width: 100%;\n    max-width: 1500px;\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   SECTION HEADER\n===================================================== *\/\n\n.xuran-about-story__header {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    margin-bottom: 65px;\n\n    padding-bottom: 22px;\n\n    border-bottom: 1px solid #c6c3bc;\n}\n\n\n.xuran-about-story__label {\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    color: #b51f27;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 2.4px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-story__label > span {\n    display: block;\n\n    width: 35px;\n    height: 1px;\n\n    background: #b51f27;\n}\n\n\n.xuran-about-story__header-meta {\n    color: #898271;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n\/* =====================================================\n   MAIN LAYOUT\n===================================================== *\/\n\n.xuran-about-story__main {\n    display: grid;\n\n    grid-template-columns:\n        0.48fr\n        0.92fr\n        0.72fr;\n\n    align-items: start;\n\n    gap: 5vw;\n}\n\n\n\/* =====================================================\n   YEAR\n===================================================== *\/\n\n.xuran-about-story__year {\n    padding-top: 10px;\n}\n\n\n.xuran-about-story__year-label {\n    display: block;\n\n    margin-bottom: 18px;\n\n    color: #898271;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-story__year strong {\n    display: block;\n\n    color: #171717;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(60px, 6.2vw, 98px);\n\n    line-height: 0.9;\n\n    letter-spacing: -4px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-story__year-line {\n    display: block;\n\n    width: 45px;\n    height: 1px;\n\n    margin: 30px 0 20px;\n\n    background: #b51f27;\n}\n\n\n.xuran-about-story__year p {\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 10px;\n\n    line-height: 1.65;\n}\n\n\n\/* =====================================================\n   STORY CONTENT\n===================================================== *\/\n\n.xuran-about-story__content {\n    padding-top: 4px;\n}\n\n\n.xuran-about-story__content h2 {\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n        clamp(49px, 5vw, 78px);\n\n    line-height: 0.96;\n\n    letter-spacing: -3.5px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-story__content h2 em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* LEAD *\/\n\n.xuran-about-story__lead {\n    max-width: 540px;\n\n    margin: 40px 0 0;\n\n    color: #292826;\n\n    font-size: 17px;\n\n    line-height: 1.6;\n}\n\n\n\/* BODY TEXT *\/\n\n.xuran-about-story__text {\n    display: grid;\n\n    grid-template-columns: repeat(2, 1fr);\n\n    gap: 30px;\n\n    max-width: 650px;\n\n    margin-top: 30px;\n\n    padding-top: 28px;\n\n    border-top: 1px solid #c6c3bc;\n}\n\n\n.xuran-about-story__text p {\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 10px;\n\n    line-height: 1.8;\n}\n\n\n\/* =====================================================\n   LINK\n===================================================== *\/\n\n.xuran-about-story__link {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 28px;\n\n    margin-top: 35px;\n\n    padding-bottom: 8px;\n\n    border-bottom: 1px solid #aaa69d;\n\n    color: #171717;\n\n    text-decoration: none;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-story__link span {\n    color: #b51f27;\n\n    font-size: 13px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-story__link:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =====================================================\n   IMAGE\n===================================================== *\/\n\n.xuran-about-story__visual {\n    position: relative;\n\n    width: 100%;\n\n    height: clamp(500px, 48vw, 690px);\n\n    overflow: hidden;\n\n    background: #d4d1ca;\n}\n\n\n.xuran-about-story__visual img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition: transform 0.8s ease;\n}\n\n\n.xuran-about-story__visual:hover img {\n    transform: scale(1.025);\n}\n\n\n\/* NUMBER *\/\n\n.xuran-about-story__image-number {\n    position: absolute;\n\n    top: 18px;\n    left: 18px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 38px;\n    height: 38px;\n\n    background: #f2f0eb;\n\n    color: #b51f27;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 11px;\n\n    font-style: italic;\n}\n\n\n\/* CAPTION *\/\n\n.xuran-about-story__image-caption {\n    position: absolute;\n\n    left: 17px;\n    right: 17px;\n    bottom: 17px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding: 13px 15px;\n\n    background:\n        rgba(242, 240, 235, 0.93);\n\n    color: #57544f;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 1.7px;\n\n    text-transform: uppercase;\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n\n\/* =====================================================\n   TIMELINE\n===================================================== *\/\n\n.xuran-about-story__timeline {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 0;\n\n    margin-top: 85px;\n\n    padding-top: 30px;\n\n    border-top: 1px solid #bbb8b1;\n}\n\n\n.xuran-about-story__timeline-item {\n    position: relative;\n\n    min-height: 110px;\n\n    padding-right: 45px;\n}\n\n\n.xuran-about-story__timeline-item:not(:first-child) {\n    padding-left: 35px;\n}\n\n\n.xuran-about-story__timeline-item:not(:last-child) {\n    border-right: 1px solid #c6c3bc;\n}\n\n\n\/* DOT *\/\n\n.xuran-about-story__dot {\n    position: absolute;\n\n    top: -35px;\n    left: 0;\n\n    width: 9px;\n    height: 9px;\n\n    border: 2px solid #e7e4dd;\n\n    border-radius: 50%;\n\n    background: #b51f27;\n\n    box-shadow:\n        0 0 0 1px #b51f27;\n}\n\n\n.xuran-about-story__timeline-item:not(:first-child)\n.xuran-about-story__dot {\n    left: 35px;\n}\n\n\n\/* TIMELINE TITLE *\/\n\n.xuran-about-story__timeline-year {\n    display: block;\n\n    margin-bottom: 14px;\n\n    color: #171717;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 20px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-story__timeline-item p {\n    max-width: 260px;\n\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 9px;\n\n    line-height: 1.65;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .xuran-about-story__main {\n        grid-template-columns:\n            0.4fr\n            0.8fr\n            0.7fr;\n\n        gap: 40px;\n    }\n\n\n    .xuran-about-story__text {\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n    }\n\n\n    .xuran-about-story__visual {\n        height: 600px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-about-story {\n        padding:\n            80px 24px\n            75px;\n    }\n\n\n    \/* HEADER *\/\n\n    .xuran-about-story__header {\n        margin-bottom: 45px;\n\n        padding-bottom: 18px;\n    }\n\n\n    .xuran-about-story__header-meta {\n        display: none;\n    }\n\n\n    .xuran-about-story__label {\n        font-size: 7px;\n\n        letter-spacing: 2px;\n    }\n\n\n    .xuran-about-story__label > span {\n        width: 27px;\n    }\n\n\n    \/* MAIN *\/\n\n    .xuran-about-story__main {\n        grid-template-columns: 1fr;\n\n        gap: 45px;\n    }\n\n\n    \/* YEAR *\/\n\n    .xuran-about-story__year {\n        display: grid;\n\n        grid-template-columns:\n            auto 1fr;\n\n        align-items: end;\n\n        column-gap: 25px;\n\n        padding-top: 0;\n    }\n\n\n    .xuran-about-story__year-label {\n        grid-column: 1 \/ -1;\n\n        margin-bottom: 14px;\n    }\n\n\n    .xuran-about-story__year strong {\n        font-size:\n            clamp(60px, 20vw, 88px);\n\n        letter-spacing: -3px;\n    }\n\n\n    .xuran-about-story__year-line {\n        display: none;\n    }\n\n\n    .xuran-about-story__year p {\n        padding-bottom: 7px;\n    }\n\n\n    \/* TITLE *\/\n\n    .xuran-about-story__content h2 {\n        font-size:\n            clamp(45px, 12.5vw, 62px);\n\n        line-height: 0.97;\n\n        letter-spacing: -2.6px;\n    }\n\n\n    .xuran-about-story__lead {\n        margin-top: 30px;\n\n        font-size: 16px;\n    }\n\n\n    .xuran-about-story__text {\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n\n        margin-top: 25px;\n\n        padding-top: 24px;\n    }\n\n\n    .xuran-about-story__text p {\n        font-size: 11px;\n    }\n\n\n    \/* IMAGE \u2014 SHOW FULL PHOTO *\/\n\n    .xuran-about-story__visual {\n        width: calc(100% + 48px);\n\n        height: auto;\n\n        min-height: 0;\n\n        margin-left: -24px;\n    }\n\n\n    .xuran-about-story__visual img {\n        display: block;\n\n        width: 100%;\n        height: auto;\n\n        object-fit: contain;\n    }\n\n\n    .xuran-about-story__image-number {\n        top: 14px;\n        left: 14px;\n    }\n\n\n    .xuran-about-story__image-caption {\n        left: 14px;\n        right: 14px;\n        bottom: 14px;\n    }\n\n\n    \/* TIMELINE *\/\n\n    .xuran-about-story__timeline {\n        grid-template-columns: 1fr;\n\n        gap: 0;\n\n        margin-top: 60px;\n\n        padding-top: 0;\n\n        border-top: 0;\n\n        border-left: 1px solid #bbb8b1;\n    }\n\n\n    .xuran-about-story__timeline-item,\n    .xuran-about-story__timeline-item:not(:first-child) {\n        min-height: 0;\n\n        padding:\n            0 0\n            35px 30px;\n\n        border-right: 0;\n    }\n\n\n    .xuran-about-story__timeline-item:last-child {\n        padding-bottom: 0;\n    }\n\n\n    .xuran-about-story__dot,\n    .xuran-about-story__timeline-item:not(:first-child)\n    .xuran-about-story__dot {\n        top: 3px;\n        left: -5px;\n\n        border-color: #e7e4dd;\n    }\n\n\n    .xuran-about-story__timeline-year {\n        margin-bottom: 8px;\n\n        font-size: 19px;\n    }\n\n\n    .xuran-about-story__timeline-item p {\n        max-width: 300px;\n\n        font-size: 10px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-about-story {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n\n    .xuran-about-story__visual {\n        width: calc(100% + 40px);\n\n        margin-left: -20px;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     ABOUT US\n     SECTION 02 \u2014 OUR STORY\n====================================================== -->\n\n<section class=\"xuran-about-story\" id=\"our-story\">\n\n    <div class=\"xuran-about-story__container\">\n\n        <!-- =====================================\n             SECTION HEADER\n        ====================================== -->\n\n        <div class=\"xuran-about-story__header\">\n\n            <div class=\"xuran-about-story__label\">\n                <span><\/span>\n                02 \u00b7 OUR STORY\n            <\/div>\n\n            <span class=\"xuran-about-story__header-meta\">\n                XURAN \u00b7 CHINA\n            <\/span>\n\n        <\/div>\n\n\n        <!-- =====================================\n             MAIN STORY\n        ====================================== -->\n\n        <div class=\"xuran-about-story__main\">\n\n\n            <!-- LEFT \u2014 YEAR -->\n\n            <div class=\"xuran-about-story__year\">\n\n                <span class=\"xuran-about-story__year-label\">\n                    ESTABLISHED\n                <\/span>\n\n                <strong>\n                    2015\n                <\/strong>\n\n                <span class=\"xuran-about-story__year-line\"><\/span>\n\n                <p>\n                    The beginning of<br>\n                    Xuran manufacturing.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- CENTER \u2014 STORY -->\n\n            <div class=\"xuran-about-story__content\">\n\n                <h2>\n                    Built around<br>\n                    <em>better surfaces.<\/em>\n                <\/h2>\n\n\n                <p class=\"xuran-about-story__lead\">\n                    Xuran was created with a clear focus:\n                    to manufacture decorative wall panel\n                    solutions for modern interior markets.\n                <\/p>\n\n\n                <div class=\"xuran-about-story__text\">\n\n                    <p>\n                        Over the years, our work has developed\n                        around manufacturing, surface design,\n                        customization and the practical needs\n                        of professional buyers.\n                    <\/p>\n\n                    <p>\n                        Today, we continue to develop products\n                        with attention to appearance, production\n                        consistency, packaging and the requirements\n                        of different markets.\n                    <\/p>\n\n                <\/div>\n\n\n                <a href=\"https:\/\/wallpanelfactory.com\/es\/our-factory\/\" class=\"xuran-about-story__link\">\n                    Discover Our Factory\n                    <span>\u2197<\/span>\n                <\/a>\n\n            <\/div>\n\n\n            <!-- RIGHT \u2014 IMAGE -->\n\n            <div class=\"xuran-about-story__visual\">\n\n                <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/0930-3-1.png\" alt=\"Xuran Wall Panel company and manufacturing\" loading=\"lazy\">\n\n                <div class=\"xuran-about-story__image-number\">\n                    02\n                <\/div>\n\n                <div class=\"xuran-about-story__image-caption\">\n\n                    <span>\n                        XURAN\n                    <\/span>\n\n                    <span>\n                        OUR STORY\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             BOTTOM TIMELINE\n        ====================================== -->\n\n        <div class=\"xuran-about-story__timeline\">\n\n\n            <div class=\"xuran-about-story__timeline-item\">\n\n                <span class=\"xuran-about-story__dot\"><\/span>\n\n                <span class=\"xuran-about-story__timeline-year\">\n                    2015\n                <\/span>\n\n                <p>\n                    Xuran manufacturing begins.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"xuran-about-story__timeline-item\">\n\n                <span class=\"xuran-about-story__dot\"><\/span>\n\n                <span class=\"xuran-about-story__timeline-year\">\n                    GROWTH\n                <\/span>\n\n                <p>\n                    Expanding product and surface\n                    development capabilities.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"xuran-about-story__timeline-item\">\n\n                <span class=\"xuran-about-story__dot\"><\/span>\n\n                <span class=\"xuran-about-story__timeline-year\">\n                    TODAY\n                <\/span>\n\n                <p>\n                    Supporting professional buyers\n                    across international markets.\n                <\/p>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   ABOUT US\n   SECTION 03 \u2014 WHAT WE MAKE\n===================================================== *\/\n\n.xuran-about-products {\n    background: #f2f0eb;\n    color: #171717;\n\n    padding: 120px 6vw;\n\n    overflow: hidden;\n}\n\n\n.xuran-about-products *,\n.xuran-about-products *::before,\n.xuran-about-products *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-about-products__container {\n    width: 100%;\n    max-width: 1500px;\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.xuran-about-products__header {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.35fr)\n        minmax(280px, 0.65fr);\n\n    align-items: end;\n\n    gap: 8vw;\n\n    margin-bottom: 70px;\n}\n\n\n\/* =====================================================\n   LABEL\n===================================================== *\/\n\n.xuran-about-products__label {\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    margin-bottom: 26px;\n\n    color: #b51f27;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-products__label > span {\n    display: block;\n\n    width: 35px;\n    height: 1px;\n\n    background: #b51f27;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.xuran-about-products__heading h2 {\n    max-width: 1000px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n        clamp(52px, 6vw, 92px);\n\n    line-height: 0.94;\n\n    letter-spacing: -4px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-products__heading h2 em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.xuran-about-products__intro {\n    max-width: 390px;\n\n    padding-bottom: 5px;\n}\n\n\n.xuran-about-products__intro > span {\n    display: block;\n\n    margin-bottom: 18px;\n\n    color: #898271;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2.2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-products__intro p {\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 13px;\n\n    line-height: 1.75;\n}\n\n\n\/* VIEW PRODUCTS LINK *\/\n\n.xuran-about-products__intro a {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 25px;\n\n    margin-top: 25px;\n\n    padding-bottom: 7px;\n\n    border-bottom: 1px solid #aaa69d;\n\n    color: #171717;\n\n    text-decoration: none;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-products__intro a span {\n    color: #b51f27;\n\n    font-size: 13px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-products__intro a:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =====================================================\n   PRODUCT GRID\n===================================================== *\/\n\n.xuran-about-products__grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 18px;\n}\n\n\n\/* =====================================================\n   PRODUCT CARD\n===================================================== *\/\n\n.xuran-about-product {\n    display: block;\n\n    color: #171717;\n\n    text-decoration: none;\n}\n\n\n\/* IMAGE *\/\n\n.xuran-about-product__image {\n    position: relative;\n\n    width: 100%;\n\n    aspect-ratio: 0.78;\n\n    overflow: hidden;\n\n    background: #dedbd4;\n}\n\n\n.xuran-about-product__image img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform 0.7s ease;\n}\n\n\n.xuran-about-product:hover\n.xuran-about-product__image img {\n    transform: scale(1.035);\n}\n\n\n\/* NUMBER *\/\n\n.xuran-about-product__number {\n    position: absolute;\n\n    top: 14px;\n    left: 14px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 36px;\n    height: 36px;\n\n    background:\n        rgba(242, 240, 235, 0.94);\n\n    color: #b51f27;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 10px;\n\n    font-style: italic;\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n\n\/* =====================================================\n   PRODUCT CONTENT\n===================================================== *\/\n\n.xuran-about-product__content {\n    display: flex;\n\n    align-items: flex-end;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding: 20px 3px 24px;\n\n    border-bottom: 1px solid #cbc8c0;\n}\n\n\n.xuran-about-product__type {\n    display: block;\n\n    margin-bottom: 9px;\n\n    color: #898271;\n\n    font-size: 6px;\n    font-weight: 700;\n\n    letter-spacing: 1.7px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-product__content h3 {\n    margin: 0;\n\n    color: #171717;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(20px, 1.7vw, 28px);\n\n    line-height: 1.1;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-product__arrow {\n    flex: 0 0 auto;\n\n    color: #b51f27;\n\n    font-size: 16px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-product:hover\n.xuran-about-product__arrow {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =====================================================\n   BOTTOM STATEMENT\n===================================================== *\/\n\n.xuran-about-products__bottom {\n    display: grid;\n\n    grid-template-columns:\n        180px\n        minmax(0, 1fr);\n\n    gap: 55px;\n\n    margin-top: 75px;\n\n    padding-top: 34px;\n\n    border-top: 1px solid #cbc8c0;\n}\n\n\n.xuran-about-products__bottom-label {\n    padding-top: 7px;\n\n    color: #b51f27;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-products__bottom p {\n    max-width: 900px;\n\n    margin: 0;\n\n    color: #242321;\n\n    font-size:\n        clamp(23px, 2.5vw, 38px);\n\n    line-height: 1.3;\n\n    letter-spacing: -1px;\n}\n\n\n.xuran-about-products__bottom p em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .xuran-about-products {\n        padding-top: 100px;\n        padding-bottom: 100px;\n    }\n\n\n    .xuran-about-products__header {\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(260px, 0.55fr);\n\n        gap: 50px;\n    }\n\n\n    .xuran-about-products__grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap:\n            45px 18px;\n    }\n\n\n    .xuran-about-product__image {\n        aspect-ratio: 0.9;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-about-products {\n        padding:\n            80px 24px\n            75px;\n    }\n\n\n    \/* HEADER *\/\n\n    .xuran-about-products__header {\n        grid-template-columns: 1fr;\n\n        align-items: start;\n\n        gap: 32px;\n\n        margin-bottom: 48px;\n    }\n\n\n    .xuran-about-products__label {\n        margin-bottom: 21px;\n\n        font-size: 7px;\n\n        letter-spacing: 2px;\n    }\n\n\n    .xuran-about-products__label > span {\n        width: 27px;\n    }\n\n\n    \/* TITLE *\/\n\n    .xuran-about-products__heading h2 {\n        font-size:\n            clamp(44px, 12vw, 61px);\n\n        line-height: 0.97;\n\n        letter-spacing: -2.6px;\n    }\n\n\n    .xuran-about-products__intro {\n        max-width: 100%;\n    }\n\n\n    .xuran-about-products__intro p {\n        max-width: 420px;\n\n        font-size: 12px;\n    }\n\n\n    \/* =================================================\n       PRODUCTS\n    ================================================= *\/\n\n    .xuran-about-products__grid {\n        grid-template-columns: 1fr;\n\n        gap: 45px;\n    }\n\n\n    \/*\n       On mobile the image is not forced\n       into a tall fixed-height container.\n\n       This reduces unwanted image cropping.\n    *\/\n\n    .xuran-about-product__image {\n        aspect-ratio: auto;\n\n        height: auto;\n    }\n\n\n    .xuran-about-product__image img {\n        width: 100%;\n        height: auto;\n\n        object-fit: contain;\n    }\n\n\n    .xuran-about-product__content {\n        padding:\n            17px 2px\n            20px;\n    }\n\n\n    .xuran-about-product__content h3 {\n        font-size: 25px;\n    }\n\n\n    \/* BOTTOM *\/\n\n    .xuran-about-products__bottom {\n        grid-template-columns: 1fr;\n\n        gap: 20px;\n\n        margin-top: 65px;\n\n        padding-top: 28px;\n    }\n\n\n    .xuran-about-products__bottom-label {\n        padding-top: 0;\n    }\n\n\n    .xuran-about-products__bottom p {\n        font-size:\n            clamp(23px, 7vw, 31px);\n\n        line-height: 1.28;\n\n        letter-spacing: -0.8px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-about-products {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     ABOUT US\n     SECTION 03 \u2014 WHAT WE MAKE\n====================================================== -->\n\n<section class=\"xuran-about-products\" id=\"what-we-make\">\n\n    <div class=\"xuran-about-products__container\">\n\n        <!-- =====================================\n             TOP\n        ====================================== -->\n\n        <div class=\"xuran-about-products__header\">\n\n            <div class=\"xuran-about-products__heading\">\n\n                <div class=\"xuran-about-products__label\">\n                    <span><\/span>\n                    03 \u00b7 WHAT WE MAKE\n                <\/div>\n\n                <h2>\n                    Decorative surfaces<br>\n                    for <em>modern interiors.<\/em>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"xuran-about-products__intro\">\n\n                <span>\n                    OUR PRODUCTS\n                <\/span>\n\n                <p>\n                    We manufacture decorative wall panel\n                    solutions designed for residential,\n                    commercial and interior projects.\n                <\/p>\n\n                <a href=\"https:\/\/wallpanelfactory.com\/es\/products\/\">\n                    View All Products\n                    <span>\u2197<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             PRODUCT GRID\n        ====================================== -->\n\n        <div class=\"xuran-about-products__grid\">\n\n\n            <!-- PRODUCT 01 -->\n\n            <a href=\"\/es\/products\/\" class=\"xuran-about-product\">\n\n                <div class=\"xuran-about-product__image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/Anti-collision-Wpc-Wall-Panel-7MM-1.png\" alt=\"Xuran decorative wall panels\" loading=\"lazy\">\n\n                    <span class=\"xuran-about-product__number\">\n                        01\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"xuran-about-product__content\">\n\n                    <div>\n                        <span class=\"xuran-about-product__type\">\n                            DECORATIVE PANEL\n                        <\/span>\n\n                        <h3>\n                            WPC Wall Panels\n                        <\/h3>\n                    <\/div>\n\n                    <span class=\"xuran-about-product__arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- PRODUCT 02 -->\n\n            <a href=\"\/es\/products\/\" class=\"xuran-about-product\">\n\n                <div class=\"xuran-about-product__image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/spc-moulding.png\" alt=\"Xuran SPC wall panels\" loading=\"lazy\">\n\n                    <span class=\"xuran-about-product__number\">\n                        02\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"xuran-about-product__content\">\n\n                    <div>\n                        <span class=\"xuran-about-product__type\">\n                            DECORATIVE SURFACE\n                        <\/span>\n\n                        <h3>\n                            SPC Wall Panels\n                        <\/h3>\n                    <\/div>\n\n                    <span class=\"xuran-about-product__arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- PRODUCT 03 -->\n\n            <a href=\"\/es\/products\/\" class=\"xuran-about-product\">\n\n                <div class=\"xuran-about-product__image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/10\/home-decoration-cases-wall-panel.png\" alt=\"Xuran stone effect wall panels\" loading=\"lazy\">\n\n                    <span class=\"xuran-about-product__number\">\n                        03\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"xuran-about-product__content\">\n\n                    <div>\n                        <span class=\"xuran-about-product__type\">\n                            TEXTURED SURFACE\n                        <\/span>\n\n                        <h3>\n                            Home Decoration\n                        <\/h3>\n                    <\/div>\n\n                    <span class=\"xuran-about-product__arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- PRODUCT 04 -->\n\n            <a href=\"\/es\/products\/\" class=\"xuran-about-product\">\n\n                <div class=\"xuran-about-product__image\">\n\n                    <img decoding=\"async\" src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/ktv-cases-wall-panel-for-commercial-projects-case.png\" alt=\"Xuran acoustic wall panels\" loading=\"lazy\">\n\n                    <span class=\"xuran-about-product__number\">\n                        04\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"xuran-about-product__content\">\n\n                    <div>\n                        <span class=\"xuran-about-product__type\">\n                            INTERIOR PANEL\n                        <\/span>\n\n                        <h3>\nCommercial Project Case                     <\/h3>\n                    <\/div>\n\n                    <span class=\"xuran-about-product__arrow\">\n                        \u2197\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n\n        <!-- =====================================\n             BOTTOM STATEMENT\n        ====================================== -->\n\n        <div class=\"xuran-about-products__bottom\">\n\n            <span class=\"xuran-about-products__bottom-label\">\n                BEYOND THE PANEL\n            <\/span>\n\n\n            <p>\n                Different markets need different surfaces.\n                That&#8217;s why our work goes beyond standard products \u2014\n                <em>color, texture, dimensions and packaging can\n                become part of the solution.<\/em>\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   ABOUT US\n   SECTION 04 \u2014 WHY XURAN\n===================================================== *\/\n\n.xuran-about-why {\n    background: #e7e4dd;\n    color: #171717;\n\n    padding: 120px 6vw;\n\n    overflow: hidden;\n}\n\n\n.xuran-about-why *,\n.xuran-about-why *::before,\n.xuran-about-why *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-about-why__container {\n    width: 100%;\n    max-width: 1500px;\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.xuran-about-why__header {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.35fr)\n        minmax(280px, 0.65fr);\n\n    align-items: end;\n\n    gap: 8vw;\n\n    margin-bottom: 75px;\n}\n\n\n\/* =====================================================\n   LABEL\n===================================================== *\/\n\n.xuran-about-why__label {\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    margin-bottom: 26px;\n\n    color: #b51f27;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-why__label > span {\n    display: block;\n\n    width: 35px;\n    height: 1px;\n\n    background: #b51f27;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.xuran-about-why__heading h2 {\n    max-width: 1050px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n        clamp(52px, 5.8vw, 90px);\n\n    line-height: 0.95;\n\n    letter-spacing: -4px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-why__heading h2 em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.xuran-about-why__intro {\n    max-width: 400px;\n\n    padding-bottom: 5px;\n}\n\n\n.xuran-about-why__eyebrow {\n    display: block;\n\n    margin-bottom: 18px;\n\n    color: #898271;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2.1px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-why__intro p {\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 13px;\n\n    line-height: 1.75;\n}\n\n\n\/* =====================================================\n   PRINCIPLE GRID\n===================================================== *\/\n\n.xuran-about-why__grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    border-top: 1px solid #bbb8b1;\n\n    border-bottom: 1px solid #bbb8b1;\n}\n\n\n\/* =====================================================\n   INDIVIDUAL ITEM\n===================================================== *\/\n\n.xuran-about-why__item {\n    position: relative;\n\n    min-height: 410px;\n\n    padding:\n        25px 32px\n        40px;\n\n    border-right: 1px solid #c6c3bc;\n}\n\n\n.xuran-about-why__item:first-child {\n    padding-left: 0;\n}\n\n\n.xuran-about-why__item:last-child {\n    padding-right: 0;\n\n    border-right: 0;\n}\n\n\n\/* =====================================================\n   NUMBER\n===================================================== *\/\n\n.xuran-about-why__item-top {\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n}\n\n\n.xuran-about-why__number {\n    flex: 0 0 auto;\n\n    color: #b51f27;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 12px;\n\n    font-style: italic;\n}\n\n\n.xuran-about-why__line {\n    display: block;\n\n    width: 28px;\n    height: 1px;\n\n    background: #b8b4ac;\n}\n\n\n\/* =====================================================\n   ABSTRACT ICON\n===================================================== *\/\n\n.xuran-about-why__icon {\n    position: relative;\n\n    width: 70px;\n    height: 70px;\n\n    margin-top: 65px;\n    margin-bottom: 45px;\n}\n\n\n\/* MANUFACTURING *\/\n\n.xuran-about-why__icon span {\n    position: absolute;\n\n    display: block;\n\n    border: 1px solid #898271;\n}\n\n\n.xuran-about-why__icon span:nth-child(1) {\n    left: 0;\n    bottom: 0;\n\n    width: 46px;\n    height: 46px;\n}\n\n\n.xuran-about-why__icon span:nth-child(2) {\n    top: 0;\n    right: 0;\n\n    width: 35px;\n    height: 35px;\n}\n\n\n.xuran-about-why__icon span:nth-child(3) {\n    right: 8px;\n    bottom: 8px;\n\n    width: 12px;\n    height: 12px;\n\n    background: #b51f27;\n\n    border-color: #b51f27;\n}\n\n\n\/* CUSTOMIZATION *\/\n\n.xuran-about-why__icon--surface span:nth-child(1) {\n    top: 5px;\n    left: 0;\n\n    width: 65px;\n    height: 12px;\n}\n\n\n.xuran-about-why__icon--surface span:nth-child(2) {\n    top: 29px;\n    left: 8px;\n\n    width: 57px;\n    height: 12px;\n}\n\n\n.xuran-about-why__icon--surface span:nth-child(3) {\n    top: 53px;\n    left: 16px;\n\n    width: 49px;\n    height: 12px;\n\n    background: transparent;\n\n    border-color: #898271;\n}\n\n\n\/* QUALITY *\/\n\n.xuran-about-why__icon--quality span:nth-child(1) {\n    top: 0;\n    left: 0;\n\n    width: 65px;\n    height: 65px;\n\n    border-radius: 50%;\n}\n\n\n.xuran-about-why__icon--quality span:nth-child(2) {\n    top: 13px;\n    left: 13px;\n\n    width: 39px;\n    height: 39px;\n\n    border-radius: 50%;\n}\n\n\n.xuran-about-why__icon--quality span:nth-child(3) {\n    top: 28px;\n    left: 28px;\n\n    width: 9px;\n    height: 9px;\n\n    border-radius: 50%;\n\n    background: #b51f27;\n\n    border-color: #b51f27;\n}\n\n\n\/* SERVICE *\/\n\n.xuran-about-why__icon--service span:nth-child(1) {\n    top: 9px;\n    left: 0;\n\n    width: 64px;\n    height: 1px;\n\n    border: 0;\n\n    background: #898271;\n}\n\n\n.xuran-about-why__icon--service span:nth-child(2) {\n    top: 32px;\n    left: 0;\n\n    width: 49px;\n    height: 1px;\n\n    border: 0;\n\n    background: #898271;\n}\n\n\n.xuran-about-why__icon--service span:nth-child(3) {\n    top: 55px;\n    left: 0;\n\n    width: 33px;\n    height: 4px;\n\n    border: 0;\n\n    background: #b51f27;\n}\n\n\n\/* =====================================================\n   ITEM TEXT\n===================================================== *\/\n\n.xuran-about-why__item h3 {\n    margin: 0 0 18px;\n\n    color: #171717;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(23px, 1.8vw, 29px);\n\n    line-height: 1.1;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-why__item p {\n    max-width: 260px;\n\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 10px;\n\n    line-height: 1.8;\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.xuran-about-why__bottom {\n    display: grid;\n\n    grid-template-columns:\n        160px\n        minmax(0, 1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 50px;\n\n    margin-top: 65px;\n}\n\n\n\/* LABEL *\/\n\n.xuran-about-why__bottom-label span {\n    color: #b51f27;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n\/* STATEMENT *\/\n\n.xuran-about-why__bottom p {\n    max-width: 800px;\n\n    margin: 0;\n\n    color: #242321;\n\n    font-size:\n        clamp(23px, 2.3vw, 35px);\n\n    line-height: 1.3;\n\n    letter-spacing: -1px;\n}\n\n\n.xuran-about-why__bottom p em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.xuran-about-why__button {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 40px;\n\n    min-width: 205px;\n\n    padding: 17px 18px;\n\n    background: #19191b;\n\n    border: 1px solid #19191b;\n\n    color: #ffffff;\n\n    text-decoration: none;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n\n    transition:\n        background 0.3s ease,\n        color 0.3s ease;\n}\n\n\n.xuran-about-why__button span {\n    font-size: 13px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-why__button:hover {\n    background: transparent;\n\n    color: #171717;\n}\n\n\n.xuran-about-why__button:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .xuran-about-why {\n        padding-top: 100px;\n        padding-bottom: 100px;\n    }\n\n\n    .xuran-about-why__header {\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(250px, 0.55fr);\n\n        gap: 50px;\n    }\n\n\n    .xuran-about-why__grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n\n\n    .xuran-about-why__item {\n        min-height: 370px;\n\n        padding:\n            30px 35px\n            40px;\n    }\n\n\n    .xuran-about-why__item:first-child {\n        padding-left: 0;\n    }\n\n\n    .xuran-about-why__item:nth-child(2) {\n        border-right: 0;\n    }\n\n\n    .xuran-about-why__item:nth-child(3),\n    .xuran-about-why__item:nth-child(4) {\n        border-top: 1px solid #c6c3bc;\n    }\n\n\n    .xuran-about-why__item:nth-child(3) {\n        padding-left: 0;\n    }\n\n\n    .xuran-about-why__bottom {\n        grid-template-columns:\n            120px\n            minmax(0, 1fr);\n    }\n\n\n    .xuran-about-why__button {\n        grid-column: 2;\n\n        justify-self: start;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-about-why {\n        padding:\n            80px 24px\n            75px;\n    }\n\n\n    \/* HEADER *\/\n\n    .xuran-about-why__header {\n        grid-template-columns: 1fr;\n\n        align-items: start;\n\n        gap: 30px;\n\n        margin-bottom: 50px;\n    }\n\n\n    .xuran-about-why__label {\n        margin-bottom: 21px;\n\n        font-size: 7px;\n\n        letter-spacing: 2px;\n    }\n\n\n    .xuran-about-why__label > span {\n        width: 27px;\n    }\n\n\n    \/* TITLE *\/\n\n    .xuran-about-why__heading h2 {\n        font-size:\n            clamp(43px, 11.8vw, 60px);\n\n        line-height: 0.98;\n\n        letter-spacing: -2.5px;\n    }\n\n\n    .xuran-about-why__intro {\n        max-width: 100%;\n    }\n\n\n    .xuran-about-why__intro p {\n        max-width: 430px;\n\n        font-size: 12px;\n    }\n\n\n    \/* =================================================\n       PRINCIPLES\n    ================================================= *\/\n\n    .xuran-about-why__grid {\n        grid-template-columns: 1fr;\n\n        border-bottom: 0;\n    }\n\n\n    .xuran-about-why__item,\n    .xuran-about-why__item:first-child,\n    .xuran-about-why__item:nth-child(3) {\n        min-height: 0;\n\n        padding:\n            28px 0\n            35px;\n\n        border-right: 0;\n\n        border-bottom: 1px solid #c6c3bc;\n    }\n\n\n    .xuran-about-why__item:nth-child(3),\n    .xuran-about-why__item:nth-child(4) {\n        border-top: 0;\n    }\n\n\n    .xuran-about-why__icon {\n        margin-top: 40px;\n        margin-bottom: 35px;\n    }\n\n\n    .xuran-about-why__item h3 {\n        font-size: 27px;\n    }\n\n\n    .xuran-about-why__item p {\n        max-width: 430px;\n\n        font-size: 11px;\n    }\n\n\n    \/* BOTTOM *\/\n\n    .xuran-about-why__bottom {\n        grid-template-columns: 1fr;\n\n        align-items: start;\n\n        gap: 22px;\n\n        margin-top: 50px;\n    }\n\n\n    .xuran-about-why__bottom p {\n        font-size:\n            clamp(23px, 7vw, 31px);\n\n        line-height: 1.28;\n\n        letter-spacing: -0.8px;\n    }\n\n\n    .xuran-about-why__button {\n        grid-column: auto;\n\n        width: 100%;\n\n        min-width: 0;\n\n        margin-top: 8px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-about-why {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     ABOUT US\n     SECTION 04 \u2014 WHY XURAN\n====================================================== -->\n\n<section class=\"xuran-about-why\" id=\"why-xuran\">\n\n    <div class=\"xuran-about-why__container\">\n\n        <!-- =====================================\n             TOP HEADER\n        ====================================== -->\n\n        <div class=\"xuran-about-why__header\">\n\n            <div class=\"xuran-about-why__heading\">\n\n                <div class=\"xuran-about-why__label\">\n                    <span><\/span>\n                    04 \u00b7 WHY XURAN\n                <\/div>\n\n                <h2>\n                    More than a supplier.<br>\n                    <em>A manufacturing partner.<\/em>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"xuran-about-why__intro\">\n\n                <span class=\"xuran-about-why__eyebrow\">\n                    HOW WE WORK\n                <\/span>\n\n                <p>\n                    Good products are only part of the job.\n                    We focus on the details that help professional\n                    buyers move from product selection to\n                    production and delivery.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             PRINCIPLES\n        ====================================== -->\n\n        <div class=\"xuran-about-why__grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"xuran-about-why__item\">\n\n                <div class=\"xuran-about-why__item-top\">\n\n                    <span class=\"xuran-about-why__number\">\n                        01\n                    <\/span>\n\n                    <span class=\"xuran-about-why__line\"><\/span>\n\n                <\/div>\n\n\n                <div class=\"xuran-about-why__icon\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/div>\n\n\n                <h3>\n                    Manufacturing\n                <\/h3>\n\n                <p>\n                    Production is at the center of what we do,\n                    giving us direct involvement from material\n                    preparation through finished wall panels.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"xuran-about-why__item\">\n\n                <div class=\"xuran-about-why__item-top\">\n\n                    <span class=\"xuran-about-why__number\">\n                        02\n                    <\/span>\n\n                    <span class=\"xuran-about-why__line\"><\/span>\n\n                <\/div>\n\n\n                <div class=\"xuran-about-why__icon                            xuran-about-why__icon--surface\">\n\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n\n                <\/div>\n\n\n                <h3>\n                    Customization\n                <\/h3>\n\n                <p>\n                    We work with customers on product details\n                    such as surface appearance, dimensions\n                    and packaging for different project\n                    and market requirements.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"xuran-about-why__item\">\n\n                <div class=\"xuran-about-why__item-top\">\n\n                    <span class=\"xuran-about-why__number\">\n                        03\n                    <\/span>\n\n                    <span class=\"xuran-about-why__line\"><\/span>\n\n                <\/div>\n\n\n                <div class=\"xuran-about-why__icon                            xuran-about-why__icon--quality\">\n\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n\n                <\/div>\n\n\n                <h3>\n                    Quality Control\n                <\/h3>\n\n                <p>\n                    Inspection is integrated into the production\n                    process, with attention given to materials,\n                    dimensions, surfaces and finished products.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"xuran-about-why__item\">\n\n                <div class=\"xuran-about-why__item-top\">\n\n                    <span class=\"xuran-about-why__number\">\n                        04\n                    <\/span>\n\n                    <span class=\"xuran-about-why__line\"><\/span>\n\n                <\/div>\n\n\n                <div class=\"xuran-about-why__icon                            xuran-about-why__icon--service\">\n\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n\n                <\/div>\n\n\n                <h3>\n                    Professional Support\n                <\/h3>\n\n                <p>\n                    From product discussions to order preparation,\n                    we aim to keep communication practical,\n                    clear and focused on the needs of\n                    professional buyers.\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n\n        <!-- =====================================\n             BOTTOM STATEMENT\n        ====================================== -->\n\n        <div class=\"xuran-about-why__bottom\">\n\n            <div class=\"xuran-about-why__bottom-label\">\n\n                <span>OUR APPROACH<\/span>\n\n            <\/div>\n\n\n            <p>\n                Understand the requirement.\n                Develop the solution.\n                <em>Make it ready for market.<\/em>\n            <\/p>\n\n\n            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=8618688129406&#038;text=Hello+Xuran+wallpanel+factory+%2C+We+want+to+know+more+about+your+products%21&#038;type=phone_number&#038;app_absent=0\">\n                Work With Xuran\n                <span>\u2197<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   ABOUT US\n   SECTION 05 \u2014 GLOBAL PARTNERSHIP\n===================================================== *\/\n\n.xuran-about-global {\n    background: #f2f0eb;\n    color: #171717;\n\n    padding: 120px 6vw;\n\n    overflow: hidden;\n}\n\n\n.xuran-about-global *,\n.xuran-about-global *::before,\n.xuran-about-global *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-about-global__container {\n    width: 100%;\n    max-width: 1500px;\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.xuran-about-global__header {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.35fr)\n        minmax(280px, 0.65fr);\n\n    align-items: end;\n\n    gap: 8vw;\n\n    margin-bottom: 70px;\n}\n\n\n\/* =====================================================\n   LABEL\n===================================================== *\/\n\n.xuran-about-global__label {\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    margin-bottom: 26px;\n\n    color: #b51f27;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-global__label > span {\n    display: block;\n\n    width: 35px;\n    height: 1px;\n\n    background: #b51f27;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.xuran-about-global__heading h2 {\n    max-width: 1000px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n        clamp(52px, 6vw, 92px);\n\n    line-height: 0.94;\n\n    letter-spacing: -4px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-global__heading h2 em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.xuran-about-global__intro {\n    max-width: 390px;\n\n    padding-bottom: 5px;\n}\n\n\n.xuran-about-global__eyebrow {\n    display: block;\n\n    margin-bottom: 18px;\n\n    color: #898271;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2.1px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-global__intro p {\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 13px;\n\n    line-height: 1.75;\n}\n\n\n\/* INTRO LINK *\/\n\n.xuran-about-global__intro a {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 25px;\n\n    margin-top: 25px;\n\n    padding-bottom: 7px;\n\n    border-bottom: 1px solid #aaa69d;\n\n    color: #171717;\n\n    text-decoration: none;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-global__intro a span {\n    color: #b51f27;\n\n    font-size: 13px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-global__intro a:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =====================================================\n   MAIN IMAGE\n===================================================== *\/\n\n.xuran-about-global__visual {\n    position: relative;\n\n    width: 100%;\n\n    height: clamp(520px, 55vw, 760px);\n\n    overflow: hidden;\n\n    background: #dedbd4;\n}\n\n\n.xuran-about-global__visual img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition: transform 0.8s ease;\n}\n\n\n.xuran-about-global__visual:hover img {\n    transform: scale(1.015);\n}\n\n\n\/* =====================================================\n   IMAGE NUMBER\n===================================================== *\/\n\n.xuran-about-global__number {\n    position: absolute;\n\n    top: 22px;\n    left: 22px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 42px;\n    height: 42px;\n\n    background:\n        rgba(242, 240, 235, 0.94);\n\n    color: #b51f27;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 12px;\n\n    font-style: italic;\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n\n\/* =====================================================\n   IMAGE META\n===================================================== *\/\n\n.xuran-about-global__image-meta {\n    position: absolute;\n\n    left: 22px;\n    right: 22px;\n    bottom: 22px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding: 15px 18px;\n\n    background:\n        rgba(242, 240, 235, 0.94);\n\n    border:\n        1px solid rgba(23, 23, 23, 0.10);\n\n    color: #55534e;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n}\n\n\n\/* =====================================================\n   PARTNERSHIP POINTS\n===================================================== *\/\n\n.xuran-about-global__points {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    margin-top: 55px;\n\n    border-top: 1px solid #cbc8c0;\n\n    border-bottom: 1px solid #cbc8c0;\n}\n\n\n\/* =====================================================\n   POINT\n===================================================== *\/\n\n.xuran-about-global__point {\n    display: grid;\n\n    grid-template-columns:\n        45px\n        minmax(0, 1fr);\n\n    gap: 25px;\n\n    min-height: 185px;\n\n    padding:\n        30px 35px\n        32px;\n\n    border-right: 1px solid #cbc8c0;\n}\n\n\n.xuran-about-global__point:first-child {\n    padding-left: 0;\n}\n\n\n.xuran-about-global__point:last-child {\n    padding-right: 0;\n\n    border-right: 0;\n}\n\n\n\/* NUMBER *\/\n\n.xuran-about-global__point-number {\n    color: #b51f27;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 12px;\n\n    font-style: italic;\n}\n\n\n\/* TITLE *\/\n\n.xuran-about-global__point h3 {\n    margin: 0 0 13px;\n\n    color: #171717;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(23px, 1.8vw, 29px);\n\n    line-height: 1.1;\n\n    font-weight: 400;\n}\n\n\n\/* TEXT *\/\n\n.xuran-about-global__point p {\n    max-width: 280px;\n\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 10px;\n\n    line-height: 1.75;\n}\n\n\n\/* =====================================================\n   BOTTOM STATEMENT\n===================================================== *\/\n\n.xuran-about-global__statement {\n    display: grid;\n\n    grid-template-columns:\n        160px\n        minmax(0, 1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 50px;\n\n    margin-top: 65px;\n}\n\n\n\/* LABEL *\/\n\n.xuran-about-global__statement-label {\n    color: #b51f27;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n\/* TEXT *\/\n\n.xuran-about-global__statement p {\n    max-width: 850px;\n\n    margin: 0;\n\n    color: #242321;\n\n    font-size:\n        clamp(24px, 2.5vw, 38px);\n\n    line-height: 1.3;\n\n    letter-spacing: -1px;\n}\n\n\n.xuran-about-global__statement p em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   CTA BUTTON\n===================================================== *\/\n\n.xuran-about-global__button {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 40px;\n\n    min-width: 190px;\n\n    padding: 17px 18px;\n\n    background: #19191b;\n\n    border: 1px solid #19191b;\n\n    color: #ffffff;\n\n    text-decoration: none;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n\n    transition:\n        background 0.3s ease,\n        color 0.3s ease;\n}\n\n\n.xuran-about-global__button span {\n    font-size: 13px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-global__button:hover {\n    background: transparent;\n\n    color: #171717;\n}\n\n\n.xuran-about-global__button:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .xuran-about-global {\n        padding-top: 100px;\n        padding-bottom: 100px;\n    }\n\n\n    .xuran-about-global__header {\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(260px, 0.55fr);\n\n        gap: 50px;\n    }\n\n\n    .xuran-about-global__visual {\n        height: 600px;\n    }\n\n\n    .xuran-about-global__point {\n        grid-template-columns: 35px 1fr;\n\n        gap: 15px;\n\n        padding-left: 25px;\n        padding-right: 25px;\n    }\n\n\n    .xuran-about-global__point:first-child {\n        padding-left: 0;\n    }\n\n\n    .xuran-about-global__statement {\n        grid-template-columns:\n            120px\n            minmax(0, 1fr);\n    }\n\n\n    .xuran-about-global__button {\n        grid-column: 2;\n\n        justify-self: start;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-about-global {\n        padding:\n            80px 24px\n            75px;\n    }\n\n\n    \/* HEADER *\/\n\n    .xuran-about-global__header {\n        grid-template-columns: 1fr;\n\n        align-items: start;\n\n        gap: 30px;\n\n        margin-bottom: 48px;\n    }\n\n\n    .xuran-about-global__label {\n        margin-bottom: 21px;\n\n        font-size: 7px;\n\n        letter-spacing: 2px;\n    }\n\n\n    .xuran-about-global__label > span {\n        width: 27px;\n    }\n\n\n    \/* TITLE *\/\n\n    .xuran-about-global__heading h2 {\n        font-size:\n            clamp(44px, 12vw, 61px);\n\n        line-height: 0.97;\n\n        letter-spacing: -2.6px;\n    }\n\n\n    .xuran-about-global__intro {\n        max-width: 100%;\n    }\n\n\n    .xuran-about-global__intro p {\n        max-width: 430px;\n\n        font-size: 12px;\n    }\n\n\n    \/* =================================================\n       IMAGE\n       Keep natural ratio on mobile\n    ================================================= *\/\n\n    .xuran-about-global__visual {\n        width: calc(100% + 48px);\n\n        height: auto;\n\n        min-height: 0;\n\n        margin-left: -24px;\n    }\n\n\n    .xuran-about-global__visual img {\n        display: block;\n\n        width: 100%;\n        height: auto;\n\n        object-fit: contain;\n\n        object-position: center;\n    }\n\n\n    .xuran-about-global__number {\n        top: 14px;\n        left: 14px;\n\n        width: 36px;\n        height: 36px;\n    }\n\n\n    .xuran-about-global__image-meta {\n        left: 14px;\n        right: 14px;\n        bottom: 14px;\n\n        padding: 13px 14px;\n    }\n\n\n    .xuran-about-global__image-meta\n    span:last-child {\n        display: none;\n    }\n\n\n    \/* =================================================\n       POINTS\n    ================================================= *\/\n\n    .xuran-about-global__points {\n        grid-template-columns: 1fr;\n\n        margin-top: 45px;\n    }\n\n\n    .xuran-about-global__point,\n    .xuran-about-global__point:first-child,\n    .xuran-about-global__point:last-child {\n        grid-template-columns:\n            40px\n            minmax(0, 1fr);\n\n        gap: 20px;\n\n        min-height: 0;\n\n        padding:\n            27px 0\n            30px;\n\n        border-right: 0;\n\n        border-bottom: 1px solid #cbc8c0;\n    }\n\n\n    .xuran-about-global__point:last-child {\n        border-bottom: 0;\n    }\n\n\n    .xuran-about-global__point h3 {\n        font-size: 26px;\n    }\n\n\n    .xuran-about-global__point p {\n        max-width: 420px;\n\n        font-size: 11px;\n    }\n\n\n    \/* =================================================\n       BOTTOM\n    ================================================= *\/\n\n    .xuran-about-global__statement {\n        grid-template-columns: 1fr;\n\n        align-items: start;\n\n        gap: 22px;\n\n        margin-top: 50px;\n    }\n\n\n    .xuran-about-global__statement p {\n        font-size:\n            clamp(23px, 7vw, 31px);\n\n        line-height: 1.28;\n\n        letter-spacing: -0.8px;\n    }\n\n\n    .xuran-about-global__button {\n        grid-column: auto;\n\n        width: 100%;\n\n        min-width: 0;\n\n        margin-top: 8px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-about-global {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n\n    .xuran-about-global__visual {\n        width: calc(100% + 40px);\n\n        margin-left: -20px;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     ABOUT US\n     SECTION 05 \u2014 GLOBAL PARTNERSHIP\n====================================================== -->\n\n<section class=\"xuran-about-global\" id=\"global-partnership\">\n\n    <div class=\"xuran-about-global__container\">\n\n        <!-- =====================================\n             HEADER\n        ====================================== -->\n\n        <div class=\"xuran-about-global__header\">\n\n            <div class=\"xuran-about-global__heading\">\n\n                <div class=\"xuran-about-global__label\">\n                    <span><\/span>\n                    05 \u00b7 GLOBAL PARTNERSHIP\n                <\/div>\n\n                <h2>\n                    Made in China.<br>\n                    <em>Built for your market.<\/em>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"xuran-about-global__intro\">\n\n                <span class=\"xuran-about-global__eyebrow\">\n                    WORKING TOGETHER\n                <\/span>\n\n                <p>\n                    We work with professional buyers looking\n                    for decorative wall panel solutions that\n                    can be adapted to their products, projects\n                    and market requirements.\n                <\/p>\n\n                <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=8618688129406&#038;text=Hello+Xuran+wallpanel+factory+%2C+We+want+to+know+more+about+your+products%21&#038;type=phone_number&#038;app_absent=0\">\n                    Start a Conversation\n                    <span>\u2197<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             MAIN IMAGE\n        ====================================== -->\n\n        <div class=\"xuran-about-global__visual\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/Workplaces-wall-panel-china.png\"\n                alt=\"Xuran Wall Panel working with international customers\"\n                loading=\"lazy\"\n            >\n\n\n            <!-- IMAGE TOP NUMBER -->\n\n            <div class=\"xuran-about-global__number\">\n                05\n            <\/div>\n\n\n            <!-- IMAGE INFORMATION -->\n\n            <div class=\"xuran-about-global__image-meta\">\n\n                <span>\n                    XURAN WALL PANEL\n                <\/span>\n\n                <span>\n                    GLOBAL PARTNERSHIP\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             PARTNERSHIP POINTS\n        ====================================== -->\n\n        <div class=\"xuran-about-global__points\">\n\n\n            <!-- POINT 01 -->\n\n            <div class=\"xuran-about-global__point\">\n\n                <span class=\"xuran-about-global__point-number\">\n                    01\n                <\/span>\n\n                <div class=\"xuran-about-global__point-content\">\n\n                    <h3>\n                        Understand\n                    <\/h3>\n\n                    <p>\n                        We begin with the product, application\n                        and market requirements behind\n                        your project.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- POINT 02 -->\n\n            <div class=\"xuran-about-global__point\">\n\n                <span class=\"xuran-about-global__point-number\">\n                    02\n                <\/span>\n\n                <div class=\"xuran-about-global__point-content\">\n\n                    <h3>\n                        Develop\n                    <\/h3>\n\n                    <p>\n                        Product details, surfaces and packaging\n                        can be discussed around the needs\n                        of your business.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- POINT 03 -->\n\n            <div class=\"xuran-about-global__point\">\n\n                <span class=\"xuran-about-global__point-number\">\n                    03\n                <\/span>\n\n                <div class=\"xuran-about-global__point-content\">\n\n                    <h3>\n                        Deliver\n                    <\/h3>\n\n                    <p>\n                        We prepare finished products for\n                        professional supply and international\n                        shipment.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =====================================\n             BOTTOM STATEMENT\n        ====================================== -->\n\n        <div class=\"xuran-about-global__statement\">\n\n            <span class=\"xuran-about-global__statement-label\">\n                PARTNERSHIP\n            <\/span>\n\n\n            <p>\n                Different markets. Different requirements.<br>\n                <em>One manufacturing partner behind them.<\/em>\n            <\/p>\n\n\n            <a\n                href=\"https:\/\/api.whatsapp.com\/send\/?phone=8618688129406&#038;text=Hello+Xuran+wallpanel+factory+%2C+We+want+to+know+more+about+your+products%21&#038;type=phone_number&#038;app_absent=0\"\n                class=\"xuran-about-global__button\"\n            >\n                Talk to Xuran\n                <span>\u2197<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   XURAN WALL PANEL\n   ABOUT US\n   SECTION 06 \u2014 START A PROJECT\n===================================================== *\/\n\n.xuran-about-contact {\n    background: #f2f0eb;\n    color: #171717;\n\n    padding: 120px 6vw 80px;\n\n    overflow: hidden;\n}\n\n\n.xuran-about-contact *,\n.xuran-about-contact *::before,\n.xuran-about-contact *::after {\n    box-sizing: border-box;\n}\n\n\n.xuran-about-contact__container {\n    width: 100%;\n    max-width: 1500px;\n\n    margin: 0 auto;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.xuran-about-contact__top {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding-bottom: 24px;\n\n    border-bottom: 1px solid #cbc8c0;\n}\n\n\n\/* LABEL *\/\n\n.xuran-about-contact__label {\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    color: #b51f27;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-contact__label > span {\n    display: block;\n\n    width: 35px;\n    height: 1px;\n\n    background: #b51f27;\n}\n\n\n\/* META *\/\n\n.xuran-about-contact__meta {\n    color: #898271;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n\/* =====================================================\n   MAIN\n===================================================== *\/\n\n.xuran-about-contact__main {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.4fr)\n        minmax(300px, 0.6fr);\n\n    align-items: end;\n\n    gap: 8vw;\n\n    padding:\n        85px 0\n        80px;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.xuran-about-contact__heading h2 {\n    max-width: 1050px;\n\n    margin: 0;\n\n    color: #171717;\n\n    font-size:\n        clamp(58px, 7vw, 108px);\n\n    line-height: 0.91;\n\n    letter-spacing: -5px;\n\n    font-weight: 400;\n}\n\n\n.xuran-about-contact__heading h2 em {\n    color: #898271;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-style: italic;\n    font-weight: 400;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.xuran-about-contact__content {\n    max-width: 410px;\n\n    padding-bottom: 8px;\n}\n\n\n.xuran-about-contact__eyebrow {\n    display: block;\n\n    margin-bottom: 20px;\n\n    color: #b51f27;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2.2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-contact__content > p {\n    margin: 0;\n\n    color: #242321;\n\n    font-size: 17px;\n\n    line-height: 1.65;\n}\n\n\n.xuran-about-contact__content\n.xuran-about-contact__small {\n    margin-top: 20px;\n\n    color: #686761;\n\n    font-size: 11px;\n\n    line-height: 1.8;\n}\n\n\n\/* =====================================================\n   ACTION AREA\n===================================================== *\/\n\n.xuran-about-contact__action {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        auto;\n\n    align-items: end;\n\n    gap: 60px;\n\n    padding:\n        38px 0\n        45px;\n\n    border-top: 1px solid #cbc8c0;\n\n    border-bottom: 1px solid #cbc8c0;\n}\n\n\n\/* =====================================================\n   EMAIL\n===================================================== *\/\n\n.xuran-about-contact__email {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        120px\n        minmax(0, 1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 30px;\n\n    color: #171717;\n\n    text-decoration: none;\n}\n\n\n.xuran-about-contact__email-label {\n    color: #898271;\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    text-transform: uppercase;\n}\n\n\n.xuran-about-contact__email-address {\n    position: relative;\n\n    display: inline-block;\n\n    width: fit-content;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(22px, 2.6vw, 39px);\n\n    line-height: 1.2;\n\n    letter-spacing: -1px;\n\n    word-break: break-word;\n}\n\n\n\/* EMAIL UNDERLINE *\/\n\n.xuran-about-contact__email-address::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: -7px;\n\n    width: 100%;\n    height: 1px;\n\n    background: #aaa69d;\n\n    transform-origin: left;\n\n    transition: transform 0.35s ease;\n}\n\n\n.xuran-about-contact__email:hover\n.xuran-about-contact__email-address::after {\n    transform: scaleX(0.35);\n}\n\n\n\/* EMAIL ARROW *\/\n\n.xuran-about-contact__email-arrow {\n    color: #b51f27;\n\n    font-size: 22px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-contact__email:hover\n.xuran-about-contact__email-arrow {\n    transform: translate(4px, -4px);\n}\n\n\n\/* =====================================================\n   BUTTONS\n===================================================== *\/\n\n.xuran-about-contact__buttons {\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n}\n\n\n.xuran-about-contact__button {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 35px;\n\n    min-width: 190px;\n\n    padding: 17px 18px;\n\n    text-decoration: none;\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n\n    transition:\n        background 0.3s ease,\n        color 0.3s ease,\n        border-color 0.3s ease;\n}\n\n\n.xuran-about-contact__button span {\n    font-size: 13px;\n\n    transition: transform 0.3s ease;\n}\n\n\n.xuran-about-contact__button:hover span {\n    transform: translate(3px, -3px);\n}\n\n\n\/* PRIMARY *\/\n\n.xuran-about-contact__button--primary {\n    background: #19191b;\n\n    border: 1px solid #19191b;\n\n    color: #ffffff;\n}\n\n\n.xuran-about-contact__button--primary:hover {\n    background: transparent;\n\n    color: #171717;\n}\n\n\n\/* SECONDARY *\/\n\n.xuran-about-contact__button--secondary {\n    background: transparent;\n\n    border: 1px solid #aaa69d;\n\n    color: #171717;\n}\n\n\n.xuran-about-contact__button--secondary:hover {\n    background: #19191b;\n\n    border-color: #19191b;\n\n    color: #ffffff;\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.xuran-about-contact__bottom {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr))\n        auto;\n\n    align-items: end;\n\n    gap: 35px;\n\n    padding-top: 45px;\n}\n\n\n\/* =====================================================\n   BOTTOM ITEM\n===================================================== *\/\n\n.xuran-about-contact__bottom-item {\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 18px;\n}\n\n\n.xuran-about-contact__bottom-item > span {\n    color: #b51f27;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 10px;\n\n    font-style: italic;\n}\n\n\n.xuran-about-contact__bottom-item p {\n    margin: 0;\n\n    color: #686761;\n\n    font-size: 9px;\n\n    line-height: 1.6;\n\n    text-transform: uppercase;\n\n    letter-spacing: 0.7px;\n}\n\n\n\/* =====================================================\n   XURAN SIGNATURE\n===================================================== *\/\n\n.xuran-about-contact__signature {\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: flex-end;\n\n    line-height: 1;\n}\n\n\n.xuran-about-contact__signature > span {\n    color: #171717;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(30px, 3.5vw, 52px);\n\n    letter-spacing: -2px;\n}\n\n\n.xuran-about-contact__signature small {\n    margin-top: 6px;\n\n    color: #b51f27;\n\n    font-size: 6px;\n    font-weight: 700;\n\n    letter-spacing: 3px;\n\n    text-transform: uppercase;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .xuran-about-contact {\n        padding-top: 100px;\n    }\n\n\n    .xuran-about-contact__main {\n        grid-template-columns:\n            minmax(0, 1fr)\n            minmax(270px, 0.55fr);\n\n        gap: 55px;\n    }\n\n\n    .xuran-about-contact__action {\n        grid-template-columns: 1fr;\n\n        gap: 40px;\n    }\n\n\n    .xuran-about-contact__buttons {\n        justify-content: flex-start;\n    }\n\n\n    .xuran-about-contact__bottom {\n        grid-template-columns:\n            repeat(3, 1fr);\n    }\n\n\n    .xuran-about-contact__signature {\n        grid-column: 1 \/ -1;\n\n        align-items: flex-start;\n\n        margin-top: 20px;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n    .xuran-about-contact {\n        padding:\n            80px 24px\n            120px;\n    }\n\n\n    \/* TOP *\/\n\n    .xuran-about-contact__top {\n        padding-bottom: 18px;\n    }\n\n\n    .xuran-about-contact__label {\n        font-size: 7px;\n\n        letter-spacing: 2px;\n    }\n\n\n    .xuran-about-contact__label > span {\n        width: 27px;\n    }\n\n\n    .xuran-about-contact__meta {\n        display: none;\n    }\n\n\n    \/* MAIN *\/\n\n    .xuran-about-contact__main {\n        grid-template-columns: 1fr;\n\n        align-items: start;\n\n        gap: 35px;\n\n        padding:\n            55px 0\n            55px;\n    }\n\n\n    \/* TITLE *\/\n\n    .xuran-about-contact__heading h2 {\n        font-size:\n            clamp(46px, 13vw, 65px);\n\n        line-height: 0.95;\n\n        letter-spacing: -3px;\n    }\n\n\n    \/* CONTENT *\/\n\n    .xuran-about-contact__content {\n        max-width: 100%;\n\n        padding-bottom: 0;\n    }\n\n\n    .xuran-about-contact__content > p {\n        font-size: 16px;\n    }\n\n\n    .xuran-about-contact__content\n    .xuran-about-contact__small {\n        max-width: 430px;\n\n        font-size: 11px;\n    }\n\n\n    \/* =================================================\n       ACTION\n    ================================================= *\/\n\n    .xuran-about-contact__action {\n        grid-template-columns: 1fr;\n\n        align-items: start;\n\n        gap: 40px;\n\n        padding:\n            30px 0\n            35px;\n    }\n\n\n    \/* EMAIL *\/\n\n    .xuran-about-contact__email {\n        grid-template-columns: 1fr auto;\n\n        gap:\n            12px 20px;\n    }\n\n\n    .xuran-about-contact__email-label {\n        grid-column: 1 \/ -1;\n    }\n\n\n    .xuran-about-contact__email-address {\n        font-size:\n            clamp(20px, 5.5vw, 27px);\n\n        letter-spacing: -0.5px;\n    }\n\n\n    \/* BUTTONS *\/\n\n    .xuran-about-contact__buttons {\n        display: grid;\n\n        grid-template-columns: 1fr;\n\n        width: 100%;\n\n        gap: 10px;\n    }\n\n\n    .xuran-about-contact__button {\n        width: 100%;\n\n        min-width: 0;\n    }\n\n\n    \/* =================================================\n       BOTTOM\n    ================================================= *\/\n\n    .xuran-about-contact__bottom {\n        grid-template-columns: 1fr;\n\n        align-items: start;\n\n        gap: 0;\n\n        padding-top: 35px;\n    }\n\n\n    .xuran-about-contact__bottom-item {\n        padding:\n            18px 0;\n\n        border-bottom: 1px solid #cbc8c0;\n    }\n\n\n    .xuran-about-contact__bottom-item:first-child {\n        padding-top: 0;\n    }\n\n\n    .xuran-about-contact__signature {\n        grid-column: auto;\n\n        align-items: flex-start;\n\n        margin-top: 40px;\n    }\n\n\n    .xuran-about-contact__signature > span {\n        font-size: 45px;\n    }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media (max-width: 420px) {\n\n    .xuran-about-contact {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n\n\n    .xuran-about-contact__email-address {\n        font-size: 19px;\n    }\n\n}\n<\/style>\n\n<!-- =====================================================\n     XURAN WALL PANEL\n     ABOUT US\n     SECTION 06 \u2014 START A PROJECT\n====================================================== -->\n\n<section class=\"xuran-about-contact\" id=\"start-a-project\">\n\n    <div class=\"xuran-about-contact__container\">\n\n        <!-- =====================================\n             TOP LABEL\n        ====================================== -->\n\n        <div class=\"xuran-about-contact__top\">\n\n            <div class=\"xuran-about-contact__label\">\n                <span><\/span>\n                06 \u00b7 START A PROJECT\n            <\/div>\n\n            <span class=\"xuran-about-contact__meta\">\n                XURAN WALL PANEL \u00b7 CHINA\n            <\/span>\n\n        <\/div>\n\n\n        <!-- =====================================\n             MAIN CTA\n        ====================================== -->\n\n        <div class=\"xuran-about-contact__main\">\n\n\n            <!-- LEFT -->\n\n            <div class=\"xuran-about-contact__heading\">\n\n                <h2>\n                    Let&#8217;s make something<br>\n                    <em>for your market.<\/em>\n                <\/h2>\n\n            <\/div>\n\n\n            <!-- RIGHT -->\n\n            <div class=\"xuran-about-contact__content\">\n\n                <span class=\"xuran-about-contact__eyebrow\">\n                    WORK WITH XURAN\n                <\/span>\n\n                <p>\n                    Looking for decorative wall panels,\n                    custom surfaces or a manufacturing\n                    partner for your next project?\n                <\/p>\n\n                <p class=\"xuran-about-contact__small\">\n                    Tell us what you&#8217;re looking for.\n                    Our team can discuss your product,\n                    customization and order requirements.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             CONTACT ACTION\n        ====================================== -->\n\n        <div class=\"xuran-about-contact__action\">\n\n\n            <!-- EMAIL -->\n\n            <a\n                href=\"mailto:xuran01@wallpanelfactory.com\"\n                class=\"xuran-about-contact__email\"\n            >\n\n                <span class=\"xuran-about-contact__email-label\">\n                    EMAIL US\n                <\/span>\n\n                <span class=\"xuran-about-contact__email-address\">\n                    xuran01@wallpanelfactory.com\n                <\/span>\n\n                <span class=\"xuran-about-contact__email-arrow\">\n                    \u2197\n                <\/span>\n\n            <\/a>\n\n\n            <!-- BUTTONS -->\n\n            <div class=\"xuran-about-contact__buttons\">\n\n                <a\n                    href=\"https:\/\/api.whatsapp.com\/send\/?phone=8618688129406&#038;text=Hello+Xuran+wallpanel+factory+%2C+We+want+to+know+more+about+your+products%21&#038;type=phone_number&#038;app_absent=0\"\n                    class=\"xuran-about-contact__button                           xuran-about-contact__button--primary\"\n                >\n                    Request a Quote\n                    <span>\u2197<\/span>\n                <\/a>\n\n                <a\n                    href=\"https:\/\/wallpanelfactory.com\/es\/our-factory\/\"\n                    class=\"xuran-about-contact__button                           xuran-about-contact__button--secondary\"\n                >\n                    Explore Our Factory\n                    <span>\u2197<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             BOTTOM\n        ====================================== -->\n\n        <div class=\"xuran-about-contact__bottom\">\n\n\n            <div class=\"xuran-about-contact__bottom-item\">\n\n                <span>\n                    01\n                <\/span>\n\n                <p>\n                    Tell us what<br>\n                    you need.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"xuran-about-contact__bottom-item\">\n\n                <span>\n                    02\n                <\/span>\n\n                <p>\n                    Discuss product<br>\n                    and customization.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"xuran-about-contact__bottom-item\">\n\n                <span>\n                    03\n                <\/span>\n\n                <p>\n                    Build your next<br>\n                    wall panel collection.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"xuran-about-contact__signature\">\n\n                <span>\n                    XURAN\n                <\/span>\n\n                <small>\n                    WALL PANEL\n                <\/small>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>WALL PANEL MANUFACTURER \u00b7 CHINA Surfaces made for modern spaces. ABOUT XURAN Decorative wall panels, manufactured in China. From manufacturing and custom finishes to quality control and export packing, we work with professional buyers on wall panel solutions for their markets. Explore Our Panels \u2197 XURAN WALL PANEL MANUFACTURING \u00b7 CHINA 01 OUR FOCUS We&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":true,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About Us | Wall Panel Manufacturer &amp; Supplier<\/title>\n<meta name=\"description\" content=\"Learn about our wall panel manufacturing company, products, production capabilities, OEM &amp; ODM services, and commitment to quality for global customers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wallpanelfactory.com\/es\/about\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Us | Wall Panel Manufacturer &amp; Supplier\" \/>\n<meta property=\"og:description\" content=\"Learn about our wall panel manufacturing company, products, production capabilities, OEM &amp; ODM services, and commitment to quality for global customers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wallpanelfactory.com\/es\/about\/\" \/>\n<meta property=\"og:site_name\" content=\"Xuran wallpanel factory\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T22:22:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/wall-panel-manufacturer-wholesale-from-china.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/about\\\/\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/about\\\/\",\"name\":\"About Us | Wall Panel Manufacturer & Supplier\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/about\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/about\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/wall-panel-manufacturer-wholesale-from-china.png\",\"datePublished\":\"2021-12-08T11:39:15+00:00\",\"dateModified\":\"2026-10-02T22:22:40+00:00\",\"description\":\"Learn about our wall panel manufacturing company, products, production capabilities, OEM & ODM services, and commitment to quality for global customers.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/about\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wallpanelfactory.com\\\/about\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/about\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/wall-panel-manufacturer-wholesale-from-china.png\",\"contentUrl\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/wall-panel-manufacturer-wholesale-from-china.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/about\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wallpanelfactory.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#website\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/\",\"name\":\"Xuran wallpanel factory\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wallpanelfactory.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#organization\",\"name\":\"Xuran wallpanel factory\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-wall-panel-logo-scaled-2.jpg\",\"contentUrl\":\"https:\\\/\\\/wallpanelfactory.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-wall-panel-logo-scaled-2.jpg\",\"width\":2556,\"height\":1609,\"caption\":\"Xuran wallpanel factory \"},\"image\":{\"@id\":\"https:\\\/\\\/wallpanelfactory.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About Us | Wall Panel Manufacturer & Supplier","description":"Learn about our wall panel manufacturing company, products, production capabilities, OEM & ODM services, and commitment to quality for global customers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wallpanelfactory.com\/es\/about\/","og_locale":"es_ES","og_type":"article","og_title":"About Us | Wall Panel Manufacturer & Supplier","og_description":"Learn about our wall panel manufacturing company, products, production capabilities, OEM & ODM services, and commitment to quality for global customers.","og_url":"https:\/\/wallpanelfactory.com\/es\/about\/","og_site_name":"Xuran wallpanel factory","article_modified_time":"2026-10-02T22:22:40+00:00","og_image":[{"url":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/wall-panel-manufacturer-wholesale-from-china.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wallpanelfactory.com\/about\/","url":"https:\/\/wallpanelfactory.com\/about\/","name":"About Us | Wall Panel Manufacturer & Supplier","isPartOf":{"@id":"https:\/\/wallpanelfactory.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wallpanelfactory.com\/about\/#primaryimage"},"image":{"@id":"https:\/\/wallpanelfactory.com\/about\/#primaryimage"},"thumbnailUrl":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/wall-panel-manufacturer-wholesale-from-china.png","datePublished":"2021-12-08T11:39:15+00:00","dateModified":"2026-10-02T22:22:40+00:00","description":"Learn about our wall panel manufacturing company, products, production capabilities, OEM & ODM services, and commitment to quality for global customers.","breadcrumb":{"@id":"https:\/\/wallpanelfactory.com\/about\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wallpanelfactory.com\/about\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wallpanelfactory.com\/about\/#primaryimage","url":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/wall-panel-manufacturer-wholesale-from-china.png","contentUrl":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/wall-panel-manufacturer-wholesale-from-china.png"},{"@type":"BreadcrumbList","@id":"https:\/\/wallpanelfactory.com\/about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wallpanelfactory.com\/"},{"@type":"ListItem","position":2,"name":"About"}]},{"@type":"WebSite","@id":"https:\/\/wallpanelfactory.com\/#website","url":"https:\/\/wallpanelfactory.com\/","name":"Xuran wallpanel factory","description":"","publisher":{"@id":"https:\/\/wallpanelfactory.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wallpanelfactory.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wallpanelfactory.com\/#organization","name":"Xuran wallpanel factory","url":"https:\/\/wallpanelfactory.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wallpanelfactory.com\/#\/schema\/logo\/image\/","url":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/cropped-wall-panel-logo-scaled-2.jpg","contentUrl":"https:\/\/wallpanelfactory.com\/wp-content\/uploads\/2026\/09\/cropped-wall-panel-logo-scaled-2.jpg","width":2556,"height":1609,"caption":"Xuran wallpanel factory "},"image":{"@id":"https:\/\/wallpanelfactory.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":16,"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":2287,"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/pages\/40\/revisions\/2287"}],"wp:attachment":[{"href":"https:\/\/wallpanelfactory.com\/es\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}