\u516c\u53f8\u7b80\u4ecb<\/title>\n \n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#205cbc',\n secondary: '#f5f7fa',\n accent: '#164999',\n },\n fontFamily: {\n sans: ['Inter', 'system-ui', 'sans-serif'],\n },\n }\n }\n }\n <\/script>\n \n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n html, body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n img {\n display: block;\n max-width: 100%;\n height: auto;\n }\n ul, ol {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a, button {\n text-decoration: none;\n color: inherit;\n display: inline-block;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n td, th {\n padding: 0;\n }\n .inline-block-container {\n font-size: 0;\n }\n .inline-block-item {\n display: inline-block;\n font-size: 16px;\n vertical-align: top;\n }\n .flex-container {\n display: flex;\n }\n .grid-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n }\n <\/style>\n \n \n <style type=\"text\/tailwindcss\">\n @layer utilities {\n .content-auto {\n content-visibility: auto;\n }\n .fade-in {\n animation: fadeIn 0.8s ease forwards;\n }\n .arrow-bounce {\n animation: arrowBounce 2s infinite;\n cursor: pointer;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes arrowBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(10px); }\n }\n }\n <\/style>\n \n \n <style>\n body {\n background: \n radial-gradient(\n 150% 150% at 30% 10%,\n rgba(255, 255, 255, 0.9) 0%,\n rgba(230, 240, 255, 0.7) 25%,\n rgba(200, 220, 255, 0.5) 50%,\n rgba(180, 210, 255, 0.3) 75%,\n rgba(160, 200, 255, 0.1) 100%\n ),\n linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(245, 248, 255, 0.9) 50%,\n rgba(235, 245, 255, 0.8) 100%\n );\n background-attachment: fixed;\n background-blend-mode: overlay;\n backdrop-filter: blur(10px);\n }\n [class^=\"fa-\"], [class*=\" fa-\"] {\n font-family: 'FontAwesome' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n body, button, input, select, textarea {\n font-family: inherit;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen overflow-x-hidden scroll-smooth\">\n \n <header class=\"relative w-full h-[500px] bg-primary overflow-hidden\">\n \n <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/12.jpg')\"><\/div>\n \n \n <div class=\"absolute inset-0 bg-primary\" style=\"background-color: rgba(32, 92, 188, 0.4);\"><\/div>\n \n <div class=\"relative h-full flex flex-col items-center justify-center text-white px-4 z-10 fade-in\">\n <h1 class=\"text-[clamp(2.5rem,5vw,4rem)] font-bold mb-4 text-center\">\u5168\u7403\u8de8\u5883\u7269\u6d41\u670d\u52a1<\/h1>\n <p class=\"text-[clamp(1rem,2vw,1.25rem)] max-w-3xl text-center opacity-90 mb-8\">\n \u8fde \u63a5 \u4e16 \u754c \u6bcf \u4e2a \u89d2 \u843d \uff0c \u8ba9 \u8ddd \u79bb \u4e0d \u518d \u662f \u95ee \u9898\n <\/p>\n <div id=\"scrollDownBtn\" class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 text-white text-3xl arrow-bounce\">\n <i class=\"fa fa-angle-down\"><\/i>\n <\/div>\n <\/div>\n <\/header>\n \n<\/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\">\n <title>\u8de8\u5883\u7269\u6d41\u670d\u52a1 – \u5168\u7403\u9ad8\u6548\u914d\u9001\u89e3\u51b3\u65b9\u6848<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#205cbc',\n secondary: '#f5f7fa',\n primaryLight: '#3a7bd5',\n primaryDark: '#1a4a9c',\n accent: '#4fc3f7',\n neutral: '#e8edf2',\n dark: '#1e293b'\n },\n fontFamily: {\n inter: ['Inter', 'system-ui', 'sans-serif'],\n },\n },\n }\n }\n <\/script>\n \n <style type=\"text\/tailwindcss\">\n @layer utilities {\n .content-auto {\n content-visibility: auto;\n }\n .logistics-shadow {\n box-shadow: 0 10px 25px -5px rgba(32, 92, 188, 0.1), 0 8px 10px -6px rgba(32, 92, 188, 0.05);\n }\n .logistics-shadow-hover {\n box-shadow: 0 20px 25px -5px rgba(32, 92, 188, 0.15), 0 10px 10px -5px rgba(32, 92, 188, 0.1);\n }\n .logistics-gradient {\n background: linear-gradient(135deg, #205cbc 0%, #3a7bd5 100%);\n }\n .logistics-border {\n border: 1px solid rgba(32, 92, 188, 0.1);\n }\n .logistics-card-hover {\n transition: all 0.3s ease;\n }\n .logistics-card-hover:hover {\n transform: translateY(-8px);\n }\n .text-shadow {\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n .animate-float {\n animation: float 6s ease-in-out infinite;\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n .animate-fade-in {\n animation: fadeIn 0.8s ease-out forwards;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .scrollbar-hide::-webkit-scrollbar {\n display: none;\n }\n .scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n }\n\n \/* \u81ea\u5b9a\u4e49\u6807\u9898\u989c\u8272 #012257 , \u5c0f\u5b57\u989c\u8272 #5a70a0 (\u4ec5\u5e94\u7528\u4e8e\u6dfb\u52a0\u4e86\u5bf9\u5e94\u7c7b\u7684\u5143\u7d20) *\/\n .custom-title {\n color: #012257 !important;\n }\n .custom-body {\n color: #5a70a0 !important;\n }\n <\/style>\n \n <style>\n html, body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n body {\n font-family: 'Inter', system-ui, sans-serif;\n background-color: #ffffff;\n color: #1e293b;\n }\n .section-container {\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 20px;\n }\n .fade-in-element {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n .fade-in-element.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \/* \u56fe\u7247\u653e\u5927\u8f85\u52a9\u7c7b *\/\n .img-scale {\n transform: scale(1.05);\n transition: transform 0.3s ease;\n }\n <\/style>\n<\/head>\n<body>\n \n <section id=\"first-mile\" class=\"py-20 bg-white\">\n <div class=\"section-container\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n <div class=\"fade-in-element\">\n \n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4 custom-body\">\n \u5934\u7a0b\u7269\u6d41\u670d\u52a1\n <\/span>\n \n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6 custom-title\">\n \u9ad8\u6548\u7a33\u5b9a\u7684FBA\u5934\u7a0b\u8fd0\u8f93\u89e3\u51b3\u65b9\u6848\n <\/h2>\n \n <p class=\"text-gray-600 mb-8 text-lg custom-body\">\n \u63d0\u4f9b\u4ece\u4e2d\u56fd\u5230\u6d77\u5916\u4ed3\u7684FBA\u5934\u7a0b\u8fd0\u8f93\u53ca\u6e05\u5173\u670d\u52a1\uff0c\u6574\u5408\u591a\u79cd\u8fd0\u8f93\u65b9\u5f0f\uff0c\n \u4e3a\u60a8\u7684\u8d27\u7269\u63d0\u4f9b\u5b89\u5168\u3001\u5feb\u6377\u3001\u7ecf\u6d4e\u7684\u8de8\u5883\u8fd0\u8f93\u901a\u9053\u3002\n <\/p>\n \n <div class=\"space-y-6 mb-8\">\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-check text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u591a\u8fd0\u8f93\u65b9\u5f0f\u9009\u62e9<\/h3>\n <p class=\"text-gray-600 custom-body\">\u6d77\u8fd0\u3001\u7a7a\u8fd0\u3001\u5feb\u9012\u591a\u79cd\u8fd0\u8f93\u65b9\u5f0f\uff0c\u6ee1\u8db3\u4e0d\u540c\u65f6\u6548\u548c\u6210\u672c\u9700\u6c42<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-check text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u4e13\u4e1a\u6e05\u5173\u670d\u52a1<\/h3>\n <p class=\"text-gray-600 custom-body\">\u719f\u6089\u5404\u56fd\u6d77\u5173\u653f\u7b56\uff0c\u63d0\u4f9b\u9ad8\u6548\u6e05\u5173\u670d\u52a1\uff0c\u964d\u4f4e\u6e05\u5173\u98ce\u9669<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-check text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u5168\u7a0b\u7269\u6d41\u8ffd\u8e2a<\/h3>\n <p class=\"text-gray-600 custom-body\">\u8d27\u7269\u8fd0\u8f93\u72b6\u6001\u5b9e\u65f6\u8ffd\u8e2a\uff0c\u8ba9\u60a8\u968f\u65f6\u638c\u63e1\u8d27\u7269\u52a8\u6001<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <a href=\"#international-express\" class=\"inline-block bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-primaryDark transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n \u4e86\u89e3\u4e0b\u4e00\u9879\u670d\u52a1 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <\/div>\n \n \n <div class=\"relative fade-in-element\">\n <div class=\"rounded-2xl overflow-hidden logistics-card-hover\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/02db2c601b3de050085503da5a898adca81862976b454f-69D7ZZ-2-scaled.png\" alt=\"\u5934\u7a0b\u7269\u6d41\u670d\u52a1\" class=\"w-full h-auto\" style=\"transform:scale(1.05); transition: transform 0.3s ease;\">\n <\/div>\n \n <div class=\"absolute -bottom-6 -right-6 w-40 h-40 bg-primary\/10 rounded-full blur-2xl\"><\/div>\n <div class=\"absolute -top-6 -left-6 w-32 h-32 bg-accent\/10 rounded-full blur-2xl\"><\/div>\n \n \n <div class=\"absolute -bottom-8 left-8 bg-white p-4 rounded-xl shadow-lg logistics-border logistics-card-hover\">\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mr-4\">\n <i class=\"fa fa-globe text-primary text-xl\"><\/i>\n <\/div>\n <div>\n \n <p class=\"text-gray-500 text-sm custom-body\">\u8986\u76d6\u56fd\u5bb6<\/p>\n \n <p class=\"text-dark font-bold text-xl custom-title\">50+<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"international-express\" class=\"py-20 bg-secondary\">\n <div class=\"section-container\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n \n <div class=\"relative fade-in-element order-2 md:order-1\">\n <div class=\"rounded-2xl overflow-hidden logistics-card-hover\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/\u4f7f\u7528\u5de5\u5177\u751f\u6210\u56fe\u7247-2026-02-27T105855.816-1.png\" alt=\"\u56fd\u9645\u5feb\u9012\u670d\u52a1\" class=\"w-full h-auto\" style=\"transform:scale(1.05); transition: transform 0.3s ease;\">\n <\/div>\n \n <div class=\"absolute -top-6 -right-6 w-40 h-40 bg-primary\/10 rounded-full blur-2xl\"><\/div>\n <div class=\"absolute -bottom-6 -left-6 w-32 h-32 bg-accent\/10 rounded-full blur-2xl\"><\/div>\n \n \n <div class=\"absolute -bottom-8 right-8 bg-white p-4 rounded-xl shadow-lg logistics-border logistics-card-hover\">\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mr-4\">\n <i class=\"fa fa-clock-o text-primary text-xl\"><\/i>\n <\/div>\n <div>\n <p class=\"text-gray-500 text-sm custom-body\">\u6700\u5feb\u9001\u8fbe<\/p>\n <p class=\"text-dark font-bold text-xl custom-title\">1-3\u5929<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"fade-in-element order-1 md:order-2\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4 custom-body\">\n \u56fd\u9645\u5feb\u9012\u670d\u52a1\n <\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6 custom-title\">\n \u5168\u7403\u77e5\u540d\u5feb\u9012\u6e20\u9053\uff0c\u5feb\u901f\u9001\u8fbe\n <\/h2>\n <p class=\"text-gray-600 mb-8 text-lg custom-body\">\n \u5bf9\u63a5DHL\u3001UPS\u3001FedEx\u7b49\u5168\u7403\u77e5\u540d\u5feb\u9012\u6e20\u9053\uff0c\u6ee1\u8db3\u5c0f\u5305\u3001\u5feb\u9012\u7b49\u591a\u79cd\u56fd\u9645\u7269\u6d41\u9700\u6c42\uff0c\n \u63d0\u4f9b\u95e8\u5230\u95e8\u670d\u52a1\uff0c\u65f6\u6548\u4fdd\u969c\uff0c\u4ef7\u683c\u4f18\u60e0\u3002\n <\/p>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\n \n <div class=\"bg-white p-4 rounded-lg logistics-border hover:logistics-shadow transition-all\">\n <div class=\"flex items-center mb-2\">\n <i class=\"fa fa-bolt text-primary mr-2\"><\/i>\n <h3 class=\"font-bold text-dark custom-title\">\u6781\u901f\u65f6\u6548<\/h3>\n <\/div>\n <p class=\"text-gray-600 text-sm custom-body\">\u5168\u7403\u4e3b\u8981\u57ce\u5e023-7\u5929\u9001\u8fbe<\/p>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-lg logistics-border hover:logistics-shadow transition-all\">\n <div class=\"flex items-center mb-2\">\n <i class=\"fa fa-lock text-primary mr-2\"><\/i>\n <h3 class=\"font-bold text-dark custom-title\">\u5b89\u5168\u4fdd\u969c<\/h3>\n <\/div>\n <p class=\"text-gray-600 text-sm custom-body\">\u8d27\u7269\u4fdd\u9669\uff0c\u5168\u7a0b\u4fdd\u4ef7\u670d\u52a1<\/p>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-lg logistics-border hover:logistics-shadow transition-all\">\n <div class=\"flex items-center mb-2\">\n <i class=\"fa fa-mobile text-primary mr-2\"><\/i>\n <h3 class=\"font-bold text-dark custom-title\">\u5b9e\u65f6\u8ffd\u8e2a<\/h3>\n <\/div>\n <p class=\"text-gray-600 text-sm custom-body\">\u624b\u673a\u7aef\u968f\u65f6\u67e5\u8be2\u7269\u6d41\u72b6\u6001<\/p>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-lg logistics-border hover:logistics-shadow transition-all\">\n <div class=\"flex items-center mb-2\">\n <i class=\"fa fa-tag text-primary mr-2\"><\/i>\n <h3 class=\"font-bold text-dark custom-title\">\u4ef7\u683c\u4f18\u60e0<\/h3>\n <\/div>\n <p class=\"text-gray-600 text-sm custom-body\">\u6e20\u9053\u76f4\u7b7e\uff0c\u4ef7\u683c\u66f4\u5177\u4f18\u52bf<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#overseas-warehouse\" class=\"bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-primaryDark transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n \u4e86\u89e3\u4e0b\u4e00\u9879\u670d\u52a1 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <a href=\"#first-mile\" class=\"bg-transparent border-2 border-primary text-primary px-8 py-3 rounded-lg font-medium hover:bg-primary\/5 transition-all\">\n \u8fd4\u56de\u4e0a\u4e00\u9879 <i class=\"fa fa-arrow-left ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"overseas-warehouse\" class=\"py-20 bg-white\">\n <div class=\"section-container\">\n <div class=\"text-center mb-16 fade-in-element\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4 custom-body\">\n \u6d77\u5916\u4ed3\u914d\u670d\u52a1\n <\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6 custom-title\">\n \u672c\u5730\u5316\u4ed3\u50a8\u914d\u9001\uff0c\u63d0\u5347\u5ba2\u6237\u4f53\u9a8c\n <\/h2>\n <p class=\"text-gray-600 max-w-3xl mx-auto text-lg custom-body\">\n \u63d0\u4f9b\u4e00\u4ef6\u4ee3\u53d1\u3001\u5e93\u5b58\u7ba1\u7406\u3001\u672c\u5730\u9000\u6362\u8d27\u7b49\u6d77\u5916\u4ed3\u670d\u52a1\uff0c\n \u8ba9\u60a8\u7684\u4ea7\u54c1\u5feb\u901f\u54cd\u5e94\u672c\u5730\u5e02\u573a\u9700\u6c42\uff0c\u63d0\u5347\u5ba2\u6237\u6ee1\u610f\u5ea6\n <\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 fade-in-element\">\n \n <div class=\"bg-secondary rounded-xl overflow-hidden logistics-border logistics-shadow logistics-card-hover\">\n <div class=\"h-48 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/2.jpg\" alt=\"\u4e00\u4ef6\u4ee3\u53d1\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform hover:scale-110 duration-500\">\n <\/div>\n <div class=\"p-6\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mb-4\">\n <i class=\"fa fa-box text-primary text-xl\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-dark mb-3 custom-title\">\u4e00\u4ef6\u4ee3\u53d1<\/h3>\n <p class=\"text-gray-600 mb-4 custom-body\">\n \u5ba2\u6237\u4e0b\u5355\u540e\uff0c\u6d77\u5916\u4ed3\u76f4\u63a5\u53d1\u8d27\uff0c\u7f29\u77ed\u914d\u9001\u65f6\u95f4\uff0c\u63d0\u5347\u5ba2\u6237\u4f53\u9a8c\u3002\n <\/p>\n <ul class=\"space-y-2 mb-6\">\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">24\u5c0f\u65f6\u5185\u5feb\u901f\u53d1\u8d27<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u4e13\u4e1a\u6253\u5305\u52a0\u56fa<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u672c\u5730\u914d\u9001\u6e20\u9053\u6574\u5408<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"bg-secondary rounded-xl overflow-hidden logistics-border logistics-shadow logistics-card-hover\">\n <div class=\"h-48 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/4.jpg\" alt=\"\u5e93\u5b58\u7ba1\u7406\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform hover:scale-110 duration-500\">\n <\/div>\n <div class=\"p-6\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mb-4\">\n <i class=\"fa fa-cubes text-primary text-xl\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-dark mb-3 custom-title\">\u5e93\u5b58\u7ba1\u7406<\/h3>\n <p class=\"text-gray-600 mb-4 custom-body\">\n \u4e13\u4e1a\u7684\u5e93\u5b58\u7ba1\u7406\u7cfb\u7edf\uff0c\u5b9e\u65f6\u76d1\u63a7\u5e93\u5b58\u72b6\u6001\uff0c\u907f\u514d\u7f3a\u8d27\u6216\u79ef\u538b\u3002\n <\/p>\n <ul class=\"space-y-2 mb-6\">\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u5b9e\u65f6\u5e93\u5b58\u76d1\u63a7<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u5e93\u5b58\u9884\u8b66\u63d0\u9192<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u5e93\u5b58\u6570\u636e\u5206\u6790<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"bg-secondary rounded-xl overflow-hidden logistics-border logistics-shadow logistics-card-hover\">\n <div class=\"h-48 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/1-1.jpg\" alt=\"\u672c\u5730\u9000\u6362\u8d27\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform hover:scale-110 duration-500\">\n <\/div>\n <div class=\"p-6\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mb-4\">\n <i class=\"fa fa-exchange text-primary text-xl\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-dark mb-3 custom-title\">\u672c\u5730\u9000\u6362\u8d27<\/h3>\n <p class=\"text-gray-600 mb-4 custom-body\">\n \u63d0\u4f9b\u672c\u5730\u5316\u9000\u6362\u8d27\u670d\u52a1\uff0c\u964d\u4f4e\u9000\u8d27\u6210\u672c\uff0c\u63d0\u5347\u5ba2\u6237\u6ee1\u610f\u5ea6\u3002\n <\/p>\n <ul class=\"space-y-2 mb-6\">\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u672c\u5730\u9000\u8d27\u5730\u5740<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u5feb\u901f\u5904\u7406\u9000\u6362\u8d27<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u4ea7\u54c1\u68c0\u6d4b\u7ef4\u4fee<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"text-center mt-12 fade-in-element\">\n <a href=\"#system-integration\" class=\"inline-block bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-primaryDark transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n \u4e86\u89e3\u4e0b\u4e00\u9879\u670d\u52a1 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <a href=\"#international-express\" class=\"inline-block bg-transparent border-2 border-primary text-primary px-8 py-3 rounded-lg font-medium hover:bg-primary\/5 transition-all ml-4 mt-4 sm:mt-0\">\n \u8fd4\u56de\u4e0a\u4e00\u9879 <i class=\"fa fa-arrow-left ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"system-integration\" class=\"py-20 bg-secondary\">\n <div class=\"section-container\">\n <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-12 items-center\">\n <div class=\"lg:col-span-2 fade-in-element\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4 custom-body\">\n \u7cfb\u7edf\u5bf9\u63a5\u670d\u52a1\n <\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6 custom-title\">\n \u65e0\u7f1d\u5bf9\u63a5\uff0c\u81ea\u52a8\u5316\u5904\u7406\n <\/h2>\n <p class=\"text-gray-600 mb-8 text-lg custom-body\">\n \u7269\u6d41\u7cfb\u7edf\u4e0e\u60a8\u7684\u7535\u5546\u5e73\u53f0\u3001ERP\u7cfb\u7edf\u6253\u901a\uff0c\u5b9e\u73b0\u8ba2\u5355\u81ea\u52a8\u5904\u7406\u4e0e\u8f68\u8ff9\u540c\u6b65\uff0c\n \u964d\u4f4e\u4eba\u5de5\u6210\u672c\uff0c\u63d0\u9ad8\u5de5\u4f5c\u6548\u7387\u3002\n <\/p>\n \n <div class=\"space-y-6 mb-8\">\n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-plug text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u591a\u5e73\u53f0\u5bf9\u63a5<\/h3>\n <p class=\"text-gray-600 custom-body\">\u652f\u6301\u4e9a\u9a6c\u900a\u3001eBay\u3001Shopify\u7b49\u4e3b\u6d41\u7535\u5546\u5e73\u53f0<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-refresh text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u8ba2\u5355\u81ea\u52a8\u540c\u6b65<\/h3>\n <p class=\"text-gray-600 custom-body\">\u8ba2\u5355\u4fe1\u606f\u5b9e\u65f6\u540c\u6b65\uff0c\u81ea\u52a8\u751f\u6210\u7269\u6d41\u5355<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-map-marker text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u7269\u6d41\u8f68\u8ff9\u540c\u6b65<\/h3>\n <p class=\"text-gray-600 custom-body\">\u7269\u6d41\u4fe1\u606f\u5b9e\u65f6\u56de\u4f20\uff0c\u5ba2\u6237\u968f\u65f6\u67e5\u8be2<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-bar-chart text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u6570\u636e\u5206\u6790\u62a5\u8868<\/h3>\n <p class=\"text-gray-600 custom-body\">\u7269\u6d41\u6570\u636e\u7edf\u8ba1\u5206\u6790\uff0c\u4f18\u5316\u8fd0\u8425\u51b3\u7b56<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#first-mile\" class=\"bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-primaryDark transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n \u8fd4\u56de\u9996\u9875 <i class=\"fa fa-home ml-2\"><\/i>\n <\/a>\n <a href=\"#overseas-warehouse\" class=\"bg-transparent border-2 border-primary text-primary px-8 py-3 rounded-lg font-medium hover:bg-primary\/5 transition-all\">\n \u8fd4\u56de\u4e0a\u4e00\u9879 <i class=\"fa fa-arrow-left ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"lg:col-span-3 fade-in-element\">\n <div class=\"bg-white rounded-xl p-8 logistics-border logistics-shadow relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 w-64 h-64 bg-primary\/5 rounded-full blur-3xl -mr-32 -mt-32\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-accent\/5 rounded-full blur-3xl -ml-32 -mb-32\"><\/div>\n \n <h3 class=\"text-xl font-bold text-dark mb-6 relative z-10 custom-title\">\u652f\u6301\u5bf9\u63a5\u7684\u5e73\u53f0\u4e0e\u7cfb\u7edf<\/h3>\n \n <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-6 relative z-10\">\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-amazon text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">\u4e9a\u9a6c\u900a<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-shopping-bag text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">eBay<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-shopify text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">Shopify<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-magento text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">Magento<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-opencart text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">OpenCart<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-woocommerce text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">WooCommerce<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-cubes text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">ERP\u7cfb\u7edf<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-code text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">\u81ea\u5b9a\u4e49API<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"mt-12 relative z-10\">\n <h4 class=\"font-bold text-dark mb-6 text-center custom-title\">\u7cfb\u7edf\u5bf9\u63a5\u6d41\u7a0b<\/h4>\n <div class=\"flex flex-col md:flex-row items-center justify-between\">\n <div class=\"flex flex-col items-center mb-6 md:mb-0\">\n <div class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center mb-3\">\n <i class=\"fa fa-handshake-o text-xl\"><\/i>\n <\/div>\n <p class=\"text-center font-medium text-dark custom-title\">\u9700\u6c42\u6c9f\u901a<\/p>\n <\/div>\n \n <div class=\"hidden md:block w-1\/4 h-1 bg-gray-200 relative\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-primary transform -translate-y-1\/2\"><\/div>\n <\/div>\n <div class=\"md:hidden w-8 h-1 bg-gray-200 mb-6\">\n <div class=\"w-1\/2 h-1 bg-primary\"><\/div>\n <\/div>\n \n <div class=\"flex flex-col items-center mb-6 md:mb-0\">\n <div class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center mb-3\">\n <i class=\"fa fa-cogs text-xl\"><\/i>\n <\/div>\n <p class=\"text-center font-medium text-dark custom-title\">\u65b9\u6848\u8bbe\u8ba1<\/p>\n <\/div>\n \n <div class=\"hidden md:block w-1\/4 h-1 bg-gray-200 relative\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-primary transform -translate-y-1\/2\"><\/div>\n <\/div>\n <div class=\"md:hidden w-8 h-1 bg-gray-200 mb-6\">\n <div class=\"w-1\/2 h-1 bg-primary\"><\/div>\n <\/div>\n \n <div class=\"flex flex-col items-center mb-6 md:mb-0\">\n <div class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center mb-3\">\n <i class=\"fa fa-code text-xl\"><\/i>\n <\/div>\n <p class=\"text-center font-medium text-dark custom-title\">\u7cfb\u7edf\u5f00\u53d1<\/p>\n <\/div>\n \n <div class=\"hidden md:block w-1\/4 h-1 bg-gray-200 relative\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-primary transform -translate-y-1\/2\"><\/div>\n <\/div>\n <div class=\"md:hidden w-8 h-1 bg-gray-200 mb-6\">\n <div class=\"w-1\/2 h-1 bg-primary\"><\/div>\n <\/div>\n \n <div class=\"flex flex-col items-center\">\n <div class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center mb-3\">\n <i class=\"fa fa-check-circle text-xl\"><\/i>\n <\/div>\n <p class=\"text-center font-medium text-dark custom-title\">\u4e0a\u7ebf\u8fd0\u884c<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n \/\/ \u6eda\u52a8\u6de1\u5165\u52a8\u753b\n document.addEventListener('DOMContentLoaded', function() {\n const fadeElements = document.querySelectorAll('.fade-in-element');\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\u52a0\u8f7d\u65f6\u68c0\u67e5\n fadeInOnScroll();\n \n \/\/ \u6eda\u52a8\u65f6\u68c0\u67e5\n window.addEventListener('scroll', fadeInOnScroll);\n \n \/\/ \u5e73\u6ed1\u6eda\u52a8\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n \n if (targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 20,\n behavior: 'smooth'\n });\n }\n });\n });\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 \n \n\n \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>\u516c\u53f8\u7b80\u4ecb \u5168\u7403\u8de8\u5883\u7269\u6d41\u670d\u52a1 \u8fde \u63a5 \u4e16 \u754c \u6bcf \u4e2a \u89d2 \u843d \uff0c \u8ba9 \u8ddd \u79bb \u4e0d \u518d \u662f \u95ee \u9898 \u8de8\u5883\u7269\u6d41\u670d\u52a1 […]<\/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-1568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1568","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=1568"}],"version-history":[{"count":35,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1568\/revisions"}],"predecessor-version":[{"id":3394,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1568\/revisions\/3394"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n \u516c\u53f8\u7b80\u4ecb<\/title>\n \n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#205cbc',\n secondary: '#f5f7fa',\n accent: '#164999',\n },\n fontFamily: {\n sans: ['Inter', 'system-ui', 'sans-serif'],\n },\n }\n }\n }\n <\/script>\n \n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n html, body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n img {\n display: block;\n max-width: 100%;\n height: auto;\n }\n ul, ol {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n a, button {\n text-decoration: none;\n color: inherit;\n display: inline-block;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n td, th {\n padding: 0;\n }\n .inline-block-container {\n font-size: 0;\n }\n .inline-block-item {\n display: inline-block;\n font-size: 16px;\n vertical-align: top;\n }\n .flex-container {\n display: flex;\n }\n .grid-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n }\n <\/style>\n \n \n <style type=\"text\/tailwindcss\">\n @layer utilities {\n .content-auto {\n content-visibility: auto;\n }\n .fade-in {\n animation: fadeIn 0.8s ease forwards;\n }\n .arrow-bounce {\n animation: arrowBounce 2s infinite;\n cursor: pointer;\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes arrowBounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(10px); }\n }\n }\n <\/style>\n \n \n <style>\n body {\n background: \n radial-gradient(\n 150% 150% at 30% 10%,\n rgba(255, 255, 255, 0.9) 0%,\n rgba(230, 240, 255, 0.7) 25%,\n rgba(200, 220, 255, 0.5) 50%,\n rgba(180, 210, 255, 0.3) 75%,\n rgba(160, 200, 255, 0.1) 100%\n ),\n linear-gradient(\n 135deg,\n rgba(255, 255, 255, 1) 0%,\n rgba(245, 248, 255, 0.9) 50%,\n rgba(235, 245, 255, 0.8) 100%\n );\n background-attachment: fixed;\n background-blend-mode: overlay;\n backdrop-filter: blur(10px);\n }\n [class^=\"fa-\"], [class*=\" fa-\"] {\n font-family: 'FontAwesome' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n body, button, input, select, textarea {\n font-family: inherit;\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen overflow-x-hidden scroll-smooth\">\n \n <header class=\"relative w-full h-[500px] bg-primary overflow-hidden\">\n \n <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/12.jpg')\"><\/div>\n \n \n <div class=\"absolute inset-0 bg-primary\" style=\"background-color: rgba(32, 92, 188, 0.4);\"><\/div>\n \n <div class=\"relative h-full flex flex-col items-center justify-center text-white px-4 z-10 fade-in\">\n <h1 class=\"text-[clamp(2.5rem,5vw,4rem)] font-bold mb-4 text-center\">\u5168\u7403\u8de8\u5883\u7269\u6d41\u670d\u52a1<\/h1>\n <p class=\"text-[clamp(1rem,2vw,1.25rem)] max-w-3xl text-center opacity-90 mb-8\">\n \u8fde \u63a5 \u4e16 \u754c \u6bcf \u4e2a \u89d2 \u843d \uff0c \u8ba9 \u8ddd \u79bb \u4e0d \u518d \u662f \u95ee \u9898\n <\/p>\n <div id=\"scrollDownBtn\" class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 text-white text-3xl arrow-bounce\">\n <i class=\"fa fa-angle-down\"><\/i>\n <\/div>\n <\/div>\n <\/header>\n \n<\/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\">\n <title>\u8de8\u5883\u7269\u6d41\u670d\u52a1 – \u5168\u7403\u9ad8\u6548\u914d\u9001\u89e3\u51b3\u65b9\u6848<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#205cbc',\n secondary: '#f5f7fa',\n primaryLight: '#3a7bd5',\n primaryDark: '#1a4a9c',\n accent: '#4fc3f7',\n neutral: '#e8edf2',\n dark: '#1e293b'\n },\n fontFamily: {\n inter: ['Inter', 'system-ui', 'sans-serif'],\n },\n },\n }\n }\n <\/script>\n \n <style type=\"text\/tailwindcss\">\n @layer utilities {\n .content-auto {\n content-visibility: auto;\n }\n .logistics-shadow {\n box-shadow: 0 10px 25px -5px rgba(32, 92, 188, 0.1), 0 8px 10px -6px rgba(32, 92, 188, 0.05);\n }\n .logistics-shadow-hover {\n box-shadow: 0 20px 25px -5px rgba(32, 92, 188, 0.15), 0 10px 10px -5px rgba(32, 92, 188, 0.1);\n }\n .logistics-gradient {\n background: linear-gradient(135deg, #205cbc 0%, #3a7bd5 100%);\n }\n .logistics-border {\n border: 1px solid rgba(32, 92, 188, 0.1);\n }\n .logistics-card-hover {\n transition: all 0.3s ease;\n }\n .logistics-card-hover:hover {\n transform: translateY(-8px);\n }\n .text-shadow {\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n .animate-float {\n animation: float 6s ease-in-out infinite;\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n .animate-fade-in {\n animation: fadeIn 0.8s ease-out forwards;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .scrollbar-hide::-webkit-scrollbar {\n display: none;\n }\n .scrollbar-hide {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n }\n\n \/* \u81ea\u5b9a\u4e49\u6807\u9898\u989c\u8272 #012257 , \u5c0f\u5b57\u989c\u8272 #5a70a0 (\u4ec5\u5e94\u7528\u4e8e\u6dfb\u52a0\u4e86\u5bf9\u5e94\u7c7b\u7684\u5143\u7d20) *\/\n .custom-title {\n color: #012257 !important;\n }\n .custom-body {\n color: #5a70a0 !important;\n }\n <\/style>\n \n <style>\n html, body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n body {\n font-family: 'Inter', system-ui, sans-serif;\n background-color: #ffffff;\n color: #1e293b;\n }\n .section-container {\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 20px;\n }\n .fade-in-element {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n .fade-in-element.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \/* \u56fe\u7247\u653e\u5927\u8f85\u52a9\u7c7b *\/\n .img-scale {\n transform: scale(1.05);\n transition: transform 0.3s ease;\n }\n <\/style>\n<\/head>\n<body>\n \n <section id=\"first-mile\" class=\"py-20 bg-white\">\n <div class=\"section-container\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n <div class=\"fade-in-element\">\n \n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4 custom-body\">\n \u5934\u7a0b\u7269\u6d41\u670d\u52a1\n <\/span>\n \n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6 custom-title\">\n \u9ad8\u6548\u7a33\u5b9a\u7684FBA\u5934\u7a0b\u8fd0\u8f93\u89e3\u51b3\u65b9\u6848\n <\/h2>\n \n <p class=\"text-gray-600 mb-8 text-lg custom-body\">\n \u63d0\u4f9b\u4ece\u4e2d\u56fd\u5230\u6d77\u5916\u4ed3\u7684FBA\u5934\u7a0b\u8fd0\u8f93\u53ca\u6e05\u5173\u670d\u52a1\uff0c\u6574\u5408\u591a\u79cd\u8fd0\u8f93\u65b9\u5f0f\uff0c\n \u4e3a\u60a8\u7684\u8d27\u7269\u63d0\u4f9b\u5b89\u5168\u3001\u5feb\u6377\u3001\u7ecf\u6d4e\u7684\u8de8\u5883\u8fd0\u8f93\u901a\u9053\u3002\n <\/p>\n \n <div class=\"space-y-6 mb-8\">\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-check text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u591a\u8fd0\u8f93\u65b9\u5f0f\u9009\u62e9<\/h3>\n <p class=\"text-gray-600 custom-body\">\u6d77\u8fd0\u3001\u7a7a\u8fd0\u3001\u5feb\u9012\u591a\u79cd\u8fd0\u8f93\u65b9\u5f0f\uff0c\u6ee1\u8db3\u4e0d\u540c\u65f6\u6548\u548c\u6210\u672c\u9700\u6c42<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-check text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u4e13\u4e1a\u6e05\u5173\u670d\u52a1<\/h3>\n <p class=\"text-gray-600 custom-body\">\u719f\u6089\u5404\u56fd\u6d77\u5173\u653f\u7b56\uff0c\u63d0\u4f9b\u9ad8\u6548\u6e05\u5173\u670d\u52a1\uff0c\u964d\u4f4e\u6e05\u5173\u98ce\u9669<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-check text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u5168\u7a0b\u7269\u6d41\u8ffd\u8e2a<\/h3>\n <p class=\"text-gray-600 custom-body\">\u8d27\u7269\u8fd0\u8f93\u72b6\u6001\u5b9e\u65f6\u8ffd\u8e2a\uff0c\u8ba9\u60a8\u968f\u65f6\u638c\u63e1\u8d27\u7269\u52a8\u6001<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <a href=\"#international-express\" class=\"inline-block bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-primaryDark transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n \u4e86\u89e3\u4e0b\u4e00\u9879\u670d\u52a1 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <\/div>\n \n \n <div class=\"relative fade-in-element\">\n <div class=\"rounded-2xl overflow-hidden logistics-card-hover\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/02db2c601b3de050085503da5a898adca81862976b454f-69D7ZZ-2-scaled.png\" alt=\"\u5934\u7a0b\u7269\u6d41\u670d\u52a1\" class=\"w-full h-auto\" style=\"transform:scale(1.05); transition: transform 0.3s ease;\">\n <\/div>\n \n <div class=\"absolute -bottom-6 -right-6 w-40 h-40 bg-primary\/10 rounded-full blur-2xl\"><\/div>\n <div class=\"absolute -top-6 -left-6 w-32 h-32 bg-accent\/10 rounded-full blur-2xl\"><\/div>\n \n \n <div class=\"absolute -bottom-8 left-8 bg-white p-4 rounded-xl shadow-lg logistics-border logistics-card-hover\">\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mr-4\">\n <i class=\"fa fa-globe text-primary text-xl\"><\/i>\n <\/div>\n <div>\n \n <p class=\"text-gray-500 text-sm custom-body\">\u8986\u76d6\u56fd\u5bb6<\/p>\n \n <p class=\"text-dark font-bold text-xl custom-title\">50+<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"international-express\" class=\"py-20 bg-secondary\">\n <div class=\"section-container\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n \n <div class=\"relative fade-in-element order-2 md:order-1\">\n <div class=\"rounded-2xl overflow-hidden logistics-card-hover\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/\u4f7f\u7528\u5de5\u5177\u751f\u6210\u56fe\u7247-2026-02-27T105855.816-1.png\" alt=\"\u56fd\u9645\u5feb\u9012\u670d\u52a1\" class=\"w-full h-auto\" style=\"transform:scale(1.05); transition: transform 0.3s ease;\">\n <\/div>\n \n <div class=\"absolute -top-6 -right-6 w-40 h-40 bg-primary\/10 rounded-full blur-2xl\"><\/div>\n <div class=\"absolute -bottom-6 -left-6 w-32 h-32 bg-accent\/10 rounded-full blur-2xl\"><\/div>\n \n \n <div class=\"absolute -bottom-8 right-8 bg-white p-4 rounded-xl shadow-lg logistics-border logistics-card-hover\">\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mr-4\">\n <i class=\"fa fa-clock-o text-primary text-xl\"><\/i>\n <\/div>\n <div>\n <p class=\"text-gray-500 text-sm custom-body\">\u6700\u5feb\u9001\u8fbe<\/p>\n <p class=\"text-dark font-bold text-xl custom-title\">1-3\u5929<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"fade-in-element order-1 md:order-2\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4 custom-body\">\n \u56fd\u9645\u5feb\u9012\u670d\u52a1\n <\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6 custom-title\">\n \u5168\u7403\u77e5\u540d\u5feb\u9012\u6e20\u9053\uff0c\u5feb\u901f\u9001\u8fbe\n <\/h2>\n <p class=\"text-gray-600 mb-8 text-lg custom-body\">\n \u5bf9\u63a5DHL\u3001UPS\u3001FedEx\u7b49\u5168\u7403\u77e5\u540d\u5feb\u9012\u6e20\u9053\uff0c\u6ee1\u8db3\u5c0f\u5305\u3001\u5feb\u9012\u7b49\u591a\u79cd\u56fd\u9645\u7269\u6d41\u9700\u6c42\uff0c\n \u63d0\u4f9b\u95e8\u5230\u95e8\u670d\u52a1\uff0c\u65f6\u6548\u4fdd\u969c\uff0c\u4ef7\u683c\u4f18\u60e0\u3002\n <\/p>\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\n \n <div class=\"bg-white p-4 rounded-lg logistics-border hover:logistics-shadow transition-all\">\n <div class=\"flex items-center mb-2\">\n <i class=\"fa fa-bolt text-primary mr-2\"><\/i>\n <h3 class=\"font-bold text-dark custom-title\">\u6781\u901f\u65f6\u6548<\/h3>\n <\/div>\n <p class=\"text-gray-600 text-sm custom-body\">\u5168\u7403\u4e3b\u8981\u57ce\u5e023-7\u5929\u9001\u8fbe<\/p>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-lg logistics-border hover:logistics-shadow transition-all\">\n <div class=\"flex items-center mb-2\">\n <i class=\"fa fa-lock text-primary mr-2\"><\/i>\n <h3 class=\"font-bold text-dark custom-title\">\u5b89\u5168\u4fdd\u969c<\/h3>\n <\/div>\n <p class=\"text-gray-600 text-sm custom-body\">\u8d27\u7269\u4fdd\u9669\uff0c\u5168\u7a0b\u4fdd\u4ef7\u670d\u52a1<\/p>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-lg logistics-border hover:logistics-shadow transition-all\">\n <div class=\"flex items-center mb-2\">\n <i class=\"fa fa-mobile text-primary mr-2\"><\/i>\n <h3 class=\"font-bold text-dark custom-title\">\u5b9e\u65f6\u8ffd\u8e2a<\/h3>\n <\/div>\n <p class=\"text-gray-600 text-sm custom-body\">\u624b\u673a\u7aef\u968f\u65f6\u67e5\u8be2\u7269\u6d41\u72b6\u6001<\/p>\n <\/div>\n \n <div class=\"bg-white p-4 rounded-lg logistics-border hover:logistics-shadow transition-all\">\n <div class=\"flex items-center mb-2\">\n <i class=\"fa fa-tag text-primary mr-2\"><\/i>\n <h3 class=\"font-bold text-dark custom-title\">\u4ef7\u683c\u4f18\u60e0<\/h3>\n <\/div>\n <p class=\"text-gray-600 text-sm custom-body\">\u6e20\u9053\u76f4\u7b7e\uff0c\u4ef7\u683c\u66f4\u5177\u4f18\u52bf<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#overseas-warehouse\" class=\"bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-primaryDark transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n \u4e86\u89e3\u4e0b\u4e00\u9879\u670d\u52a1 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <a href=\"#first-mile\" class=\"bg-transparent border-2 border-primary text-primary px-8 py-3 rounded-lg font-medium hover:bg-primary\/5 transition-all\">\n \u8fd4\u56de\u4e0a\u4e00\u9879 <i class=\"fa fa-arrow-left ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"overseas-warehouse\" class=\"py-20 bg-white\">\n <div class=\"section-container\">\n <div class=\"text-center mb-16 fade-in-element\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4 custom-body\">\n \u6d77\u5916\u4ed3\u914d\u670d\u52a1\n <\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6 custom-title\">\n \u672c\u5730\u5316\u4ed3\u50a8\u914d\u9001\uff0c\u63d0\u5347\u5ba2\u6237\u4f53\u9a8c\n <\/h2>\n <p class=\"text-gray-600 max-w-3xl mx-auto text-lg custom-body\">\n \u63d0\u4f9b\u4e00\u4ef6\u4ee3\u53d1\u3001\u5e93\u5b58\u7ba1\u7406\u3001\u672c\u5730\u9000\u6362\u8d27\u7b49\u6d77\u5916\u4ed3\u670d\u52a1\uff0c\n \u8ba9\u60a8\u7684\u4ea7\u54c1\u5feb\u901f\u54cd\u5e94\u672c\u5730\u5e02\u573a\u9700\u6c42\uff0c\u63d0\u5347\u5ba2\u6237\u6ee1\u610f\u5ea6\n <\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 fade-in-element\">\n \n <div class=\"bg-secondary rounded-xl overflow-hidden logistics-border logistics-shadow logistics-card-hover\">\n <div class=\"h-48 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/2.jpg\" alt=\"\u4e00\u4ef6\u4ee3\u53d1\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform hover:scale-110 duration-500\">\n <\/div>\n <div class=\"p-6\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mb-4\">\n <i class=\"fa fa-box text-primary text-xl\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-dark mb-3 custom-title\">\u4e00\u4ef6\u4ee3\u53d1<\/h3>\n <p class=\"text-gray-600 mb-4 custom-body\">\n \u5ba2\u6237\u4e0b\u5355\u540e\uff0c\u6d77\u5916\u4ed3\u76f4\u63a5\u53d1\u8d27\uff0c\u7f29\u77ed\u914d\u9001\u65f6\u95f4\uff0c\u63d0\u5347\u5ba2\u6237\u4f53\u9a8c\u3002\n <\/p>\n <ul class=\"space-y-2 mb-6\">\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">24\u5c0f\u65f6\u5185\u5feb\u901f\u53d1\u8d27<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u4e13\u4e1a\u6253\u5305\u52a0\u56fa<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u672c\u5730\u914d\u9001\u6e20\u9053\u6574\u5408<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"bg-secondary rounded-xl overflow-hidden logistics-border logistics-shadow logistics-card-hover\">\n <div class=\"h-48 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/4.jpg\" alt=\"\u5e93\u5b58\u7ba1\u7406\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform hover:scale-110 duration-500\">\n <\/div>\n <div class=\"p-6\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mb-4\">\n <i class=\"fa fa-cubes text-primary text-xl\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-dark mb-3 custom-title\">\u5e93\u5b58\u7ba1\u7406<\/h3>\n <p class=\"text-gray-600 mb-4 custom-body\">\n \u4e13\u4e1a\u7684\u5e93\u5b58\u7ba1\u7406\u7cfb\u7edf\uff0c\u5b9e\u65f6\u76d1\u63a7\u5e93\u5b58\u72b6\u6001\uff0c\u907f\u514d\u7f3a\u8d27\u6216\u79ef\u538b\u3002\n <\/p>\n <ul class=\"space-y-2 mb-6\">\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u5b9e\u65f6\u5e93\u5b58\u76d1\u63a7<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u5e93\u5b58\u9884\u8b66\u63d0\u9192<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u5e93\u5b58\u6570\u636e\u5206\u6790<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"bg-secondary rounded-xl overflow-hidden logistics-border logistics-shadow logistics-card-hover\">\n <div class=\"h-48 overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/1-1.jpg\" alt=\"\u672c\u5730\u9000\u6362\u8d27\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform hover:scale-110 duration-500\">\n <\/div>\n <div class=\"p-6\">\n <div class=\"w-12 h-12 bg-primary\/10 rounded-full flex items-center justify-center mb-4\">\n <i class=\"fa fa-exchange text-primary text-xl\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-dark mb-3 custom-title\">\u672c\u5730\u9000\u6362\u8d27<\/h3>\n <p class=\"text-gray-600 mb-4 custom-body\">\n \u63d0\u4f9b\u672c\u5730\u5316\u9000\u6362\u8d27\u670d\u52a1\uff0c\u964d\u4f4e\u9000\u8d27\u6210\u672c\uff0c\u63d0\u5347\u5ba2\u6237\u6ee1\u610f\u5ea6\u3002\n <\/p>\n <ul class=\"space-y-2 mb-6\">\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u672c\u5730\u9000\u8d27\u5730\u5740<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u5feb\u901f\u5904\u7406\u9000\u6362\u8d27<\/span>\n <\/li>\n <li class=\"flex items-center text-gray-600\">\n <i class=\"fa fa-check-circle text-primary mr-2\"><\/i>\n <span class=\"custom-body\">\u4ea7\u54c1\u68c0\u6d4b\u7ef4\u4fee<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"text-center mt-12 fade-in-element\">\n <a href=\"#system-integration\" class=\"inline-block bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-primaryDark transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n \u4e86\u89e3\u4e0b\u4e00\u9879\u670d\u52a1 <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <a href=\"#international-express\" class=\"inline-block bg-transparent border-2 border-primary text-primary px-8 py-3 rounded-lg font-medium hover:bg-primary\/5 transition-all ml-4 mt-4 sm:mt-0\">\n \u8fd4\u56de\u4e0a\u4e00\u9879 <i class=\"fa fa-arrow-left ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"system-integration\" class=\"py-20 bg-secondary\">\n <div class=\"section-container\">\n <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-12 items-center\">\n <div class=\"lg:col-span-2 fade-in-element\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4 custom-body\">\n \u7cfb\u7edf\u5bf9\u63a5\u670d\u52a1\n <\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6 custom-title\">\n \u65e0\u7f1d\u5bf9\u63a5\uff0c\u81ea\u52a8\u5316\u5904\u7406\n <\/h2>\n <p class=\"text-gray-600 mb-8 text-lg custom-body\">\n \u7269\u6d41\u7cfb\u7edf\u4e0e\u60a8\u7684\u7535\u5546\u5e73\u53f0\u3001ERP\u7cfb\u7edf\u6253\u901a\uff0c\u5b9e\u73b0\u8ba2\u5355\u81ea\u52a8\u5904\u7406\u4e0e\u8f68\u8ff9\u540c\u6b65\uff0c\n \u964d\u4f4e\u4eba\u5de5\u6210\u672c\uff0c\u63d0\u9ad8\u5de5\u4f5c\u6548\u7387\u3002\n <\/p>\n \n <div class=\"space-y-6 mb-8\">\n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-plug text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u591a\u5e73\u53f0\u5bf9\u63a5<\/h3>\n <p class=\"text-gray-600 custom-body\">\u652f\u6301\u4e9a\u9a6c\u900a\u3001eBay\u3001Shopify\u7b49\u4e3b\u6d41\u7535\u5546\u5e73\u53f0<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-refresh text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u8ba2\u5355\u81ea\u52a8\u540c\u6b65<\/h3>\n <p class=\"text-gray-600 custom-body\">\u8ba2\u5355\u4fe1\u606f\u5b9e\u65f6\u540c\u6b65\uff0c\u81ea\u52a8\u751f\u6210\u7269\u6d41\u5355<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-map-marker text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u7269\u6d41\u8f68\u8ff9\u540c\u6b65<\/h3>\n <p class=\"text-gray-600 custom-body\">\u7269\u6d41\u4fe1\u606f\u5b9e\u65f6\u56de\u4f20\uff0c\u5ba2\u6237\u968f\u65f6\u67e5\u8be2<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 bg-primary\/10 rounded-full flex items-center justify-center mr-4 flex-shrink-0\">\n <i class=\"fa fa-bar-chart text-primary\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-dark mb-1 custom-title\">\u6570\u636e\u5206\u6790\u62a5\u8868<\/h3>\n <p class=\"text-gray-600 custom-body\">\u7269\u6d41\u6570\u636e\u7edf\u8ba1\u5206\u6790\uff0c\u4f18\u5316\u8fd0\u8425\u51b3\u7b56<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#first-mile\" class=\"bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-primaryDark transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\">\n \u8fd4\u56de\u9996\u9875 <i class=\"fa fa-home ml-2\"><\/i>\n <\/a>\n <a href=\"#overseas-warehouse\" class=\"bg-transparent border-2 border-primary text-primary px-8 py-3 rounded-lg font-medium hover:bg-primary\/5 transition-all\">\n \u8fd4\u56de\u4e0a\u4e00\u9879 <i class=\"fa fa-arrow-left ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"lg:col-span-3 fade-in-element\">\n <div class=\"bg-white rounded-xl p-8 logistics-border logistics-shadow relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 w-64 h-64 bg-primary\/5 rounded-full blur-3xl -mr-32 -mt-32\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-accent\/5 rounded-full blur-3xl -ml-32 -mb-32\"><\/div>\n \n <h3 class=\"text-xl font-bold text-dark mb-6 relative z-10 custom-title\">\u652f\u6301\u5bf9\u63a5\u7684\u5e73\u53f0\u4e0e\u7cfb\u7edf<\/h3>\n \n <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-6 relative z-10\">\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-amazon text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">\u4e9a\u9a6c\u900a<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-shopping-bag text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">eBay<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-shopify text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">Shopify<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-magento text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">Magento<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-opencart text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">OpenCart<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-woocommerce text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">WooCommerce<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-cubes text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">ERP\u7cfb\u7edf<\/span>\n <\/div>\n \n <div class=\"bg-secondary p-4 rounded-lg logistics-border flex flex-col items-center justify-center h-24 hover:logistics-shadow transition-all\">\n <i class=\"fa fa-code text-3xl text-primary mb-2\"><\/i>\n <span class=\"text-sm font-medium text-dark custom-body\">\u81ea\u5b9a\u4e49API<\/span>\n <\/div>\n <\/div>\n \n \n <div class=\"mt-12 relative z-10\">\n <h4 class=\"font-bold text-dark mb-6 text-center custom-title\">\u7cfb\u7edf\u5bf9\u63a5\u6d41\u7a0b<\/h4>\n <div class=\"flex flex-col md:flex-row items-center justify-between\">\n <div class=\"flex flex-col items-center mb-6 md:mb-0\">\n <div class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center mb-3\">\n <i class=\"fa fa-handshake-o text-xl\"><\/i>\n <\/div>\n <p class=\"text-center font-medium text-dark custom-title\">\u9700\u6c42\u6c9f\u901a<\/p>\n <\/div>\n \n <div class=\"hidden md:block w-1\/4 h-1 bg-gray-200 relative\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-primary transform -translate-y-1\/2\"><\/div>\n <\/div>\n <div class=\"md:hidden w-8 h-1 bg-gray-200 mb-6\">\n <div class=\"w-1\/2 h-1 bg-primary\"><\/div>\n <\/div>\n \n <div class=\"flex flex-col items-center mb-6 md:mb-0\">\n <div class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center mb-3\">\n <i class=\"fa fa-cogs text-xl\"><\/i>\n <\/div>\n <p class=\"text-center font-medium text-dark custom-title\">\u65b9\u6848\u8bbe\u8ba1<\/p>\n <\/div>\n \n <div class=\"hidden md:block w-1\/4 h-1 bg-gray-200 relative\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-primary transform -translate-y-1\/2\"><\/div>\n <\/div>\n <div class=\"md:hidden w-8 h-1 bg-gray-200 mb-6\">\n <div class=\"w-1\/2 h-1 bg-primary\"><\/div>\n <\/div>\n \n <div class=\"flex flex-col items-center mb-6 md:mb-0\">\n <div class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center mb-3\">\n <i class=\"fa fa-code text-xl\"><\/i>\n <\/div>\n <p class=\"text-center font-medium text-dark custom-title\">\u7cfb\u7edf\u5f00\u53d1<\/p>\n <\/div>\n \n <div class=\"hidden md:block w-1\/4 h-1 bg-gray-200 relative\">\n <div class=\"absolute top-1\/2 left-0 w-full h-0.5 bg-primary transform -translate-y-1\/2\"><\/div>\n <\/div>\n <div class=\"md:hidden w-8 h-1 bg-gray-200 mb-6\">\n <div class=\"w-1\/2 h-1 bg-primary\"><\/div>\n <\/div>\n \n <div class=\"flex flex-col items-center\">\n <div class=\"w-16 h-16 bg-primary text-white rounded-full flex items-center justify-center mb-3\">\n <i class=\"fa fa-check-circle text-xl\"><\/i>\n <\/div>\n <p class=\"text-center font-medium text-dark custom-title\">\u4e0a\u7ebf\u8fd0\u884c<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n \/\/ \u6eda\u52a8\u6de1\u5165\u52a8\u753b\n document.addEventListener('DOMContentLoaded', function() {\n const fadeElements = document.querySelectorAll('.fade-in-element');\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\u52a0\u8f7d\u65f6\u68c0\u67e5\n fadeInOnScroll();\n \n \/\/ \u6eda\u52a8\u65f6\u68c0\u67e5\n window.addEventListener('scroll', fadeInOnScroll);\n \n \/\/ \u5e73\u6ed1\u6eda\u52a8\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n \n if (targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 20,\n behavior: 'smooth'\n });\n }\n });\n });\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 \n \n\n \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>\u516c\u53f8\u7b80\u4ecb \u5168\u7403\u8de8\u5883\u7269\u6d41\u670d\u52a1 \u8fde \u63a5 \u4e16 \u754c \u6bcf \u4e2a \u89d2 \u843d \uff0c \u8ba9 \u8ddd \u79bb \u4e0d \u518d \u662f \u95ee \u9898 \u8de8\u5883\u7269\u6d41\u670d\u52a1 […]<\/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-1568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1568","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=1568"}],"version-history":[{"count":35,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1568\/revisions"}],"predecessor-version":[{"id":3394,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1568\/revisions\/3394"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}