{"id":2007,"date":"2025-12-01T01:41:41","date_gmt":"2025-12-01T01:41:41","guid":{"rendered":"https:\/\/playnitride-esg.refine-lab.dev\/homepage\/"},"modified":"2026-01-23T07:53:59","modified_gmt":"2026-01-23T07:53:59","slug":"homepage","status":"publish","type":"page","link":"https:\/\/playnitride-esg.refine-lab.dev\/en\/","title":{"rendered":"\u9996\u9801-EN"},"content":{"rendered":"<section class=\"home-top\">\n    <div x-data id=\"kv\" class=\"relative max-w-[1920px] mx-auto\">\n        <div x-entrance-1=\"{ delay: 1000 }\"\n        class=\"relative max-w-[1850px] max-h-[calc(100vh-70px)] lg:h-[610px] 2xl:h-[900px] overflow-hidden mx-0 md:mx-4 2xl:mx-auto\">\n            <video x-video-autoplay class=\"object-cover w-full h-full\" poster=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/index_kv.jpg\" preload=\"auto\"\n                playsinline loop muted>\n                <source src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/index_kv.mp4\" type=\"video\/mp4\" \/>\n            <\/video>\n            <img decoding=\"async\" src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/overlay.svg\" alt=\"\"\n                class=\"overlay absolute inset-0 h-full w-auto object-cover lazyload\" \/>\n            <div data-rellax-speed=\"-1\"\n                class=\"absolute inset-x-4 bottom-[80px] md:bottom-[48px] md:left-[48px] lg:bottom-[100px] lg:left-[100px] text-white text-[56px] font-bold\">\n                <h1 x-aos-clip-char-up=\"{ delay: 2500 }\" class=\"display-1\">\u5275\u9020\u7121\u9650\u60f3\u50cf\u7684\u667a\u6167\u986f\u793a\u61c9\u7528<br \/>\r\n\u5be6\u8e10\u8de8\u8d8a\u570b\u754c\u7684\u7da0\u8272\u5bb6\u5712\u9858\u666f<\/h1>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"home-sustain\">\n    <div class=\"max-w-[1920px] mx-auto px-4 lg:px-0 my-[150px] xl:my-[190px] relative\">\n        <div class=\"absolute left-0 top-1\/2 w-full mx-auto h-[480px] overflow-hidden z-0\">\n            <div class=\"wave-container\">\n                <div class=\"wave\" style=\"background: url(https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/bg-h-1-1.svg) repeat-x;\"><\/div>\n            <\/div>\n        <\/div>\n        \n            <div class=\"w-full xl:h-[690px] flex items-center justify-center relative\">\n                <div class=\"max-w-[800px] mx-auto\">\n                    <h1 x-aos-clip-char-up  class=\"text-center text-primary\">\n                        \u6c38\u7e8c\u627f\u8afe                    <\/h1>\n                    <p x-aos-fade:up=\"{ delay: 200 }\" >\u901a\u904e\u6211\u5011\u7684\u9858\u666f\u3001\u4f7f\u547d\u548c\u50f9\u503c\u89c0\u7684\u5f15\u9818\uff0c\u933c\u5275\u5c07\u52aa\u529b\u5be6\u73feMicroLED\u6280\u8853\u7684\u7a81\u7834\u548c\u61c9\u7528\uff0c\u70ba\u4eba\u5011\u5e36\u4f86\u5d84\u65b0\u7684\u8996\u89ba\u9ad4\u9a57\uff0c\u63a8\u52d5\u79d1\u6280\u9032\u6b65\uff0c\u91cd\u8996\u6c38\u7e8c\u767c\u5c55\uff0c\u5275\u9020\u66f4\u7f8e\u597d\u7684\u672a\u4f86\u3002<\/p>\n                                            <div x-aos-fade:up=\"{ delay: 300 }\" class=\"text-center mt-[50px] flex justify-center\">\n                            <a href=\"https:\/\/playnitride-esg.refine-lab.dev\/%e6%b0%b8%e7%ba%8c%e9%81%8b%e4%bd%9c\/\" target=\"\" class=\"button text-[18px]\">\u4e86\u89e3\u6c38\u7e8c\u904b\u4f5c<\/a>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"absolute top-[-100px] left-[100px] hidden xl:block\">\n                    <div img-1 class=\"shadow-primary rounded-[20px] max-w-[200px] xl:max-w-[300px] overflow-hidden\">\n                        <img decoding=\"async\" x-aos-fade:up  src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/img-h-1.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                <\/div>\n\n                <div\n                    class=\"absolute bottom-[-100px] md:bottom-[-150px] 2xl:bottom-[-48px] left-0 lg:left-[60px] 2xl:left-[320px] z-10\">\n                    <div img-2\n                        class=\"shadow-primary rounded-[20px] max-w-[120px] md:max-w-[200px] xl:max-w-[360px] overflow-hidden\">\n                        <img decoding=\"async\" x-aos-fade:up  src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/img-h-2.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"absolute bottom-[-56px] right-[120px] 2xl:right-[460px] hidden xl:block\">\n                    <div img-3 class=\"shadow-primary rounded-[20px] w-[410px] h-[240px] overflow-hidden\">\n                        <img decoding=\"async\" x-aos-fade:up  src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/img-h-3.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                <\/div>\n\n                <div class=\"absolute top-[-140px] md:top-[-100px] 2xl:top-[-41px] right-0 xl:right-[60px]\">\n                    <div img-4\n                        class=\"shadow-primary rounded-[20px] max-w-[120px] md:max-w-[200px] xl:max-w-[300px] 2xl:max-w-[400px] overflow-hidden\">\n                        <img decoding=\"async\" x-aos-fade:up  src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/img-h-4.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n                    <\/div>\n                <\/div>\n            <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n             const scope = createScope({\n                    mediaQueries: {\n                        desktop: '(min-width: 1280px)',\n                    }\n                })\n                .add(self => {\n                    if (self.matches.desktop) {\n\n                        $(\".home-sustain\").mousemove(function (e) {\n                            parallaxIt(e, \"[img-1]\", -50);\n                            parallaxIt(e, \"[img-2]\", -150);\n                            parallaxIt(e, \"[img-3]\", -50);\n                            parallaxIt(e, \"[img-4]\", -150);\n                        });\n\n                        function parallaxIt(e, target, movement) {\n                            var $this = $(\".home-sustain\");\n                            var relX = e.pageX - $this.offset().left;\n                            var relY = e.pageY - $this.offset().top;\n\n                            animate(target, {\n                                x: (relX - $this.width() \/ 2) \/ $this.width() * movement,\n                                y: (relY - $this.height() \/ 2) \/ $this.height() * movement,\n                                duration: 2000,\n                            });\n                        }\n                    }\n                });\n        });\n    <\/script>\n<\/section>\n\n<section class=\"home-vision\">\n    <div x-data=\"{ select: 0, swiper: null, init(){\n        this.swiper = new Swiper($el.querySelector('.swiper'), {\n            \/\/ Optional parameters\n            speed: 1000,\n        });\n    }}\" class=\"max-w-[1366px] 2xl:max-w-[1920px] mx-auto mt-[190px] mb-[56px] xl:my-[190px] relative\">\n\n        <img decoding=\"async\" src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/bg-h-2.svg\" alt=\"\"\n            class=\"absolute left-0 top-[-120px] xl:top-[-200px] max-w-[160px] xl:max-w-[unset] z-0\" data-rellax-speed=\"-2\">\n\n        <div x-entrance-2 class=\"max-w-[1800px] mx-auto h-[500px] 2xl:h-[700px] relative overflow-hidden z-10\">\n            <!-- Slider main container -->\n            <div class=\"swiper h-full\">\n                <!-- Additional required wrapper -->\n                <div class=\"swiper-wrapper\">\n                    <!-- Slides -->\n                                            <div class=\"swiper-slide\">\n                            <div class=\"w-full h-full object-cover\">\n                                <img decoding=\"async\" src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/img-h-5-1.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n                                <div class=\"overlay\">\n                                    <div class=\" absolute top-0 left-0 w-full h-full bg-black opacity-20\"><\/div>\n                                <\/div>\n                                <div class=\"absolute top-0 left-0 w-full h-full flex items-center justify-center\">\n                                    <div class=\"mx-4 lg:max-w-[800px] lg:mx-auto py-20 text-white\">\n                                        <h1 title class=\"text-center\">\u9858\u666f<\/h1>\n                                        <p subtitle>\n                                            \u6210\u70ba\u5168\u7403\u9818\u5148\u7684MicroLED\u6280\u8853\u548c\u7522\u54c1\u4f9b\u61c9\u5546\uff0c\u5f15\u9818\u8457\u4e16\u754c\u79d1\u6280\u548c\u986f\u793a\u6280\u8853\u7684\u8b8a\u9769\u3002\u6211\u5011\u5c07\u4ee5\u6280\u8853\u5275\u65b0\u70ba\u9a45\u52d5\u529b\uff0c\u958b\u767c\u6700\u5148\u9032\u3001\u9ad8\u54c1\u8cea\u7684MicroLED\u986f\u793a\u89e3\u6c7a\u65b9\u6848\uff0c\u4e26\u5c07\u5176\u61c9\u7528\u65bc\u5404\u500b\u9818\u57df\uff0c\u5f9e\u6d88\u8cbb\u96fb\u5b50\u7522\u54c1\u5230\u5404\u5f0f\u7684\u5546\u696d\u548c\u5de5\u696d\u61c9\u7528\u9818\u57df\u3002                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"w-full h-full object-cover\">\n                                <img decoding=\"async\" src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/img-h-6-4.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n                                <div class=\"overlay\">\n                                    <div class=\" absolute top-0 left-0 w-full h-full bg-black opacity-20\"><\/div>\n                                <\/div>\n                                <div class=\"absolute top-0 left-0 w-full h-full flex items-center justify-center\">\n                                    <div class=\"mx-4 lg:max-w-[800px] lg:mx-auto py-20 text-white\">\n                                        <h1 title class=\"text-center\">\u4f7f\u547d<\/h1>\n                                        <p subtitle>\n                                            \u900f\u904e\u5275\u65b0\u548c\u5353\u8d8a\u7684\u6280\u8853\uff0c\u63d0\u4f9b\u7d66\u5168\u7403\u5ba2\u6236\u5353\u8d8a\u7684MicroLED\u7522\u54c1\u548c\u670d\u52d9\u3002\u6211\u5011\u81f4\u529b\u65bc\u63a8\u52d5\u986f\u793a\u6280\u8853\u7684\u7a81\u7834\uff0c\u70ba\u4eba\u5011\u63d0\u4f9b\u5353\u8d8a\u7684\u8996\u89ba\u9ad4\u9a57\u548c\u5168\u65b9\u4f4d\u7684\u89e3\u6c7a\u65b9\u6848\u3002                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"flex justify-center gap-[10px] xl:gap-[50px] mx-[12px] mt-[-80px] xl:mt-[-120px] relative z-10\">\n                            <div x-aos-fade:up=\"{ delay: 0 }\"\n                    class=\"flex flex-col items-center justify-center gap-[10px] border border-[#D2E5FF] rounded-[10px] lg:rounded-[20px] transition-colors duration-200 shadow-primary py-[20px] px-[30px] lg:p-[30px] lg:w-auto min-w-[180px] min-h-[154px] lg:min-w-[340px] bg-white text-primary hover:text-primary-light cursor-pointer\"\n                    :class=\"select==0?'text-primary-light':'text-primary'\" @click=\"swiper.slideTo(0); select=0;\">\n                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/home-icon-1.svg\" alt=\"\"\n                        class=\"w-[80px] h-[80px] md:w-[110px] md:h-[110px]\">\n                    <div class=\"text-[20px] font-medium text-gray-800\">\u9858\u666f<\/div>\n                <\/div>\n                            <div x-aos-fade:up=\"{ delay: 100 }\"\n                    class=\"flex flex-col items-center justify-center gap-[10px] border border-[#D2E5FF] rounded-[10px] lg:rounded-[20px] transition-colors duration-200 shadow-primary py-[20px] px-[30px] lg:p-[30px] lg:w-auto min-w-[180px] min-h-[154px] lg:min-w-[340px] bg-white text-primary hover:text-primary-light cursor-pointer\"\n                    :class=\"select==1?'text-primary-light':'text-primary'\" @click=\"swiper.slideTo(1); select=1;\">\n                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/home-icon-2.svg\" alt=\"\"\n                        class=\"w-[80px] h-[80px] md:w-[110px] md:h-[110px]\">\n                    <div class=\"text-[20px] font-medium text-gray-800\">\u4f7f\u547d<\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"home-indicators\">\n    <div x-data=\"{ select: 0, select_text: '', selects: ['\u6cbb\u7406','\u74b0\u5883','\u793e\u6703'] }\" \n        x-init=\"\n            $watch('select', function(value) { \n                \/\/ document.querySelector('[grid-box-blocks]').style.height = document.querySelector('[grid-box-' + value + '] div').offsetHeight + 'px';\n                animate(document.querySelector('[grid-box-blocks]'), {\n                    height: document.querySelector('[grid-box-' + value + '] div').offsetHeight + 'px',\n                });\n            });\n            animate(document.querySelector('[grid-box-blocks]'), {\n                autoplay: onScroll({\n                    onEnter: function() {\n                        select=1;\n                    },\n                    enter: 'center'\n                }),\n            });\n        \" class=\"max-w-[1920px] mx-auto relative py-[90px]\">\n        <img decoding=\"async\" src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/bg-h-3.svg\" alt=\"\" class=\"absolute right-[20px] top-[-240px] z-0 hidden xl:block\"\n            data-rellax-speed=\"-2\">\n        <img decoding=\"async\" src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/bg-h-4.jpg\" alt=\"\" class=\"absolute inset-0 object-cover w-full h-full\">\n        <div class=\"absolute inset-0 w-full h-full bg-[#DFF1FF]\/80\"><\/div>\n        <div class=\"max-w-[1200px] mx-auto mb-[30px] relative z-10\">\n            <h1 x-aos-clip-char-up=\"{ delay: 400 }\" class=\"text-center text-primary\">\u95dc\u9375\u6307\u6a19<\/h1>\n            <div class=\"hidden lg:block overflow-hidden\">\n                <div x-aos-fade:up=\"{ delay: 500 }\" class=\"nav\">\n                                            <div @click.prevent=\"select=1\" :class=\"select==1?'active':''\" class=\"nav-item\"\n                        >\u6cbb\u7406<\/div>\n                                            <div @click.prevent=\"select=2\" :class=\"select==2?'active':''\" class=\"nav-item\"\n                        >\u74b0\u5883<\/div>\n                                            <div @click.prevent=\"select=3\" :class=\"select==3?'active':''\" class=\"nav-item\"\n                        >\u793e\u6703<\/div>\n                                        <div class=\"nav-progress\"\n                        :style=\"{ width: 100\/3 + '%', left: (select-1)*100\/3 + '%' }\"><\/div>\n                <\/div>\n            <\/div>\n            <div x-aos-fade:up=\"{ delay: 200 }\" class=\"relative lg:hidden\">\n                <div x-data=\"{ open: false }\" @click.outside=\"open=false\">\n                    <div class=\"mx-4\">\n                        <button @click=\"open=!open\" :class=\"{'rounded-b-[10px]':!open }\" type=\"button\"\n                            class=\"inline-flex w-full justify-start items-center gap-x-1.5 rounded-t-[10px] bg-white px-[20px] py-[20px] text-primary ring-1 shadow-primary ring-[#D2E5FF] ring-inset hover:bg-gray-50\"\n                            id=\"menu-button\" aria-expanded=\"true\" aria-haspopup=\"true\">\n                            <span x-text=\"selects[select-1]\"><\/span>\n                            <svg class=\"ml-auto\" width=\"15\" height=\"8\" viewBox=\"0 0 15 8\" fill=\"none\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <g clip-path=\"url(#clip0_499_335)\">\n                                    <rect x=\"7.51562\" y=\"7.5\" width=\"10\" height=\"10\" transform=\"rotate(-135 7.51562 7.5)\"\n                                        fill=\"#466D98\" \/>\n                                <\/g>\n                                <defs>\n                                    <clipPath id=\"clip0_499_335\">\n                                        <rect width=\"15\" height=\"7\" fill=\"white\"\n                                            transform=\"translate(15 7.5) rotate(-180)\" \/>\n                                    <\/clipPath>\n                                <\/defs>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                    <div class=\"absolute top-0 inset-x-0 z-10\">\n                        <div x-collapse=\"open\">\n                            <div class=\"mx-4 pb-8\">\n                                <div class=\"right-0 z-10 mb-2 w-full origin-top rounded-[10px] overflow-hidden bg-white ring-1 shadow-primary ring-black\/5 focus:outline-hidden\"\n                                    role=\"menu\" aria-orientation=\"vertical\" aria-labelledby=\"menu-button\" tabindex=\"-1\">\n                                                                            <div @click.prevent=\"select=1; open=false\"\n                                            :class=\"select==1?'text-primary':'text-gray-800'\"\n                                            class=\"block p-[20px] border-t-2 border-[#D2E5FF] cursor-pointer\">\n                                            <span>\u6cbb\u7406<\/span>\n                                        <\/div>\n                                                                            <div @click.prevent=\"select=2; open=false\"\n                                            :class=\"select==2?'text-primary':'text-gray-800'\"\n                                            class=\"block p-[20px] border-t-2 border-[#D2E5FF] cursor-pointer\">\n                                            <span>\u74b0\u5883<\/span>\n                                        <\/div>\n                                                                            <div @click.prevent=\"select=3; open=false\"\n                                            :class=\"select==3?'text-primary':'text-gray-800'\"\n                                            class=\"block p-[20px] border-t-2 border-[#D2E5FF] cursor-pointer\">\n                                            <span>\u793e\u6703<\/span>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div x-aos-fade:up=\"{ delay: 600 }\" grid-box-blocks class=\"blocks min-h-[720px] relative overflow-hidden z-[1]\">\n                                        \n            \n            <div x-grid-box grid-box-1 x-show=\"select==1\" class=\"absolute inset-0\">\n                <div class=\"max-w-[1200px] mx-4 xl:mx-auto relative\">\n                    <div class=\"flex flex-col xl:grid grid-flow-col grid-rows-12 grid-cols-4 gap-[20px]\" style=\"min-height: 700px\">\n                                                \n                            <div class=\"row-span-6 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u5973\u6027\u8463\u4e8b\u4f54\u6bd4<\/div>\n                            <div class=\"numbers\"><span count-to=\"13\">13<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-6 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u8aa0\u4fe1\u7d93\u71df\u5ba3\u5c0e\u5b8c\u8a13\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"100\">100<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u7e2e\u5c0f<\/div>\n                            <div class=\"numbers\"><span count-to=\"70\">70<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u6676\u7247\u5c3a\u5bf8<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u4e0a\u5347<\/div>\n                            <div class=\"numbers\"><span count-to=\"12\">12<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u6676\u7247\u767c\u5149\u6548\u7387<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u52d2\u7d22\u75c5\u6bd2\u4e8b\u4ef6<\/div>\n                            <div class=\"numbers\"><span count-to=\"0\">0<\/span><span><\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-6 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u95dc\u9375\u4f9b\u61c9\u5546\u81ea\u8a55\u8868\u7c3d\u7f72\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"100\">100<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-6 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u95dc\u9375\u4f9b\u61c9\u5546\u884c\u70ba\u6e96\u5247\u7c3d\u7f72\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"100\">100<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u7cfb\u7d71\u707d\u5bb3\u9084\u539f\u6f14\u7df4\u5b8c\u6210\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"100\">100<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u8cc7\u8a0a\u5b89\u5168\u8a13\u7df4\u5b8c\u8a13\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"100\">100<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u793e\u4ea4\u5de5\u7a0b\u6f14\u7df4\u5b8c\u6210\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"100\">100<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n\n            \n            <div x-grid-box grid-box-2 x-show=\"select==2\" class=\"absolute inset-0\">\n                <div class=\"max-w-[1200px] mx-4 xl:mx-auto relative\">\n                    <div class=\"flex flex-col xl:grid grid-flow-col grid-rows-12 grid-cols-4 gap-[20px]\" style=\"min-height: 700px\">\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u964d\u4f4e<\/div>\n                            <div class=\"numbers\"><span count-to=\"5.15\">5.15<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">2024\u5e74\u6eab\u5ba4\u6c23\u9ad4\u6392\u653e\u91cf<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u964d\u4f4e<\/div>\n                            <div class=\"numbers\"><span count-to=\"49.42\">49.42<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">2023\u5e74\u6eab\u5ba4\u6c23\u9ad4\u6392\u653e\u5bc6\u96c6\u5ea6<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">2050\u5e74\u5be6\u73fe\u6eab\u5ba4\u6c23\u9ad4\u6de8\u96f6\u6392\u653e<\/div>\n                            <div class=\"numbers\"><span count-to=\"0\">0<\/span><span>\u0003tonCO2e<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u964d\u4f4e<\/div>\n                            <div class=\"numbers\"><span count-to=\"17\">17<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">2030\u5e74\u6eab\u5ba4\u6c23\u9ad4\u6392\u653e<br>(\u57fa\u6e96\u5e742023)<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u7bc0\u7d04<\/div>\n                            <div class=\"numbers\"><span count-to=\"2018\">2018<\/span><span>kWh<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u7a7a\u8abf\u7cfb\u7d71\u7528\u96fb\u91cf<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u7bc0\u7d04<\/div>\n                            <div class=\"numbers\"><span count-to=\"8.96\">8.96<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u5168\u5e74\u7528\u96fb\u91cf<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u7bc0\u7d04<\/div>\n                            <div class=\"numbers\"><span count-to=\"34309\">34309<\/span><span>M3<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u7a7a\u6c59\u7cfb\u7d71\u5929\u7136\u6c23\u7528\u91cf<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u7bc0\u7701<\/div>\n                            <div class=\"numbers\"><span count-to=\"75.88\">75.88<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u5168\u5e74\u5929\u7136\u6c23\u8017\u7528\u91cf<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u74b0\u5883\u6c59\u67d3\u4e8b\u6545<\/div>\n                            <div class=\"numbers\"><span count-to=\"0\">0<\/span><span>\u4ef6<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u4e0b\u964d<\/div>\n                            <div class=\"numbers\"><span count-to=\"8.4\">8.4<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u7528\u6c34\u5f37\u5ea6<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u4e0b\u964d<\/div>\n                            <div class=\"numbers\"><span count-to=\"32.37\">32.37<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u5ee2\u6eb6\u5291\u7522\u51fa\u5f37\u5ea6<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u539f\u7269\u6599\u5546\u627f\u8afe\u4e0d\u7528\u7981\u9650\u7528\u7269\u8cea\u885d\u7a81\u7926\u7522PFAS\u56de\u7c3d\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"100\">100<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n\n            \n            <div x-grid-box grid-box-3 x-show=\"select==3\" class=\"absolute inset-0\">\n                <div class=\"max-w-[1200px] mx-4 xl:mx-auto relative\">\n                    <div class=\"flex flex-col xl:grid grid-flow-col grid-rows-12 grid-cols-3 gap-[20px]\" style=\"min-height: 700px\">\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u4eba\u6b0a\u76e1\u8077\u8abf\u67e5\u8207\u9ad8\u98a8\u96aa\u7ba1\u5236\u5b8c\u6210\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"100\">100<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u5167\u8a13\u8ab2\u7a0b\u6eff\u610f\u5ea6\u7387<\/div>\n                            <div class=\"numbers\"><span count-to=\"92.1\">92.1<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-4 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u4e0a\u5347<\/div>\n                            <div class=\"numbers\"><span count-to=\"1.79\">1.79<\/span><span>%<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\">\u5167\u8a13\u8ab2\u7a0b\u4eba\u6b21<\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-12 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u8ad6\u58c7\u8207\u7522\u5b78\u5408\u4f5c<\/div>\n                            <div class=\"numbers\"><span count-to=\"1900\">1900<\/span><span>\u4eba\u6b21\u4ee5\u4e0a<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-6 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u5931\u80fd\u50b7\u5bb3\u3001\u5de5\u50b7\u3001\u8077\u696d\u75c5<\/div>\n                            <div class=\"numbers\"><span count-to=\"0\">0<\/span><span>\u4ef6<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                                \n                            <div class=\"row-span-6 grid-box\">\n                            <div class=\"text-[20px] font-medium\">\u5065\u5eb7\u4fc3\u9032\u6d3b\u52d5<\/div>\n                            <div class=\"numbers\"><span count-to=\"536\">536<\/span><span>\u4eba\u6b21<\/span><\/div>\n                            <div class=\"leading-[160%] tracking-[4%] text-center\"><\/div>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n\n                    <\/div>\n    <\/div>\n<\/section>\n\n<section x-data class=\"home-download\">\n    <div class=\"bg-primary max-w-[1920px] mx-auto relative min-h-[440px] flex justify-center items-center\">\n        <img decoding=\"async\" x-svg-inline src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/bg-h-5.svg\" alt=\"\" class=\"absolute right-[20px] bottom-[-40px] z-0 hidden xl:block\"\n            data-rellax-speed=\"-2\">\n        <img decoding=\"async\" src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/bg-h-6.svg\" alt=\"\" class=\"absolute bottom-0 inset-x-0 w-full hidden xl:block\">\n        <img decoding=\"async\" src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/bg-h-6-m.svg\" alt=\"\" class=\"absolute bottom-0 inset-x-0 w-full xl:hidden\">\n        <div class=\"max-w-[1000px] mx-auto w-full py-[56px] relative\">\n            <div class=\"flex flex-col lg:flex-row items-center gap-[30px]\">\n                <h1 x-aos-clip-char-up=\"{ delay: 0, enter: 'bottom' }\" class=\" text-white leading-[120%] tracking-[4%]\">\n                    \u6c38\u7e8c\u5831\u544a\u66f8\u4e0b\u8f09<\/h1>\n                <div class=\"lg:max-w-[440px] grid grid-cols-1 sm:grid-cols-2 gap-[20px] mx-auto lg:mr-0\">\n                                        <a x-aos-fade:up=\"{ delay: 100, enter: 'bottom' }\" href=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/\u933c\u5275-2024\u5e74\u6c38\u7e8c\u5831\u544a\u66f8-\u4e2d\u6587\u7248.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\n                        class=\"button-white\">\n                        <span>2024\u5e74\u5831\u544a\u66f8<\/span>\n                        <img decoding=\"async\" x-svg-inline src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/icon-download.svg\" alt=\"\">\n                    <\/a>\n                                        <a x-aos-fade:up=\"{ delay: 200, enter: 'bottom' }\" href=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/\u933c\u5275-2023\u5e74\u6c38\u7e8c\u5831\u544a\u66f8-\u4e2d\u6587\u7248.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\n                        class=\"button-white\">\n                        <span>2023\u5e74\u5831\u544a\u66f8<\/span>\n                        <img decoding=\"async\" x-svg-inline src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/icon-download.svg\" alt=\"\">\n                    <\/a>\n                                        <a x-aos-fade:up=\"{ delay: 300, enter: 'bottom' }\" href=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/\u933c\u5275-2022\u5e74\u6c38\u7e8c\u5831\u544a\u66f8-\u4e2d\u6587\u7248.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\n                        class=\"button-white\">\n                        <span>2022\u5e74\u5831\u544a\u66f8<\/span>\n                        <img decoding=\"async\" x-svg-inline src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/icon-download.svg\" alt=\"\">\n                    <\/a>\n                                        <a x-aos-fade:up=\"{ delay: 400, enter: 'bottom' }\" href=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/uploads\/2025\/12\/\u933c\u5275-2021\u5e74\u6c38\u7e8c\u5831\u544a\u66f8-\u4e2d\u6587\u7248.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"\n                        class=\"button-white\">\n                        <span>2021\u5e74\u5831\u544a\u66f8<\/span>\n                        <img decoding=\"async\" x-svg-inline src=\"https:\/\/playnitride-esg.refine-lab.dev\/wp-content\/themes\/playnitride-esg\/assets\/svg\/icon-download.svg\" alt=\"\">\n                    <\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2007","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u9996\u9801-EN - Playnitride ESG<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u9996\u9801-EN - Playnitride ESG\" \/>\n<meta property=\"og:url\" content=\"https:\/\/playnitride-esg.refine-lab.dev\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Playnitride ESG\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-23T07:53:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/playnitride-esg.refine-lab.dev\/en\/\",\"url\":\"https:\/\/playnitride-esg.refine-lab.dev\/en\/\",\"name\":\"\u9996\u9801-EN - Playnitride ESG\",\"isPartOf\":{\"@id\":\"https:\/\/playnitride-esg.refine-lab.dev\/#website\"},\"datePublished\":\"2025-12-01T01:41:41+00:00\",\"dateModified\":\"2026-01-23T07:53:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/playnitride-esg.refine-lab.dev\/en\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/playnitride-esg.refine-lab.dev\/en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/playnitride-esg.refine-lab.dev\/en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/playnitride-esg.refine-lab.dev\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u9996\u9801-EN\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/playnitride-esg.refine-lab.dev\/#website\",\"url\":\"https:\/\/playnitride-esg.refine-lab.dev\/\",\"name\":\"Playnitride ESG\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/playnitride-esg.refine-lab.dev\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u9996\u9801-EN - Playnitride ESG","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"\u9996\u9801-EN - Playnitride ESG","og_url":"https:\/\/playnitride-esg.refine-lab.dev\/en\/","og_site_name":"Playnitride ESG","article_modified_time":"2026-01-23T07:53:59+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/playnitride-esg.refine-lab.dev\/en\/","url":"https:\/\/playnitride-esg.refine-lab.dev\/en\/","name":"\u9996\u9801-EN - Playnitride ESG","isPartOf":{"@id":"https:\/\/playnitride-esg.refine-lab.dev\/#website"},"datePublished":"2025-12-01T01:41:41+00:00","dateModified":"2026-01-23T07:53:59+00:00","breadcrumb":{"@id":"https:\/\/playnitride-esg.refine-lab.dev\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/playnitride-esg.refine-lab.dev\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/playnitride-esg.refine-lab.dev\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/playnitride-esg.refine-lab.dev\/en\/"},{"@type":"ListItem","position":2,"name":"\u9996\u9801-EN"}]},{"@type":"WebSite","@id":"https:\/\/playnitride-esg.refine-lab.dev\/#website","url":"https:\/\/playnitride-esg.refine-lab.dev\/","name":"Playnitride ESG","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/playnitride-esg.refine-lab.dev\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/playnitride-esg.refine-lab.dev\/en\/wp-json\/wp\/v2\/pages\/2007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playnitride-esg.refine-lab.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/playnitride-esg.refine-lab.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/playnitride-esg.refine-lab.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/playnitride-esg.refine-lab.dev\/en\/wp-json\/wp\/v2\/comments?post=2007"}],"version-history":[{"count":1,"href":"https:\/\/playnitride-esg.refine-lab.dev\/en\/wp-json\/wp\/v2\/pages\/2007\/revisions"}],"predecessor-version":[{"id":2020,"href":"https:\/\/playnitride-esg.refine-lab.dev\/en\/wp-json\/wp\/v2\/pages\/2007\/revisions\/2020"}],"wp:attachment":[{"href":"https:\/\/playnitride-esg.refine-lab.dev\/en\/wp-json\/wp\/v2\/media?parent=2007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}