{"id":74,"date":"2025-06-05T20:55:21","date_gmt":"2025-06-05T12:55:21","guid":{"rendered":"https:\/\/www.yn5656.cn\/?page_id=74"},"modified":"2025-06-07T18:22:55","modified_gmt":"2025-06-07T10:22:55","slug":"elementor-43-cloned-43","status":"publish","type":"page","link":"https:\/\/www.yn5656.cn\/index.php\/elementor-43-cloned-43\/","title":{"rendered":"\u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a\u7b80\u4ecb"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"74\" class=\"elementor elementor-74\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7086d6a e-flex e-con-boxed e-con e-parent\" data-id=\"7086d6a\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e43f3f elementor-widget elementor-widget-text-editor\" data-id=\"3e43f3f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!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>\u534f\u4f1a\u7b80\u4ecb &#8211; \u4e91\u5357\u7701\u7269\u6d41\u884c\u4e1a\u534f\u4f1a<\/title>\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');\n        \n        :root {\n            --primary: #1a73e8;\n            --primary-dark: #0d47a1;\n            --light-bg: #f8fafc;\n            --card-bg: #ffffff;\n            --text-dark: #1a365d;\n            --text-light: #4a5568;\n        }\n        \n        body {\n            font-family: 'Noto Sans SC', sans-serif;\n            background-color: var(--light-bg);\n            color: var(--text-light);\n            line-height: 1.7;\n            margin: 0;\n            padding: 0;\n        }\n        \n        .container {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 25px 20px;\n        }\n        \n        .section-title {\n            text-align: center;\n            margin-bottom: 35px;\n            position: relative;\n        }\n        \n        .section-title h1 {\n            font-size: 1.8rem;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n            display: inline-block;\n        }\n        \n        .section-title h1:after {\n            content: \"\";\n            position: absolute;\n            bottom: -8px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 50px;\n            height: 3px;\n            background: linear-gradient(90deg, var(--primary), var(--primary-dark));\n            border-radius: 2px;\n        }\n        \n        .section-title p {\n            font-size: 0.95rem;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n        \n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr); \/* \u624b\u673a\u7aef\u9ed8\u8ba42\u5217 *\/\n            gap: 18px;\n            margin: 25px 0 40px;\n        }\n        \n        @media (min-width: 576px) {\n            .stats-grid {\n                grid-template-columns: repeat(4, 1fr); \/* \u5e73\u677f\u4ee5\u4e0a4\u5217 *\/\n            }\n        }\n        \n        .stat-card {\n            background: var(--card-bg);\n            padding: 22px;\n            border-radius: 12px;\n            text-align: center;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.06);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .stat-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        }\n        \n        .stat-card i {\n            font-size: 1.8rem;\n            color: var(--primary);\n            margin-bottom: 12px;\n            width: 50px;\n            height: 50px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(26, 115, 232, 0.1);\n            border-radius: 50%;\n        }\n        \n        .stat-card h3 {\n            margin: 0;\n            font-size: 1.1rem;\n            color: var(--text-dark);\n            margin-bottom: 6px;\n        }\n        \n        .stat-card p {\n            margin: 0;\n            font-size: 0.85rem;\n            line-height: 1.5;\n        }\n        \n        .timeline {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n        \n        .timeline-card {\n            background: var(--card-bg);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.06);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            position: relative;\n            padding: 0;\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .timeline-card.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .timeline-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n        }\n        \n        .card-header {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n            color: white;\n            padding: 18px 25px;\n            position: relative;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        \n        .card-header i {\n            font-size: 1.5rem;\n            width: 36px;\n            height: 36px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255,255,255,0.2);\n            border-radius: 50%;\n        }\n        \n        .card-header h2 {\n            margin: 0;\n            font-size: 1.1rem;\n            font-weight: 500;\n        }\n        \n        .card-content {\n            padding: 20px 25px;\n        }\n        \n        .card-content p {\n            margin-bottom: 15px;\n            font-size: 0.92rem;\n        }\n        \n        .highlight-box {\n            background: rgba(26, 115, 232, 0.05);\n            border-left: 3px solid var(--primary);\n            padding: 12px 18px;\n            margin: 15px 0;\n            border-radius: 0 8px 8px 0;\n        }\n        \n        .highlight-box p {\n            margin-bottom: 0;\n            font-size: 0.88rem;\n        }\n        \n        .back-to-home {\n            margin-top: 50px;\n            text-align: center;\n        }\n        \n        .back-to-home a {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n            color: white;\n            padding: 11px 22px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 500;\n            box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            font-size: 0.9rem;\n        }\n        \n        .back-to-home a:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 6px 18px rgba(26, 115, 232, 0.4);\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"section-title\">\n            <h1>\u534f\u4f1a\u7b80\u4ecb<\/h1>\n            <p>\u4e91\u5357\u7701\u7269\u6d41\u884c\u4e1a\u534f\u4f1a &#8211; \u63a8\u52a8\u7269\u6d41\u884c\u4e1a\u53d1\u5c55\uff0c\u670d\u52a1\u4f1a\u5458\u4f01\u4e1a<\/p>\n        <\/div>\n        \n        <div class=\"stats-grid\">\n            <div class=\"stat-card\">\n                <i class=\"fa fa-calendar\"><\/i>\n                <h3>18+\u5e74<\/h3>\n                <p>\u884c\u4e1a\u670d\u52a1\u7ecf\u9a8c<\/p>\n            <\/div>\n            <div class=\"stat-card\">\n                <i class=\"fa fa-users\"><\/i>\n                <h3>1000+<\/h3>\n                <p>\u4f1a\u5458\u4f01\u4e1a<\/p>\n            <\/div>\n            <div class=\"stat-card\">\n                <i class=\"fa fa-building\"><\/i>\n                <h3>5\u5927\u4f53\u7cfb<\/h3>\n                <p>\u7ec4\u7ec7\u67b6\u6784<\/p>\n            <\/div>\n            <div class=\"stat-card\">\n                <i class=\"fa fa-globe\"><\/i>\n                <h3>20+\u6b21<\/h3>\n                <p>\u56fd\u9645\u4ea4\u6d41<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"timeline\" id=\"timeline\">\n            <div class=\"timeline-card\">\n                <div class=\"card-header\">\n                    <i class=\"fa fa-flag\"><\/i>\n                    <h2>\u534f\u4f1a\u6210\u7acb<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <p>2004\u5e74\u5728\u4e91\u5357\u7701\u5de5\u4fe1\u59d4\u548c\u6c11\u653f\u5385\u652f\u6301\u4e0b\u6210\u7acb\uff0c\u7531\u591a\u5bb6\u77e5\u540d\u7269\u6d41\u4f01\u4e1a\u8054\u5408\u53d1\u8d77\uff0c\u662f\u4e91\u5357\u7701\u7269\u6d41\u884c\u4e1a\u91cd\u8981\u793e\u56e2\u7ec4\u7ec7\u3002<\/p>\n                    <div class=\"highlight-box\">\n                        <p>\u79d8\u4e66\u5904\u8bbe\u591a\u90e8\u95e8\uff0c1000+\u4f1a\u5458\u4f01\u4e1a\u6db5\u76d6\u5404\u7c7b\u6027\u8d28\uff0c\u5f62\u6210\u591a\u5143\u884c\u4e1a\u751f\u6001\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"timeline-card\">\n                <div class=\"card-header\">\n                    <i class=\"fa fa-bullseye\"><\/i>\n                    <h2>\u534f\u4f1a\u5b97\u65e8<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <p>\u4ee5\u5e02\u573a\u4e3a\u5bfc\u5411\u5f15\u5bfc\u884c\u4e1a\u53d1\u5c55\uff0c\u914d\u5408\u653f\u5e9c\u63a8\u8fdb\u6807\u51c6\u5316\uff0c\u4e3a\u4f01\u4e1a\u63d0\u4f9b\u878d\u8d44\u670d\u52a1\uff0c\u7ef4\u62a4\u4f1a\u5458\u6743\u76ca\u3002<\/p>\n                    <p>\u63d0\u5347\u4e91\u5357\u7269\u6d41\u4e1a\u5f62\u8c61\uff0c\u6253\u9020\u533a\u57df\u54c1\u724c\uff0c\u5b9e\u73b0\u7ecf\u6d4e\u4e0e\u793e\u4f1a\u6548\u76ca\u53cc\u63d0\u5347\u3002<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"timeline-card\">\n                <div class=\"card-header\">\n                    <i class=\"fa fa-tasks\"><\/i>\n                    <h2>\u6838\u5fc3\u4e1a\u52a1<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <ul style=\"padding-left: 20px; margin-bottom: 0;\">\n                        <li>\u5236\u5b9a\u884c\u4e1a\u516c\u7ea6\uff0c\u89c4\u8303\u5e02\u573a\u79e9\u5e8f<\/li>\n                        <li>\u7ec4\u7ec7\u5e02\u573a\u5f00\u62d3\uff0c\u53d1\u5e03\u884c\u4e1a\u4fe1\u606f<\/li>\n                        <li>\u53c2\u4e0e\u6807\u51c6\u5236\u5b9a\uff0c\u63d0\u4f9b\u51b3\u7b56\u54a8\u8be2<\/li>\n                        <li>\u534f\u8c03\u4f1a\u5458\u4e89\u8bae\uff0c\u7ef4\u62a4\u4f01\u4e1a\u6743\u76ca<\/li>\n                        <li>\u5f00\u5c55\u56fd\u9645\u4ea4\u6d41\uff0c\u63a8\u52a8\u8de8\u5883\u5408\u4f5c<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"timeline-card\">\n                <div class=\"card-header\">\n                    <i class=\"fa fa-star\"><\/i>\n                    <h2>\u53d1\u5c55\u6210\u5c31<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <p>\u5341\u4f59\u5e74\u6765\u534f\u52a9\u653f\u5e9c\u63a8\u8fdb\u884c\u4e1a\u89c4\u8303\u5316\uff0c\u4fc3\u8fdb\u8d44\u6e90\u5171\u4eab\uff1b\u7ec4\u7ec7\u56fd\u5185\u5916\u6d3b\u52a8\uff0c\u57f9\u517b\u4eba\u624d\uff0c\u63a8\u52a8\u5bf9\u5916\u5408\u4f5c\u3002<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"timeline-card\">\n                <div class=\"card-header\">\n                    <i class=\"fa fa-trophy\"><\/i>\n                    <h2>\u56fd\u9645\u7269\u6d41\u8282<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <p>2012\u5e74\u914d\u5408\u6606\u660e\u5e02\u653f\u5e9c\u4e3e\u529e\u7b2c\u516b\u5c4a\u56fd\u9645\u7269\u6d41\u8282\uff0c\u63d0\u5347\u4e91\u5357\u7269\u6d41\u56fd\u9645\u5173\u6ce8\u5ea6\uff0c\u62d3\u5bbd\u878d\u8d44\u6e20\u9053\u3002<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"timeline-card\">\n                <div class=\"card-header\">\n                    <i class=\"fa fa-handshake-o\"><\/i>\n                    <h2>\u8de8\u5883\u7269\u6d41\u5408\u4f5c<\/h2>\n                <\/div>\n                <div class=\"card-content\">\n                    <p>2014\u5e74\u53c2\u4e0e\u4e2d\u8001\u6cf0\u7269\u6d41\u5bf9\u8bdd\u4f1a\uff0c\u5c31\u901a\u9053\u4f18\u5316\u7b49\u95ee\u9898\u63d0\u51fa\u65b9\u6848\uff0c\u964d\u4f4e\u4f01\u4e1a\u8fd0\u8f93\u6210\u672c\u3002<\/p>\n                    <div class=\"highlight-box\">\n                        <p>\u63a8\u52a8\u5efa\u7acb\u4e09\u56fd\u5408\u4f5c\u673a\u5236\uff0c\u5438\u5f15\u66f4\u591a\u4f01\u4e1a\u53c2\u4e0e\uff0c\u52a0\u901f\u533a\u57df\u7ecf\u6d4e\u8054\u52a8\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"back-to-home\">\n            <a href=\"\/\">\n                <i class=\"fa fa-home\"><\/i>\n                <span>\u8fd4\u56de\u9996\u9875<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n    \n    <script>\n        \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n        function checkVisibility() {\n            const cards = document.querySelectorAll('.timeline-card');\n            cards.forEach(card => {\n                const rect = card.getBoundingClientRect();\n                if (rect.top < window.innerHeight - 100) {\n                    card.classList.add('visible');\n                }\n            });\n        }\n        \n        \/\/ \u521d\u59cb\u68c0\u67e5\n        checkVisibility();\n        \n        \/\/ \u6eda\u52a8\u65f6\u68c0\u67e5\n        window.addEventListener('scroll', checkVisibility);\n        \n        \/\/ \u8fd4\u56de\u9876\u90e8\u6309\u94ae\u6548\u679c\n        const backToHomeBtn = document.querySelector('.back-to-home a');\n        backToHomeBtn.addEventListener('click', function(e) {\n            e.preventDefault();\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth'\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e532f0 e-flex e-con-boxed e-con e-parent\" data-id=\"6e532f0\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cce0563 elementor-widget elementor-widget-image\" data-id=\"cce0563\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"420\" height=\"281\" src=\"https:\/\/www.yn5656.cn\/wp-content\/uploads\/2025\/06\/5f9cd5c8123b6.png\" class=\"attachment-large size-large wp-image-82\" alt=\"\" srcset=\"https:\/\/www.yn5656.cn\/wp-content\/uploads\/2025\/06\/5f9cd5c8123b6.png 420w, https:\/\/www.yn5656.cn\/wp-content\/uploads\/2025\/06\/5f9cd5c8123b6-300x201.png 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u534f\u4f1a\u7b80\u4ecb &#8211; \u4e91\u5357\u7701\u7269\u6d41\u884c\u4e1a\u534f\u4f1a \u534f\u4f1a\u7b80\u4ecb \u4e91\u5357\u7701\u7269\u6d41\u884c\u4e1a\u534f\u4f1a &#8211; \u63a8\u52a8\u7269\u6d41\u884c\u4e1a\u53d1\u5c55\uff0c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":34,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/74\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}