{"id":1626,"date":"2025-11-30T16:18:27","date_gmt":"2025-11-30T08:18:27","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=1626"},"modified":"2025-12-11T19:34:23","modified_gmt":"2025-12-11T11:34:23","slug":"%e6%9c%8d%e5%8a%a1%e6%a1%88%e4%be%8b","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/en\/%e6%9c%8d%e5%8a%a1%e6%a1%88%e4%be%8b\/","title":{"rendered":"\u670d\u52a1\u6848\u4f8b"},"content":{"rendered":"\n
\n
\n\n\n\n\n\n \n \n \u91d1\u878d\u670d\u52a1\u6848\u4f8b\u5c55\u793a<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n \/* \u5168\u5c40\u91cd\u7f6e\u548c\u57fa\u7840\u6837\u5f0f *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html, body {\n width: 100%;\n height: 100%;\n font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;\n background-color: #f5f7fa;\n color: #333;\n line-height: 1.6;\n overflow-x: hidden;\n }\n \n \/* \u81ea\u5b9a\u4e49\u989c\u8272\u53d8\u91cf *\/\n :root {\n --fintech-primary: #205cbc;\n --fintech-secondary: #f5f7fa;\n --fintech-accent: #4dabf7;\n --fintech-text: #333333;\n --fintech-light: #ffffff;\n --fintech-shadow: rgba(32, 92, 188, 0.1);\n --fintech-card-bg: #ffffff;\n }\n \n \/* \u4e3b\u5bb9\u5668 *\/\n .fintech-container {\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n \/* \u677f\u5757\u6837\u5f0f *\/\n .fintech-section {\n padding: 60px 0;\n position: relative;\n }\n \n .fintech-section:nth-child(odd) {\n background-color: var(--fintech-secondary);\n }\n \n .fintech-section:nth-child(even) {\n background-color: var(--fintech-light);\n }\n \n \/* \u6807\u9898\u6837\u5f0f *\/\n .fintech-title {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n \n .fintech-title h2 {\n font-size: 2.5rem;\n color: var(--fintech-primary);\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .fintech-title p {\n font-size: 1.1rem;\n color: var(--fintech-text);\n max-width: 700px;\n margin: 0 auto;\n }\n \n .fintech-title::after {\n content: '';\n display: block;\n width: 80px;\n height: 4px;\n background-color: var(--fintech-accent);\n margin: 20px auto 0;\n border-radius: 2px;\n }\n \n \/* \u5361\u7247\u5bb9\u5668 *\/\n .fintech-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-bottom: 60px;\n }\n \n \/* \u5361\u7247\u6837\u5f0f *\/\n .fintech-card {\n background-color: var(--fintech-card-bg);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 10px 30px var(--fintech-shadow);\n transition: all 0.3s ease;\n position: relative;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease;\n }\n \n .fintech-card.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n .fintech-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 40px rgba(32, 92, 188, 0.2);\n }\n \n .fintech-card-img {\n height: 180px;\n overflow: hidden;\n position: relative;\n }\n \n .fintech-card-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n \n .fintech-card:hover .fintech-card-img img {\n transform: scale(1.1);\n }\n \n .fintech-card-icon {\n position: absolute;\n top: 20px;\n right: 20px;\n width: 50px;\n height: 50px;\n background-color: var(--fintech-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.5rem;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n \n .fintech-card-content {\n padding: 25px;\n }\n \n .fintech-card-content h3 {\n font-size: 1.4rem;\n color: var(--fintech-primary);\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n .fintech-card-content p {\n color: var(--fintech-text);\n margin-bottom: 20px;\n font-size: 0.95rem;\n }\n \n .fintech-card-link {\n display: inline-flex;\n align-items: center;\n color: var(--fintech-accent);\n font-weight: 600;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n \n .fintech-card-link:hover {\n color: var(--fintech-primary);\n }\n \n .fintech-card-link i {\n margin-left: 5px;\n transition: transform 0.3s ease;\n }\n \n .fintech-card-link:hover i {\n transform: translateX(5px);\n }\n \n \/* \u5185\u5bb9\u533a\u57df\u6837\u5f0f *\/\n .fintech-content-area {\n display: flex;\n align-items: center;\n gap: 50px;\n margin-top: 40px;\n }\n \n .fintech-content-area.reverse {\n flex-direction: row-reverse;\n }\n \n .fintech-content-text {\n flex: 1;\n }\n \n .fintech-content-text h3 {\n font-size: 1.8rem;\n color: var(--fintech-primary);\n margin-bottom: 20px;\n font-weight: 600;\n }\n \n .fintech-content-text p {\n margin-bottom: 15px;\n font-size: 1.05rem;\n }\n \n .fintech-content-text ul {\n margin-bottom: 25px;\n padding-left: 20px;\n }\n \n .fintech-content-text li {\n margin-bottom: 10px;\n position: relative;\n }\n \n .fintech-content-text li::before {\n content: '';\n position: absolute;\n left: -20px;\n top: 10px;\n width: 8px;\n height: 8px;\n background-color: var(--fintech-accent);\n border-radius: 50%;\n }\n \n .fintech-content-chart {\n flex: 1;\n height: 400px;\n background-color: var(--fintech-card-bg);\n border-radius: 10px;\n box-shadow: 0 10px 30px var(--fintech-shadow);\n padding: 20px;\n position: relative;\n overflow: hidden;\n }\n \n .fintech-chart-container {\n width: 100%;\n height: 100%;\n }\n \n \/* \u79d1\u6280\u611f\u5143\u7d20 *\/\n .fintech-tech-element {\n position: absolute;\n background: linear-gradient(135deg, rgba(77, 171, 247, 0.2), transparent);\n border-radius: 50%;\n filter: blur(20px);\n z-index: 0;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\n @media (max-width: 1024px) {\n .fintech-content-area {\n flex-direction: column;\n gap: 30px;\n }\n \n .fintech-content-area.reverse {\n flex-direction: column;\n }\n \n .fintech-content-chart {\n width: 100%;\n }\n }\n \n @media (max-width: 768px) {\n .fintech-title h2 {\n font-size: 2rem;\n }\n \n .fintech-cards {\n grid-template-columns: 1fr;\n }\n \n .fintech-section {\n padding: 40px 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \u91d1\u878d\u652f\u4ed8\u6848\u4f8b -->\n <section class=\"fintech-section\">\n <div class=\"fintech-container\">\n <div class=\"fintech-title\">\n <h2>\u91d1\u878d\u652f\u4ed8\u6848\u4f8b<\/h2>\n <p>\u521b\u65b0\u7684\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\uff0c\u4e3a\u4f01\u4e1a\u63d0\u4f9b\u5b89\u5168\u3001\u9ad8\u6548\u7684\u91d1\u878d\u670d\u52a1<\/p>\n <\/div>\n \n <div class=\"fintech-cards\">\n <!-- \u5361\u72471 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550565118-3a14e8d0386f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"\u5168\u6e20\u9053\u6536\u6b3e\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-money-bill-wave\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u5168\u6e20\u9053\u6536\u6b3e\u6848\u4f8b<\/h3>\n <p>\u6574\u5408\u7ebf\u4e0a\u7ebf\u4e0b\u652f\u4ed8\u6e20\u9053\uff0c\u63d0\u4f9b\u7edf\u4e00\u6536\u6b3e\u89e3\u51b3\u65b9\u6848\uff0c\u63d0\u5347\u8d44\u91d1\u5f52\u96c6\u6548\u7387\uff0c\u964d\u4f4e\u8fd0\u8425\u6210\u672c\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72472 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1526628953301-3e589a6a8b74?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1393&q=80\" alt=\"\u5782\u76f4\u573a\u666f\u6df1\u8015\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-industry\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u5782\u76f4\u573a\u666f\u6df1\u8015\u6848\u4f8b<\/h3>\n <p>\u9488\u5bf9\u6559\u80b2\u3001\u533b\u7597\u3001\u96f6\u552e\u7b49\u884c\u4e1a\u5b9a\u5236\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\uff0c\u6ee1\u8db3\u7279\u5b9a\u573a\u666f\u4e0b\u7684\u91d1\u878d\u9700\u6c42\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72473 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"\u589e\u503c\u8425\u9500\u670d\u52a1\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u589e\u503c\u8425\u9500\u670d\u52a1\u6848\u4f8b<\/h3>\n <p>\u7ed3\u5408\u652f\u4ed8\u6570\u636e\u63d0\u4f9b\u7cbe\u51c6\u8425\u9500\u670d\u52a1\uff0c\u5e2e\u52a9\u5546\u6237\u63d0\u5347\u5ba2\u6237\u7c98\u6027\u548c\u590d\u8d2d\u7387\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72474 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507679799987-c73779587ccf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80\" alt=\"\u8de8\u5883\u652f\u4ed8\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u8de8\u5883\u652f\u4ed8\u6848\u4f8b<\/h3>\n <p>\u63d0\u4f9b\u591a\u5e01\u79cd\u7ed3\u7b97\u3001\u6c47\u7387\u9501\u5b9a\u7b49\u8de8\u5883\u652f\u4ed8\u670d\u52a1\uff0c\u52a9\u529b\u4f01\u4e1a\u62d3\u5c55\u56fd\u9645\u5e02\u573a\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"fintech-content-area\">\n <div class=\"fintech-content-text\">\n <h3>\u91d1\u878d\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\u6570\u636e\u6d1e\u5bdf<\/h3>\n <p>\u6211\u4eec\u7684\u91d1\u878d\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\u5df2\u670d\u52a1\u8d85\u8fc710,000\u5bb6\u4f01\u4e1a\u5ba2\u6237\uff0c\u5904\u7406\u5e74\u4ea4\u6613\u91d1\u989d\u8d85\u8fc7500\u4ebf\u5143\u3002<\/p>\n <ul>\n <li>\u652f\u4ed8\u6210\u529f\u7387\u63d0\u5347\u81f399.8%<\/li>\n <li>\u8d44\u91d1\u7ed3\u7b97\u65f6\u6548\u7f29\u77ed\u81f3T+0<\/li>\n <li>\u5546\u6237\u8fd0\u8425\u6210\u672c\u5e73\u5747\u964d\u4f4e35%<\/li>\n <li>\u5ba2\u6237\u6ee1\u610f\u5ea6\u8fbe\u523098.5%<\/li>\n <\/ul>\n <p>\u901a\u8fc7\u5927\u6570\u636e\u5206\u6790\u548c\u4eba\u5de5\u667a\u80fd\u6280\u672f\uff0c\u6211\u4eec\u4e0d\u65ad\u4f18\u5316\u652f\u4ed8\u4f53\u9a8c\uff0c\u4e3a\u4f01\u4e1a\u521b\u9020\u66f4\u591a\u4ef7\u503c\u3002<\/p>\n <\/div>\n <div class=\"fintech-content-chart\">\n <canvas id=\"paymentChart\" class=\"fintech-chart-container\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u6570\u5b57\u5316\u91c7\u8d2d\u6848\u4f8b -->\n <section class=\"fintech-section\">\n <div class=\"fintech-container\">\n <div class=\"fintech-title\">\n <h2>\u6570\u5b57\u5316\u91c7\u8d2d\u6848\u4f8b<\/h2>\n <p>\u901a\u8fc7\u6570\u5b57\u5316\u6280\u672f\u91cd\u6784\u91c7\u8d2d\u6d41\u7a0b\uff0c\u63d0\u5347\u6548\u7387\uff0c\u964d\u4f4e\u6210\u672c<\/p>\n <\/div>\n \n <div class=\"fintech-cards\">\n <!-- \u5361\u72471 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80\" alt=\"\u5458\u5de5\u798f\u5229\u5e73\u53f0\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-gift\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u5458\u5de5\u798f\u5229\u5e73\u53f0\u6848\u4f8b<\/h3>\n <p>\u4e00\u7ad9\u5f0f\u5458\u5de5\u798f\u5229\u91c7\u8d2d\u4e0e\u7ba1\u7406\u5e73\u53f0\uff0c\u63d0\u5347\u5458\u5de5\u6ee1\u610f\u5ea6\uff0c\u4f18\u5316\u4f01\u4e1a\u798f\u5229\u6210\u672c\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72472 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80\" alt=\"\u5ba3\u4f20\u54c1\u4e0e\u5b9a\u5236\u793c\u54c1\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-tshirt\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u5ba3\u4f20\u54c1\u4e0e\u5b9a\u5236\u793c\u54c1\u6848\u4f8b<\/h3>\n <p>\u4ece\u8bbe\u8ba1\u5230\u4ea4\u4ed8\u7684\u4e00\u7ad9\u5f0f\u4f01\u4e1a\u5ba3\u4f20\u54c1\u89e3\u51b3\u65b9\u6848\uff0c\u52a9\u529b\u54c1\u724c\u4f20\u64ad\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72473 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"\u4fe1\u606f\u5316\u8f6f\u786c\u4ef6\u91c7\u8d2d\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-laptop\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u4fe1\u606f\u5316\u8f6f\u786c\u4ef6\u91c7\u8d2d\u6848\u4f8b<\/h3>\n <p>\u4e3a\u4f01\u4e1a\u63d0\u4f9bIT\u8bbe\u5907\u3001\u8f6f\u4ef6\u53ca\u670d\u52a1\u7684\u96c6\u4e2d\u91c7\u8d2d\u89e3\u51b3\u65b9\u6848\uff0c\u964d\u4f4e\u91c7\u8d2d\u6210\u672c20%\u4ee5\u4e0a\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72474 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"\u6d41\u7a0b\u4f18\u5316\u6848\u4f8b\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-project-diagram\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u6d41\u7a0b\u4f18\u5316\u6848\u4f8b<\/h3>\n <p>\u901a\u8fc7\u6d41\u7a0b\u518d\u9020\u548c\u6570\u5b57\u5316\u5de5\u5177\uff0c\u5c06\u91c7\u8d2d\u5468\u671f\u7f29\u77ed50%\uff0c\u5ba1\u6279\u6548\u7387\u63d0\u534770%\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"fintech-content-area reverse\">\n <div class=\"fintech-content-text\">\n <h3>\u6570\u5b57\u5316\u91c7\u8d2d\u8f6c\u578b\u6210\u6548<\/h3>\n <p>\u6211\u4eec\u7684\u6570\u5b57\u5316\u91c7\u8d2d\u89e3\u51b3\u65b9\u6848\u5df2\u5e2e\u52a9500+\u4f01\u4e1a\u5b9e\u73b0\u91c7\u8d2d\u6570\u5b57\u5316\u8f6c\u578b\uff0c\u5e73\u5747\u5e26\u6765\u4ee5\u4e0b\u6548\u76ca\uff1a<\/p>\n <ul>\n <li>\u91c7\u8d2d\u5468\u671f\u7f29\u77ed40-60%<\/li>\n <li>\u91c7\u8d2d\u6210\u672c\u964d\u4f4e15-30%<\/li>\n <li>\u4f9b\u5e94\u5546\u7ba1\u7406\u6548\u7387\u63d0\u534780%<\/li>\n <li>\u5408\u89c4\u98ce\u9669\u964d\u4f4e90%<\/li>\n <\/ul>\n <p>\u901a\u8fc7\u667a\u80fd\u7b97\u6cd5\u548c\u6570\u636e\u5206\u6790\uff0c\u6211\u4eec\u6301\u7eed\u4f18\u5316\u91c7\u8d2d\u7b56\u7565\uff0c\u4e3a\u4f01\u4e1a\u521b\u9020\u66f4\u5927\u4ef7\u503c\u3002<\/p>\n <\/div>\n <div class=\"fintech-content-chart\">\n <canvas id=\"procurementChart\" class=\"fintech-chart-container\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u7535\u5546\u8fd0\u8425\u5e97\u94fa\u6848\u4f8b -->\n <section class=\"fintech-section\">\n <div class=\"fintech-container\">\n <div class=\"fintech-title\">\n <h2>\u7535\u5546\u8fd0\u8425\u5e97\u94fa\u6848\u4f8b<\/h2>\n <p>\u5168\u65b9\u4f4d\u7535\u5546\u89e3\u51b3\u65b9\u6848\uff0c\u52a9\u529b\u4f01\u4e1a\u7ebf\u4e0a\u4e1a\u52a1\u589e\u957f<\/p>\n <\/div>\n \n <div class=\"fintech-cards\">\n <!-- \u5361\u72471 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555529669-e69e7aa0ba9a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"\u642d\u5efa\u4e0e\u8fd0\u8425\u6848\u4f8b\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-store\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u642d\u5efa\u4e0e\u8fd0\u8425\u6848\u4f8b<\/h3>\n <p>\u4ece\u96f6\u5f00\u59cb\u6784\u5efa\u7535\u5546\u5e73\u53f0\uff0c\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u642d\u5efa\u3001\u8fd0\u8425\u548c\u7ef4\u62a4\u670d\u52a1\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72472 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607082348824-0a96f2a4b9da?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"\u5c0f\u7a0b\u5e8f\u5b9a\u5236\u5f00\u53d1\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-mobile-alt\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u5c0f\u7a0b\u5e8f\u5b9a\u5236\u5f00\u53d1\u6848\u4f8b<\/h3>\n <p>\u91cf\u8eab\u5b9a\u5236\u7535\u5546\u5c0f\u7a0b\u5e8f\uff0c\u6253\u901a\u5fae\u4fe1\u751f\u6001\uff0c\u63d0\u5347\u7528\u6237\u8d2d\u7269\u4f53\u9a8c\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72473 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486401899868-0e435ed85128?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"\u8de8\u5883\u7535\u5546\u6848\u4f8b\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-plane\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u8de8\u5883\u7535\u5546\u6848\u4f8b<\/h3>\n <p>\u63d0\u4f9b\u591a\u8bed\u8a00\u3001\u591a\u5e01\u79cd\u3001\u591a\u652f\u4ed8\u65b9\u5f0f\u7684\u8de8\u5883\u7535\u5546\u89e3\u51b3\u65b9\u6848\uff0c\u52a9\u529b\u4f01\u4e1a\u51fa\u6d77\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <!-- \u5361\u72474 -->\n <div class=\"fintech-card\">\n <div class=\"fintech-card-img\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555529669-e69e7aa0ba9a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"\u5185\u5bb9\u4e0e\u4ee3\u8fd0\u8425\u6848\u4f8b\">\n <div class=\"fintech-card-icon\">\n <i class=\"fas fa-pen-fancy\"><\/i>\n <\/div>\n <\/div>\n <div class=\"fintech-card-content\">\n <h3>\u5185\u5bb9\u4e0e\u4ee3\u8fd0\u8425\u6848\u4f8b<\/h3>\n <p>\u4e13\u4e1a\u56e2\u961f\u63d0\u4f9b\u5185\u5bb9\u521b\u4f5c\u3001\u6d3b\u52a8\u7b56\u5212\u3001\u7528\u6237\u8fd0\u8425\u7b49\u5168\u65b9\u4f4d\u4ee3\u8fd0\u8425\u670d\u52a1\u3002<\/p>\n <a href=\"#\" class=\"fintech-card-link\">\u67e5\u770b\u8be6\u60c5 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"fintech-content-area\">\n <div class=\"fintech-content-text\">\n <h3>\u7535\u5546\u8fd0\u8425\u6210\u6548\u6570\u636e<\/h3>\n <p>\u6211\u4eec\u670d\u52a1\u7684\u7535\u5546\u5ba2\u6237\u5e73\u5747\u5b9e\u73b0\u4ee5\u4e0b\u589e\u957f\uff1a<\/p>\n <ul>\n <li>3\u4e2a\u6708\u5185\u9500\u552e\u989d\u589e\u957f120%<\/li>\n <li>\u8f6c\u5316\u7387\u63d0\u53472-3\u500d<\/li>\n <li>\u5ba2\u5355\u4ef7\u63d0\u9ad835%<\/li>\n <li>\u590d\u8d2d\u7387\u63d0\u5347\u81f345%<\/li>\n <\/ul>\n <p>\u901a\u8fc7\u6570\u636e\u9a71\u52a8\u7684\u8fd0\u8425\u7b56\u7565\u548c\u7cbe\u51c6\u8425\u9500\uff0c\u6211\u4eec\u5e2e\u52a9\u5ba2\u6237\u5b9e\u73b0\u53ef\u6301\u7eed\u7684\u4e1a\u52a1\u589e\u957f\u3002<\/p>\n <\/div>\n <div class=\"fintech-content-chart\">\n <canvas id=\"ecommerceChart\" class=\"fintech-chart-container\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u79d1\u6280\u611f\u80cc\u666f\u5143\u7d20 -->\n <div class=\"fintech-tech-element\" style=\"width: 300px; height: 300px; top: 10%; left: 10%;\"><\/div>\n <div class=\"fintech-tech-element\" style=\"width: 200px; height: 200px; bottom: 15%; right: 15%;\"><\/div>\n \n <script>\n \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u5361\u7247\u6de1\u5165\u52a8\u753b\n const cards = document.querySelectorAll('.fintech-card');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1\n });\n \n cards.forEach(card => {\n observer.observe(card);\n });\n \n \/\/ \u9f20\u6807\u60ac\u505c\u6548\u679c\u589e\u5f3a\n cards.forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-10px)';\n this.style.boxShadow = '0 15px 40px rgba(32, 92, 188, 0.2)';\n \n const icon = this.querySelector('.fintech-card-icon');\n if (icon) {\n icon.style.transform = 'scale(1.1)';\n icon.style.boxShadow = '0 8px 20px rgba(0, 0, 0, 0.15)';\n }\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = '';\n this.style.boxShadow = '0 10px 30px rgba(32, 92, 188, 0.1)';\n \n const icon = this.querySelector('.fintech-card-icon');\n if (icon) {\n icon.style.transform = '';\n icon.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.1)';\n }\n });\n });\n \n \/\/ \u52a8\u6001\u79d1\u6280\u611f\u5143\u7d20\n function createTechElements() {\n const colors = ['rgba(77, 171, 247, 0.2)', 'rgba(32, 92, 188, 0.15)', 'rgba(245, 247, 250, 0.2)'];\n \n for (let i = 0; i < 5; i++) {\n const element = document.createElement('div');\n element.className = 'fintech-tech-element';\n \n const size = Math.random() * 200 + 100;\n const left = Math.random() * 100;\n const top = Math.random() * 100;\n const color = colors[Math.floor(Math.random() * colors.length)];\n \n element.style.width = `${size}px`;\n element.style.height = `${size}px`;\n element.style.left = `${left}%`;\n element.style.top = `${top}%`;\n element.style.background = `linear-gradient(135deg, ${color}, transparent)`;\n \n document.body.appendChild(element);\n }\n }\n \n createTechElements();\n \n \/\/ \u521d\u59cb\u5316\u56fe\u8868\n initCharts();\n });\n \n \/\/ \u521d\u59cb\u5316\u6240\u6709\u56fe\u8868\n function initCharts() {\n \/\/ \u91d1\u878d\u652f\u4ed8\u56fe\u8868\n const paymentCtx = document.getElementById('paymentChart').getContext('2d');\n new Chart(paymentCtx, {\n type: 'bar',\n data: {\n labels: ['\u652f\u4ed8\u6210\u529f\u7387', '\u7ed3\u7b97\u65f6\u6548', '\u8fd0\u8425\u6210\u672c', '\u5ba2\u6237\u6ee1\u610f\u5ea6'],\n datasets: [{\n label: '\u6539\u8fdb\u524d',\n data: [95, 3, 100, 85],\n backgroundColor: 'rgba(32, 92, 188, 0.5)',\n borderColor: 'rgba(32, 92, 188, 1)',\n borderWidth: 1\n }, {\n label: '\u6539\u8fdb\u540e',\n data: [99.8, 0, 65, 98.5],\n backgroundColor: 'rgba(77, 171, 247, 0.5)',\n borderColor: 'rgba(77, 171, 247, 1)',\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n title: {\n display: true,\n text: '\u767e\u5206\u6bd4(%)'\n }\n }\n },\n plugins: {\n title: {\n display: true,\n text: '\u91d1\u878d\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\u6548\u679c\u5bf9\u6bd4',\n font: {\n size: 16\n }\n },\n legend: {\n position: 'top',\n }\n }\n }\n });\n \n \/\/ \u6570\u5b57\u5316\u91c7\u8d2d\u56fe\u8868\n const procurementCtx = document.getElementById('procurementChart').getContext('2d');\n new Chart(procurementCtx, {\n type: 'radar',\n data: {\n labels: ['\u91c7\u8d2d\u5468\u671f', '\u91c7\u8d2d\u6210\u672c', '\u7ba1\u7406\u6548\u7387', '\u5408\u89c4\u6027', '\u4f9b\u5e94\u5546\u6570\u91cf'],\n datasets: [{\n label: '\u4f20\u7edf\u91c7\u8d2d',\n data: [100, 100, 50, 60, 30],\n backgroundColor: 'rgba(32, 92, 188, 0.2)',\n borderColor: 'rgba(32, 92, 188, 1)',\n borderWidth: 2,\n pointBackgroundColor: 'rgba(32, 92, 188, 1)'\n }, {\n label: '\u6570\u5b57\u5316\u91c7\u8d2d',\n data: [40, 70, 90, 95, 80],\n backgroundColor: 'rgba(77, 171, 247, 0.2)',\n borderColor: 'rgba(77, 171, 247, 1)',\n borderWidth: 2,\n pointBackgroundColor: 'rgba(77, 171, 247, 1)'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n r: {\n angleLines: {\n display: true\n },\n suggestedMin: 0,\n suggestedMax: 100\n }\n },\n plugins: {\n title: {\n display: true,\n text: '\u6570\u5b57\u5316\u91c7\u8d2d\u4e0e\u4f20\u7edf\u91c7\u8d2d\u5bf9\u6bd4',\n font: {\n size: 16\n }\n },\n legend: {\n position: 'top',\n }\n }\n }\n });\n \n \/\/ \u7535\u5546\u8fd0\u8425\u56fe\u8868\n const ecommerceCtx = document.getElementById('ecommerceChart').getContext('2d');\n new Chart(ecommerceCtx, {\n type: 'line',\n data: {\n labels: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708'],\n datasets: [{\n label: '\u9500\u552e\u989d (\u4e07\u5143)',\n data: [120, 180, 250, 320, 400, 520],\n backgroundColor: 'rgba(77, 171, 247, 0.1)',\n borderColor: 'rgba(77, 171, 247, 1)',\n borderWidth: 3,\n tension: 0.3,\n fill: true\n }, {\n label: '\u8bbf\u5ba2\u6570 (\u5343)',\n data: [50, 70, 90, 120, 150, 200],\n backgroundColor: 'rgba(32, 92, 188, 0.1)',\n borderColor: 'rgba(32, 92, 188, 1)',\n borderWidth: 3,\n tension: 0.3,\n fill: true\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true\n }\n },\n plugins: {\n title: {\n display: true,\n text: '\u7535\u5546\u8fd0\u8425\u6708\u5ea6\u589e\u957f\u8d8b\u52bf',\n font: {\n size: 16\n }\n },\n legend: {\n position: 'top',\n }\n }\n }\n });\n }\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u91d1\u878d\u670d\u52a1\u6848\u4f8b\u5c55\u793a \u91d1\u878d\u652f\u4ed8\u6848\u4f8b \u521b\u65b0\u7684\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\uff0c\u4e3a\u4f01\u4e1a\u63d0\u4f9b\u5b89\u5168\u3001\u9ad8\u6548\u7684\u91d1\u878d\u670d\u52a1 \u5168\u6e20\u9053\u6536\u6b3e\u6848\u4f8b \u6574\u5408\u7ebf\u4e0a\u7ebf […]<\/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-1626","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1626","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=1626"}],"version-history":[{"count":6,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1626\/revisions"}],"predecessor-version":[{"id":2755,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1626\/revisions\/2755"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}