{"id":1492,"date":"2025-11-28T23:19:53","date_gmt":"2025-11-28T15:19:53","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=1492"},"modified":"2026-01-19T14:27:17","modified_gmt":"2026-01-19T06:27:17","slug":"%e5%8f%91%e5%b1%95%e5%8e%86%e7%a8%8b-2","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/en\/%e5%8f%91%e5%b1%95%e5%8e%86%e7%a8%8b-2\/","title":{"rendered":"\u53d1\u5c55\u5386\u7a0b"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9ba6dbca wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u516c\u53f8\u53d1\u5c55\u5386\u7a0b<\/title>\n    \n    <!-- \u4f18\u5148\u52a0\u8f7dFont Awesome\uff0c\u786e\u4fdd\u56fe\u6807\u8d44\u6e90\u5148\u52a0\u8f7d -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Tailwind\u914d\u7f6e -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#205cbc',\n                        secondary: '#f5f7fa',\n                        accent: '#164999',\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'system-ui', 'sans-serif'],\n                    },\n                }\n            }\n        }\n    <\/script>\n    \n    <!-- ==================== \u5168\u9762\u65e0\u7a7a\u9699\u6837\u5f0f\u91cd\u7f6e ==================== -->\n    <style>\n        \/* 1. \u6838\u5fc3\u5168\u5c40\u91cd\u7f6e *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box; \/* \u786e\u4fdd\u5143\u7d20\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6\u5305\u542b\u5185\u8fb9\u8ddd\u548c\u8fb9\u6846 *\/\n        }\n\n        \/* 2. \u6839\u5143\u7d20\u4e0e\u4e3b\u4f53\u8bbe\u7f6e *\/\n        html, body {\n            margin: 0;\n            padding: 0;\n            overflow-x: hidden; \/* \u9632\u6b62\u6c34\u5e73\u6eda\u52a8\u6761 *\/\n        }\n\n        \/* 3. \u6d88\u9664\u56fe\u7247\u5e95\u90e8\u7a7a\u767d *\/\n        img {\n            display: block; \/* \u5c06\u56fe\u7247\u8bbe\u4e3a\u5757\u7ea7\u5143\u7d20\uff0c\u6d88\u9664\u56e0\u884c\u5185\u5bf9\u9f50\u4ea7\u751f\u7684\u5e95\u90e8\u7a7a\u9699 *\/\n            max-width: 100%; \/* \u56fe\u7247\u81ea\u9002\u5e94 *\/\n            height: auto; \/* \u4fdd\u6301\u56fe\u7247\u6bd4\u4f8b *\/\n        }\n\n        \/* 4. \u6d88\u9664\u5217\u8868\u6837\u5f0f\u4e0e\u7a7a\u9699 *\/\n        ul, ol {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* 5. \u6d88\u9664\u94fe\u63a5\u548c\u6309\u94ae\u7684\u9ed8\u8ba4\u6837\u5f0f *\/\n        a, button {\n            text-decoration: none; \/* \u53bb\u9664\u4e0b\u5212\u7ebf *\/\n            color: inherit; \/* \u7ee7\u627f\u7236\u5143\u7d20\u989c\u8272 *\/\n            display: inline-block; \/* \u4fbf\u4e8e\u63a7\u5236\u95f4\u8ddd *\/\n        }\n\n        \/* 6. \u6d88\u9664\u8868\u683c\u5355\u5143\u683c\u95f4\u8ddd *\/\n        table {\n            border-collapse: collapse; \/* \u5408\u5e76\u8868\u683c\u8fb9\u6846 *\/\n            border-spacing: 0; \/* \u5355\u5143\u683c\u95f4\u8ddd\u4e3a0 *\/\n        }\n        td, th {\n            padding: 0; \/* \u6e05\u9664\u5355\u5143\u683c\u9ed8\u8ba4\u5185\u8fb9\u8ddd *\/\n        }\n\n        \/* 7. \u6d88\u9664 inline-block \u5143\u7d20\u95f4\u7684\u7a7a\u9699 *\/\n        .inline-block-container {\n            font-size: 0; \/* \u5173\u952e\uff1a\u7236\u5bb9\u5668\u5b57\u4f53\u5927\u5c0f\u8bbe\u4e3a0\uff0c\u6d88\u9664\u6362\u884c\u7b26\u548c\u7a7a\u683c\u5360\u4f4d *\/\n        }\n        .inline-block-item {\n            display: inline-block;\n            font-size: 16px; \/* \u5fc5\u987b\u5728\u5b50\u5143\u7d20\u4e0a\u91cd\u65b0\u8bbe\u7f6e\u5b57\u4f53\u5927\u5c0f *\/\n            vertical-align: top; \/* \u7edf\u4e00\u9876\u90e8\u5bf9\u9f50 *\/\n        }\n\n        \/* 8. \u73b0\u4ee3\u5e03\u5c40\uff08Flexbox\/Grid\uff09\u7684\u95f4\u9699\u63a7\u5236 *\/\n        .flex-container {\n            display: flex;\n            \/* gap: 20px; *\/ \n            \/* \u5982\u679c\u9700\u8981\u95f4\u9699\uff0c\u4f7f\u7528gap\u5c5e\u6027\u800c\u975emargin\uff0c\u5b83\u80fd\u66f4\u7cbe\u786e\u5730\u63a7\u5236Flex\u6216Grid\u9879\u76ee\u95f4\u7684\u8ddd\u79bb *\/\n        }\n        .grid-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            \/* gap: 20px; *\/\n        }\n        \/* \u6ce8\u610f\uff1a\u5982\u679c\u4f7f\u7528gap\uff0c\u5219\u65e0\u9700\u518d\u4e3a\u5b50\u9879\u76ee\u8bbe\u7f6emargin\u6765\u5236\u9020\u95f4\u9694 *\/\n    <\/style>\n    \n    <!-- Tailwind CSS\u81ea\u5b9a\u4e49\u6837\u5f0f -->\n    <style type=\"text\/tailwindcss\">\n        @layer utilities {\n            .content-auto {\n                content-visibility: auto;\n            }\n            .timeline-line {\n                @apply absolute top-1\/2 left-1\/2 h-full w-0.5 bg-primary\/20 -translate-x-1\/2 -translate-y-1\/2;\n            }\n            .timeline-dot {\n                @apply absolute top-1\/2 left-1\/2 w-6 h-6 rounded-full bg-primary border-4 border-secondary -translate-x-1\/2 -translate-y-1\/2 z-10 transition-all duration-500;\n            }\n            .timeline-item:hover .timeline-dot {\n                @apply scale-125 shadow-lg shadow-primary\/30;\n            }\n            \/* \u8282\u70b9\u56fe\u6807\u6837\u5f0f - \u786e\u4fdd\u56fe\u6807\u5c42\u7ea7\u548c\u663e\u793a\u4f18\u5148\u7ea7 *\/\n            .timeline-icon {\n                @apply absolute top-1\/2 left-1\/2 w-10 h-10 flex items-center justify-center rounded-full bg-white border-2 border-primary text-primary -translate-x-1\/2 -translate-y-1\/2 z-20 text-xl transition-all duration-300 ease-in-out;\n                \/* \u5f3a\u5236\u663e\u793a\u56fe\u6807\uff0c\u9632\u6b62\u6837\u5f0f\u8986\u76d6 *\/\n                font-family: 'FontAwesome' !important;\n            }\n            .timeline-icon:hover {\n                @apply scale-150 shadow-lg shadow-primary\/20 bg-primary text-white border-primary;\n            }\n            .fade-in {\n                animation: fadeIn 0.8s ease forwards;\n            }\n            .slide-up {\n                animation: slideUp 0.8s ease forwards;\n                animation-play-state: paused;\n                opacity: 0;\n            }\n            .arrow-bounce {\n                animation: arrowBounce 2s infinite;\n                cursor: pointer;\n            }\n            @keyframes fadeIn {\n                from { opacity: 0; }\n                to { opacity: 1; }\n            }\n            @keyframes slideUp {\n                from { transform: translateY(50px); opacity: 0; }\n                to { transform: translateY(0); opacity: 1; }\n            }\n            @keyframes arrowBounce {\n                0%, 100% { transform: translateY(0); }\n                50% { transform: translateY(10px); }\n            }\n        }\n    <\/style>\n    \n    <!-- \u9875\u9762\u7279\u5b9a\u6837\u5f0f -->\n    <style>\n        \/* \u4fee\u6539\u9875\u9762\u80cc\u666f\u4e3a\u659c\u5f84\u5411\u767d\u8272\u4e0e\u6d45\u84dd\u8272\u6a21\u7cca\u6e10\u53d8 *\/\n        body {\n            background: \n                radial-gradient(\n                    150% 150% at 30% 10%,\n                    rgba(255, 255, 255, 0.9) 0%,\n                    rgba(230, 240, 255, 0.7) 25%,\n                    rgba(200, 220, 255, 0.5) 50%,\n                    rgba(180, 210, 255, 0.3) 75%,\n                    rgba(160, 200, 255, 0.1) 100%\n                ),\n                linear-gradient(\n                    135deg,\n                    rgba(255, 255, 255, 1) 0%,\n                    rgba(245, 248, 255, 0.9) 50%,\n                    rgba(235, 245, 255, 0.8) 100%\n                );\n            background-attachment: fixed;\n            background-blend-mode: overlay;\n            backdrop-filter: blur(10px);\n        }\n        \n        \/* \u515c\u5e95\uff1a\u786e\u4fddFont Awesome\u56fe\u6807\u5b57\u4f53\u52a0\u8f7d *\/\n        [class^=\"fa-\"], [class*=\" fa-\"] {\n            font-family: 'FontAwesome' !important;\n            speak: none;\n            font-style: normal;\n            font-weight: normal;\n            font-variant: normal;\n            text-transform: none;\n            line-height: 1;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n        \n        \/* \u91cd\u7f6e\u8865\u5145\uff1a\u786e\u4fdd\u6240\u6709\u5143\u7d20\u7ee7\u627f\u5b57\u4f53\u8bbe\u7f6e *\/\n        body, button, input, select, textarea {\n            font-family: inherit;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen overflow-x-hidden scroll-smooth\">\n    <!-- \u6d77\u62a5\u5934\u90e8 -->\n    <header class=\"relative w-full h-[500px] bg-primary overflow-hidden\">\n        <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/01\/47c353b0df03eb7a6064bea75369c468587c41a2341af-AhIPiG.jpg\"><\/div>\n        <div class=\"absolute inset-0 bg-primary\/40\"><\/div>\n        <div class=\"relative h-full flex flex-col items-center justify-center text-white px-4 z-10 fade-in\">\n            <h1 class=\"text-[clamp(2.5rem,5vw,4rem)] font-bold mb-4 text-center\">\u516c\u53f8\u53d1\u5c55\u5386\u7a0b<\/h1>\n            <p class=\"text-[clamp(1rem,2vw,1.25rem)] max-w-3xl text-center opacity-90 mb-8\">\n                \u4ece\u63a2\u7d22\u652f\u4ed8\u5230\u8de8\u5883\u4e1a\u52a1\uff0c\u6211\u4eec\u59cb\u7ec8\u79c9\u6301\u521b\u65b0\u7cbe\u795e\uff0c\u7a33\u6b65\u524d\u884c\n            <\/p>\n            <div id=\"scrollDownBtn\" class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 text-white text-3xl arrow-bounce\">\n                <i class=\"fa fa-angle-down\"><\/i>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- \u65f6\u95f4\u7ebf\u4e3b\u4f53 -->\n    <section id=\"timelineSection\" class=\"container mx-auto px-4 py-20 relative\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"text-center mb-16 slide-up\" style=\"animation-delay: 0.2s;\">\n                <h2 class=\"text-[clamp(1.8rem,3vw,2.5rem)] font-bold text-primary mb-4\">\u53d1\u5c55\u91cc\u7a0b\u7891<\/h2>\n                <p class=\"text-gray-600 max-w-2xl mx-auto\">\n                    \u6bcf\u4e00\u4e2a\u8282\u70b9\uff0c\u90fd\u662f\u6210\u957f\u7684\u89c1\u8bc1\uff1b\u6bcf\u4e00\u6b21\u7a81\u7834\uff0c\u90fd\u662f\u524d\u884c\u7684\u52a8\u529b\n                <\/p>\n            <\/div>\n\n            <div class=\"relative\">\n                <div class=\"timeline-line\"><\/div>\n                <div class=\"space-y-24\">\n                    <!-- 2008\u5e74 -->\n                    <div class=\"timeline-item relative flex flex-col md:flex-row items-center slide-up\" style=\"animation-delay: 0.4s;\">\n                        <div class=\"md:w-1\/2 md:pr-16 mb-8 md:mb-0 md:text-right order-2 md:order-1\">\n                            <span class=\"inline-block px-4 py-1 bg-primary\/10 text-primary rounded-full text-sm font-medium mb-3\">\n                                <i class=\"fa fa-compass mr-2\"><\/i>\u63a2\u7d22\u9636\u6bb5\n                            <\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-800 mb-2\">2008\u5e74<\/h3>\n                            <h4 class=\"text-xl font-semibold text-primary mb-3\">\u63a2\u7d22\u652f\u4ed8<\/h4>\n                            <p class=\"text-gray-600 max-w-md ml-auto\">\n                                \u516c\u53f8\u6210\u7acb\u4e4b\u521d\uff0c\u805a\u7126\u652f\u4ed8\u9886\u57df\u7684\u63a2\u7d22\u4e0e\u7814\u7a76\uff0c\u4e3a\u540e\u7eed\u4e1a\u52a1\u53d1\u5c55\u5960\u5b9a\u4e86\u575a\u5b9e\u7684\u6280\u672f\u57fa\u7840\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"timeline-icon\"><i class=\"fa fa-compass\"><\/i><\/div>\n                        <div class=\"timeline-dot\"><\/div>\n                        <div class=\"md:w-1\/2 md:pl-16 order-1 md:order-2\"><\/div>\n                    <\/div>\n\n                    <!-- 2012\u5e74 -->\n                    <div class=\"timeline-item relative flex flex-col md:flex-row items-center slide-up\" style=\"animation-delay: 0.6s;\">\n                        <div class=\"md:w-1\/2 md:pr-16 mb-8 md:mb-0 md:text-right order-2 md:order-1 hidden md:block\"><\/div>\n                        <div class=\"timeline-icon\"><i class=\"fa fa-map-marker\"><\/i><\/div>\n                        <div class=\"timeline-dot\"><\/div>\n                        <div class=\"md:w-1\/2 md:pl-16 order-1 md:order-2\">\n                            <span class=\"inline-block px-4 py-1 bg-primary\/10 text-primary rounded-full text-sm font-medium mb-3\">\n                                <i class=\"fa fa-map-marker mr-2\"><\/i>\u5e02\u573a\u62d3\u5c55\n                            <\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-800 mb-2\">2012\u5e74<\/h3>\n                            <h4 class=\"text-xl font-semibold text-primary mb-3\">\u8fdb\u9a7b\u6cb3\u6e90\u60e0\u5dde<\/h4>\n                            <p class=\"text-gray-600 max-w-md\">\n                                \u4e1a\u52a1\u7248\u56fe\u8fdb\u4e00\u6b65\u6269\u5927\uff0c\u6b63\u5f0f\u8fdb\u9a7b\u6cb3\u6e90\u3001\u60e0\u5dde\u5730\u533a\uff0c\u5efa\u7acb\u672c\u5730\u5316\u670d\u52a1\u56e2\u961f\uff0c\u63d0\u5347\u533a\u57df\u5e02\u573a\u8986\u76d6\u80fd\u529b\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- 2020\u5e74 -->\n                    <div class=\"timeline-item relative flex flex-col md:flex-row items-center slide-up\" style=\"animation-delay: 0.8s;\">\n                        <div class=\"md:w-1\/2 md:pr-16 mb-8 md:mb-0 md:text-right order-2 md:order-1\">\n                            <span class=\"inline-block px-4 py-1 bg-primary\/10 text-primary rounded-full text-sm font-medium mb-3\">\n                                <i class=\"fa fa-shopping-cart mr-2\"><\/i>\u4e1a\u52a1\u62d3\u5c55\n                            <\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-800 mb-2\">2020\u5e74<\/h3>\n                            <h4 class=\"text-xl font-semibold text-primary mb-3\">\u589e\u52a0\u7535\u5546\u677f\u5757<\/h4>\n                            <p class=\"text-gray-600 max-w-md ml-auto\">\n                                \u987a\u5e94\u5e02\u573a\u53d1\u5c55\u8d8b\u52bf\uff0c\u65b0\u589e\u7535\u5546\u4e1a\u52a1\u677f\u5757\uff0c\u5b9e\u73b0\u652f\u4ed8\u4e1a\u52a1\u4e0e\u7535\u5546\u573a\u666f\u7684\u6df1\u5ea6\u878d\u5408\uff0c\u6784\u5efa\u591a\u5143\u5316\u4e1a\u52a1\u4f53\u7cfb\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"timeline-icon\"><i class=\"fa fa-shopping-cart\"><\/i><\/div>\n                        <div class=\"timeline-dot\"><\/div>\n                        <div class=\"md:w-1\/2 md:pl-16 order-1 md:order-2\"><\/div>\n                    <\/div>\n\n                    <!-- 2021\u5e74 -->\n                    <div class=\"timeline-item relative flex flex-col md:flex-row items-center slide-up\" style=\"animation-delay: 1s;\">\n                        <div class=\"md:w-1\/2 md:pr-16 mb-8 md:mb-0 md:text-right order-2 md:order-1 hidden md:block\"><\/div>\n                        <div class=\"timeline-icon\"><i class=\"fa fa-users\"><\/i><\/div>\n                        <div class=\"timeline-dot\"><\/div>\n                        <div class=\"md:w-1\/2 md:pl-16 order-1 md:order-2\">\n                            <span class=\"inline-block px-4 py-1 bg-primary\/10 text-primary rounded-full text-sm font-medium mb-3\">\n                                <i class=\"fa fa-users mr-2\"><\/i>\u7ec4\u7ec7\u5347\u7ea7\n                            <\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-800 mb-2\">2021\u5e74<\/h3>\n                            <h4 class=\"text-xl font-semibold text-primary mb-3\">\u6210\u7acb\u96c6\u91c7\u9879\u76ee\u7ec4<\/h4>\n                            <p class=\"text-gray-600 max-w-md\">\n                                \u4e3a\u4f18\u5316\u4f9b\u5e94\u94fe\u7ba1\u7406\uff0c\u964d\u4f4e\u8fd0\u8425\u6210\u672c\uff0c\u6b63\u5f0f\u6210\u7acb\u96c6\u91c7\u9879\u76ee\u7ec4\uff0c\u63d0\u5347\u516c\u53f8\u89c4\u6a21\u5316\u91c7\u8d2d\u4e0e\u7ba1\u7406\u80fd\u529b\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- 2024\u5e74 -->\n                    <div class=\"timeline-item relative flex flex-col md:flex-row items-center slide-up\" style=\"animation-delay: 1.2s;\">\n                        <div class=\"md:w-1\/2 md:pr-16 mb-8 md:mb-0 md:text-right order-2 md:order-1\">\n                            <span class=\"inline-block px-4 py-1 bg-primary\/10 text-primary rounded-full text-sm font-medium mb-3\">\n                                <i class=\"fa fa-weixin mr-2\"><\/i>\u751f\u6001\u5e03\u5c40\n                            <\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-800 mb-2\">2024\u5e74<\/h3>\n                            <h4 class=\"text-xl font-semibold text-primary mb-3\">\u8fdb\u519b\u5fae\u4fe1\u751f\u6001\u5708<\/h4>\n                            <p class=\"text-gray-600 max-w-md ml-auto\">\n                                \u6df1\u5ea6\u5e03\u5c40\u793e\u4ea4\u7535\u5546\u9886\u57df\uff0c\u5168\u9762\u8fdb\u519b\u5fae\u4fe1\u751f\u6001\u5708\uff0c\u6253\u9020\u57fa\u4e8e\u5fae\u4fe1\u751f\u6001\u7684\u4e00\u4f53\u5316\u5546\u4e1a\u89e3\u51b3\u65b9\u6848\u3002\n                            <\/p>\n                        <\/div>\n                        <div class=\"timeline-icon\"><i class=\"fa fa-weixin\"><\/i><\/div>\n                        <div class=\"timeline-dot\"><\/div>\n                        <div class=\"md:w-1\/2 md:pl-16 order-1 md:order-2\"><\/div>\n                    <\/div>\n\n                    <!-- 2025\u5e74 -->\n                    <div class=\"timeline-item relative flex flex-col md:flex-row items-center slide-up\" style=\"animation-delay: 1.4s;\">\n                        <div class=\"md:w-1\/2 md:pr-16 mb-8 md:mb-0 md:text-right order-2 md:order-1 hidden md:block\"><\/div>\n                        <div class=\"timeline-icon\"><i class=\"fa fa-globe\"><\/i><\/div>\n                        <div class=\"timeline-dot\"><\/div>\n                        <div class=\"md:w-1\/2 md:pl-16 order-1 md:order-2\">\n                            <span class=\"inline-block px-4 py-1 bg-primary\/10 text-primary rounded-full text-sm font-medium mb-3\">\n                                <i class=\"fa fa-globe mr-2\"><\/i>\u5168\u7403\u5316\n                            <\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-800 mb-2\">2025\u5e74<\/h3>\n                            <h4 class=\"text-xl font-semibold text-primary mb-3\">\u5f00\u5c55\u8de8\u5883\u4e1a\u52a1<\/h4>\n                            <p class=\"text-gray-600 max-w-md\">\n                                \u5f00\u542f\u5168\u7403\u5316\u6218\u7565\u5e03\u5c40\uff0c\u6b63\u5f0f\u5f00\u5c55\u8de8\u5883\u4e1a\u52a1\uff0c\u5c06\u6210\u719f\u7684\u5546\u4e1a\u6a21\u5f0f\u62d3\u5c55\u81f3\u56fd\u9645\u5e02\u573a\uff0c\u5b9e\u73b0\u4e1a\u52a1\u65b0\u7a81\u7834\u3002\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u9875\u9762\u4ea4\u4e92\u811a\u672c -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ \u70b9\u51fb\u7bad\u5934\u6eda\u52a8\u5230\u65f6\u95f4\u7ebf\n            const scrollDownBtn = document.getElementById('scrollDownBtn');\n            const timelineSection = document.getElementById('timelineSection');\n            scrollDownBtn.addEventListener('click', function() {\n                window.scrollTo({\n                    top: timelineSection.offsetTop - 80,\n                    behavior: 'smooth'\n                });\n            });\n\n            \/\/ \u6eda\u52a8\u76d1\u542c\u89e6\u53d1\u52a8\u753b\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.animationPlayState = 'running';\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { \n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            });\n\n            const animatedElements = document.querySelectorAll('.slide-up');\n            animatedElements.forEach(el => {\n                observer.observe(el);\n            });\n\n            \/\/ \u56fe\u6807\u52a0\u8f7d\u68c0\u67e5\n            setTimeout(() => {\n                const weixinIcon = document.querySelector('.fa-weixin');\n                if (weixinIcon && window.getComputedStyle(weixinIcon).fontFamily !== 'FontAwesome') {\n                    console.log('\u5fae\u4fe1\u56fe\u6807\u52a0\u8f7d\u5f02\u5e38\uff0c\u5df2\u542f\u7528\u515c\u5e95\u6837\u5f0f');\n                    weixinIcon.style.fontFamily = 'FontAwesome !important';\n                }\n            }, 1000);\n            \n            \/\/ \u6d88\u9664\u6240\u6709\u5143\u7d20\u7684\u9ed8\u8ba4\u70b9\u51fb\u6837\u5f0f\n            document.addEventListener('click', function(e) {\n                e.target.blur && e.target.blur();\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u516c\u53f8\u53d1\u5c55\u5386\u7a0b \u516c\u53f8\u53d1\u5c55\u5386\u7a0b \u4ece\u63a2\u7d22\u652f\u4ed8\u5230\u8de8\u5883\u4e1a\u52a1\uff0c\u6211\u4eec\u59cb\u7ec8\u79c9\u6301\u521b\u65b0\u7cbe\u795e\uff0c\u7a33\u6b65\u524d\u884c \u53d1\u5c55\u91cc\u7a0b\u7891 \u6bcf\u4e00\u4e2a\u8282\u70b9\uff0c\u90fd\u662f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-1492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/comments?post=1492"}],"version-history":[{"count":12,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1492\/revisions"}],"predecessor-version":[{"id":3225,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1492\/revisions\/3225"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}