{"id":2126,"date":"2025-12-06T22:18:44","date_gmt":"2025-12-06T14:18:44","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=2126"},"modified":"2026-03-18T17:55:29","modified_gmt":"2026-03-18T09:55:29","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8fapp%e5%bc%80%e5%8f%91","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/en\/%e5%b0%8f%e7%a8%8b%e5%ba%8fapp%e5%bc%80%e5%8f%91\/","title":{"rendered":"\u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1OK"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n \u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1 – \u5168\u65b9\u4f4d\u5b9a\u5236\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; \/* \u4fdd\u6301\u80cc\u666f\u56fe\u5bbd\u5ea6\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; \/* \u5220\u9664\u504f\u5de6\u6837\u5f0f *\/\n z-index: 10;\n margin: 0 auto;\n }\n \n \/* \u5185\u5bb9\u9650\u5236\u5bb9\u5668 - 1300px\u5bbd *\/\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; \/* \u5220\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\uff0c\u6587\u5b57\u8c03\u5c0f *\/\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: 14px; \/* \u8c03\u5c0f\u6587\u5b57 *\/\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\uff0c\u6587\u5b57\u8c03\u5c0f *\/\n .jd-main-title {\n font-size: 50px; \/* \u8c03\u5c0f\u6587\u5b57 *\/\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\tcolor: #205cbc;\n\tposition: relative;\n\tdisplay: inline-block;\n\tfont-weight: 800;\n }\n \n \/* \u79fb\u9664\u6807\u9898\u4e0b\u5212\u7ebf\u6837\u5f0f *\/\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\u8ddd+\u95f4\u8ddd\uff0820px\u219230px\uff0c1.3\u21921.4\uff09\uff0c\u6587\u5b57\u8c03\u5c0f *\/\n .jd-subtitle {\n font-size: 22px; \/* \u8c03\u5c0f\u6587\u5b57 *\/\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\uff0c\u6587\u5b57\u8c03\u5c0f *\/\n .jd-service-item {\n display: flex;\n align-items: center;\n font-size: 16px; \/* \u8c03\u5c0f\u6587\u5b57 *\/\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 *\/\n height: 26px; \/* \u8c03\u5c0f\u56fe\u6807 *\/\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 *\/\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 - \u8c03\u5c0f\u5c3a\u5bf8 *\/\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\u5185\u8fb9\u8ddd *\/\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\uff0c\u8c03\u5c0f\u56fe\u7247 *\/\n .jd-logo {\n width: 400px; \/* \u8c03\u5c0f\u56fe\u7247\u5bbd\u5ea6 *\/\n height: auto;\n animation: jd-bounce 2s ease-in-out infinite; \/* \u4fdd\u7559\u4e0a\u4e0b\u6d6e\u52a8\u52a8\u753b *\/\n \/* \u79fb\u9664\u9634\u5f71\u6548\u679c\uff1a\u5220\u9664\u4e86 filter: drop-shadow(...) *\/\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 - \u8c03\u5c0f\u5c3a\u5bf8 *\/\n .jd-float-point {\n position: absolute;\n width: 60px; \/* \u8c03\u5c0f\u6d6e\u52a8\u70b9 *\/\n height: 60px; \/* \u8c03\u5c0f\u6d6e\u52a8\u70b9 *\/\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\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 - \u8c03\u6574\u5b9a\u4f4d\u6570\u503c\u5411\u5185\u9760\u62e2 *\/\n .jd-float-point.point1 {\n top: 10px; \/* \u539f-30px \u2192 10px\uff08\u5411\u4e0b\u79fb\u52a8\uff09 *\/\n right: 20px; \/* \u539f-20px \u2192 20px\uff08\u5411\u5de6\u79fb\u52a8\uff09 *\/\n animation: jd-float-1 3s ease-in-out infinite;\n }\n \n .jd-float-point.point2 {\n top: 80px; \/* \u539f50px \u2192 80px\uff08\u5411\u4e0b\u79fb\u52a8\uff09 *\/\n left: 20px; \/* \u539f-40px \u2192 20px\uff08\u5411\u53f3\u79fb\u52a8\uff09 *\/\n animation: jd-float-2 3.5s ease-in-out infinite;\n }\n \n .jd-float-point.point3 {\n bottom: 10px; \/* \u539f-20px \u2192 10px\uff08\u5411\u4e0a\u79fb\u52a8\uff09 *\/\n right: 20px; \/* \u539f-40px \u2192 20px\uff08\u5411\u5de6\u79fb\u52a8\uff09 *\/\n animation: jd-float-3 4s ease-in-out infinite;\n }\n \n .jd-float-point.point4 {\n bottom: 80px; \/* \u539f60px \u2192 80px\uff08\u5411\u4e0a\u79fb\u52a8\uff09 *\/\n left: 20px; \/* \u539f-20px \u2192 20px\uff08\u5411\u53f3\u79fb\u52a8\uff09 *\/\n animation: jd-float-4 3.8s ease-in-out infinite;\n }\n \n \/* \u6d6e\u52a8\u56fe\u6807\u6837\u5f0f - \u8c03\u5c0f *\/\n .jd-float-icon {\n font-size: 16px; \/* \u8c03\u5c0f\u56fe\u6807 *\/\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-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 }\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: 350px;\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: 380px;\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: 300px;\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: 12px; \/* \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: 260px;\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 <!-- \u5185\u5bb9\u9650\u5236\u5bb9\u5668 - 1300px\u5bbd -->\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-code\"><\/i> \u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1\u670d\u52a1\u5546\n <\/div>\n \n <h1 class=\"jd-main-title\">\n <span class=\"jd-title-accent\">\u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1<\/span><br>\n \u5168\u65b9\u4f4d\u5b9a\u5236\u89e3\u51b3\u65b9\u6848\n <\/h1>\n \n <p class=\"jd-subtitle\" style=\"font-size: 20px\">\n \u591a\u5e74\u8f6f\u4ef6\u5f00\u53d1\u7ecf\u9a8c\uff0c\u52a9\u529b\u4f01\u4e1a\u5b9e\u73b0\u6570\u5b57\u5316\u8f6c\u578b\u4e0e\u4ea7\u54c1\u5347\u7ea7\uff0c\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u5c0f\u7a0b\u5e8fAPP\u5b9a\u5236\u5f00\u53d1\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-mobile-screen-button\"><\/i>\n <\/div>\n <span>\u539f\u751fAPP\u5f00\u53d1<\/span>\n <\/div>\n <div class=\"jd-service-item\">\n <div class=\"jd-service-icon\">\n <i class=\"fas fa-weixin\"><\/i>\n <\/div>\n <span>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1<\/span>\n <\/div>\n <div class=\"jd-service-item\">\n <div class=\"jd-service-icon\">\n <i class=\"fas fa-layer-group\"><\/i>\n <\/div>\n <span>\u591a\u7aef\u9002\u914d\u5f00\u53d1<\/span>\n <\/div>\n <div class=\"jd-service-item\">\n <div class=\"jd-service-icon\">\n <i class=\"fas fa-gears\"><\/i>\n <\/div>\n <span>\u7cfb\u7edf\u7ef4\u62a4\u5347\u7ea7<\/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\u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1\u76f8\u5173\u56fe\u7247 -->\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/b69b15f58e5a169140f22a13f172d85a01ef30f425f89-lid3sD-1.png\" alt=\"\u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1 Logo\" class=\"jd-logo\">\n \n <!-- \u6d6e\u52a8\u6570\u636e\/\u56fe\u6807\u70b9\uff08\u5c0f\u7a0b\u5e8f\u4e13\u5c5e\u5185\u5bb9\uff09 -->\n <div class=\"jd-float-point point1\">\n <i class=\"fas fa-bolt jd-float-icon\"><\/i>\n <span>\u79d2\u7ea7\u52a0\u8f7d<\/span>\n <\/div>\n <div class=\"jd-float-point point2\">\n <i class=\"fas fa-qrcode jd-float-icon\"><\/i>\n <span>\u626b\u7801\u5373\u7528<\/span>\n <\/div>\n <div class=\"jd-float-point point3\">\n <i class=\"fas fa-sync-alt jd-float-icon\"><\/i>\n <span>\u5b9e\u65f6\u66f4\u65b0<\/span>\n <\/div>\n <div class=\"jd-float-point point4\">\n <i class=\"fas fa-hand-holding-usd jd-float-icon\"><\/i>\n <span>\u4f4e\u6210\u672c\u5f00\u53d1<\/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<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9ba6dbca wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n <title>\u5c0f\u7a0b\u5e8f\u5f00\u53d1 – \u5168\u884c\u4e1a\u5546\u5bb6\u589e\u957f\u65b0\u5f15\u64ce<\/title>\n <!-- \u5f15\u5165Font Awesome\u56fe\u6807\u5e93 -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n <style>\n \/* ========== \u5168\u5c40\u91cd\u7f6e & \u4e13\u5c5eCSS\u53d8\u91cf\uff08\u5b8c\u5168\u9694\u79bb\uff09 ========== *\/\n :root {\n \/* \u6838\u5fc3\u914d\u8272\uff08\u4e13\u5c5e\u547d\u540d\uff09 *\/\n --mini-pro-primary: #205cbc; \/* \u4e3b\u8272\u8c03 *\/\n --mini-pro-secondary: #2ecc71; \/* \u6b21\u8981\u8272-\u7eff *\/\n --mini-pro-accent1: #e74c3c; \/* \u5f3a\u8c03\u82721-\u7ea2 *\/\n --mini-pro-accent2: #f39c12; \/* \u5f3a\u8c03\u82722-\u6a59 *\/\n --mini-pro-accent3: #9b59b6; \/* \u5f3a\u8c03\u82723-\u7d2b *\/\n --mini-pro-accent4: #1abc9c; \/* \u5f3a\u8c03\u82724-\u9752 *\/\n --mini-pro-bg-base: #f5f7fa; \/* \u57fa\u7840\u80cc\u666f\u8272 *\/\n --mini-pro-title-color: #012257; \/* \u5927\u6807\u9898\u8272 *\/\n --mini-pro-text-main: #333333; \/* \u6b63\u6587\u4e3b\u8272 *\/\n --mini-pro-text-secondary: #666666; \/* \u6b63\u6587\u6b21\u8981\u8272 *\/\n --mini-pro-white: #ffffff; \/* \u7eaf\u767d *\/\n --mini-pro-border: #e0e6ed; \/* \u8fb9\u6846\u8272 *\/\n --mini-pro-shadow-light: 0 4px 16px rgba(32, 92, 188, 0.08); \/* \u8f7b\u9634\u5f71 *\/\n --mini-pro-shadow-heavy: 0 8px 28px rgba(32, 92, 188, 0.15); \/* \u91cd\u9634\u5f71 *\/\n --mini-pro-shadow-hover: 0 12px 32px rgba(32, 92, 188, 0.2); \/* \u60ac\u505c\u9634\u5f71 *\/\n --mini-pro-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); \/* \u987a\u6ed1\u8fc7\u6e21 *\/\n --mini-pro-container-width: 1300px; \/* \u6838\u5fc3\u5c45\u4e2d\u5bbd\u5ea6 *\/\n --mini-pro-section-padding: 70px 0; \/* \u677f\u5757\u57fa\u7840\u95f4\u8ddd *\/\n \n \/* \u6e10\u53d8\u8272\u5b9a\u4e49 *\/\n --gradient-blue: linear-gradient(135deg, #205cbc, #4a90e2);\n --gradient-green: linear-gradient(135deg, #2ecc71, #3498db);\n --gradient-red: linear-gradient(135deg, #e74c3c, #e67e22);\n --gradient-orange: linear-gradient(135deg, #f39c12, #e74c3c);\n --gradient-purple: linear-gradient(135deg, #9b59b6, #8e44ad);\n --gradient-teal: linear-gradient(135deg, #1abc9c, #16a085);\n --gradient-cyan: linear-gradient(135deg, #1abc9c, #3498db);\n --gradient-yellow: linear-gradient(135deg, #f1c40f, #f39c12);\n }\n\n \/* \u4fee\u590d\uff1a\u4f7f\u7528\u6b63\u786e\u7684\u901a\u914d\u7b26\u9009\u62e9\u5668\uff0c\u907f\u514d\u5f71\u54cd\u5168\u5c40\u6837\u5f0f *\/\n .mini-pro-content * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n border: none;\n outline: none;\n }\n\n \/* \u4fee\u590d\uff1a\u53ea\u5728\u6211\u4eec\u7684\u5185\u5bb9\u533a\u57df\u5185\u5e94\u7528\u5b57\u4f53\uff0c\u4e0d\u5f71\u54cd\u5168\u5c40 *\/\n .mini-pro-content {\n font-family: \"PingFang SC\", \"Microsoft Yahei\", Helvetica, Arial, sans-serif;\n background-color: var(--mini-pro-bg-base);\n color: var(--mini-pro-text-main);\n }\n\n \/* \u5168\u5c4f\u65e0\u7a7a\u9699\u6838\u5fc3\u8bbe\u7f6e *\/\n html, body {\n width: 100%;\n height: 100%;\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden;\n scroll-behavior: smooth;\n }\n\n \/* ========== \u6838\u5fc3\u5bb9\u5668\uff081300px\u5c45\u4e2d\uff09 ========== *\/\n .mini-pro-container {\n width: 100%;\n max-width: var(--mini-pro-container-width);\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* ========== \u677f\u5757\u901a\u7528\u6837\u5f0f\uff08\u5e26\u6eda\u52a8\u6de1\u5165\u52a8\u753b\uff09 ========== *\/\n .mini-pro-section {\n width: 100%;\n padding: var(--mini-pro-section-padding);\n position: relative;\n opacity: 0;\n transform: translateY(40px) scale(0.98);\n transition: var(--mini-pro-transition);\n margin: 0 !important;\n }\n\n \/* \u6eda\u52a8\u6fc0\u6d3b\u6de1\u5165\u6548\u679c *\/\n .mini-pro-section.active {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n \/* ========== \u6807\u9898\u6837\u5f0f\uff08\u7edf\u4e00\u89c6\u89c9\uff09 ========== *\/\n .mini-pro-title {\n font-size: 36px;\n font-weight: 700;\n color: var(--mini-pro-title-color);\n text-align: center;\n margin-bottom: 16px;\n position: relative;\n }\n\n .mini-pro-title::after {\n content: \"\";\n display: block;\n width: 90px;\n height: 4px;\n background: var(--gradient-blue);\n margin: 20px auto 0;\n border-radius: 2px;\n transition: width 0.3s ease;\n }\n\n .mini-pro-section:hover .mini-pro-title::after {\n width: 120px;\n }\n\n .mini-pro-subtitle {\n font-size: 18px;\n color: var(--mini-pro-text-secondary);\n text-align: center;\n line-height: 1.8;\n margin-bottom: 60px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* ========== \u65b0\u589e\uff1a\u670d\u52a1\u6848\u4f8b\u677f\u5757\u6837\u5f0f ========== *\/\n .mini-pro-section-cases {\n background: linear-gradient(120deg, #f8fafc, #eef2f7);\n }\n\n .mini-pro-cases-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 30px;\n }\n\n .mini-pro-case-card {\n background-color: var(--mini-pro-white);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--mini-pro-shadow-light);\n transition: var(--mini-pro-transition);\n position: relative;\n }\n\n .mini-pro-case-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: var(--mini-pro-shadow-hover);\n }\n\n .mini-pro-case-img {\n width: 100%;\n height: 240px;\n overflow: hidden;\n }\n\n .mini-pro-case-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: var(--mini-pro-transition);\n }\n\n .mini-pro-case-card:hover .mini-pro-case-img img {\n transform: scale(1.05);\n }\n\n .mini-pro-case-content {\n padding: 25px;\n }\n\n .mini-pro-case-badge {\n display: inline-block;\n padding: 6px 16px;\n background: var(--gradient-blue);\n color: var(--mini-pro-white);\n border-radius: 20px;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 15px;\n }\n\n .mini-pro-case-card:nth-child(1) .mini-pro-case-badge {\n background: var(--gradient-blue);\n }\n .mini-pro-case-card:nth-child(2) .mini-pro-case-badge {\n background: var(--gradient-green);\n }\n .mini-pro-case-card:nth-child(3) .mini-pro-case-badge {\n background: var(--gradient-orange);\n }\n\n .mini-pro-case-title {\n font-size: 22px;\n color: var(--mini-pro-title-color);\n font-weight: 600;\n margin-bottom: 12px;\n line-height: 1.4;\n }\n\n .mini-pro-case-desc {\n font-size: 15px;\n color: var(--mini-pro-text-secondary);\n line-height: 1.7;\n margin-bottom: 20px;\n }\n\n .mini-pro-case-stats {\n display: flex;\n justify-content: space-between;\n padding-top: 20px;\n border-top: 1px solid var(--mini-pro-border);\n }\n\n .mini-pro-case-stat {\n text-align: center;\n }\n\n .mini-pro-case-stat-value {\n font-size: 24px;\n font-weight: 700;\n color: var(--mini-pro-title-color);\n line-height: 1.2;\n }\n\n .mini-pro-case-stat-label {\n font-size: 13px;\n color: var(--mini-pro-text-secondary);\n margin-top: 4px;\n }\n\n \/* \u56fe\u6807\u6e10\u53d8\u8272\u6837\u5f0f *\/\n \/* \u6e10\u53d8\u56fe\u6807\u57fa\u7840\u6837\u5f0f *\/\n .mini-pro-gradient-icon {\n display: inline-block;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n background-size: 100%;\n background-position: center;\n }\n\n \/* \u677f\u57571\uff1a\u56db\u5361\u7247\u6838\u5fc3\u4f18\u52bf\u56fe\u6807\u6e10\u53d8 *\/\n .mini-pro-section-1 .mini-pro-card-icon {\n background-image: var(--gradient-blue);\n font-size: 48px;\n margin-bottom: 24px;\n display: inline-block;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.4s ease;\n }\n\n .mini-pro-section-1 .mini-pro-card:nth-child(1) .mini-pro-card-icon {\n background-image: var(--gradient-blue);\n }\n .mini-pro-section-1 .mini-pro-card:nth-child(2) .mini-pro-card-icon {\n background-image: var(--gradient-green);\n }\n .mini-pro-section-1 .mini-pro-card:nth-child(3) .mini-pro-card-icon {\n background-image: var(--gradient-orange);\n }\n .mini-pro-section-1 .mini-pro-card:nth-child(4) .mini-pro-card-icon {\n background-image: var(--gradient-purple);\n }\n\n \/* \u677f\u57572\uff1a\u529f\u80fd\u4f18\u52bf\u56fe\u6807\u6e10\u53d8 *\/\n .mini-pro-section-2 .mini-pro-feature-item i {\n font-size: 28px;\n background-image: var(--gradient-blue);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-top: 4px;\n flex-shrink: 0;\n transition: all 0.4s ease;\n }\n\n .mini-pro-section-2 .mini-pro-feature-item:nth-child(1) i {\n background-image: var(--gradient-blue);\n }\n .mini-pro-section-2 .mini-pro-feature-item:nth-child(2) i {\n background-image: var(--gradient-green);\n }\n .mini-pro-section-2 .mini-pro-feature-item:nth-child(3) i {\n background-image: var(--gradient-orange);\n }\n .mini-pro-section-2 .mini-pro-feature-item:nth-child(4) i {\n background-image: var(--gradient-purple);\n }\n\n \/* \u677f\u57573\uff1a\u5782\u76f4\u89e3\u51b3\u65b9\u6848\u56fe\u6807\u6e10\u53d8 *\/\n .mini-pro-section-3 .mini-pro-card-icon {\n background-image: var(--gradient-blue);\n font-size: 48px;\n margin-bottom: 24px;\n display: inline-block;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.4s ease;\n }\n\n .mini-pro-section-3 .mini-pro-card:nth-child(1) .mini-pro-card-icon {\n background-image: var(--gradient-blue);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(2) .mini-pro-card-icon {\n background-image: var(--gradient-red);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(3) .mini-pro-card-icon {\n background-image: var(--gradient-purple);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(4) .mini-pro-card-icon {\n background-image: var(--gradient-teal);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(5) .mini-pro-card-icon {\n background-image: var(--gradient-cyan);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(6) .mini-pro-card-icon {\n background-image: var(--gradient-yellow);\n }\n\n \/* \u677f\u57573\u5fbd\u7ae0\u6e10\u53d8 *\/\n .mini-pro-badge {\n display: inline-block;\n padding: 10px 24px;\n background: var(--gradient-blue);\n color: var(--mini-pro-white);\n border-radius: 30px;\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 22px;\n transition: var(--mini-pro-transition);\n }\n\n .mini-pro-section-3 .mini-pro-card:nth-child(1) .mini-pro-badge {\n background: var(--gradient-blue);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(2) .mini-pro-badge {\n background: var(--gradient-red);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(3) .mini-pro-badge {\n background: var(--gradient-purple);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(4) .mini-pro-badge {\n background: var(--gradient-teal);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(5) .mini-pro-badge {\n background: var(--gradient-cyan);\n }\n .mini-pro-section-3 .mini-pro-card:nth-child(6) .mini-pro-badge {\n background: var(--gradient-yellow);\n }\n\n \/* \u677f\u57574\uff1a\u79c1\u57df\u89e3\u51b3\u65b9\u6848\u5c0f\u5361\u7247\u56fe\u6807\u6e10\u53d8 *\/\n .mini-pro-section-4 .mini-pro-solution-card i {\n font-size: 36px;\n background-image: var(--gradient-blue);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 18px;\n display: block;\n transition: all 0.4s ease;\n }\n\n .mini-pro-section-4 .mini-pro-solution-card:nth-child(1) i {\n background-image: var(--gradient-blue);\n }\n .mini-pro-section-4 .mini-pro-solution-card:nth-child(2) i {\n background-image: var(--gradient-green);\n }\n .mini-pro-section-4 .mini-pro-solution-card:nth-child(3) i {\n background-image: var(--gradient-orange);\n }\n .mini-pro-section-4 .mini-pro-solution-card:nth-child(4) i {\n background-image: var(--gradient-purple);\n }\n .mini-pro-section-4 .mini-pro-solution-card:nth-child(5) i {\n background-image: var(--gradient-teal);\n }\n\n \/* \u677f\u57575\uff1a\u514d\u8d39\u5e97\u94fa\u88c5\u4fee\u56fe\u6807\u6e10\u53d8 *\/\n .mini-pro-section-5 .mini-pro-feature-item i {\n font-size: 28px;\n background-image: var(--gradient-blue);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-top: 4px;\n flex-shrink: 0;\n transition: all 0.4s ease;\n }\n\n .mini-pro-section-5 .mini-pro-feature-item:nth-child(1) i {\n background-image: var(--gradient-blue);\n }\n .mini-pro-section-5 .mini-pro-feature-item:nth-child(2) i {\n background-image: var(--gradient-green);\n }\n .mini-pro-section-5 .mini-pro-feature-item:nth-child(3) i {\n background-image: var(--gradient-orange);\n }\n\n \/* \u677f\u57576\uff1a100+\u8425\u9500\u5de5\u5177\u56fe\u6807\u6e10\u53d8 *\/\n .mini-pro-section-6 .mini-pro-card-icon {\n background-image: var(--gradient-blue);\n font-size: 48px;\n margin-bottom: 24px;\n display: inline-block;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.4s ease;\n }\n\n .mini-pro-section-6 .mini-pro-card:nth-child(1) .mini-pro-card-icon {\n background-image: var(--gradient-blue);\n }\n .mini-pro-section-6 .mini-pro-card:nth-child(2) .mini-pro-card-icon {\n background-image: var(--gradient-green);\n }\n .mini-pro-section-6 .mini-pro-card:nth-child(3) .mini-pro-card-icon {\n background-image: var(--gradient-orange);\n }\n .mini-pro-section-6 .mini-pro-card:nth-child(4) .mini-pro-card-icon {\n background-image: var(--gradient-red);\n }\n\n \/* \u677f\u57577\uff1a\u5ba2\u6237\u7ba1\u7406+\u6570\u636e\u5206\u6790\u56fe\u6807\u6e10\u53d8 *\/\n .mini-pro-section-7 .mini-pro-card-icon {\n background-image: var(--gradient-blue);\n font-size: 48px;\n margin-bottom: 24px;\n display: inline-block;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.4s ease;\n }\n\n .mini-pro-section-7 .mini-pro-card:nth-child(1) .mini-pro-card-icon {\n background-image: var(--gradient-blue);\n }\n .mini-pro-section-7 .mini-pro-card:nth-child(2) .mini-pro-card-icon {\n background-image: var(--gradient-green);\n }\n .mini-pro-section-7 .mini-pro-card:nth-child(3) .mini-pro-card-icon {\n background-image: var(--gradient-purple);\n }\n\n \/* \u5361\u7247\u60ac\u505c\u65f6\u56fe\u6807\u52a8\u753b *\/\n .mini-pro-card:hover .mini-pro-card-icon {\n transform: rotate(5deg) scale(1.1);\n filter: brightness(1.1);\n }\n\n .mini-pro-feature-item:hover i {\n transform: scale(1.2) rotate(5deg);\n }\n\n .mini-pro-solution-card:hover i {\n transform: scale(1.2) rotate(5deg);\n }\n\n \/* ========== \u5361\u7247\u901a\u7528\u6837\u5f0f\uff08\u591a\u6837\u5316\u8bbe\u8ba1\uff09 ========== *\/\n .mini-pro-card {\n background-color: var(--mini-pro-white);\n border-radius: 16px;\n padding: 35px 25px;\n border: 1px solid var(--mini-pro-border);\n transition: var(--mini-pro-transition);\n position: relative;\n overflow: hidden;\n height: 100%;\n }\n\n \/* \u5361\u7247\u60ac\u505c\u7279\u6548\uff1a\u4e0a\u6d6e+\u7f29\u653e+\u9634\u5f71+\u8fb9\u6846\u53d8\u8272 *\/\n .mini-pro-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: var(--mini-pro-shadow-hover);\n border-color: var(--mini-pro-primary);\n }\n\n \/* \u5361\u7247\u89d2\u6807\u88c5\u9970\uff08\u589e\u5f3a\u8bbe\u8ba1\u611f\uff09 *\/\n .mini-pro-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, transparent 50%, rgba(32, 92, 188, 0.05) 50%);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .mini-pro-card:hover::before {\n opacity: 1;\n }\n\n .mini-pro-card-title {\n font-size: 22px;\n color: var(--mini-pro-title-color);\n font-weight: 600;\n margin-bottom: 18px;\n line-height: 1.4;\n }\n\n .mini-pro-card-desc {\n font-size: 15px;\n color: var(--mini-pro-text-secondary);\n line-height: 1.8;\n }\n\n \/* ========== \u677f\u57571\uff1a\u56db\u5361\u7247\u6838\u5fc3\u4f18\u52bf ========== *\/\n .mini-pro-section-1 {\n background-color: var(--mini-pro-white);\n }\n\n .mini-pro-card-group-4 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n }\n\n \/* ========== \u677f\u57572\uff1a\u529f\u80fd\u4f18\u52bf\uff08\u56fe\u6587\u5e03\u5c40\uff09 ========== *\/\n .mini-pro-section-2 {\n background: linear-gradient(120deg, var(--mini-pro-bg-base), #e9edf6);\n }\n\n .mini-pro-feature-wrap {\n display: flex;\n align-items: center;\n gap: 50px;\n flex-wrap: wrap;\n }\n\n .mini-pro-feature-img {\n flex: 1;\n min-width: 420px;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--mini-pro-shadow-light);\n transition: var(--mini-pro-transition);\n }\n\n .mini-pro-feature-img:hover {\n box-shadow: var(--mini-pro-shadow-heavy);\n transform: scale(1.02);\n }\n\n .mini-pro-feature-img img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .mini-pro-feature-list {\n flex: 1;\n min-width: 420px;\n }\n\n .mini-pro-feature-item {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n margin-bottom: 30px;\n padding: 15px;\n border-radius: 12px;\n transition: var(--mini-pro-transition);\n }\n\n .mini-pro-feature-item:hover {\n background-color: rgba(255, 255, 255, 0.8);\n box-shadow: var(--mini-pro-shadow-light);\n }\n\n .mini-pro-feature-item h4 {\n font-size: 20px;\n color: var(--mini-pro-title-color);\n margin-bottom: 12px;\n font-weight: 600;\n }\n\n .mini-pro-feature-item p {\n font-size: 15px;\n color: var(--mini-pro-text-secondary);\n line-height: 1.7;\n }\n\n \/* \u677f\u57572\u7279\u5b9a\u6837\u5f0f\uff1a\u53bb\u6389\u5de6\u8fb9\u56fe\u7247\u9634\u5f71 *\/\n .mini-pro-section-2 .mini-pro-feature-img {\n box-shadow: none;\n }\n \n .mini-pro-section-2 .mini-pro-feature-img:hover {\n box-shadow: none;\n transform: none;\n }\n\n \/* ========== \u677f\u57573\uff1a\u5782\u76f4\u89e3\u51b3\u65b9\u6848\uff08\u5e26\u5fbd\u7ae0\uff09- \u66f4\u65b0\u4e3a6\u4e2a\u5361\u7247 ========== *\/\n .mini-pro-section-3 {\n background-color: var(--mini-pro-white);\n }\n\n .mini-pro-card-group-6 {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n }\n\n .mini-pro-card:hover .mini-pro-badge {\n transform: scale(1.05);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n\n \/* ========== \u677f\u57574\uff1a\u79c1\u57df\u8fd0\u8425\uff08\u8f6e\u64ad+\u591a\u5361\u7247\uff09- \u5220\u9664\u4e00\u4e2a\u5361\u7247 ========== *\/\n .mini-pro-section-4 {\n background: linear-gradient(180deg, var(--mini-pro-white), var(--mini-pro-bg-base));\n }\n\n \/* \u8f6e\u64ad\u5bb9\u5668 *\/\n .mini-pro-carousel {\n position: relative;\n width: 100%;\n height: 420px;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--mini-pro-shadow-light);\n margin-bottom: 60px;\n }\n\n \/* \u8f6e\u64ad\u9879 *\/\n .mini-pro-carousel-item {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: translateX(20px);\n transition: all 0.6s ease;\n }\n\n .mini-pro-carousel-item.active {\n opacity: 1;\n transform: translateX(0);\n }\n\n .mini-pro-carousel-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \/* \u8f6e\u64ad\u63a7\u5236\u6309\u94ae *\/\n .mini-pro-carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 48px;\n height: 48px;\n background-color: rgba(255, 255, 255, 0.9);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: 10;\n color: var(--mini-pro-primary);\n font-size: 20px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n transition: var(--mini-pro-transition);\n }\n\n .mini-pro-carousel-btn:hover {\n background-color: var(--mini-pro-primary);\n color: var(--mini-pro-white);\n transform: translateY(-50%) scale(1.1);\n }\n\n .mini-pro-carousel-prev {\n left: 25px;\n }\n\n .mini-pro-carousel-next {\n right: 25px;\n }\n\n \/* \u79c1\u57df\u89e3\u51b3\u65b9\u6848\u5c0f\u5361\u7247 - \u8c03\u6574\u4e3a5\u4e2a\u5361\u7247 *\/\n .mini-pro-solution-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 25px;\n }\n\n .mini-pro-solution-card {\n background-color: var(--mini-pro-white);\n border-radius: 12px;\n padding: 25px;\n text-align: center;\n border: 1px solid var(--mini-pro-border);\n transition: var(--mini-pro-transition);\n }\n\n .mini-pro-solution-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mini-pro-shadow-light);\n border-color: var(--mini-pro-primary);\n }\n\n .mini-pro-solution-card h4 {\n font-size: 18px;\n color: var(--mini-pro-title-color);\n margin-bottom: 12px;\n font-weight: 600;\n }\n\n .mini-pro-solution-card p {\n font-size: 14px;\n color: var(--mini-pro-text-secondary);\n line-height: 1.6;\n }\n\n \/* ========== \u677f\u57575\uff1a\u514d\u8d39\u5e97\u94fa\u88c5\u4fee ========== *\/\n .mini-pro-section-5 {\n background-color: var(--mini-pro-bg-base);\n }\n\n \/* \u677f\u57575\u7279\u5b9a\u6837\u5f0f\uff1a\u7f29\u5c0f\u56fe\u7247\u5e76\u53bb\u6389\u9634\u5f71 *\/\n .mini-pro-section-5 .mini-pro-feature-img {\n box-shadow: none;\n min-width: 350px; \/* \u7f29\u5c0f\u6700\u5c0f\u5bbd\u5ea6 *\/\n flex: 0 0 45%; \/* \u56fa\u5b9a\u5bbd\u5ea6\u6bd4\u4f8b *\/\n }\n \n .mini-pro-section-5 .mini-pro-feature-list {\n flex: 0 0 50%; \/* \u56fa\u5b9a\u5bbd\u5ea6\u6bd4\u4f8b *\/\n }\n \n \/* \u53bb\u6389\u677f\u57575\u56fe\u7247\u7684\u60ac\u505c\u6548\u679c *\/\n .mini-pro-section-5 .mini-pro-feature-img:hover {\n box-shadow: none;\n transform: none;\n }\n\n .mini-pro-card-highlight {\n border-left: 6px solid var(--mini-pro-primary);\n box-shadow: var(--mini-pro-shadow-light);\n }\n\n \/* ========== \u677f\u57576\uff1a100+\u8425\u9500\u5de5\u5177 ========== *\/\n .mini-pro-section-6 {\n background-color: var(--mini-pro-white);\n }\n\n \/* ========== \u677f\u57577\uff1a\u5ba2\u6237\u7ba1\u7406+\u6570\u636e\u5206\u6790 ========== *\/\n .mini-pro-section-7 {\n background: linear-gradient(120deg, var(--mini-pro-bg-base), #e8edf5);\n }\n\n .mini-pro-triple-card-group {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 30px;\n }\n\n \/* ========== \u54cd\u5e94\u5f0f\u9002\u914d\uff08\u5168\u8bbe\u5907\u517c\u5bb9\uff09 ========== *\/\n @media (max-width: 1300px) {\n .mini-pro-container {\n padding: 0 15px;\n }\n .mini-pro-carousel {\n height: 380px;\n }\n }\n\n @media (max-width: 992px) {\n :root {\n --mini-pro-section-padding: 50px 0;\n }\n .mini-pro-title {\n font-size: 30px;\n }\n .mini-pro-feature-wrap {\n gap: 30px;\n }\n .mini-pro-feature-img, .mini-pro-feature-list {\n min-width: 100%;\n }\n \/* \u677f\u57575\u5728\u79fb\u52a8\u8bbe\u5907\u4e0a\u6062\u590d\u5168\u5bbd *\/\n .mini-pro-section-5 .mini-pro-feature-img,\n .mini-pro-section-5 .mini-pro-feature-list {\n min-width: 100%;\n flex: 1 1 100%;\n }\n .mini-pro-cases-grid {\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n }\n .mini-pro-carousel {\n height: 320px;\n }\n .mini-pro-triple-card-group {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n }\n \/* \u79fb\u52a8\u7aef\u526f\u6807\u9898\u53ca\u5c0f\u5b57\u52a0\u7c97\u63d0\u5347\u53ef\u8bfb\u6027 *\/\n .mini-pro-subtitle,\n .mini-pro-card-desc,\n .mini-pro-case-desc,\n .mini-pro-case-stat-label,\n .mini-pro-solution-card p,\n .mini-pro-feature-item p {\n font-weight: 500;\n }\n }\n\n @media (max-width: 768px) {\n .mini-pro-title {\n font-size: 26px;\n }\n .mini-pro-subtitle {\n font-size: 16px;\n margin-bottom: 40px;\n }\n .mini-pro-card {\n padding: 25px 20px;\n }\n .mini-pro-card-icon {\n font-size: 40px;\n }\n .mini-pro-cases-grid {\n grid-template-columns: 1fr;\n }\n .mini-pro-case-img {\n height: 200px;\n }\n .mini-pro-carousel {\n height: 260px;\n }\n .mini-pro-carousel-btn {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n }\n\n @media (max-width: 480px) {\n .mini-pro-title {\n font-size: 22px;\n }\n .mini-pro-card-group-3, .mini-pro-triple-card-group {\n grid-template-columns: 1fr;\n }\n .mini-pro-case-stat-value {\n font-size: 20px;\n }\n .mini-pro-carousel {\n height: 200px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \u6dfb\u52a0\u5185\u5bb9\u5bb9\u5668\uff0c\u5c06\u6240\u6709\u5185\u5bb9\u5305\u88f9\u8d77\u6765\uff0c\u907f\u514d\u5f71\u54cd\u5168\u5c40\u6837\u5f0f -->\n <div class=\"mini-pro-content\">\n <!-- \u677f\u57571\uff1a\u5c0f\u7a0b\u5e8f\u5df2\u6210\u5168\u884c\u4e1a\u5546\u5bb6\u5fc5\u4e89\u4e4b\u5730 -->\n <section class=\"mini-pro-section mini-pro-section-1\">\n <div class=\"mini-pro-container\">\n <h2 class=\"mini-pro-title\">\u5c0f\u7a0b\u5e8f\u5df2\u6210\u5168\u884c\u4e1a\u5546\u5bb6\u5fc5\u4e89\u4e4b\u5730<\/h2>\n <p class=\"mini-pro-subtitle\">\u4f9d\u6258\u5fae\u4fe110\u4ebf+\u7528\u6237\u751f\u6001\uff0c\u6293\u4f4f\u6d41\u91cf\u7ea2\u5229\uff0c\u89e3\u9501\u751f\u610f\u589e\u957f\u65b0\u53ef\u80fd<\/p>\n <div class=\"mini-pro-card-group-4\">\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-eye mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u6d77\u91cf\u66dd\u5149<\/h3>\n <p class=\"mini-pro-card-desc\">\u9644\u8fd1\u7684\u5c0f\u7a0b\u5e8f\u3001\u641c\u4e00\u641c\u3001\u516c\u4f17\u53f7\u5173\u8054\u7b49\u591a\u5165\u53e3\u66dd\u5149\uff0c\u8ba9\u6f5c\u5728\u5ba2\u6237\u8f7b\u677e\u627e\u5230\u4f60\uff0c\u8986\u76d6\u66f4\u591a\u6d88\u8d39\u573a\u666f\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-coins mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u4f4e\u6210\u672c\u62d3\u5ba2<\/h3>\n <p class=\"mini-pro-card-desc\">\u65e0\u9700\u9ad8\u989d\u63a8\u5e7f\u8d39\u7528\uff0c\u901a\u8fc7\u793e\u4ea4\u88c2\u53d8\u3001\u5185\u5bb9\u8425\u9500\u7b49\u65b9\u5f0f\uff0c\u4ee5\u6781\u4f4e\u6210\u672c\u83b7\u53d6\u7cbe\u51c6\u5ba2\u6237\uff0c\u964d\u4f4e\u83b7\u5ba2\u6210\u672c80%\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-handshake mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u8d85\u5f3a\u7528\u6237\u7c98\u6027<\/h3>\n <p class=\"mini-pro-card-desc\">\u57fa\u4e8e\u5fae\u4fe1\u793e\u4ea4\u5173\u7cfb\u94fe\uff0c\u4f1a\u5458\u4f53\u7cfb\u3001\u79ef\u5206\u5546\u57ce\u3001\u4e13\u5c5e\u6743\u76ca\u7b49\u529f\u80fd\u63d0\u5347\u7528\u6237\u590d\u8d2d\u7387\uff0c\u9501\u5b9a\u957f\u671f\u5ba2\u6237\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-smile mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u7528\u6237\u4f53\u9a8c\u66f4\u4f73<\/h3>\n <p class=\"mini-pro-card-desc\">\u65e0\u9700\u4e0b\u8f7d\u5b89\u88c5\uff0c\u5373\u5f00\u5373\u7528\uff0c\u6d41\u7545\u7684\u64cd\u4f5c\u4f53\u9a8c\u5927\u5e45\u964d\u4f4e\u7528\u6237\u6d41\u5931\u7387\uff0c\u8ba2\u5355\u8f6c\u5316\u6548\u7387\u63d0\u534760%\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u65b0\u589e\u677f\u5757\uff1a\u670d\u52a1\u6848\u4f8b\u5c55\u793a -->\n <section class=\"mini-pro-section mini-pro-section-cases\">\n <div class=\"mini-pro-container\">\n <h2 class=\"mini-pro-title\">\u670d\u52a1\u6848\u4f8b<\/h2>\n <p class=\"mini-pro-subtitle\">\u5df2\u4e3a\u8d85\u8fc71000\u5bb6\u5546\u5bb6\u63d0\u4f9b\u5c0f\u7a0b\u5e8f\u89e3\u51b3\u65b9\u6848\uff0c\u52a9\u529b\u4f01\u4e1a\u5b9e\u73b0\u6570\u5b57\u5316\u589e\u957f<\/p>\n <div class=\"mini-pro-cases-grid\">\n <div class=\"mini-pro-case-card\">\n <div class=\"mini-pro-case-img\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/3-2.png\" alt=\"\u96f6\u552e\u884c\u4e1a\u6848\u4f8b\">\n <\/div>\n <div class=\"mini-pro-case-content\">\n <span class=\"mini-pro-case-badge\">\u7535\u5668\u884c\u4e1a<\/span>\n <h3 class=\"mini-pro-case-title\">XX\u96f6\u552e\u54c1\u724c<\/h3>\n <p class=\"mini-pro-case-desc\">\u901a\u8fc7\u5c0f\u7a0b\u5e8f\u6253\u901a\u7ebf\u4e0a\u7ebf\u4e0b\uff0c\u5b9e\u73b0\u5168\u6e20\u9053\u8425\u9500\uff0c\u4f1a\u5458\u589e\u957f300%\uff0c\u6708\u5ea6\u590d\u8d2d\u7387\u63d0\u534745%\u3002<\/p>\n <div class=\"mini-pro-case-stats\">\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">300%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u4f1a\u5458\u589e\u957f<\/div>\n <\/div>\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">45%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u590d\u8d2d\u63d0\u5347<\/div>\n <\/div>\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">80%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u8ba2\u5355\u589e\u957f<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mini-pro-case-card\">\n <div class=\"mini-pro-case-img\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/2-2.png\" alt=\"\u9910\u996e\u884c\u4e1a\u6848\u4f8b\">\n <\/div>\n <div class=\"mini-pro-case-content\">\n <span class=\"mini-pro-case-badge\">\u9910\u996e\u884c\u4e1a<\/span>\n <h3 class=\"mini-pro-case-title\">XX\u9910\u996e\u8fde\u9501<\/h3>\n <p class=\"mini-pro-case-desc\">\u626b\u7801\u70b9\u9910+\u5916\u5356\u914d\u9001\u4e00\u4f53\u5316\u89e3\u51b3\u65b9\u6848\uff0c\u5802\u98df\u6548\u7387\u63d0\u534750%\uff0c\u5916\u5356\u8ba2\u5355\u589e\u957f200%\u3002<\/p>\n <div class=\"mini-pro-case-stats\">\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">50%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u6548\u7387\u63d0\u5347<\/div>\n <\/div>\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">200%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u5916\u5356\u589e\u957f<\/div>\n <\/div>\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">90%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u5ba2\u6237\u6ee1\u610f<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"mini-pro-case-card\">\n <div class=\"mini-pro-case-img\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/1-2.png\" alt=\"\u670d\u52a1\u884c\u4e1a\u6848\u4f8b\">\n <\/div>\n <div class=\"mini-pro-case-content\">\n <span class=\"mini-pro-case-badge\">\u670d\u52a1\u884c\u4e1a<\/span>\n <h3 class=\"mini-pro-case-title\">XX\u7f8e\u5bb9\u670d\u52a1<\/h3>\n <p class=\"mini-pro-case-desc\">\u5728\u7ebf\u9884\u7ea6+\u4f1a\u5458\u7ba1\u7406\u7cfb\u7edf\uff0c\u5ba2\u6237\u5230\u5e97\u7387\u63d0\u534760%\uff0c\u6ee1\u610f\u5ea6\u8fbe98%\uff0c\u7ba1\u7406\u6548\u7387\u63d0\u534770%\u3002<\/p>\n <div class=\"mini-pro-case-stats\">\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">60%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u5230\u5e97\u63d0\u5347<\/div>\n <\/div>\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">98%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u6ee1\u610f\u5ea6<\/div>\n <\/div>\n <div class=\"mini-pro-case-stat\">\n <div class=\"mini-pro-case-stat-value\">70%<\/div>\n <div class=\"mini-pro-case-stat-label\">\u6548\u7387\u63d0\u5347<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u677f\u57572\uff1a\u529f\u80fd\u5f3a\u5927\u73a9\u6cd5\u65b0\uff0c\u8ba9\u5356\u8d27\u66f4\u7b80\u5355 -->\n <section class=\"mini-pro-section mini-pro-section-2\">\n <div class=\"mini-pro-container\">\n <h2 class=\"mini-pro-title\">\u529f\u80fd\u5f3a\u5927\u73a9\u6cd5\u65b0\uff0c\u8ba9\u5356\u8d27\u66f4\u7b80\u5355<\/h2>\n <p class=\"mini-pro-subtitle\">\u544a\u522b\u4f20\u7edf\u5356\u8d27\u6a21\u5f0f\uff0c\u5c0f\u7a0b\u5e8f\u6253\u9020”\u5f15\u6d41-\u8f6c\u5316-\u590d\u8d2d”\u5168\u573a\u666f\u4ea4\u6613\u95ed\u73af<\/p>\n <div class=\"mini-pro-feature-wrap\">\n <div class=\"mini-pro-feature-img\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/\u5c0f\u7a0b\u5e8f-1.png\" alt=\"\u5c0f\u7a0b\u5e8f\u5356\u8d27\u529f\u80fd\u5c55\u793a\">\n <\/div>\n <div class=\"mini-pro-feature-list\">\n <div class=\"mini-pro-feature-item\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n <div>\n <h4>\u4e00\u952e\u4e0b\u5355\u652f\u4ed8<\/h4>\n <p>\u6df1\u5ea6\u96c6\u6210\u5fae\u4fe1\u652f\u4ed8\uff0c\u4e0b\u5355-\u652f\u4ed8-\u53d1\u8d27\u5168\u6d41\u7a0b\u7ebf\u4e0a\u5316\uff0c\u65e0\u9700\u7ebf\u4e0b\u5bf9\u8d26\uff0c\u8ba2\u5355\u5904\u7406\u6548\u7387\u63d0\u534780%\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mini-pro-feature-item\">\n <i class=\"fas fa-share-alt\"><\/i>\n <div>\n <h4>\u793e\u4ea4\u88c2\u53d8\u5206\u9500<\/h4>\n <p>\u4e00\u952e\u5206\u4eab\u5230\u670b\u53cb\u5708\/\u5fae\u4fe1\u7fa4\uff0c\u5206\u9500\u4f63\u91d1\u6fc0\u52b1\u7528\u6237\u4e3b\u52a8\u63a8\u5e7f\uff0c\u9500\u91cf\u500d\u589e\uff0c\u88c2\u53d8\u83b7\u5ba2\u6210\u672c\u8d8b\u8fd1\u4e8e0\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mini-pro-feature-item\">\n <i class=\"fas fa-gift\"><\/i>\n <div>\n <h4>\u62fc\u56e2\u79d2\u6740\u73a9\u6cd5<\/h4>\n <p>\u62fc\u56e2\u3001\u79d2\u6740\u3001\u4f18\u60e0\u5238\u3001\u6ee1\u51cf\u7b49\u4e30\u5bcc\u8425\u9500\u73a9\u6cd5\uff0c\u523a\u6fc0\u7528\u6237\u5373\u65f6\u6d88\u8d39\uff0c\u5feb\u901f\u63d0\u5347\u8ba2\u5355\u91cf\u548c\u5ba2\u5355\u4ef7\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mini-pro-feature-item\">\n <i class=\"fas fa-mobile-alt\"><\/i>\n <div>\n <h4>\u591a\u7aef\u540c\u6b65\u7ba1\u7406<\/h4>\n <p>\u624b\u673a\/\u7535\u8111\/\u5e73\u677f\u591a\u7aef\u540c\u6b65\u7ba1\u7406\u5e97\u94fa\uff0c\u968f\u65f6\u968f\u5730\u5904\u7406\u8ba2\u5355\u3001\u56de\u590d\u5ba2\u6237\uff0c\u751f\u610f7\u00d724\u5c0f\u65f6\u4e0d\u6253\u70ca\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u677f\u57573\uff1a\u5c0f\u7a0b\u5e8f\u5546\u57ce\u5782\u76f4\u89e3\u51b3\u65b9\u6848 - \u589e\u52a0\u4e00\u884c\u4e09\u4e2a\u5176\u4ed6\u884c\u4e1a -->\n <section class=\"mini-pro-section mini-pro-section-3\">\n <div class=\"mini-pro-container\">\n <h2 class=\"mini-pro-title\">\u5c0f\u7a0b\u5e8f\u5546\u57ce\u5782\u76f4\u89e3\u51b3\u65b9\u6848<\/h2>\n <p class=\"mini-pro-subtitle\">\u5b9a\u5236\u5316\u9002\u914d\u5168\u7c7b\u578b\u5546\u5bb6\uff0c\u5feb\u901f\u63d0\u5347\u7ecf\u8425\u4e1a\u7ee9\uff0c\u8986\u76d6\u96f6\u552e\u3001\u9910\u996e\u3001\u670d\u52a1\u7b49\u5168\u884c\u4e1a<\/p>\n <div class=\"mini-pro-card-group-6\">\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-store mini-pro-card-icon\"><\/i>\n <span class=\"mini-pro-badge\">\u96f6\u552e\u884c\u4e1a<\/span>\n <h3 class=\"mini-pro-card-title\">\u7ebf\u4e0b\u95e8\u5e97+\u7ebf\u4e0a\u5546\u57ce<\/h3>\n <p class=\"mini-pro-card-desc\">\u6253\u901a\u7ebf\u4e0a\u7ebf\u4e0b\u5e93\u5b58\u6570\u636e\uff0c\u652f\u6301\u5230\u5e97\u81ea\u63d0\u3001\u540c\u57ce\u914d\u9001\u3001\u5feb\u9012\u53d1\u8d27\u7b49\u591a\u79cd\u914d\u9001\u65b9\u5f0f\uff0c\u63d0\u5347\u95e8\u5e97\u576a\u6548\uff0c\u8986\u76d6\u66f4\u591a\u6d88\u8d39\u573a\u666f\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-utensils mini-pro-card-icon\"><\/i>\n <span class=\"mini-pro-badge\">\u9910\u996e\u884c\u4e1a<\/span>\n <h3 class=\"mini-pro-card-title\">\u626b\u7801\u70b9\u5355+\u5916\u5356\u914d\u9001<\/h3>\n <p class=\"mini-pro-card-desc\">\u51cf\u5c11\u4eba\u5de5\u70b9\u5355\u6210\u672c\uff0c\u63d0\u5347\u7ffb\u53f0\u738730%\uff0c\u652f\u6301\u5916\u5356\u914d\u9001\u8303\u56f4\u8bbe\u7f6e\uff0c\u62d3\u5c55\u5802\u98df\u5916\u7684\u8425\u6536\u6e20\u9053\uff0c\u589e\u52a0\u95e8\u5e97\u6536\u76ca\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-concierge-bell mini-pro-card-icon\"><\/i>\n <span class=\"mini-pro-badge\">\u670d\u52a1\u884c\u4e1a<\/span>\n <h3 class=\"mini-pro-card-title\">\u5728\u7ebf\u9884\u7ea6+\u670d\u52a1\u6838\u9500<\/h3>\n <p class=\"mini-pro-card-desc\">\u5ba2\u6237\u5728\u7ebf\u9884\u7ea6\u670d\u52a1\u65f6\u95f4\uff0c\u5230\u5e97\u4e00\u952e\u6838\u9500\uff0c\u907f\u514d\u6392\u961f\u7b49\u5f85\uff0c\u63d0\u5347\u670d\u52a1\u4f53\u9a8c\u548c\u6548\u7387\uff0c\u5ba2\u6237\u6ee1\u610f\u5ea6\u63d0\u534790%\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-graduation-cap mini-pro-card-icon\"><\/i>\n <span class=\"mini-pro-badge\">\u6559\u80b2\u57f9\u8bad<\/span>\n <h3 class=\"mini-pro-card-title\">\u5728\u7ebf\u8bfe\u7a0b+\u76f4\u64ad\u6559\u5b66<\/h3>\n <p class=\"mini-pro-card-desc\">\u652f\u6301\u5f55\u64ad\u8bfe\u7a0b\u3001\u5728\u7ebf\u76f4\u64ad\u3001\u4f5c\u4e1a\u63d0\u4ea4\u7b49\u529f\u80fd\uff0c\u5b66\u5458\u968f\u65f6\u968f\u5730\u5b66\u4e60\uff0c\u8bfe\u7a0b\u5b8c\u8bfe\u7387\u63d0\u534760%\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-heartbeat mini-pro-card-icon\"><\/i>\n <span class=\"mini-pro-badge\">\u5065\u5eb7\u533b\u7597<\/span>\n <h3 class=\"mini-pro-card-title\">\u5728\u7ebf\u95ee\u8bca+\u836f\u54c1\u914d\u9001<\/h3>\n <p class=\"mini-pro-card-desc\">\u533b\u751f\u5728\u7ebf\u95ee\u8bca\uff0c\u7535\u5b50\u5904\u65b9\u5f00\u5177\uff0c\u836f\u54c1\u5feb\u9012\u5230\u5bb6\uff0c\u4e3a\u60a3\u8005\u63d0\u4f9b\u4fbf\u6377\u7684\u533b\u7597\u670d\u52a1\uff0c\u60a3\u8005\u6ee1\u610f\u5ea6\u63d0\u534785%\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-car mini-pro-card-icon\"><\/i>\n <span class=\"mini-pro-badge\">\u6c7d\u8f66\u670d\u52a1<\/span>\n <h3 class=\"mini-pro-card-title\">\u9884\u7ea6\u4fdd\u517b+\u914d\u4ef6\u9500\u552e<\/h3>\n <p class=\"mini-pro-card-desc\">\u5728\u7ebf\u9884\u7ea6\u8f66\u8f86\u4fdd\u517b\u3001\u7ef4\u4fee\u670d\u52a1\uff0c\u540c\u6b65\u9500\u552e\u6c7d\u8f66\u914d\u4ef6\uff0c\u63d0\u5347\u95e8\u5e97\u670d\u52a1\u6548\u7387\u548c\u5ba2\u6237\u9ecf\u6027\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u677f\u57574\uff1a\u79c1\u57df\u8fd0\u8425\u89e3\u51b3\u65b9\u6848 - \u5220\u9664\u591a\u5e73\u53f0\u5f00\u901a\u5361\u7247 -->\n <section class=\"mini-pro-section mini-pro-section-4\">\n <div class=\"mini-pro-container\">\n <h2 class=\"mini-pro-title\">\u5168\u94fe\u8def\u79c1\u57df\u8fd0\u8425\u89e3\u51b3\u65b9\u6848<\/h2>\n <p class=\"mini-pro-subtitle\">\u83b7\u5ba2\u3001\u8f6c\u5316\u3001\u88c2\u53d8\u3001\u590d\u8d2d\u3001\u63d0\u6548\u4e00\u7ad9\u5f0f\u641e\u5b9a\uff0c\u591a\u5e73\u53f0\u4e00\u952e\u5f00\u901a\u5546\u57ce\uff0c\u66dd\u5149\u7ffb\u500d=\u6d41\u91cf\u7ffb\u500d<\/p>\n \n <!-- \u8f6e\u64ad\u7ec4\u4ef6 -->\n <div class=\"mini-pro-carousel\">\n <div class=\"mini-pro-carousel-item active\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/\u672a\u6807\u9898-4.jpg\" alt=\"\u79c1\u57df\u8fd0\u8425\u83b7\u5ba2\u7b56\u7565\">\n <\/div>\n \n <button class=\"mini-pro-carousel-btn mini-pro-carousel-prev\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"mini-pro-carousel-btn mini-pro-carousel-next\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n\n <!-- \u79c1\u57df\u89e3\u51b3\u65b9\u6848\u5c0f\u5361\u7247 - \u8c03\u6574\u4e3a5\u4e2a\u5361\u7247 -->\n <div class=\"mini-pro-solution-grid\">\n <div class=\"mini-pro-solution-card\">\n <i class=\"fas fa-user-plus\"><\/i>\n <h4>\u83b7\u5ba2<\/h4>\n <p>\u591a\u6e20\u9053\u7cbe\u51c6\u5f15\u6d41\uff0c\u6355\u83b7\u6f5c\u5728\u5ba2\u6237<\/p>\n <\/div>\n <div class=\"mini-pro-solution-card\">\n <i class=\"fas fa-exchange-alt\"><\/i>\n <h4>\u8f6c\u5316<\/h4>\n <p>\u7cbe\u7ec6\u5316\u8fd0\u8425\uff0c\u63d0\u5347\u5ba2\u6237\u6210\u4ea4\u7387<\/p>\n <\/div>\n <div class=\"mini-pro-solution-card\">\n <i class=\"fas fa-sync-alt\"><\/i>\n <h4>\u88c2\u53d8<\/h4>\n <p>\u793e\u4ea4\u4f20\u64ad\uff0c\u5feb\u901f\u6269\u5927\u5ba2\u6237\u89c4\u6a21<\/p>\n <\/div>\n <div class=\"mini-pro-solution-card\">\n <i class=\"fas fa-repeat\"><\/i>\n <h4>\u590d\u8d2d<\/h4>\n <p>\u4f1a\u5458\u4f53\u7cfb\uff0c\u63d0\u5347\u5ba2\u6237\u590d\u8d2d\u9891\u6b21<\/p>\n <\/div>\n <div class=\"mini-pro-solution-card\">\n <i class=\"fas fa-tachometer-alt\"><\/i>\n <h4>\u63d0\u6548<\/h4>\n <p>\u81ea\u52a8\u5316\u8fd0\u8425\uff0c\u964d\u4f4e\u4eba\u5de5\u6210\u672c<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u677f\u57575\uff1a\u514d\u8d39\u5e97\u94fa\u88c5\u4fee - \u66f4\u65b0\u56fe\u6807\u6837\u5f0f\uff0c\u56fe\u7247\u7f29\u5c0f\u5e76\u53bb\u6389\u9634\u5f71 -->\n <section class=\"mini-pro-section mini-pro-section-5\">\n <div class=\"mini-pro-container\">\n <h2 class=\"mini-pro-title\">\u514d\u8d39\u5e97\u94fa\u88c5\u4fee\uff0c\u8f7b\u677e\u642d\u5efa\u5728\u7ebf\u5546\u57ce<\/h2>\n <p class=\"mini-pro-subtitle\">\u65e0\u9700\u4e13\u4e1a\u8bbe\u8ba1\u80fd\u529b\uff0c\u62d6\u62fd\u5f0f\u53ef\u89c6\u5316\u7f16\u8f91\uff0c5\u5206\u949f\u6253\u9020\u4e13\u5c5e\u54c1\u724c\u5e97\u94fa<\/p>\n <div class=\"mini-pro-card mini-pro-card-highlight\">\n <div class=\"mini-pro-feature-wrap\">\n <div class=\"mini-pro-feature-img\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/d831f19acccd801fa8edba08ba82dd8ea6296e80140e4c-PXR1UR_fw1200-1.png\" alt=\"\u5e97\u94fa\u88c5\u4fee\u5c55\u793a\">\n <\/div>\n <div class=\"mini-pro-feature-list\">\n <div class=\"mini-pro-feature-item\">\n <i class=\"fas fa-palette\"><\/i>\n <div>\n <h4>\u6d77\u91cf\u6a21\u677f\u4efb\u9009<\/h4>\n <p>\u8986\u76d6\u96f6\u552e\u3001\u9910\u996e\u3001\u670d\u52a1\u7b49\u5168\u884c\u4e1a\u7cbe\u7f8e\u6a21\u677f\uff0c\u4e00\u952e\u5957\u7528\uff0c\u65e0\u9700\u4ece\u96f6\u8bbe\u8ba1\uff0c\u5feb\u901f\u4e0a\u7ebf\u4e13\u5c5e\u5546\u57ce\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mini-pro-feature-item\">\n <i class=\"fas fa-mouse-pointer\"><\/i>\n <div>\n <h4>\u62d6\u62fd\u5f0f\u53ef\u89c6\u5316\u7f16\u8f91<\/h4>\n <p>\u6240\u89c1\u5373\u6240\u5f97\u7684\u7f16\u8f91\u65b9\u5f0f\uff0c\u81ea\u7531\u8c03\u6574\u9875\u9762\u5e03\u5c40\u3001\u56fe\u7247\u3001\u6587\u5b57\uff0c\u64cd\u4f5c\u7b80\u5355\u6613\u4e0a\u624b\uff0c\u96f6\u57fa\u7840\u4e5f\u80fd\u641e\u5b9a\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"mini-pro-feature-item\">\n <i class=\"fas fa-crown\"><\/i>\n <div>\n <h4>\u54c1\u724c\u4e2a\u6027\u5316\u5b9a\u5236<\/h4>\n <p>\u81ea\u5b9a\u4e49\u5e97\u94faLOGO\u3001\u914d\u8272\u3001\u5b57\u4f53\u3001\u5bfc\u822a\u680f\uff0c\u5f3a\u5316\u54c1\u724c\u5f62\u8c61\uff0c\u63d0\u5347\u5ba2\u6237\u8ba4\u77e5\u5ea6\u548c\u4fe1\u4efb\u611f\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u677f\u57576\uff1a100+\u8425\u9500\u5de5\u5177 - \u66f4\u65b0\u7ea2\u5305\u88c2\u53d8\u56fe\u6807 -->\n <section class=\"mini-pro-section mini-pro-section-6\">\n <div class=\"mini-pro-container\">\n <h2 class=\"mini-pro-title\">100+\u8425\u9500\u5de5\u5177\uff0c\u5feb\u901f\u88c2\u53d8\u65b0\u5ba2\u5e26\u6765\u66f4\u591a\u8f6c\u5316<\/h2>\n <p class=\"mini-pro-subtitle\">\u544a\u522b\u5355\u4e00\u8425\u9500\u65b9\u5f0f\uff0c\u7ec4\u5408\u73a9\u6cd5\u5f15\u7206\u9500\u91cf\uff0c\u8ba9\u6bcf\u4e00\u6b21\u63a8\u5e7f\u90fd\u6709\u9ad8\u56de\u62a5<\/p>\n <div class=\"mini-pro-card-group-4\">\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-ticket-alt mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u4f18\u60e0\u5238\/\u6ee1\u51cf<\/h3>\n <p class=\"mini-pro-card-desc\">\u6ee1\u51cf\u5238\u3001\u6298\u6263\u5238\u3001\u65b0\u4eba\u5238\u3001\u54c1\u7c7b\u5238\u7b49\u591a\u79cd\u4f18\u60e0\u5238\u5f62\u5f0f\uff0c\u7cbe\u51c6\u523a\u6fc0\u7528\u6237\u4e0b\u5355\uff0c\u63d0\u5347\u5ba2\u5355\u4ef730%\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-users mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u62fc\u56e2\u780d\u4ef7<\/h3>\n <p class=\"mini-pro-card-desc\">\u7528\u6237\u53d1\u8d77\u62fc\u56e2\/\u780d\u4ef7\uff0c\u9080\u8bf7\u597d\u53cb\u52a9\u529b\uff0c\u5feb\u901f\u88c2\u53d8\u65b0\u5ba2\uff0c\u5355\u6d3b\u52a8\u6700\u9ad8\u53ef\u5e26\u67651000+\u65b0\u7528\u6237\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-clock mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u9650\u65f6\u79d2\u6740<\/h3>\n <p class=\"mini-pro-card-desc\">\u8bbe\u7f6e\u9650\u65f6\u4f4e\u4ef7\u79d2\u6740\u6d3b\u52a8\uff0c\u5236\u9020\u7d27\u8feb\u611f\uff0c\u4fc3\u4f7f\u7528\u6237\u5feb\u901f\u51b3\u7b56\uff0c\u6d3b\u52a8\u671f\u95f4\u8ba2\u5355\u91cf\u63d0\u5347200%\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card\">\n <i class=\"fas fa-money-bill-wave mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u7ea2\u5305\u88c2\u53d8<\/h3>\n <p class=\"mini-pro-card-desc\">\u5206\u4eab\u9886\u7ea2\u5305\uff0c\u597d\u53cb\u52a9\u529b\u89e3\u9501\uff0c\u793e\u4ea4\u4f20\u64ad\u6548\u7387\u9ad8\uff0c\u83b7\u5ba2\u6210\u672c\u4f4e\u81f31\u5143\/\u4eba\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u677f\u57577\uff1a\u5ba2\u6237\u7ba1\u7406+\u6570\u636e\u5206\u6790 -->\n <section class=\"mini-pro-section mini-pro-section-7\">\n <div class=\"mini-pro-container\">\n <h2 class=\"mini-pro-title\">\u7cbe\u7ec6\u5316\u8fd0\u8425\uff0c\u9a71\u52a8\u4e1a\u7ee9\u6301\u7eed\u589e\u957f<\/h2>\n <p class=\"mini-pro-subtitle\">\u5ba2\u6237\u7ba1\u7406+\u667a\u80fd\u6570\u636e\u5206\u6790\uff0c\u8ba9\u7ecf\u8425\u51b3\u7b56\u66f4\u6709\u4f9d\u636e\uff0c\u6bcf\u4e00\u5206\u6295\u5165\u90fd\u80fd\u770b\u5230\u56de\u62a5<\/p>\n <div class=\"mini-pro-triple-card-group\">\n <div class=\"mini-pro-card mini-pro-card-highlight\">\n <i class=\"fas fa-user-cog mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u7cbe\u7ec6\u5316\u5ba2\u6237\u7ba1\u7406<\/h3>\n <p class=\"mini-pro-card-desc\">\u5ba2\u6237\u6807\u7b7e\u5206\u7c7b\u3001\u4f1a\u5458\u7b49\u7ea7\u8bbe\u7f6e\u3001\u7cbe\u51c6\u6d88\u606f\u63a8\u9001\uff0c\u9488\u5bf9\u4e0d\u540c\u5ba2\u6237\u7fa4\u4f53\u5236\u5b9a\u4e13\u5c5e\u8425\u9500\u7b56\u7565\uff0c\u590d\u8d2d\u7387\u63d0\u534740%\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card mini-pro-card-highlight\">\n <i class=\"fas fa-chart-line mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u667a\u80fd\u6570\u636e\u5206\u6790<\/h3>\n <p class=\"mini-pro-card-desc\">\u5b9e\u65f6\u7edf\u8ba1\u8ba2\u5355\u3001\u6d41\u91cf\u3001\u8f6c\u5316\u3001\u5ba2\u5355\u4ef7\u7b49\u6838\u5fc3\u6570\u636e\uff0c\u751f\u6210\u53ef\u89c6\u5316\u62a5\u8868\uff0c\u7cbe\u51c6\u6d1e\u5bdf\u7ecf\u8425\u95ee\u9898\u548c\u589e\u957f\u673a\u4f1a\u3002<\/p>\n <\/div>\n <div class=\"mini-pro-card mini-pro-card-highlight\">\n <i class=\"fas fa-lightbulb mini-pro-card-icon\"><\/i>\n <h3 class=\"mini-pro-card-title\">\u7ecf\u8425\u51b3\u7b56\u5efa\u8bae<\/h3>\n <p class=\"mini-pro-card-desc\">\u57fa\u4e8e\u6570\u636e\u5206\u6790\u81ea\u52a8\u751f\u6210\u7ecf\u8425\u5efa\u8bae\uff0c\u4f18\u5316\u5546\u54c1\u5b9a\u4ef7\u3001\u8425\u9500\u6d3b\u52a8\u3001\u5ba2\u6237\u8fd0\u8425\u7b56\u7565\uff0c\u6574\u4f53\u4e1a\u7ee9\u63d0\u534725%\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n \/\/ ========== 1. \u6eda\u52a8\u6de1\u5165\u52a8\u753b\uff08IntersectionObserver\uff09 ==========\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const sectionObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n sectionObserver.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ \u76d1\u542c\u6240\u6709\u677f\u5757\n document.querySelectorAll('.mini-pro-section').forEach(section => {\n sectionObserver.observe(section);\n });\n\n \/\/ ========== 2. \u8f6e\u64ad\u6548\u679c ==========\n const carouselItems = document.querySelectorAll('.mini-pro-carousel-item');\n const prevBtn = document.querySelector('.mini-pro-carousel-prev');\n const nextBtn = document.querySelector('.mini-pro-carousel-next');\n let currentSlide = 0;\n const slideInterval = 5000; \/\/ 5\u79d2\u81ea\u52a8\u5207\u6362\n\n \/\/ \u5207\u6362\u8f6e\u64ad\u51fd\u6570\n function switchSlide(index) {\n carouselItems.forEach(item => item.classList.remove('active'));\n carouselItems[index].classList.add('active');\n currentSlide = index;\n }\n\n \/\/ \u4e0b\u4e00\u5f20\n function nextSlide() {\n currentSlide = (currentSlide + 1) % carouselItems.length;\n switchSlide(currentSlide);\n }\n\n \/\/ \u4e0a\u4e00\u5f20\n function prevSlide() {\n currentSlide = (currentSlide - 1 + carouselItems.length) % carouselItems.length;\n switchSlide(currentSlide);\n }\n\n \/\/ \u7ed1\u5b9a\u6309\u94ae\u4e8b\u4ef6\n prevBtn.addEventListener('click', prevSlide);\n nextBtn.addEventListener('click', nextSlide);\n\n \/\/ \u81ea\u52a8\u8f6e\u64ad\n let carouselTimer = setInterval(nextSlide, slideInterval);\n\n \/\/ \u9f20\u6807\u60ac\u505c\u8f6e\u64ad\u65f6\u6682\u505c\u81ea\u52a8\u5207\u6362\n const carousel = document.querySelector('.mini-pro-carousel');\n carousel.addEventListener('mouseenter', () => {\n clearInterval(carouselTimer);\n });\n carousel.addEventListener('mouseleave', () => {\n carouselTimer = setInterval(nextSlide, slideInterval);\n });\n\n \/\/ ========== 3. \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u5f3a\u5236\u6fc0\u6d3b\u7b2c\u4e00\u4e2a\u677f\u5757 ==========\n window.addEventListener('load', () => {\n document.querySelector('.mini-pro-section').classList.add('active');\n });\n\n \/\/ ========== 4. \u56fe\u6807\u60ac\u505c\u52a8\u753b\u589e\u5f3a ==========\n document.querySelectorAll('.mini-pro-card, .mini-pro-feature-item, .mini-pro-solution-card').forEach(item => {\n item.addEventListener('mouseenter', function() {\n const icon = this.querySelector('i');\n if (icon) {\n \/\/ \u4e3a\u56fe\u6807\u6dfb\u52a0\u60ac\u505c\u52a8\u753b\n icon.style.transition = 'all 0.4s ease';\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9ba6dbca wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>\u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1 – \u5168\u65b9\u4f4d\u5b9a\u5236\u89e3\u51b3\u65b9\u6848 \u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1\u670d\u52a1\u5546 \u5c0f\u7a0b\u5e8fAPP\u5f00\u53d1 \u5168\u65b9\u4f4d\u5b9a\u5236\u89e3\u51b3 […]<\/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-2126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/2126","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=2126"}],"version-history":[{"count":61,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/2126\/revisions"}],"predecessor-version":[{"id":3597,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/2126\/revisions\/3597"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=2126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}