{"id":1914,"date":"2025-12-03T21:02:43","date_gmt":"2025-12-03T13:02:43","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=1914"},"modified":"2026-03-04T17:49:39","modified_gmt":"2026-03-04T09:49:39","slug":"%e5%9b%bd%e9%99%85%e9%87%91%e8%9e%8d%e9%93%b6%e8%a1%8c%e4%b8%93%e4%b8%9a%e5%8c%96%e6%9c%8d%e5%8a%a1","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/en\/%e5%9b%bd%e9%99%85%e9%87%91%e8%9e%8d%e9%93%b6%e8%a1%8c%e4%b8%93%e4%b8%9a%e5%8c%96%e6%9c%8d%e5%8a%a1\/","title":{"rendered":"\u94f6\u884c\u4e13\u4e1a\u5316\u670d\u52a1\u5546OK"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n \u94f6\u884c\u4e13\u4e1a\u5316\u670d\u52a1\u5546 – \u5168\u65b9\u4f4d\u91d1\u878d\u89e3\u51b3\u65b9\u6848<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* CSS\u91cd\u7f6e\u4e0e\u57fa\u7840\u8bbe\u7f6e *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\n background-color: #f0f2f5;\n padding: 20px;\n }\n \n \/* \u6d77\u62a5\u4e3b\u5bb9\u5668 - \u975e\u5168\u5c4f *\/\n .jd-poster-frame {\n width: 3000px; \/* \u80cc\u666f\u56fe\u5bbd\u5ea6\u4fdd\u6301\u4e0d\u53d8 *\/\n height: 600px;\n max-width: 100%;\n background: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/%E8%83%8C%E6%99%AF.jpg');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n border-radius: 0; \/* \u53bb\u6389\u5706\u89d2 *\/\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n padding-left: 0; \/* \u79fb\u9664\u504f\u5de6\u6837\u5f0f *\/\n z-index: 10;\n margin: 0 auto;\n }\n \n \/* \u5185\u5bb9\u9650\u5236\u5bb9\u5668 - \u65b0\u589e\uff1a\u9650\u5236\u5185\u5bb9\u57281300px\u5185\u5c55\u793a *\/\n .jd-content-wrapper {\n width: 100%;\n max-width: 1300px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n padding: 0 20px;\n }\n \n \/* \u5de6\u4fa7\u5185\u5bb9\u533a\u57df - \u79fb\u9664\u767d\u8272\u80cc\u666f *\/\n .jd-content-area {\n width: 55%;\n max-width: calc(1300px * 0.55); \/* \u9650\u5236\u5185\u5bb9\u5bbd\u5ea6\u57281300px\u5e03\u5c40\u5185 *\/\n z-index: 20;\n position: relative;\n padding: 40px 60px 40px 0; \/* \u79fb\u9664\u504f\u5de6\u6837\u5f0f *\/\n border-radius: 20px;\n \/* \u79fb\u9664 backdrop-filter \u548c background-color *\/\n }\n \n \/* \u9876\u90e8\u6807\u7b7e - \u9002\u5ea6\u8c03\u5927\u5e95\u90e8\u95f4\u8ddd\uff0815px\u219220px\uff09 *\/\n .jd-tag-label {\n display: inline-block;\n background-color: rgba(255, 255, 255, 0.8); \/* \u767d\u8272\u5e26\u900f\u660e\u5ea6 *\/\n color: #205cbc;\n padding: 8px 20px; \/* \u4fee\u6539\uff1a\u51cf\u5c11\u5185\u8fb9\u8ddd *\/\n border-radius: 50px;\n font-size: 16px; \/* \u4fee\u6539\uff1a\u5b57\u4f53\u7f29\u5c0f *\/\n font-weight: 600;\n margin-bottom: 20px; \/* 15px \u2192 20px\uff08\u4ecb\u4e8e15\/30\u4e4b\u95f4\uff09 *\/\n letter-spacing: 1px;\n box-shadow: none; \/* \u53bb\u6389\u9634\u5f71 *\/\n animation: jd-pulse 3s infinite;\n }\n \n @keyframes jd-pulse {\n 0% { box-shadow: none; }\n 50% { box-shadow: none; }\n 100% { box-shadow: none; }\n }\n \n \/* \u4e3b\u6807\u9898 - \u9002\u5ea6\u8c03\u5927\u884c\u9ad8+\u95f4\u8ddd\uff0810px\u219215px\uff0c1.1\u21921.15\uff09 *\/\n .jd-main-title {\n font-size: 52px; \/* \u8c03\u5c0f\u6587\u5b57\u5c3a\u5bf8 *\/\n font-weight: 800;\n line-height: 1.15; \/* 1.1 \u2192 1.15\uff08\u4ecb\u4e8e1.1\/1.2\u4e4b\u95f4\uff09 *\/\n color: #012257; \/* \u539f#1a1a1a *\/\n margin-bottom: 15px; \/* 10px \u2192 15px\uff08\u4ecb\u4e8e10\/20\u4e4b\u95f4\uff09 *\/\n letter-spacing: -0.5px;\n }\n \n .jd-title-accent {\n color: #205cbc;\n position: relative;\n display: inline-block;\n }\n \n \/* \u53bb\u6389\u6587\u5b57\u4e0b\u5212\u7ebf *\/\n .jd-title-accent::after {\n display: none;\n }\n \n @keyframes jd-accent-line {\n 0% { width: 100%; }\n 100% { width: 100%; }\n }\n \n \/* \u526f\u6807\u9898 - \u9002\u5ea6\u8c03\u5927\u884c\u9ad8+\u95f4\u8ddd\uff0820px\u219230px\uff0c1.3\u21921.4\uff09 *\/\n .jd-subtitle {\n font-size: 22px; \/* \u8c03\u5c0f\u6587\u5b57\u5c3a\u5bf8 *\/\n color: #012257; \/* \u539f#333 *\/\n margin-bottom: 30px; \/* 20px \u2192 30px\uff08\u4ecb\u4e8e20\/40\u4e4b\u95f4\uff09 *\/\n line-height: 1.4; \/* 1.3 \u2192 1.4\uff08\u4ecb\u4e8e1.3\/1.5\u4e4b\u95f4\uff09 *\/\n max-width: 90%;\n font-weight: 500;\n }\n \n \/* \u670d\u52a1\u9879\u76ee\u5217\u8868 - \u9002\u5ea6\u8c03\u5927\u95f4\u9699+\u95f4\u8ddd\uff0810px\u219215px\uff0c20px\u219230px\uff09 *\/\n .jd-service-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px; \/* 10px \u2192 15px\uff08\u4ecb\u4e8e10\/20\u4e4b\u95f4\uff09 *\/\n margin-bottom: 30px; \/* 20px \u2192 30px\uff08\u4ecb\u4e8e20\/40\u4e4b\u95f4\uff09 *\/\n }\n \n \/* \u670d\u52a1\u9879\u6587\u5b57 - \u9ed1\u8272\u6539\u4e3a#012257 *\/\n .jd-service-item {\n display: flex;\n align-items: center;\n font-size: 16px; \/* \u8c03\u5c0f\u6587\u5b57\u5c3a\u5bf8 *\/\n color: #012257; \/* \u539f#333 *\/\n font-weight: 500;\n transition: all 0.3s ease;\n }\n \n .jd-service-item:hover {\n transform: translateX(10px);\n color: #205cbc;\n }\n \n .jd-service-icon {\n width: 26px; \/* \u8c03\u5c0f\u56fe\u6807\u5c3a\u5bf8 *\/\n height: 26px; \/* \u8c03\u5c0f\u56fe\u6807\u5c3a\u5bf8 *\/\n background-color: #205cbc;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n color: white;\n font-size: 13px; \/* \u8c03\u5c0f\u56fe\u6807\u5185\u6587\u5b57\u5c3a\u5bf8 *\/\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n \n .jd-service-item:hover .jd-service-icon {\n background-color: #ff6b6b;\n transform: rotate(15deg);\n }\n \n \/* \u884c\u52a8\u6309\u94ae *\/\n .jd-cta-button {\n display: inline-block;\n background: linear-gradient(90deg, #205cbc 0%, #3a7be0 100%);\n color: white;\n padding: 12px 32px; \/* \u8c03\u5c0f\u6309\u94ae\u5c3a\u5bf8 *\/\n border-radius: 60px;\n font-size: 16px; \/* \u8c03\u5c0f\u6309\u94ae\u6587\u5b57 *\/\n font-weight: 700;\n text-decoration: none;\n box-shadow: 0 10px 30px rgba(32, 92, 188, 0.3);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n \n .jd-cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, #ff6b6b 0%, #ff8e8e 100%);\n z-index: -1;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n \n .jd-cta-button:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(32, 92, 188, 0.4);\n }\n \n .jd-cta-button:hover::before {\n opacity: 1;\n }\n \n .jd-cta-button i {\n margin-left: 8px;\n transition: transform 0.3s ease;\n }\n \n .jd-cta-button:hover i {\n transform: translateX(5px);\n }\n \n \/* \u53f3\u4fa7\u89c6\u89c9\u533a\u57df - \u8c03\u6574\u4e3a\u76f4\u63a5\u5c55\u793a\u56fe\u7247 *\/\n .jd-visual-area {\n width: 45%;\n max-width: calc(1300px * 0.45); \/* \u9650\u5236\u5185\u5bb9\u5bbd\u5ea6\u57281300px\u5e03\u5c40\u5185 *\/\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n \/* \u56fe\u7247\u5bb9\u5668 - \u7528\u4e8e\u627f\u8f7d\u6d6e\u52a8\u5143\u7d20 *\/\n .jd-logo-container {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n \/* \u653e\u5927\u56fe\u7247\u6837\u5f0f - \u79fb\u9664\u539f\u5706\u5708\u76f8\u5173\u6837\u5f0f\uff0c\u76f4\u63a5\u5c55\u793a\u56fe\u7247 *\/\n .jd-logo {\n width: 380px; \/* \u8c03\u5c0f\u56fe\u7247\u5c3a\u5bf8 *\/\n height: auto;\n animation: jd-bounce 2s ease-in-out infinite; \/* \u4fdd\u7559\u4e0a\u4e0b\u6d6e\u52a8\u52a8\u753b *\/\n filter: drop-shadow(0 4px 12px rgba(32, 92, 188, 0.3)); \/* \u589e\u5f3a\u9634\u5f71\u6548\u679c *\/\n max-height: 90%; \/* \u9650\u5236\u9ad8\u5ea6\u4e0d\u8d85\u51fa\u5bb9\u5668 *\/\n position: relative;\n z-index: 1;\n }\n \n \/* \u6d6e\u52a8\u6570\u636e\/\u56fe\u6807\u70b9\u6837\u5f0f *\/\n .jd-float-point {\n position: absolute;\n width: 60px; \/* \u8c03\u5c0f\u6d6e\u52a8\u70b9\u5c3a\u5bf8 *\/\n height: 60px; \/* \u8c03\u5c0f\u6d6e\u52a8\u70b9\u5c3a\u5bf8 *\/\n border-radius: 50%;\n background-color: rgba(255, 255, 255, 0.9);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: #205cbc;\n font-weight: bold;\n font-size: 11px; \/* \u8c03\u5c0f\u6d6e\u52a8\u70b9\u6587\u5b57 *\/\n box-shadow: 0 4px 15px rgba(32, 92, 188, 0.2);\n z-index: 2;\n }\n \n \/* \u4e0d\u540c\u4f4d\u7f6e\u7684\u6d6e\u52a8\u70b9 *\/\n .jd-float-point.point1 {\n top: -30px;\n right: -20px;\n animation: jd-float-1 3s ease-in-out infinite;\n }\n \n .jd-float-point.point2 {\n top: 50px;\n left: -40px;\n animation: jd-float-2 3.5s ease-in-out infinite;\n }\n \n .jd-float-point.point3 {\n bottom: -20px;\n right: -40px;\n animation: jd-float-3 4s ease-in-out infinite;\n }\n \n .jd-float-point.point4 {\n bottom: 60px;\n left: -20px;\n animation: jd-float-4 3.8s ease-in-out infinite;\n }\n \n \/* \u6d6e\u52a8\u56fe\u6807\u6837\u5f0f *\/\n .jd-float-icon {\n font-size: 16px; \/* \u8c03\u5c0f\u6d6e\u52a8\u56fe\u6807\u5c3a\u5bf8 *\/\n margin-bottom: 4px;\n }\n \n \/* \u4e0d\u540c\u6d6e\u52a8\u52a8\u753b *\/\n @keyframes jd-bounce {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-15px);\n }\n }\n \n @keyframes jd-float-1 {\n 0%, 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n 50% {\n transform: translate(-10px, -15px) rotate(5deg);\n }\n }\n \n @keyframes jd-float-2 {\n 0%, 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n 50% {\n transform: translate(10px, -10px) rotate(-5deg);\n }\n }\n \n @keyframes jd-float-3 {\n 0%, 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n 50% {\n transform: translate(-8px, 12px) rotate(8deg);\n }\n }\n \n @keyframes jd-float-4 {\n 0%, 100% {\n transform: translate(0, 0) rotate(0deg);\n }\n 50% {\n transform: translate(12px, 8px) rotate(-8deg);\n }\n }\n \n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 2500px) {\n .jd-poster-frame {\n padding-left: 0; \/* \u79fb\u9664\u504f\u5de6\u6837\u5f0f *\/\n }\n \n .jd-float-point {\n width: 55px;\n height: 55px;\n font-size: 10px;\n }\n \n .jd-float-icon {\n font-size: 15px;\n }\n }\n \n @media (max-width: 1400px) {\n .jd-poster-frame {\n width: 95%;\n max-width: 1200px;\n padding-left: 0; \/* \u79fb\u9664\u504f\u5de6\u6837\u5f0f *\/\n }\n \n .jd-main-title {\n font-size: 46px;\n }\n \n .jd-subtitle {\n font-size: 20px;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8c03\u6574\u56fe\u7247\u5927\u5c0f *\/\n .jd-logo {\n width: 320px;\n }\n \n .jd-float-point {\n width: 50px;\n height: 50px;\n font-size: 9px;\n }\n \n .jd-float-icon {\n font-size: 14px;\n }\n }\n \n @media (max-width: 1100px) {\n .jd-poster-frame {\n flex-direction: column;\n height: auto;\n padding: 60px 20px; \n text-align: center;\n width: 95%;\n max-width: 800px;\n min-height: 600px;\n }\n \n .jd-content-wrapper {\n flex-direction: column;\n }\n \n .jd-content-area, .jd-visual-area {\n width: 100%;\n max-width: 100%;\n }\n \n .jd-content-area {\n margin-bottom: 60px;\n padding: 40px 20px; \n }\n \n .jd-subtitle {\n max-width: 100%;\n }\n \n .jd-service-list {\n justify-content: center;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8c03\u6574\u56fe\u7247\u5927\u5c0f *\/\n .jd-logo {\n width: 350px;\n }\n \n .jd-float-point {\n width: 55px;\n height: 55px;\n }\n }\n \n @media (max-width: 768px) {\n .jd-poster-frame {\n padding: 40px 10px; \n border-radius: 0; \/* \u79fb\u52a8\u7aef\u4e5f\u53bb\u6389\u5706\u89d2 *\/\n width: 95%;\n min-height: 500px;\n }\n \n .jd-main-title {\n font-size: 38px;\n }\n \n .jd-subtitle {\n font-size: 18px;\n }\n \n .jd-service-list {\n grid-template-columns: 1fr;\n gap: 15px; \/* \u4fdd\u6301\u8c03\u6574\u540e\u7684\u95f4\u8ddd *\/\n }\n \n \/* \u54cd\u5e94\u5f0f\u8c03\u6574\u56fe\u7247\u5927\u5c0f *\/\n .jd-logo {\n width: 280px;\n }\n \n .jd-float-point {\n width: 45px;\n height: 45px;\n font-size: 8px;\n }\n \n .jd-float-icon {\n font-size: 13px;\n }\n \n .jd-visual-area {\n flex-direction: column;\n }\n }\n \n @media (max-width: 480px) {\n .jd-main-title {\n font-size: 32px;\n }\n \n .jd-subtitle {\n font-size: 16px;\n }\n \n .jd-tag-label {\n font-size: 13px; \/* \u4fee\u6539\uff1a\u79fb\u52a8\u7aef\u8fdb\u4e00\u6b65\u7f29\u5c0f\u6807\u7b7e\u6587\u5b57 *\/\n padding: 6px 16px;\n margin-bottom: 15px; \/* \u79fb\u52a8\u7aef\u540c\u6b65\u8c03\u6574\u6807\u7b7e\u95f4\u8ddd *\/\n }\n \n .jd-cta-button {\n padding: 10px 28px; \/* \u4fee\u6539\uff1a\u79fb\u52a8\u7aef\u8fdb\u4e00\u6b65\u7f29\u5c0f\u6309\u94ae *\/\n font-size: 14px;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8c03\u6574\u56fe\u7247\u5927\u5c0f *\/\n .jd-logo {\n width: 240px;\n }\n \n .jd-float-point {\n width: 40px;\n height: 40px;\n font-size: 7px;\n }\n \n .jd-float-icon {\n font-size: 11px;\n }\n \n .jd-poster-frame {\n min-height: 450px;\n }\n }\n \n \/* \u6253\u5370\u6837\u5f0f *\/\n @media print {\n .jd-poster-frame {\n border: 1px solid #ddd;\n background: white !important;\n border-radius: 0; \/* \u6253\u5370\u65f6\u4e5f\u53bb\u6389\u5706\u89d2 *\/\n }\n \n .jd-float-point {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \u6d77\u62a5\u4e3b\u4f53 - \u975e\u5168\u5c4f -->\n <div class=\"jd-poster-frame\">\n <!-- \u65b0\u589e\uff1a\u5185\u5bb9\u9650\u5236\u5bb9\u5668\uff0c\u786e\u4fdd\u5185\u5bb9\u57281300px\u5185\u5c55\u793a -->\n <div class=\"jd-content-wrapper\">\n <!-- \u5de6\u4fa7\u5185\u5bb9\u533a\u57df -->\n <div class=\"jd-content-area\">\n <div class=\"jd-tag-label\">\n <i class=\"fas fa-shield-halved\"><\/i> \u91d1\u878d\u76d1\u7ba1\u8ba4\u8bc1\u670d\u52a1\u5546\n <\/div>\n \n <h1 class=\"jd-main-title\">\n <span style=\"font-weight: 600; font-size: 50px;\">\u4e13\u4e1a<span style=\"color: #225FC0\">\u94f6\u884c\u670d\u52a1<\/span><br>\n \u5168\u65b9\u4f4d\u89e3\u51b3\u65b9\u6848<\/span> <\/h1>\n \n <p class=\"jd-subtitle\" style=\"font-size: 20px\">\n 17\u5e74\u91d1\u878d\u670d\u52a1\u7ecf\u9a8c\uff0c\u52a9\u529b\u94f6\u884c\u673a\u6784\u5b9e\u73b0\u6570\u5b57\u5316\u8f6c\u578b\u4e0e\u670d\u52a1\u5347\u7ea7\uff0c\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u94f6\u884c\u4e13\u4e1a\u5316\u670d\u52a1\u3002\n <\/p>\n \n <div class=\"jd-service-list\">\n <div class=\"jd-service-item\">\n <div class=\"jd-service-icon\">\n <i class=\"fas fa-chart-pie\"><\/i>\n <\/div>\n <span>\u98ce\u63a7\u5408\u89c4\u5206\u6790<\/span>\n <\/div>\n <div class=\"jd-service-item\">\n <div class=\"jd-service-icon\">\n <i class=\"fas fa-money-bill-trend-up\"><\/i>\n <\/div>\n <span>\u91d1\u878d\u4ea7\u54c1\u8bbe\u8ba1<\/span>\n <\/div>\n <div class=\"jd-service-item\">\n <div class=\"jd-service-icon\">\n <i class=\"fas fa-cloud\"><\/i>\n <\/div>\n <span>\u6570\u5b57\u5316\u7cfb\u7edf\u5efa\u8bbe<\/span>\n <\/div>\n <div class=\"jd-service-item\">\n <div class=\"jd-service-icon\">\n <i class=\"fas fa-users\"><\/i>\n <\/div>\n <span>\u5ba2\u6237\u670d\u52a1\u4f18\u5316<\/span>\n <\/div>\n <\/div>\n \n <a href=\"#contact\" class=\"jd-cta-button\">\n \u7acb\u5373\u54a8\u8be2 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <!-- \u53f3\u4fa7\u89c6\u89c9\u533a\u57df - \u7b80\u5316\u4e3a\u76f4\u63a5\u5c55\u793a\u56fe\u7247 -->\n <div class=\"jd-visual-area\">\n <!-- \u56fe\u7247\u5bb9\u5668 - \u5305\u542b\u4e3b\u56fe\u7247\u548c\u6d6e\u52a8\u5143\u7d20 -->\n <div class=\"jd-logo-container\">\n <!-- \u653e\u5927\u7684\u91d1\u878d\/\u94f6\u884c\u76f8\u5173\u56fe\u7247 -->\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/365949d44cd08879486e2f6b5f0b41fc9d83becd1970e-H45JaI.png\" alt=\"\u91d1\u878d\u670d\u52a1 Logo\" class=\"jd-logo\">\n \n <!-- \u6d6e\u52a8\u6570\u636e\/\u56fe\u6807\u70b9 -->\n <div class=\"jd-float-point point1\">\n <i class=\"fas fa-shield-virus jd-float-icon\"><\/i>\n <span>99.9%\u98ce\u63a7<\/span>\n <\/div>\n <div class=\"jd-float-point point2\">\n <i class=\"fas fa-chart-line jd-float-icon\"><\/i>\n <span>500+\u5408\u4f5c\u884c<\/span>\n <\/div>\n <div class=\"jd-float-point point3\">\n <i class=\"fas fa-clock jd-float-icon\"><\/i>\n <span>17\u5e74+\u7ecf\u9a8c<\/span>\n <\/div>\n <div class=\"jd-float-point point4\">\n <i class=\"fas fa-trophy jd-float-icon\"><\/i>\n <span>\u884c\u4e1aTOP10<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ \u7b80\u5355\u7684\u4ea4\u4e92\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u4e3a\u670d\u52a1\u9879\u76ee\u6dfb\u52a0\u60ac\u505c\u6548\u679c\n const serviceItems = document.querySelectorAll('.jd-service-item');\n serviceItems.forEach(item => {\n item.addEventListener('mouseenter', function() {\n this.style.transform = 'translateX(10px)';\n this.style.transition = 'transform 0.3s ease';\n });\n \n item.addEventListener('mouseleave', function() {\n this.style.transform = 'translateX(0)';\n });\n });\n \n \/\/ \u6807\u9898\u5f3a\u8c03\u52a8\u753b\n const titleAccent = document.querySelector('.jd-title-accent');\n let isGrowing = true;\n \n setInterval(() => {\n if (isGrowing) {\n titleAccent.style.letterSpacing = '-0.8px';\n } else {\n titleAccent.style.letterSpacing = '-0.5px';\n }\n isGrowing = !isGrowing;\n }, 2000);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\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>\u56fd\u9645\u91d1\u878d\u94f6\u884c\u4e13\u4e1a\u5316\u670d\u52a1<\/title>\n <!-- \u786e\u4fdd\u6b63\u786e\u5f15\u5165Font Awesome -->\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n <style>\n \/* \u57fa\u7840\u91cd\u7f6e *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html, body {\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n scroll-behavior: smooth;\n background-color: #f5f7fa;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.5;\n color: #333333;\n }\n \n \/* \u81ea\u5b9a\u4e49\u53d8\u91cf *\/\n :root {\n --bank-primary: #205cbc;\n --bank-secondary: #f5f7fa;\n --bank-title: #012257;\n --bank-accent: #36b37e;\n --bank-hover: #184a9c;\n --bank-border: #e0e7ff;\n }\n \n \/* \u5bb9\u5668\u6837\u5f0f *\/\n .bank-container {\n width: 100%;\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 16px;\n }\n \n @media (min-width: 640px) {\n .bank-container {\n padding: 0 24px;\n }\n }\n \n @media (min-width: 1024px) {\n .bank-container {\n padding: 0 32px;\n }\n }\n \n \/* \u4e3b\u5185\u5bb9\u533a *\/\n .main-content {\n width: 100%;\n min-height: 100vh;\n padding-top: 0;\n background-color: var(--bank-secondary);\n }\n \n \/* \u533a\u5757\u6837\u5f0f *\/\n .section-wrap {\n padding: 64px 0;\n }\n \n @media (min-width: 768px) {\n .section-wrap {\n padding: 80px 0;\n }\n }\n \n \/* \u7b2c\u4e00\u4e2a\u533a\u5757\u7279\u6b8a\u5904\u7406 *\/\n .first-section {\n padding-top: 32px !important;\n }\n \n @media (min-width: 768px) {\n .first-section {\n padding-top: 48px !important;\n }\n }\n \n \/* \u6807\u9898\u6837\u5f0f *\/\n .bank-title {\n color: #012257 !important;\n font-size: clamp(28px, 4vw, 44px);\n font-weight: 700;\n text-align: center;\n margin-bottom: 12px;\n }\n \n .section-subtitle {\n color: #364c6e !important;\n font-size: 18px;\n text-align: center;\n max-width: 800px;\n margin: 0 auto 40px;\n line-height: 1.6;\n }\n \n \/* \u5361\u7247\u7f51\u683c *\/\n .card-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n margin-top: 40px;\n }\n \n @media (min-width: 640px) {\n .card-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n \n @media (min-width: 1024px) {\n .card-grid {\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n }\n }\n \n \/* \u5361\u7247\u6837\u5f0f - \u6838\u5fc3\u91d1\u878d\u670d\u52a1\u5361\u7247 *\/\n .service-card {\n background: white;\n border: 1px solid var(--bank-border);\n border-radius: 12px;\n padding: 32px;\n transition: all 0.3s ease;\n height: 100%;\n }\n \n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 8px 30px rgba(32, 92, 188, 0.15);\n border-color: var(--bank-primary);\n }\n \n \/* \u6838\u5fc3\u91d1\u878d\u670d\u52a1\u56fe\u6807 *\/\n .card-icon {\n width: 72px;\n height: 72px;\n background-color: var(--bank-secondary);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #205cbc !important;\n font-size: 32px;\n margin-bottom: 20px;\n }\n \n .card-title {\n color: #205cbc !important;\n font-size: 24px;\n font-weight: 600;\n margin-bottom: 12px;\n }\n \n .card-text {\n color: #374151 !important;\n margin-bottom: 20px;\n line-height: 1.6;\n }\n \n .card-link {\n color: #205cbc !important;\n font-weight: 500;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n transition: color 0.2s;\n }\n \n .card-link:hover {\n color: #184a9c !important;\n }\n \n \/* \u8f6e\u64ad\u533a *\/\n .carousel-container {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n margin-top: 40px;\n }\n \n .carousel-track {\n display: flex;\n transition: transform 0.5s ease;\n }\n \n .carousel-slide {\n flex: 0 0 100%;\n padding: 16px;\n }\n \n @media (min-width: 640px) {\n .carousel-slide {\n flex: 0 0 50%;\n }\n }\n \n @media (min-width: 1024px) {\n .carousel-slide {\n flex: 0 0 33.333%;\n }\n }\n \n \/* \u6570\u5b57\u5316\u6210\u679c\u5c55\u793a\u677f\u5757 *\/\n .digital-showcase {\n width: 100%;\n background-color: var(--bank-primary);\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n \n .digital-showcase .bank-container {\n height: 530px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .digital-content {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 60px;\n }\n \n .digital-text {\n flex: 1;\n color: white !important;\n max-width: 600px;\n }\n \n .digital-text h2 {\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 700;\n margin-bottom: 20px;\n line-height: 1.2;\n color: white !important;\n }\n \n .digital-text p {\n font-size: 18px;\n line-height: 1.6;\n margin-bottom: 30px;\n color: rgba(255, 255, 255, 0.9) !important;\n }\n \n .digital-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n margin-top: 40px;\n }\n \n .stat-item {\n display: flex;\n align-items: flex-start;\n gap: 15px;\n }\n \n .stat-icon {\n width: 50px;\n height: 50px;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white !important;\n font-size: 24px;\n flex-shrink: 0;\n }\n \n .stat-number {\n font-size: 32px;\n font-weight: 700;\n margin-bottom: 5px;\n color: white !important;\n }\n \n .stat-label {\n font-size: 16px;\n color: rgba(255, 255, 255, 0.8) !important;\n }\n \n .digital-visual {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n max-width: 600px;\n }\n \n .visual-container {\n position: relative;\n width: 100%;\n height: 300px;\n }\n \n .central-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 120px;\n height: 120px;\n background-color: rgba(255, 255, 255, 0.15);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white !important;\n font-size: 48px;\n z-index: 3;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n }\n \n .orbit {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border: 1px dashed rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n animation: rotate 30s linear infinite;\n }\n \n .orbit-1 {\n width: 200px;\n height: 200px;\n }\n \n .orbit-2 {\n width: 280px;\n height: 280px;\n }\n \n .orbit-3 {\n width: 360px;\n height: 360px;\n }\n \n .orbit-item {\n position: absolute;\n width: 60px;\n height: 60px;\n background-color: #f5f7fa;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #205cbc !important;\n font-size: 24px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n \n .orbit-item-1 {\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n \n .orbit-item-2 {\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n }\n \n .orbit-item-3 {\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n \n .orbit-item-4 {\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n }\n \n .orbit-item-5 {\n top: 20%;\n right: 20%;\n }\n \n .orbit-item-6 {\n top: 20%;\n left: 20%;\n }\n \n .orbit-item-7 {\n bottom: 20%;\n right: 20%;\n }\n \n .orbit-item-8 {\n bottom: 20%;\n left: 20%;\n }\n \n @keyframes rotate {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n }\n \n \/* \u65b0\u589e\uff1a\u53f3\u4fa7\u56fe\u6807\u6d6e\u52a8\u6548\u679c *\/\n @keyframes iconFloat {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-8px); }\n 100% { transform: translateY(0px); }\n }\n .orbit-item {\n animation: iconFloat 4s ease-in-out infinite;\n }\n \/* \u4e3a\u6bcf\u4e2a\u56fe\u6807\u8bbe\u7f6e\u4e0d\u540c\u7684\u5ef6\u8fdf\uff0c\u4f7f\u6d6e\u52a8\u66f4\u7075\u52a8 *\/\n .orbit-item-1 { animation-delay: 0s; }\n .orbit-item-2 { animation-delay: 0.4s; }\n .orbit-item-3 { animation-delay: 0.8s; }\n .orbit-item-4 { animation-delay: 1.2s; }\n .orbit-item-5 { animation-delay: 1.6s; }\n .orbit-item-6 { animation-delay: 2.0s; }\n .orbit-item-7 { animation-delay: 2.4s; }\n .orbit-item-8 { animation-delay: 2.8s; }\n \n \/* \u8be6\u60c5\u533a\u5757 *\/\n .detail-section {\n border-top: 1px solid var(--bank-border);\n }\n \n .detail-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n margin-top: 40px;\n }\n \n @media (min-width: 1024px) {\n .detail-grid {\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n }\n }\n \n .detail-image {\n width: 100%;\n border-radius: 12px;\n animation: float 6s ease-in-out infinite;\n }\n \n \/* \u8c03\u6574\u56fe\u7247\u5927\u5c0f *\/\n .scene-image {\n max-width: 80%;\n margin: 0 auto;\n display: block;\n }\n \n .marketing-image {\n max-width: 70%;\n margin: 0 auto;\n display: block;\n }\n \n @keyframes float {\n 0% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-20px);\n }\n 100% {\n transform: translateY(0px);\n }\n }\n \n \/* \u52a8\u753b\u6548\u679c *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .fade-in {\n animation: fadeInUp 0.8s ease forwards;\n }\n \n \/* \u6309\u94ae\u548c\u4ea4\u4e92\u5143\u7d20 *\/\n .carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.8);\n border-radius: 50%;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #205cbc !important;\n cursor: pointer;\n transition: all 0.3s;\n z-index: 10;\n }\n \n .carousel-btn:hover {\n background: #205cbc;\n color: white !important;\n }\n \n .prev-btn {\n left: 16px;\n }\n \n .next-btn {\n right: 16px;\n }\n \n .indicators {\n position: absolute;\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n \n .indicator {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #205cbc;\n opacity: 0.5;\n border: none;\n cursor: pointer;\n transition: opacity 0.3s;\n }\n \n .indicator.active {\n opacity: 1;\n }\n \n \/* \u5217\u8868\u9879\u6837\u5f0f *\/\n .feature-list {\n list-style: none;\n margin: 20px 0;\n }\n \n .feature-list li {\n display: flex;\n align-items: flex-start;\n margin-bottom: 12px;\n }\n \n .feature-list i {\n color: #36b37e !important;\n margin-right: 12px;\n margin-top: 4px;\n }\n \n \/* \u589e\u503c\u8425\u9500\u670d\u52a1\u7279\u5b9a\u6837\u5f0f *\/\n .marketing-feature {\n display: flex;\n align-items: flex-start;\n margin-bottom: 20px;\n }\n \n .feature-icon-container {\n width: 40px;\n height: 40px;\n background: #f5f7fa;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #205cbc !important;\n font-size: 18px;\n margin-right: 16px;\n flex-shrink: 0;\n }\n \n .feature-content h4 {\n font-weight: 600;\n color: #012257 !important;\n margin-bottom: 4px;\n }\n \n .feature-content p {\n font-size: 14px;\n color: #6b7280 !important;\n }\n \n \/* \u5176\u4ed6\u8f85\u52a9\u7c7b *\/\n .border-t {\n border-top: 1px solid var(--bank-border);\n }\n \n .rounded-xl {\n border-radius: 12px;\n }\n \n .bg-primary-soft {\n background-color: rgba(32, 92, 188, 0.05);\n border: 1px solid rgba(32, 92, 188, 0.2);\n }\n \n .bg-accent-soft {\n background-color: rgba(54, 179, 126, 0.1);\n border: 1px solid rgba(54, 179, 126, 0.2);\n }\n \n .p-4 {\n padding: 16px;\n }\n \n .mb-6 {\n margin-bottom: 24px;\n }\n \n .flex {\n display: flex;\n }\n \n .items-center {\n align-items: center;\n }\n \n .justify-center {\n justify-content: center;\n }\n \n .gap-3 {\n gap: 12px;\n }\n \n .flex-wrap {\n flex-wrap: wrap;\n }\n \n \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\n @media (max-width: 1024px) {\n .digital-showcase .bank-container {\n height: auto;\n padding: 60px 0;\n }\n \n .digital-content {\n flex-direction: column;\n gap: 40px;\n }\n \n .digital-visual {\n max-width: 100%;\n }\n }\n \n @media (max-width: 768px) {\n .digital-stats {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .visual-container {\n height: 250px;\n }\n \n .central-icon {\n width: 100px;\n height: 100px;\n font-size: 40px;\n }\n \n .orbit-1 {\n width: 160px;\n height: 160px;\n }\n \n .orbit-2 {\n width: 220px;\n height: 220px;\n }\n \n .orbit-3 {\n width: 280px;\n height: 280px;\n }\n \n .orbit-item {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n }\n \n \/* \u65b0\u589e\u6837\u5f0f\uff1a\u589e\u5927\u7279\u5b9a\u6807\u9898\u5b57\u4f53 *\/\n .large-title {\n font-size: 36px !important;\n font-weight: 700 !important;\n margin-bottom: 20px !important;\n }\n \n \/* ========= \u79fb\u52a8\u7aef\u5b57\u4f53\u52a0\u7c97\u4f18\u5316 (\u89e3\u51b3\u624b\u673a\u5b57\u4f53\u592a\u7ec6\u95ee\u9898) ========= *\/\n @media screen and (max-width: 768px) {\n \/* \u4e3b\u8981\u6b63\u6587\u7c7b\u52a0\u7c97 *\/\n .section-subtitle,\n .card-text,\n .stat-label,\n .digital-text p,\n .feature-content p,\n .bg-primary-soft p,\n .bg-accent-soft p,\n .flex-wrap span { \/* \u6848\u4f8b\u6807\u7b7e\u3001\u5e01\u79cd\u6807\u7b7e\u7b49 *\/\n font-weight: 500 !important;\n }\n \n \/* \u5217\u8868\u9879\u52a0\u7c97\uff0c\u540c\u65f6\u4fdd\u8bc1\u56fe\u6807\u4e0d\u53d8\u7c97 *\/\n .feature-list li {\n font-weight: 500;\n }\n .feature-list li i {\n font-weight: normal;\n }\n \n \/* \u5361\u7247\u94fe\u63a5\u7a0d\u5fae\u52a0\u5f3a *\/\n .card-link {\n font-weight: 500;\n }\n \n \/* \u7ec6\u8282\u533a\u5757\u5185\u7684\u8f85\u52a9\u8bf4\u660e\u6587\u5b57 *\/\n .detail-section .card-text {\n font-weight: 500;\n }\n \n \/* \u7edf\u8ba1\u6570\u5b57\u4e0b\u65b9\u7684\u8bf4\u660e *\/\n .stat-label {\n font-weight: 500;\n }\n \n \/* \u8f6e\u64ad\u5361\u7247\u91cc\u7684\u884c\u4e1a\u6807\u7b7e\u6587\u5b57\uff08\u96f6\u552e\/\u533b\u7597\u7b49\uff09 *\/\n .carousel-slide .flex span:first-of-type {\n font-weight: 500;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \u4e3b\u5185\u5bb9\u533a -->\n <div class=\"main-content\">\n <div class=\"bank-container\">\n <!-- \u6838\u5fc3\u670d\u52a1\u677f\u5757 -->\n <section class=\"section-wrap first-section fade-in\">\n <h2 class=\"bank-title\">\u6838\u5fc3\u91d1\u878d\u670d\u52a1<\/h2>\n <p class=\"section-subtitle\">\u4e00\u7ad9\u5f0f\u91d1\u878d\u89e3\u51b3\u65b9\u6848\uff0c\u6ee1\u8db3\u591a\u573a\u666f\u9700\u6c42<\/p>\n \n <div class=\"card-grid\">\n <!-- \u5168\u6e20\u9053\u6536\u6b3e -->\n <div class=\"service-card\">\n <div class=\"card-icon\">\n <i class=\"fa fa-credit-card\"><\/i>\n <\/div>\n <h3 class=\"card-title\">\u5168\u6e20\u9053\u6536\u6b3e<\/h3>\n <p class=\"card-text\">\u652f\u6301\u591a\u65b9\u5f0f\u6536\u6b3e\uff0c\u8986\u76d6\u7ebf\u4e0b\u7ebf\u4e0a\u5168\u573a\u666f\uff0c\u8d44\u91d1\u5b9e\u65f6\u5230\u8d26<\/p>\n <a href=\"#payment-collect\" class=\"card-link\">\n \u4e86\u89e3\u66f4\u591a <i class=\"fa fa-arrow-right\" style=\"margin-left: 8px;\"><\/i>\n <\/a>\n <\/div>\n \n <!-- \u5782\u76f4\u573a\u666f\u6df1\u8015 -->\n <div class=\"service-card\">\n <div class=\"card-icon\">\n <i class=\"fa fa-sitemap\"><\/i>\n <\/div>\n <h3 class=\"card-title\">\u5782\u76f4\u573a\u666f\u6df1\u8015<\/h3>\n <p class=\"card-text\">\u6df1\u5ea6\u9002\u914d\u5404\u884c\u4e1a\u590d\u6742\u573a\u666f\uff0c\u63d0\u4f9b\u5b9a\u5236\u5316\u91d1\u878d\u89e3\u51b3\u65b9\u6848<\/p>\n <a href=\"#scene-deep\" class=\"card-link\">\n \u4e86\u89e3\u66f4\u591a <i class=\"fa fa-arrow-right\" style=\"margin-left: 8px;\"><\/i>\n <\/a>\n <\/div>\n \n <!-- \u589e\u503c\u8425\u9500\u670d\u52a1 -->\n <div class=\"service-card\">\n <div class=\"card-icon\">\n <i class=\"fa fa-line-chart\"><\/i>\n <\/div>\n <h3 class=\"card-title\">\u589e\u503c\u8425\u9500\u670d\u52a1<\/h3>\n <p class=\"card-text\">\u591a\u5143\u5316\u8425\u9500\u5de5\u5177\uff0c\u63d0\u5347\u4ea4\u6613\u8f6c\u5316\u7387\u4e0e\u7528\u6237\u5fe0\u8bda\u5ea6<\/p>\n <a href=\"#marketing-service\" class=\"card-link\">\n \u4e86\u89e3\u66f4\u591a <i class=\"fa fa-arrow-right\" style=\"margin-left: 8px;\"><\/i>\n <\/a>\n <\/div>\n \n <!-- \u8de8\u5883\u652f\u4ed8 -->\n <div class=\"service-card\">\n <div class=\"card-icon\">\n <i class=\"fa fa-globe\"><\/i>\n <\/div>\n <h3 class=\"card-title\">\u8de8\u5883\u652f\u4ed8<\/h3>\n <p class=\"card-text\">\u5b89\u5168\u9ad8\u6548\u7684\u8de8\u5883\u8d44\u91d1\u7ed3\u7b97\uff0c\u4e00\u7ad9\u5f0f\u5916\u6c47\u5151\u6362\u670d\u52a1<\/p>\n <a href=\"#cross-border\" class=\"card-link\">\n \u4e86\u89e3\u66f4\u591a <i class=\"fa fa-arrow-right\" style=\"margin-left: 8px;\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u6210\u529f\u6848\u4f8b\u8f6e\u64ad -->\n <section class=\"section-wrap border-t fade-in\">\n <h2 class=\"bank-title\">\u6210\u529f\u670d\u52a1\u6848\u4f8b<\/h2>\n <p class=\"section-subtitle\">\u8986\u76d6\u591a\u4e2a\u884c\u4e1a\u9886\u57df\uff0c\u52a9\u529b\u5ba2\u6237\u5b9e\u73b0\u4e1a\u52a1\u589e\u957f<\/p>\n \n <div class=\"carousel-container\">\n <div class=\"carousel-track\" id=\"carousel-track\">\n <!-- \u6848\u4f8b1 -->\n <div class=\"carousel-slide\">\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/16.jpg\" alt=\"\u96f6\u552e\u884c\u4e1a\u652f\u4ed8\u89e3\u51b3\u65b9\u6848\" style=\"width: 100%; height: 192px; object-fit: cover; border-radius: 8px; margin-bottom: 16px;\">\n <h3 class=\"card-title\">\u9910\u996e\u884c\u4e1a\u5168\u6e20\u9053\u6536\u6b3e<\/h3>\n <p class=\"card-text\">\u4e3a\u5168\u56fd\u8fde\u9501\u96f6\u552e\u54c1\u724c\u90e8\u7f72\u7edf\u4e00\u6536\u6b3e\u7cfb\u7edf\uff0c\u6574\u5408\u5237\u5361\u3001\u626b\u7801\u3001\u7ebf\u4e0a\u652f\u4ed8\uff0c\u4ea4\u6613\u6548\u7387\u63d0\u534740%\uff0c\u5bf9\u8d26\u6210\u672c\u964d\u4f4e35%\u3002<\/p>\n <div class=\"flex items-center\" style=\"margin-top: 16px;\">\n <span style=\"background: rgba(54, 179, 126, 0.1); color: #36b37e !important; padding: 4px 12px; border-radius: 20px; font-size: 14px;\">\u96f6\u552e<\/span>\n <span style=\"margin-left: 12px; color: #6b7280 !important; font-size: 14px;\">\n <i class=\"fa fa-calendar\" style=\"margin-right: 4px;\"><\/i> 2024\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u6848\u4f8b2 -->\n <div class=\"carousel-slide\">\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/15.jpg\" alt=\"\u533b\u4fdd\u652f\u4ed8\u573a\u666f\u89e3\u51b3\u65b9\u6848\" style=\"width: 100%; height: 192px; object-fit: cover; border-radius: 8px; margin-bottom: 16px;\">\n <h3 class=\"card-title\">\u533b\u4fdd\u652f\u4ed8\u573a\u666f\u843d\u5730<\/h3>\n <p class=\"card-text\">\u4e3a\u7701\u7ea7\u533b\u4fdd\u7cfb\u7edf\u642d\u5efa\u7ebf\u4e0a\u7ebf\u4e0b\u4e00\u4f53\u5316\u652f\u4ed8\u5e73\u53f0\uff0c\u652f\u6301\u533b\u4fdd\u4e2a\u4eba\u8d26\u6237\u652f\u4ed8\uff0c\u8986\u76d6\u8d852\u4e07\u5bb6\u5b9a\u70b9\u533b\u7597\u673a\u6784\u3002<\/p>\n <div class=\"flex items-center\" style=\"margin-top: 16px;\">\n <span style=\"background: rgba(54, 179, 126, 0.1); color: #36b37e !important; padding: 4px 12px; border-radius: 20px; font-size: 14px;\">\u533b\u7597<\/span>\n <span style=\"margin-left: 12px; color: #6b7280 !important; font-size: 14px;\">\n <i class=\"fa fa-calendar\" style=\"margin-right: 4px;\"><\/i> 2024\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u6848\u4f8b3 -->\n <div class=\"carousel-slide\">\n <div class=\"service-card\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/17.jpg\" alt=\"\u8de8\u5883\u7535\u5546\u7ed3\u7b97\u670d\u52a1\" style=\"width: 100%; height: 192px; object-fit: cover; border-radius: 8px; margin-bottom: 16px;\">\n <h3 class=\"card-title\">\u8de8\u5883\u7535\u5546\u8d44\u91d1\u7ed3\u7b97<\/h3>\n <p class=\"card-text\">\u4e3a\u8de8\u5883\u7535\u5546\u5e73\u53f0\u63d0\u4f9b7×24\u5c0f\u65f6\u5916\u6c47\u5151\u6362\u548c\u8d44\u91d1\u7ed3\u7b97\u670d\u52a1\uff0c\u7ed3\u7b97\u5468\u671f\u4ece3\u5929\u7f29\u77ed\u81f31\u5c0f\u65f6\uff0c\u6c47\u7387\u6210\u672c\u964d\u4f4e2%\u3002<\/p>\n <div class=\"flex items-center\" style=\"margin-top: 16px;\">\n <span style=\"background: rgba(54, 179, 126, 0.1); color: #36b37e !important; padding: 4px 12px; border-radius: 20px; font-size: 14px;\">\u8de8\u5883\u7535\u5546<\/span>\n <span style=\"margin-left: 12px; color: #6b7280 !important; font-size: 14px;\">\n <i class=\"fa fa-calendar\" style=\"margin-right: 4px;\"><\/i> 2024\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <button class=\"carousel-btn prev-btn\" id=\"prev-btn\">\n <i class=\"fa fa-chevron-left\"><\/i>\n <\/button>\n <button class=\"carousel-btn next-btn\" id=\"next-btn\">\n <i class=\"fa fa-chevron-right\"><\/i>\n <\/button>\n \n <div class=\"indicators\">\n <button class=\"indicator active\" data-index=\"0\"><\/button>\n <button class=\"indicator\" data-index=\"1\"><\/button>\n <button class=\"indicator\" data-index=\"2\"><\/button>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n \n <!-- \u6570\u5b57\u5316\u6210\u679c\u5c55\u793a\u677f\u5757\uff08\u5df2\u4fee\u6539\u6570\u5b57\u548c\u56fe\u6807\u6d6e\u52a8\uff09 -->\n <section class=\"digital-showcase fade-in\">\n <div class=\"bank-container\">\n <div class=\"digital-content\">\n <div class=\"digital-text\">\n <h2>\u6570\u5b57\u5316\u6210\u679c\u5c55\u793a<\/h2>\n <p>\u901a\u8fc7\u6280\u672f\u521b\u65b0\u4e0e\u6570\u5b57\u5316\u8f6c\u578b\uff0c\u6211\u4eec\u4e3a\u5ba2\u6237\u521b\u9020\u4e86\u663e\u8457\u7684\u5546\u4e1a\u4ef7\u503c\u4e0e\u6548\u7387\u63d0\u5347\uff0c\u4ee5\u4e0b\u662f\u6211\u4eec\u7684\u90e8\u5206\u6838\u5fc3\u6210\u679c\u6570\u636e\u3002<\/p>\n \n <div class=\"digital-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-icon\">\n <i class=\"fa fa-users\"><\/i>\n <\/div>\n <div>\n <!-- \u4fee\u6539\u4e3a30\u4e07+ -->\n <div class=\"stat-number\">30\u4e07+<\/div>\n <div class=\"stat-label\">\u670d\u52a1\u5ba2\u6237\u6570<\/div>\n <\/div>\n <\/div>\n \n <div class=\"stat-item\">\n <div class=\"stat-icon\">\n <i class=\"fa fa-exchange\"><\/i>\n <\/div>\n <div>\n <!-- \u4fee\u6539\u4e3a\u00a5100\u4ebf+ -->\n <div class=\"stat-number\">\u00a5100\u4ebf+<\/div>\n <div class=\"stat-label\">\u5e74\u4ea4\u6613\u989d<\/div>\n <\/div>\n <\/div>\n \n <div class=\"stat-item\">\n <div class=\"stat-icon\">\n <i class=\"fa fa-bar-chart\"><\/i>\n <\/div>\n <div>\n <div class=\"stat-number\">97%<\/div>\n <div class=\"stat-label\">\u5ba2\u6237\u6ee1\u610f\u5ea6<\/div>\n <\/div>\n <\/div>\n \n <div class=\"stat-item\">\n <div class=\"stat-icon\">\n <i class=\"fa fa-bolt\"><\/i>\n <\/div>\n <div>\n <div class=\"stat-number\">99.9%<\/div>\n <div class=\"stat-label\">\u7cfb\u7edf\u53ef\u7528\u7387<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"digital-visual\">\n <div class=\"visual-container\">\n <div class=\"central-icon\">\n <i class=\"fa fa-bar-chart\"><\/i>\n <\/div>\n \n <div class=\"orbit orbit-1\"><\/div>\n <div class=\"orbit orbit-2\"><\/div>\n <div class=\"orbit orbit-3\"><\/div>\n \n <!-- \u53f3\u4fa7\u56fe\u6807\u5df2\u901a\u8fc7CSS\u6dfb\u52a0\u4e0a\u4e0b\u6d6e\u52a8\u6548\u679c\uff0c\u5e76\u8bbe\u7f6e\u4e0d\u540c\u5ef6\u8fdf -->\n <div class=\"orbit-item orbit-item-1\">\n <i class=\"fa fa-credit-card\"><\/i>\n <\/div>\n <div class=\"orbit-item orbit-item-2\">\n <i class=\"fa fa-shield\"><\/i>\n <\/div>\n <div class=\"orbit-item orbit-item-3\">\n <i class=\"fa fa-rocket\"><\/i>\n <\/div>\n <div class=\"orbit-item orbit-item-4\">\n <i class=\"fa fa-cloud\"><\/i>\n <\/div>\n <div class=\"orbit-item orbit-item-5\">\n <i class=\"fa fa-lock\"><\/i>\n <\/div>\n <div class=\"orbit-item orbit-item-6\">\n <i class=\"fa fa-globe\"><\/i>\n <\/div>\n <div class=\"orbit-item orbit-item-7\">\n <i class=\"fa fa-mobile\"><\/i>\n <\/div>\n <div class=\"orbit-item orbit-item-8\">\n <i class=\"fa fa-cogs\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <div class=\"bank-container\">\n <!-- \u5168\u6e20\u9053\u6536\u6b3e\u8be6\u60c5 -->\n <section id=\"payment-collect\" class=\"section-wrap detail-section fade-in\">\n <h2 class=\"bank-title\">\u5168\u6e20\u9053\u6536\u6b3e<\/h2>\n <p class=\"section-subtitle\">\u6574\u5408\u7ebf\u4e0a\u7ebf\u4e0b\u652f\u4ed8\u65b9\u5f0f\uff0c\u63d0\u4f9b\u7edf\u4e00\u7684\u8d44\u91d1\u7ba1\u7406\u89e3\u51b3\u65b9\u6848<\/p>\n \n <div class=\"detail-grid\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/ad01162b979e18ef0bb994051b29042a3e6704b275886-KnV5Fv.png\" alt=\"\u5168\u6e20\u9053\u6536\u6b3e\u5c55\u793a\" class=\"detail-image\">\n <\/div>\n <div>\n <h3 class=\"card-title large-title\">\u4e00\u7ad9\u5f0f\u6536\u6b3e\u89e3\u51b3\u65b9\u6848<\/h3>\n <p class=\"card-text\">\u6211\u4eec\u63d0\u4f9b\u8986\u76d6\u5168\u573a\u666f\u7684\u6536\u6b3e\u80fd\u529b\uff0c\u6253\u901a\u7ebf\u4e0a\u7ebf\u4e0b\u652f\u4ed8\u58c1\u5792\uff0c\u6ee1\u8db3\u4e0d\u540c\u5546\u6237\u7684\u6536\u6b3e\u9700\u6c42\uff1a<\/p>\n \n <ul class=\"feature-list\">\n <li>\n <i class=\"fa fa-check-circle\"><\/i>\n <span>\u94f6\u884c\u5361\u5237\u5361\uff1a\u652f\u6301\u94f6\u8054\u5168\u5361\u79cd\uff0c\u8d39\u7387\u900f\u660e\uff0c\u5230\u8d26\u7a33\u5b9a<\/span>\n <\/li>\n <li>\n <i class=\"fa fa-check-circle\"><\/i>\n <span>\u626b\u7801\u652f\u4ed8\uff1a\u6574\u5408\u5fae\u4fe1\u3001\u652f\u4ed8\u5b9d\u3001\u4e91\u95ea\u4ed8\u7b49\u4e3b\u6d41\u626b\u7801\u6e20\u9053<\/span>\n <\/li>\n <li>\n <i class=\"fa fa-check-circle\"><\/i>\n <span>\u7ebf\u4e0aAPI\u63a5\u53e3\uff1a\u63d0\u4f9b\u6807\u51c6\u5316API\uff0c\u5feb\u901f\u5bf9\u63a5\u5404\u7c7b\u7535\u5546\u5e73\u53f0<\/span>\n <\/li>\n <\/ul>\n \n <div class=\"bg-primary-soft p-4 rounded-xl\">\n <p style=\"color: #205cbc !important; font-weight: 500;\">\n <i class=\"fa fa-info-circle\" style=\"margin-right: 8px;\"><\/i>\n \u8d44\u91d1\u5b9e\u65f6\u6e05\u7b97\uff0cT+0\u5230\u8d26\uff0c\u652f\u63017×24\u5c0f\u65f6\u5bf9\u8d26\u670d\u52a1\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u5782\u76f4\u573a\u666f\u6df1\u8015\u8be6\u60c5 -->\n <section id=\"scene-deep\" class=\"section-wrap detail-section fade-in\">\n <h2 class=\"bank-title\">\u5782\u76f4\u573a\u666f\u6df1\u8015<\/h2>\n <p class=\"section-subtitle\">\u9488\u5bf9\u4e0d\u540c\u884c\u4e1a\u7279\u70b9\uff0c\u63d0\u4f9b\u6df1\u5ea6\u5b9a\u5236\u7684\u91d1\u878d\u652f\u4ed8\u89e3\u51b3\u65b9\u6848<\/p>\n \n <div class=\"detail-grid\">\n <div>\n <h3 class=\"card-title large-title\">\u884c\u4e1a\u5b9a\u5236\u5316\u89e3\u51b3\u65b9\u6848<\/h3>\n <p class=\"card-text\">\u9488\u5bf9\u4e0d\u540c\u884c\u4e1a\u7684\u590d\u6742\u573a\u666f\u9700\u6c42\uff0c\u6211\u4eec\u63d0\u4f9b\u6df1\u5ea6\u5b9a\u5236\u7684\u91d1\u878d\u670d\u52a1\uff1a<\/p>\n \n <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0;\">\n <div style=\"background: white; padding: 16px; border-radius: 8px; border: 1px solid #e0e7ff; transition: border-color 0.3s;\">\n <i class=\"fa fa-medkit\" style=\"color: #205cbc !important; font-size: 20px; margin-bottom: 8px; display: block;\"><\/i>\n <h4 style=\"font-weight: 600; margin-bottom: 4px; color: #012257 !important; font-size: 24px;\">\u533b\u4fdd\u652f\u4ed8<\/h4>\n <p style=\"font-size: 14px; color: #6b7280 !important;\">\u533b\u4fdd\u4e2a\u4eba\u8d26\u6237\u652f\u4ed8\u3001\u533b\u4fdd\u7edf\u7b79\u652f\u4ed8\u4e00\u4f53\u5316<\/p>\n <\/div>\n <div style=\"background: white; padding: 16px; border-radius: 8px; border: 1px solid #e0e7ff; transition: border-color 0.3s;\">\n <i class=\"fa fa-shopping-cart\" style=\"color: #205cbc !important; font-size: 20px; margin-bottom: 8px; display: block;\"><\/i>\n <h4 style=\"font-weight: 600; margin-bottom: 4px; color: #012257 !important; font-size: 24px;\">\u96f6\u552e\u7cfb\u7edf<\/h4>\n <p style=\"font-size: 14px; color: #6b7280 !important;\">\u95e8\u5e97\u6536\u94f6\u3001\u4f1a\u5458\u652f\u4ed8\u3001\u8fdb\u9500\u5b58\u4e00\u4f53\u5316<\/p>\n <\/div>\n <div style=\"background: white; padding: 16px; border-radius: 8px; border: 1px solid #e0e7ff; transition: border-color 0.3s;\">\n <i class=\"fa fa-car\" style=\"color: #205cbc !important; font-size: 20px; margin-bottom: 8px; display: block;\"><\/i>\n <h4 style=\"font-weight: 600; margin-bottom: 4px; color: #012257 !important; font-size: 24px;\">\u505c\u8f66\u573a<\/h4>\n <p style=\"font-size: 14px; color: #6b7280 !important;\">\u65e0\u4eba\u503c\u5b88\u7f34\u8d39\u3001\u8f66\u724c\u8bc6\u522b\u652f\u4ed8\u3001\u6708\u5361\u7ba1\u7406<\/p>\n <\/div>\n <div style=\"background: white; padding: 16px; border-radius: 8px; border: 1px solid #e0e7ff; transition: border-color 0.3s;\">\n <i class=\"fa fa-money\" style=\"color: #205cbc !important; font-size: 20px; margin-bottom: 8px; display: block;\"><\/i>\n <h4 style=\"font-weight: 600; margin-bottom: 4px; color: #012257 !important; font-size: 24px;\">\u5404\u7c7b\u7f34\u8d39\u901a<\/h4>\n <p style=\"font-size: 14px; color: #6b7280 !important;\">\u6c34\u7535\u7164\u3001\u8bdd\u8d39\u3001\u793e\u4fdd\u7b49\u4fbf\u6c11\u7f34\u8d39\u670d\u52a1<\/p>\n <\/div>\n <\/div>\n \n <p class=\"card-text\">\u6bcf\u4e2a\u573a\u666f\u5747\u63d0\u4f9b\u4e13\u5c5e\u7684\u6280\u672f\u5bf9\u63a5\u65b9\u6848\u548c\u8fd0\u8425\u652f\u6301\uff0c\u786e\u4fdd\u7cfb\u7edf\u7a33\u5b9a\u8fd0\u884c\u3002<\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/38f9c5ef1c823f9896a24bae06570c28f9eee3d81367b-89ZSwu_fw1200.png\" alt=\"\u5782\u76f4\u573a\u666f\u6df1\u8015\u5c55\u793a\" class=\"detail-image scene-image\">\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u589e\u503c\u8425\u9500\u670d\u52a1\u8be6\u60c5 -->\n <section id=\"marketing-service\" class=\"section-wrap detail-section fade-in\">\n <h2 class=\"bank-title\">\u589e\u503c\u8425\u9500\u670d\u52a1<\/h2>\n <p class=\"section-subtitle\">\u63d0\u4f9b\u5168\u65b9\u4f4d\u7684\u8425\u9500\u5de5\u5177\uff0c\u5e2e\u52a9\u5546\u6237\u63d0\u5347\u5ba2\u6237\u8f6c\u5316\u7387\u548c\u7559\u5b58\u7387<\/p>\n \n <div class=\"detail-grid\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/1.png\" alt=\"\u589e\u503c\u8425\u9500\u670d\u52a1\u5c55\u793a\" class=\"detail-image marketing-image\">\n <\/div>\n <div>\n <h3 class=\"card-title large-title\">\u63d0\u5347\u4ea4\u6613\u4ef7\u503c\u7684\u8425\u9500\u5de5\u5177<\/h3>\n <p class=\"card-text\">\u5728\u57fa\u7840\u6536\u6b3e\u670d\u52a1\u4e4b\u4e0a\uff0c\u6211\u4eec\u63d0\u4f9b\u591a\u5143\u5316\u7684\u589e\u503c\u8425\u9500\u5de5\u5177\uff0c\u5e2e\u52a9\u5546\u6237\u63d0\u5347\u7ecf\u8425\u6548\u7387\uff1a<\/p>\n \n <!-- \u4fee\u590d\u540e\u7684\u56fe\u6807\u5217\u8868 -->\n <div style=\"margin: 24px 0;\">\n <div class=\"marketing-feature\">\n <div class=\"feature-icon-container\">\n <i class=\"fa fa-file-text-o\"><\/i>\n <\/div>\n <div class=\"feature-content\">\n <h4>\u7535\u5b50\u53d1\u7968<\/h4>\n <p>\u4ea4\u6613\u5b8c\u6210\u81ea\u52a8\u5f00\u5177\u7535\u5b50\u53d1\u7968\uff0c\u652f\u6301\u6279\u91cf\u4e0b\u8f7d\u548c\u62a5\u9500\u5bf9\u63a5<\/p>\n <\/div>\n <\/div>\n \n <div class=\"marketing-feature\">\n <div class=\"feature-icon-container\">\n <i class=\"fa fa-id-card-o\"><\/i>\n <\/div>\n <div class=\"feature-content\">\n <h4>\u4f1a\u5458\u5361\u7cfb\u7edf<\/h4>\n <p>\u79ef\u5206\u3001\u50a8\u503c\u3001\u7b49\u7ea7\u7ba1\u7406\u4e00\u4f53\u5316\uff0c\u63d0\u5347\u7528\u6237\u590d\u8d2d\u7387<\/p>\n <\/div>\n <\/div>\n \n <div class=\"marketing-feature\">\n <div class=\"feature-icon-container\">\n <i class=\"fa fa-tags\"><\/i>\n <\/div>\n <div class=\"feature-content\">\n <h4>\u8425\u9500\u6743\u76ca\u7cfb\u7edf<\/h4>\n <p>\u652f\u6301\u6ee1\u51cf\u3001\u968f\u673a\u7acb\u51cf\u3001\u4f18\u60e0\u5238\u7b49\u591a\u79cd\u8425\u9500\u6d3b\u52a8\uff0c\u7075\u6d3b\u914d\u7f6e<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bg-accent-soft p-4 rounded-xl mb-6\">\n <p style=\"color: #36b37e !important; font-weight: 500;\">\n <i class=\"fa fa-bar-chart\" style=\"margin-right: 8px;\"><\/i>\n \u5e73\u5747\u5e2e\u52a9\u5546\u6237\u63d0\u5347\u4ea4\u6613\u91cf25%\uff0c\u7528\u6237\u7c98\u6027\u63d0\u534730%\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <!-- \u8de8\u5883\u652f\u4ed8\u8be6\u60c5 -->\n <section id=\"cross-border\" class=\"section-wrap detail-section fade-in\">\n <h2 class=\"bank-title\">\u8de8\u5883\u652f\u4ed8<\/h2>\n <p class=\"section-subtitle\">\u5168\u7403\u5316\u8d44\u91d1\u7ed3\u7b97\u670d\u52a1\uff0c\u52a9\u529b\u4f01\u4e1a\u62d3\u5c55\u56fd\u9645\u5e02\u573a<\/p>\n \n <div class=\"detail-grid\">\n <div>\n <h3 class=\"card-title large-title\">\u5168\u7403\u5316\u8d44\u91d1\u7ed3\u7b97\u65b9\u6848<\/h3>\n <p class=\"card-text\">\u4e3a\u8de8\u5883\u7535\u5546\u3001\u5916\u8d38\u4f01\u4e1a\u63d0\u4f9b\u5b89\u5168\u3001\u9ad8\u6548\u3001\u4f4e\u6210\u672c\u7684\u8de8\u5883\u652f\u4ed8\u670d\u52a1\uff1a<\/p>\n \n <ul class=\"feature-list\">\n <li>\n <i class=\"fa fa-check-circle\"><\/i>\n <span>\u8d44\u91d1\u7ed3\u7b97\uff1a\u652f\u6301\u5168\u7403\u4e3b\u8981\u5e01\u79cd\uff0c7×24\u5c0f\u65f6\u5feb\u901f\u7ed3\u7b97<\/span>\n <\/li>\n <li>\n <i class=\"fa fa-check-circle\"><\/i>\n <span>\u5916\u6c47\u5151\u6362\uff1a\u6700\u4f18\u6c47\u7387\u62a5\u4ef7\uff0c\u5151\u6362\u6210\u672c\u4f4e\u4e8e\u884c\u4e1a\u5e73\u5747\u6c34\u5e73<\/span>\n <\/li>\n <li>\n <i class=\"fa fa-check-circle\"><\/i>\n <span>\u5408\u89c4\u4fdd\u969c\uff1a\u7b26\u5408\u5404\u56fd\u76d1\u7ba1\u8981\u6c42\uff0c\u8d44\u91d1\u5b89\u5168\u6709\u4fdd\u969c<\/span>\n <\/li>\n <li>\n <i class=\"fa fa-check-circle\"><\/i>\n <span>API\u5bf9\u63a5\uff1a\u5f00\u653e\u6807\u51c6\u5316\u63a5\u53e3\uff0c\u652f\u6301\u7cfb\u7edf\u81ea\u52a8\u5bf9\u8d26<\/span>\n <\/li>\n <\/ul>\n \n <div class=\"flex flex-wrap gap-3\">\n <span style=\"background: #f5f7fa; color: #205cbc !important; padding: 8px 16px; border-radius: 20px; font-weight: 500; font-size: 14px;\">\n \u8986\u76d6100+\u56fd\u5bb6\n <\/span>\n <span style=\"background: #f5f7fa; color: #205cbc !important; padding: 8px 16px; border-radius: 20px; font-weight: 500; font-size: 14px;\">\n \u652f\u630150+\u5e01\u79cd\n <\/span>\n <span style=\"background: #f5f7fa; color: #205cbc !important; padding: 8px 16px; border-radius: 20px; font-weight: 500; font-size: 14px;\">\n \u5b9e\u65f6\u6c47\u7387\n <\/span>\n <\/div>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/2.png\" alt=\"\u8de8\u5883\u652f\u4ed8\u5c55\u793a\" class=\"detail-image\">\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n <\/div>\n \n <script>\n \/\/ \u9875\u9762\u52a0\u8f7d\u540e\u7acb\u5373\u663e\u793a\u5185\u5bb9\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u786e\u4fdd\u5185\u5bb9\u53ef\u89c1\n document.body.style.opacity = '1';\n \n \/\/ \u8f6e\u64ad\u529f\u80fd\n const carouselTrack = document.getElementById('carousel-track');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const indicators = document.querySelectorAll('.indicator');\n \n let currentSlide = 0;\n const totalSlides = 3;\n \n \/\/ \u66f4\u65b0\u8f6e\u64ad\u4f4d\u7f6e\n function updateCarousel() {\n let slideWidth = 100;\n \n if (window.innerWidth >= 1024) {\n slideWidth = 33.333;\n } else if (window.innerWidth >= 640) {\n slideWidth = 50;\n }\n \n carouselTrack.style.transform = `translateX(-${currentSlide * slideWidth}%)`;\n \n \/\/ \u66f4\u65b0\u6307\u793a\u5668\n indicators.forEach((indicator, index) => {\n if (index === currentSlide) {\n indicator.classList.add('active');\n } else {\n indicator.classList.remove('active');\n }\n });\n }\n \n \/\/ \u4e0b\u4e00\u5f20\n function nextSlide() {\n currentSlide = (currentSlide + 1) % totalSlides;\n updateCarousel();\n }\n \n \/\/ \u4e0a\u4e00\u5f20\n function prevSlide() {\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n updateCarousel();\n }\n \n \/\/ \u7ed1\u5b9a\u4e8b\u4ef6\n prevBtn.addEventListener('click', prevSlide);\n nextBtn.addEventListener('click', nextSlide);\n \n \/\/ \u6307\u793a\u5668\u70b9\u51fb\n indicators.forEach((indicator, index) => {\n indicator.addEventListener('click', () => {\n currentSlide = index;\n updateCarousel();\n });\n });\n \n \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\n window.addEventListener('resize', updateCarousel);\n \n \/\/ \u521d\u59cb\u5316\n updateCarousel();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\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>\u54c1\u724c\u5408\u4f5c – \u4fe1\u606f\u5316\u8f6f\u786c\u4ef6\u5f00\u53d1\u89e3\u51b3\u65b9\u6848<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* \u5168\u5c40\u91cd\u7f6e\u4e0e\u53d8\u91cf\u5b9a\u4e49 *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --primary-ocean: #205cbc; \/* \u4e3b\u8272\u8c03 - \u6d77\u6d0b\u84dd *\/\n --secondary-cloud: #f5f7fa; \/* \u914d\u8272 - \u4e91\u6735\u767d *\/\n --accent-sunset: #ff7e5f; \/* \u5f3a\u8c03\u8272 - \u65e5\u843d\u6a59 *\/\n --text-deepnavy: #012257; \/* \u6df1\u84dd\u8272\u6587\u5b57 *\/\n --text-medium: #546e7a; \/* \u4e2d\u7070\u8272\u6587\u5b57 *\/\n --text-light: #90a4ae; \/* \u6d45\u7070\u8272\u6587\u5b57 *\/\n --border-soft: #e0e6ed; \/* \u67d4\u548c\u7684\u8fb9\u6846\u8272 *\/\n --shadow-soft: rgba(32, 92, 188, 0.08); \/* \u67d4\u548c\u9634\u5f71 *\/\n --shadow-medium: rgba(32, 92, 188, 0.12); \/* \u4e2d\u7b49\u9634\u5f71 *\/\n --card-radius: 16px; \/* \u5361\u7247\u5706\u89d2 *\/\n --transition-smooth: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\n }\n \n body {\n font-family: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;\n line-height: 1.6;\n color: var(--text-medium);\n background-color: var(--secondary-cloud);\n overflow-x: hidden;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n }\n \n \/* \u80cc\u666f\u56fe\u6837\u5f0f\u4f18\u5316 *\/\n .brands-section {\n background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/\u5408\u4f5c\u4f19\u4f34.jpg');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-attachment: fixed;\n position: relative;\n flex: 1;\n }\n \n .container-center {\n position: relative;\n z-index: 1;\n }\n \n \/* \u539f\u6709\u6837\u5f0f\u4fdd\u6301\u4e0d\u53d8 *\/\n .container-center {\n width: 100%;\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n \/* \u516c\u5171\u677f\u5757\u6837\u5f0f *\/\n .section-block {\n padding: 100px 0;\n position: relative;\n overflow: hidden;\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 70px;\n position: relative;\n }\n \n .section-title h2 {\n font-size: 2.8rem;\n font-weight: 700;\n color: var(--text-deepnavy);\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n .section-subtitle {\n font-size: 1.2rem;\n color: #012257;\n max-width: 700px;\n margin: 0 auto 40px;\n text-align: center;\n line-height: 1.8;\n }\n \n \/* \u54c1\u724c\u5408\u4f5c *\/\n .brands-slider {\n margin-top: 50px;\n position: relative;\n overflow: hidden;\n padding: 20px 0;\n }\n \n .brands-track {\n display: flex;\n gap: 40px;\n animation: slide 30s linear infinite;\n }\n \n .brand-item {\n flex: 0 0 auto;\n width: 180px;\n height: 100px;\n background: rgba(255, 255, 255, 0.9);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n transition: var(--transition-smooth);\n border: 1px solid var(--border-soft);\n }\n \n .brand-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n background: white;\n }\n \n .brand-item img {\n max-width: 120px;\n\n max-height: 60px;\n transition: var(--transition-smooth);\n }\n \n @keyframes slide {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(calc(-180px * 5 - 40px * 5));\n }\n }\n \n \/* \u52a8\u753b\u7c7b *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n \n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n @media (max-width: 1200px) {\n .container-center {\n padding: 0 30px;\n }\n }\n \n @media (max-width: 768px) {\n .section-title h2 {\n font-size: 2.2rem;\n color: white;\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n }\n \n .brand-item {\n width: 150px;\n }\n \n .section-block {\n padding: 60px 0;\n }\n \n .brands-section {\n background-attachment: scroll;\n }\n }\n \n @media (max-width: 576px) {\n .section-title h2 {\n font-size: 1.8rem;\n }\n \n .brand-item {\n width: 130px;\n height: 80px;\n }\n \n .brands-track {\n gap: 20px;\n }\n \n .container-center {\n padding: 0 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \u94f6\u884c\u5408\u4f5c -->\n <section id=\"brands\" class=\"section-block brands-section\">\n <div class=\"container-center\">\n <div class=\"section-title\">\n <h2>\u94f6\u884c\u5408\u4f5c<\/h2>\n <p class=\"section-subtitle\">\u4e0e\u56fd\u5185\u4e3b\u8981\u94f6\u884c\u5efa\u7acb\u6df1\u5ea6\u5408\u4f5c\u5173\u7cfb\uff0c\u63d0\u4f9b\u4e13\u4e1a\u91d1\u878d\u4fe1\u606f\u5316\u89e3\u51b3\u65b9\u6848<\/p>\n <\/div>\n \n <div class=\"brands-slider\">\n <div class=\"brands-track\">\n \n <!-- \u56fd\u6709\u5927\u578b\u5546\u4e1a\u94f6\u884c -->\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/1.png\" alt=\"\u4e2d\u56fd\u5de5\u5546\u94f6\u884c\" title=\"\u4e2d\u56fd\u5de5\u5546\u94f6\u884c - \u5168\u7403\u6700\u5927\u94f6\u884c\">\n <\/div>\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/7.png\" alt=\"\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c\" title=\"\u4e2d\u56fd\u5efa\u8bbe\u94f6\u884c - \u5efa\u8bbe\u7f8e\u4e3d\u4e2d\u56fd\">\n <\/div>\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/2.png\" alt=\"\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c\" title=\"\u4e2d\u56fd\u519c\u4e1a\u94f6\u884c - \u670d\u52a1\u4e09\u519c\">\n <\/div>\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/3.png\" alt=\"\u4e2d\u56fd\u94f6\u884c\" title=\"\u4e2d\u56fd\u94f6\u884c - \u5168\u7403\u670d\u52a1\">\n <\/div>\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/6-1.png\" alt=\"\u4ea4\u901a\u94f6\u884c\" title=\"\u4ea4\u901a\u94f6\u884c - \u767e\u5e74\u4ea4\u884c\">\n <\/div>\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/8.png\" alt=\"\u4e2d\u56fd\u90ae\u653f\u50a8\u84c4\u94f6\u884c\" title=\"\u4e2d\u56fd\u90ae\u653f\u50a8\u84c4\u94f6\u884c - \u666e\u60e0\u91d1\u878d\">\n <\/div>\n <!-- \u5168\u56fd\u6027\u80a1\u4efd\u5236\u5546\u4e1a\u94f6\u884c -->\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/5-1.png\" alt=\"\u62db\u5546\u94f6\u884c\" title=\"\u62db\u5546\u94f6\u884c - \u56e0\u60a8\u800c\u53d8\">\n <\/div>\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/11.png\" alt=\"\u4e2d\u4fe1\u94f6\u884c\" title=\"\u4e2d\u4fe1\u94f6\u884c - \u627f\u8bfa\u4e8e\u4e2d\uff0c\u81f3\u4efb\u4e8e\u4fe1\">\n <\/div>\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/10.png\" alt=\"\u6d66\u53d1\u94f6\u884c\" title=\"\u6d66\u53d1\u94f6\u884c - \u65b0\u601d\u7ef4\uff0c\u5fc3\u670d\u52a1\">\n <\/div>\n <div class=\"brand-item\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/9.png\" alt=\"\u5174\u4e1a\u94f6\u884c\" title=\"\u5174\u4e1a\u94f6\u884c - \u771f\u8bda\u670d\u52a1\uff0c\u5171\u540c\u5174\u4e1a\">\n <\/div>\n \n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ \u6eda\u52a8\u52a8\u753b\u6548\u679c\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u6eda\u52a8\u6de1\u5165\u52a8\u753b\n const fadeElements = document.querySelectorAll('.fade-in');\n \n const fadeInOnScroll = function() {\n fadeElements.forEach(element => {\n const elementTop = element.getBoundingClientRect().top;\n const elementVisible = 150;\n \n if (elementTop < window.innerHeight - elementVisible) {\n element.classList.add('visible');\n }\n });\n };\n \n \/\/ \u521d\u59cb\u68c0\u67e5\n fadeInOnScroll();\n \n \/\/ \u6eda\u52a8\u65f6\u68c0\u67e5\n window.addEventListener('scroll', fadeInOnScroll);\n \n \/\/ Logo\u8f6e\u64ad\u63a7\u5236\n const brandsTrack = document.querySelector('.brands-track');\n let isPaused = false;\n \n brandsTrack.addEventListener('mouseenter', () => {\n isPaused = true;\n brandsTrack.style.animationPlayState = 'paused';\n });\n \n brandsTrack.addEventListener('mouseleave', () => {\n isPaused = false;\n brandsTrack.style.animationPlayState = 'running';\n });\n \n \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\n function adjustLayout() {\n const windowWidth = window.innerWidth;\n const brandsItems = document.querySelectorAll('.brand-item');\n \n if (windowWidth < 768) {\n \/\/ \u79fb\u52a8\u7aef\u8c03\u6574\n brandsItems.forEach(item => {\n item.style.width = '130px';\n item.style.height = '80px';\n });\n } else {\n \/\/ \u684c\u9762\u7aef\u6062\u590d\n brandsItems.forEach(item => {\n item.style.width = '180px';\n item.style.height = '100px';\n });\n }\n }\n \n \/\/ \u521d\u59cb\u8c03\u6574\n adjustLayout();\n \n \/\/ \u7a97\u53e3\u5927\u5c0f\u53d8\u5316\u65f6\u8c03\u6574\n window.addEventListener('resize', adjustLayout);\n \n \/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u6dfb\u52a0\u52a8\u753b\u7c7b\n setTimeout(() => {\n document.body.classList.add('loaded');\n }, 100);\n });\n \n \/\/ \u9632\u6b62\u52a8\u753b\u5728\u9875\u9762\u52a0\u8f7d\u65f6\u7acb\u5373\u89e6\u53d1\n window.addEventListener('load', function() {\n setTimeout(() => {\n document.querySelectorAll('.fade-in').forEach(el => {\n el.style.transitionDelay = '0s';\n });\n }, 500);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\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>\u65e0\u7a7a\u767d-\u7cbe\u51c6\u8fd4\u56de\u9876\u90e8\u7bad\u5934<\/title>\n <style>\n \/* \u91cd\u7f6ebody\u9ed8\u8ba4\u6837\u5f0f\uff0c\u5f7b\u5e95\u6d88\u9664\u6d4f\u89c8\u5668\u81ea\u5e26\u8fb9\u8ddd\u5bfc\u81f4\u7684\u7a7a\u767d *\/\n body {\n margin: 0;\n padding: 0;\n }\n\n \/* \u5b8c\u5168\u9694\u79bb\u7684\u6837\u5f0f\u547d\u540d\uff0c\u675c\u7edd\u51b2\u7a81 *\/\n .pure-backtop-arrow {\n position: fixed;\n right: 20px;\n bottom: 20px; \/* \u6309\u94ae\u4e0e\u9875\u9762\u5e95\u90e8\u7684\u5408\u7406\u95f4\u8ddd\uff0c\u975e\u7a7a\u767d *\/\n width: 50px;\n height: 50px;\n background-color: #205cbc;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 2px 8px rgba(32, 92, 188, 0.3);\n transition: all 0.3s ease;\n z-index: 999999; \/* \u9876\u7ea7\u5c42\u7ea7\uff0c\u4e0d\u88ab\u906e\u6321 *\/\n border: none;\n outline: none;\n opacity: 1 !important; \/* \u59cb\u7ec8\u663e\u793a *\/\n pointer-events: auto !important; \/* \u59cb\u7ec8\u53ef\u70b9\u51fb *\/\n user-select: none; \/* \u9632\u6b62\u8bef\u9009 *\/\n -webkit-user-select: none;\n }\n\n \/* \u7bad\u5934\u6837\u5f0f\uff1a\u5c45\u4e2d\u7cbe\u81f4 *\/\n .pure-backtop-arrow::after {\n content: '';\n width: 16px;\n height: 16px;\n border-top: 3px solid #f5f7fa;\n border-left: 3px solid #f5f7fa;\n transform: rotate(45deg);\n margin-bottom: -4px;\n transition: all 0.3s ease;\n }\n\n \/* \u60ac\u505c\/\u70b9\u51fb\u4ea4\u4e92\u6548\u679c *\/\n .pure-backtop-arrow:hover {\n background-color: #184a9c;\n transform: translateY(-3px);\n box-shadow: 0 4px 12px rgba(32, 92, 188, 0.5);\n }\n .pure-backtop-arrow:hover::after {\n border-top-color: #ffffff;\n border-left-color: #ffffff;\n }\n .pure-backtop-arrow:active {\n transform: translateY(1px);\n box-shadow: 0 2px 6px rgba(32, 92, 188, 0.3);\n }\n\n \/* \u54cd\u5e94\u5f0f\u9002\u914d\uff1a\u624b\u673a\/\u5e73\u677f\/\u7535\u8111 *\/\n @media (max-width: 768px) {\n .pure-backtop-arrow {\n width: 40px;\n height: 40px;\n right: 15px;\n bottom: 15px;\n }\n .pure-backtop-arrow::after {\n width: 12px;\n height: 12px;\n }\n }\n @media (max-width: 480px) {\n .pure-backtop-arrow {\n width: 36px;\n height: 36px;\n right: 10px;\n bottom: 10px;\n }\n .pure-backtop-arrow::after {\n width: 10px;\n height: 10px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \ud83d\udc47 \u6b64\u5904\u4ec5\u4fdd\u7559\u4f60\u7684\u5b9e\u9645\u7f51\u9875\u5185\u5bb9\uff0c\u65e0\u4efb\u4f55\u6d4b\u8bd5div\uff01\uff01 -->\n <!-- \u793a\u4f8b\uff1a\u4f60\u7684\u5185\u5bb9\u53ef\u4ee5\u662f\u6587\u5b57\u3001\u56fe\u7247\u3001\u8868\u5355\u7b49\uff0c\u6bd4\u5982\uff1a\n <div>\u4f60\u7684\u7f51\u9875\u5185\u5bb91<\/div>\n <div>\u4f60\u7684\u7f51\u9875\u5185\u5bb92<\/div>\n -->\n\n <!-- \u8fd4\u56de\u9876\u90e8\u7bad\u5934\uff08\u4ec5\u8fd9\u4e00\u4e2a\u6309\u94ae\uff0c\u65e0\u5176\u4ed6\u5197\u4f59\u5143\u7d20\uff09 -->\n <button class=\"pure-backtop-arrow\" id=\"pureBacktopArrow\"><\/button>\n\n <script>\n \/\/ \u7b49\u5f85DOM\u52a0\u8f7d\u5b8c\u6210\n document.addEventListener('DOMContentLoaded', function() {\n const backtopBtn = document.getElementById('pureBacktopArrow');\n \n if (backtopBtn) {\n \/\/ \u6838\u5fc3\uff1a100%\u7cbe\u51c6\u8fd4\u56de\u9876\u90e8\uff08\u517c\u5bb9\u6240\u6709\u6d4f\u89c8\u5668\uff09\n backtopBtn.addEventListener('click', function() {\n \/\/ \u7acb\u5373\u505c\u6b62\u6240\u6709\u6eda\u52a8\u52a8\u753b\n window.scrollTo(0, 0);\n \n \/\/ \u73b0\u4ee3\u6d4f\u89c8\u5668\u5e73\u6ed1\u6eda\u52a8\uff08\u53cc\u5bb9\u5668\u517c\u5bb9\uff09\n if ('scrollBehavior' in document.documentElement.style) {\n document.documentElement.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n document.body.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n }\n \n \/\/ \u5f3a\u5236\u515c\u5e95\uff1a\u786e\u4fdd\u7edd\u5bf9\u5230\u9876\n setTimeout(() => {\n window.scrollTo(0, 0);\n document.documentElement.scrollTop = 0;\n document.body.scrollTop = 0;\n if (window.parent) window.parent.scrollTo(0, 0);\n }, 10);\n });\n } else {\n console.error('\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u672a\u627e\u5230\uff0c\u8bf7\u68c0\u67e5ID');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u94f6\u884c\u4e13\u4e1a\u5316\u670d\u52a1\u5546 – \u5168\u65b9\u4f4d\u91d1\u878d\u89e3\u51b3\u65b9\u6848 \u91d1\u878d\u76d1\u7ba1\u8ba4\u8bc1\u670d\u52a1\u5546 \u4e13\u4e1a\u94f6\u884c\u670d\u52a1 \u5168\u65b9\u4f4d\u89e3\u51b3\u65b9\u6848 17\u5e74 […]<\/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-1914","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1914","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=1914"}],"version-history":[{"count":80,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1914\/revisions"}],"predecessor-version":[{"id":3432,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1914\/revisions\/3432"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}