{"id":1581,"date":"2025-11-29T16:16:29","date_gmt":"2025-11-29T08:16:29","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=1581"},"modified":"2026-02-27T13:57:58","modified_gmt":"2026-02-27T05:57:58","slug":"%e8%b7%a8%e5%a2%83%e8%b4%a2%e7%a8%8e%e6%9c%8d%e5%8a%a1","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/en\/%e8%b7%a8%e5%a2%83%e8%b4%a2%e7%a8%8e%e6%9c%8d%e5%8a%a1\/","title":{"rendered":"\u8de8\u5883\u8d22\u7a0e\u670d\u52a1"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n \u516c\u53f8\u7b80\u4ecb<\/title>\n \n <!-- Font Awesome -->\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n <!-- Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <!-- Tailwind\u914d\u7f6e -->\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 <!-- \u5168\u9762\u65e0\u7a7a\u9699\u6837\u5f0f\u91cd\u7f6e -->\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 <!-- Tailwind\u81ea\u5b9a\u4e49\u6837\u5f0f -->\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 <!-- \u9875\u9762\u7279\u5b9a\u6837\u5f0f\uff1a\u6e10\u53d8\u80cc\u666f & \u5b57\u4f53\u56fe\u6807\u4fdd\u5e95 -->\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 <!-- \u6d77\u62a5\u5934\u90e8 -->\n <header class=\"relative w-full h-[500px] bg-primary overflow-hidden\">\n <!-- \n \u80cc\u666f\u56fe\u7247\uff1a\u4fee\u590d\u4e86\u539f\u4ee3\u7801\u4e2d\u7f3a\u5931\u7684\u95ed\u5408\u5f15\u53f7\u548c\u62ec\u53f7 \n \u73b0\u5728\u53ef\u4ee5\u6b63\u786e\u52a0\u8f7d\u56fe\u7247 \n -->\n <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/14-1.jpg')\"><\/div>\n \n <!-- \n \u84dd\u8272\u900f\u660e\u906e\u7f69\u5c42\uff1a\n - \u4fdd\u7559 bg-primary \u4f5c\u4e3a\u540e\u5907\u80cc\u666f\u8272\uff08#205cbc\uff09\n - \u4f7f\u7528\u5185\u8054\u6837\u5f0f\u660e\u786e\u534a\u900f\u660e\u84dd\u8272 rgba(32,92,188,0.4) \n - \u65e2\u4fdd\u8bc1\u300c\u52a0\u84dd\u8272\u989c\u8272\u300d\uff0c\u53c8\u4fdd\u6301\u900f\u660e\u6548\u679c\uff0c\u5176\u4ed6\u89c6\u89c9\u5143\u7d20\u4e0d\u53d8\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\u8d22\u7a0e<\/h1>\n <p class=\"text-[clamp(1rem,2vw,1.25rem)] max-w-3xl text-center opacity-90 mb-8\">\n \u6df1 \u8015 \u5168 \u7403 \u7a0e \u52a1 \u5408 \u89c4\uff0c\u52a9 \u529b \u4f01 \u4e1a \u964d \u672c \u589e \u6548 \u7a33 \u5065 \u53d1 \u5c55\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 <!-- \u9875\u9762\u5176\u4f59\u90e8\u5206\u4fdd\u6301\u4e0d\u53d8\uff08\u5982\u6709\u540e\u7eed\u5185\u5bb9\u53ef\u5728\u6b64\u8ffd\u52a0\uff09 -->\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>\u8de8\u5883\u8d22\u7a0e\u670d\u52a1 – \u4e13\u4e1a\u5408\u89c4\u4e0e\u7a0e\u52a1\u4f18\u5316<\/title>\n <!-- \u5f15\u5165Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- \u5f15\u5165Font Awesome\u56fe\u6807 -->\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n <!-- \u81ea\u5b9a\u4e49\u914d\u7f6e -->\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n \/\/ \u81ea\u5b9a\u4e49\u989c\u8272\u540d\u79f0\uff0c\u907f\u514d\u51b2\u7a81\n primary: '#205cbc',\n secondary: '#f5f7fa',\n accent: '#164081',\n light: '#ffffff',\n dark: '#333647',\n neutral: '#e8edf5',\n success: '#36b37e',\n warning: '#ffab00',\n danger: '#ff5630',\n },\n fontFamily: {\n sans: ['Inter', 'system-ui', 'sans-serif'],\n },\n animation: {\n 'float': 'float 3s ease-in-out infinite',\n 'fade-in': 'fadeIn 0.8s ease-out forwards',\n 'slide-up': 'slideUp 0.8s ease-out forwards',\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-10px)' },\n },\n fadeIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1' },\n },\n slideUp: {\n '0%': { transform: 'translateY(30px)', opacity: '0' },\n '100%': { transform: 'translateY(0)', opacity: '1' },\n }\n },\n boxShadow: {\n 'custom': '0 10px 25px -5px rgba(32, 92, 188, 0.1), 0 8px 10px -6px rgba(32, 92, 188, 0.05)',\n 'custom-hover': '0 20px 35px -10px rgba(32, 92, 188, 0.2), 0 10px 15px -5px rgba(32, 92, 188, 0.1)',\n }\n },\n }\n }\n <\/script>\n \n <!-- \u81ea\u5b9a\u4e49\u5de5\u5177\u7c7b -->\n <style type=\"text\/tailwindcss\">\n @layer utilities {\n .content-auto {\n content-visibility: auto;\n }\n .text-shadow {\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n .text-gradient {\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .bg-blur {\n backdrop-filter: blur(8px);\n }\n .border-gradient {\n border-image: linear-gradient(to right, #205cbc, #164081) 1;\n }\n .section-padding {\n padding-top: clamp(2rem, 5vw, 4rem);\n padding-bottom: clamp(2rem, 5vw, 4rem);\n }\n .card-transition {\n transition: all 0.3s ease;\n }\n .mask-gradient {\n mask-image: linear-gradient(to bottom, black 85%, transparent 100%);\n -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);\n }\n }\n <\/style>\n \n <!-- \u57fa\u7840\u6837\u5f0f -->\n <style>\n \/* \u5168\u5c40\u91cd\u7f6e\uff0c\u786e\u4fdd\u65e0\u7a7a\u9699 *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html, body {\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n }\n \n body {\n font-family: 'Inter', system-ui, sans-serif;\n scroll-behavior: smooth;\n }\n \n \/* \u786e\u4fdd\u5185\u5bb9\u533a\u57df\u5c45\u4e2d\u4e14\u6700\u5927\u5bbd\u5ea61300px *\/\n .container {\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n \n \/* \u6eda\u52a8\u52a8\u753b\u76f8\u5173 *\/\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n }\n \n .animate-on-scroll.visible {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* \u8f6e\u64ad\u6837\u5f0f *\/\n .carousel-container {\n overflow: hidden;\n position: relative;\n }\n \n .carousel-slide {\n display: flex;\n transition: transform 0.5s ease-in-out;\n }\n \n .carousel-item {\n flex: 0 0 100%;\n }\n \n \/* \u81ea\u5b9a\u4e49\u6eda\u52a8\u6761 *\/\n ::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n \n ::-webkit-scrollbar-track {\n background: #f5f7fa;\n }\n \n ::-webkit-scrollbar-thumb {\n background: #205cbc;\n border-radius: 4px;\n }\n \n ::-webkit-scrollbar-thumb:hover {\n background: #164081;\n }\n <\/style>\n \n <!-- \u6839\u636e\u9700\u6c42\u8c03\u6574\u989c\u8272\uff1a\u5927\u6807\u9898#012257\uff0c\u5c0f\u5b57#5a70a0\uff0c\u4fdd\u7559\u56fe\u7247\u906e\u7f69\u6587\u5b57\u53ef\u8bfb\u6027\uff08\u906e\u7f69\u5df2\u5220\u9664\uff0c\u4f46\u4fdd\u7559\u89c4\u5219\u65e0\u5f71\u54cd\uff09 -->\n <style>\n \/* \u5927\u6807\u9898\u989c\u8272\u4fee\u6539\u4e3a #012257 *\/\n #tax-filing h2,\n #tax-planning h2,\n #accounting h2,\n #compliance h2 {\n color: #012257 !important;\n }\n \n \/* \u5c0f\u5b57\uff08\u6bb5\u843d\u63cf\u8ff0\uff09\u4fee\u6539\u4e3a #5a70a0\uff0c\u4f46\u6392\u9664\u56fe\u7247\u906e\u7f69\u5c42\u4e0a\u7684\u6587\u5b57\uff08\u906e\u7f69\u5df2\u5220\u9664\uff0c\u89c4\u5219\u4fdd\u7559\u65e0\u5bb3\uff09 *\/\n #tax-filing p,\n #tax-planning p,\n #accounting p,\n #compliance p {\n color: #5a70a0 !important;\n }\n \n \/* \u56fe\u7247\u906e\u7f69\u5c42\u5df2\u5220\u9664\uff0c\u4ee5\u4e0b\u89c4\u5219\u4e0d\u518d\u751f\u6548\uff0c\u4f46\u4fdd\u7559\u65e0\u5f71\u54cd *\/\n #tax-filing .group .absolute p,\n #tax-planning .group .absolute p,\n #accounting .group .absolute p,\n #compliance .group .absolute p {\n color: rgba(255, 255, 255, 0.8) !important;\n }\n <\/style>\n<\/head>\n\n<body class=\"bg-secondary text-dark\">\n <!-- 1. \u7a0e\u52a1\u7533\u62a5 - \u80cc\u666f #f5f7fa (bg-secondary) -->\n <section id=\"tax-filing\" class=\"bg-secondary section-padding\">\n <div class=\"container\">\n <div class=\"flex flex-col lg:flex-row items-center gap-12\">\n <div class=\"w-full lg:w-1\/2 animate-on-scroll\">\n <!-- \u79fb\u9664\u4e86shadow-custom\u7c7b\u548c\u6e10\u53d8\u906e\u7f69\u5c42 -->\n <div class=\"relative rounded-2xl overflow-hidden group h-[400px]\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/3d9a62ec275a240364db1592a1883455d3a91d0b3c7a8-Cwso9V-1.png\" alt=\"\u7a0e\u52a1\u7533\u62a5\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\n <\/div>\n <\/div>\n \n <div class=\"w-full lg:w-1\/2 animate-on-scroll\" style=\"transition-delay: 0.2s\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4\">\u7a0e\u52a1\u7533\u62a5\u670d\u52a1<\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6\">\u5168\u7403\u7a0e\u52a1\u7533\u62a5\uff0c\u5408\u89c4\u65e0\u5fe7<\/h2>\n <p class=\"text-dark\/80 text-lg mb-6\">\u6211\u4eec\u7684\u4e13\u4e1a\u56e2\u961f\u4e3a\u60a8\u63d0\u4f9b\u5168\u7403\u4e3b\u8981\u8d38\u6613\u5e02\u573a\u7684\u7a0e\u52a1\u7533\u62a5\u670d\u52a1\uff0c\u5305\u62ecVAT\u3001\u9500\u552e\u7a0e\u3001\u516c\u53f8\u6240\u5f97\u7a0e\u7b49\uff0c\u786e\u4fdd\u60a8\u7684\u8de8\u5883\u4e1a\u52a1\u5408\u89c4\u8fd0\u8425\uff0c\u907f\u514d\u7a0e\u52a1\u98ce\u9669\u3002<\/p>\n \n <div class=\"space-y-4 mb-8\">\n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 rounded-full bg-primary\/10 flex items-center justify-center text-primary mr-4 flex-shrink-0\">\n <i class=\"fa fa-check\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark mb-1\">VAT\u7533\u62a5\u670d\u52a1<\/h4>\n <p class=\"text-dark\/70\">\u6b27\u76df\u3001\u82f1\u56fd\u3001\u7f8e\u56fd\u7b49\u4e3b\u8981\u5e02\u573a\u7684\u589e\u503c\u7a0e\u7533\u62a5<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 rounded-full bg-primary\/10 flex items-center justify-center text-primary mr-4 flex-shrink-0\">\n <i class=\"fa fa-check\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark mb-1\">\u9500\u552e\u7a0e\u7533\u62a5<\/h4>\n <p class=\"text-dark\/70\">\u7f8e\u56fd\u5404\u5dde\u9500\u552e\u7a0e\u3001\u52a0\u62ff\u5927GST\/HST\u7b49\u7533\u62a5\u670d\u52a1<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start\">\n <div class=\"w-10 h-10 rounded-full bg-primary\/10 flex items-center justify-center text-primary mr-4 flex-shrink-0\">\n <i class=\"fa fa-check\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark mb-1\">\u516c\u53f8\u6240\u5f97\u7a0e\u7533\u62a5<\/h4>\n <p class=\"text-dark\/70\">\u6d77\u5916\u516c\u53f8\u5e74\u5ea6\u6240\u5f97\u7a0e\u7533\u62a5\u53ca\u7a0e\u52a1\u5408\u89c4\u670d\u52a1<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <a href=\"#\" class=\"inline-flex items-center px-6 py-3 bg-primary text-light font-medium rounded-lg shadow-lg hover:bg-accent transition-all duration-300 transform hover:-translate-y-1\">\n \u54a8\u8be2\u7533\u62a5\u670d\u52a1\n <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 2. \u8d22\u7a0e\u7b79\u5212 - \u80cc\u666f\u767d\u8272 (bg-light) -->\n <section id=\"tax-planning\" class=\"bg-light section-padding\">\n <div class=\"container\">\n <div class=\"flex flex-col lg:flex-row-reverse items-center gap-12\">\n <div class=\"w-full lg:w-1\/2 animate-on-scroll\">\n <!-- \u79fb\u9664\u4e86shadow-custom\u7c7b\u548c\u6e10\u53d8\u906e\u7f69\u5c42 -->\n <div class=\"relative rounded-2xl overflow-hidden group h-[400px]\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/c8b3b0d29d19007de6e621a0e6b6424002229a9db74d6-ZKgea2-1.png\" alt=\"\u8d22\u7a0e\u7b79\u5212\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\n <\/div>\n <\/div>\n \n <div class=\"w-full lg:w-1\/2 animate-on-scroll\" style=\"transition-delay: 0.2s\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4\">\u8d22\u7a0e\u7b79\u5212\u670d\u52a1<\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6\">\u5408\u6cd5\u7a0e\u52a1\u7b79\u5212\uff0c\u964d\u4f4e\u7a0e\u8d1f\u6210\u672c<\/h2>\n <p class=\"text-dark\/80 text-lg mb-6\">\u6211\u4eec\u57fa\u4e8e\u5168\u7403\u7a0e\u52a1\u6cd5\u89c4\u548c\u53cc\u8fb9\u7a0e\u6536\u534f\u5b9a\uff0c\u4e3a\u60a8\u5236\u5b9a\u5408\u6cd5\u5408\u89c4\u7684\u7a0e\u52a1\u7b79\u5212\u65b9\u6848\uff0c\u6709\u6548\u964d\u4f4e\u6574\u4f53\u7a0e\u8d1f\uff0c\u63d0\u5347\u4f01\u4e1a\u76c8\u5229\u80fd\u529b\u548c\u56fd\u9645\u7ade\u4e89\u529b\u3002<\/p>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-8\">\n <div class=\"bg-secondary p-5 rounded-lg card-transition hover:shadow-md\">\n <div class=\"text-primary text-2xl mb-3\">\n <i class=\"fa fa-percent\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-dark mb-2\">\u7a0e\u8d1f\u4f18\u5316<\/h4>\n <p class=\"text-dark\/70 text-sm\">\u5408\u7406\u5229\u7528\u7a0e\u6536\u4f18\u60e0\u653f\u7b56\uff0c\u964d\u4f4e\u7efc\u5408\u7a0e\u8d1f<\/p>\n <\/div>\n \n <div class=\"bg-secondary p-5 rounded-lg card-transition hover:shadow-md\">\n <div class=\"text-primary text-2xl mb-3\">\n <i class=\"fa fa-globe\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-dark mb-2\">\u8de8\u5883\u67b6\u6784\u8bbe\u8ba1<\/h4>\n <p class=\"text-dark\/70 text-sm\">\u4f18\u5316\u8de8\u5883\u4e1a\u52a1\u67b6\u6784\uff0c\u5b9e\u73b0\u7a0e\u52a1\u6548\u7387\u6700\u5927\u5316<\/p>\n <\/div>\n \n <div class=\"bg-secondary p-5 rounded-lg card-transition hover:shadow-md\">\n <div class=\"text-primary text-2xl mb-3\">\n <i class=\"fa fa-exchange\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-dark mb-2\">\u8f6c\u8ba9\u5b9a\u4ef7<\/h4>\n <p class=\"text-dark\/70 text-sm\">\u5408\u89c4\u7684\u8f6c\u8ba9\u5b9a\u4ef7\u7b56\u7565\uff0c\u907f\u514d\u7a0e\u52a1\u4e89\u8bae<\/p>\n <\/div>\n \n <div class=\"bg-secondary p-5 rounded-lg card-transition hover:shadow-md\">\n <div class=\"text-primary text-2xl mb-3\">\n <i class=\"fa fa-shield\"><\/i>\n <\/div>\n <h4 class=\"font-bold text-dark mb-2\">\u7a0e\u52a1\u98ce\u9669\u63a7\u5236<\/h4>\n <p class=\"text-dark\/70 text-sm\">\u5efa\u7acb\u5b8c\u5584\u7684\u7a0e\u52a1\u98ce\u9669\u9632\u63a7\u4f53\u7cfb<\/p>\n <\/div>\n <\/div>\n \n <a href=\"#\" class=\"inline-flex items-center px-6 py-3 bg-primary text-light font-medium rounded-lg shadow-lg hover:bg-accent transition-all duration-300 transform hover:-translate-y-1\">\n \u5b9a\u5236\u7b79\u5212\u65b9\u6848\n <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3. \u8d26\u52a1\u7ba1\u7406 - \u80cc\u666f #f5f7fa (bg-secondary) -->\n <section id=\"accounting\" class=\"bg-secondary section-padding\">\n <div class=\"container\">\n <div class=\"flex flex-col lg:flex-row items-center gap-12\">\n <div class=\"w-full lg:w-1\/2 animate-on-scroll\">\n <!-- \u79fb\u9664\u4e86shadow-custom\u7c7b\u548c\u6e10\u53d8\u906e\u7f69\u5c42 -->\n <div class=\"relative rounded-2xl overflow-hidden group h-[400px]\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/c3a20a7108853e53c6e490952b00dd498cc501ea1c371-moh420-1.png\" alt=\"\u8d26\u52a1\u7ba1\u7406\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\n <\/div>\n <\/div>\n \n <div class=\"w-full lg:w-1\/2 animate-on-scroll\" style=\"transition-delay: 0.2s\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4\">\u8d26\u52a1\u7ba1\u7406\u670d\u52a1<\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6\">\u4e13\u4e1a\u8d26\u52a1\u7ba1\u7406\uff0c\u8d22\u52a1\u6e05\u6670\u900f\u660e<\/h2>\n <p class=\"text-dark\/80 text-lg mb-6\">\u6211\u4eec\u4e3a\u6d77\u5916\u516c\u53f8\u63d0\u4f9b\u4e13\u4e1a\u7684\u8bb0\u8d26\u3001\u8d22\u52a1\u62a5\u8868\u7f16\u5236\u548c\u5ba1\u8ba1\u62a5\u544a\u670d\u52a1\uff0c\u786e\u4fdd\u8d22\u52a1\u6570\u636e\u51c6\u786e\u5b8c\u6574\uff0c\u6ee1\u8db3\u5408\u89c4\u8981\u6c42\uff0c\u4e3a\u51b3\u7b56\u63d0\u4f9b\u53ef\u9760\u4f9d\u636e\u3002<\/p>\n \n <div class=\"space-y-6 mb-8\">\n <div class=\"flex\">\n <div class=\"mr-4 flex-shrink-0\">\n <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center text-light\">\n <span class=\"font-bold\">01<\/span>\n <\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark mb-1\">\u6d77\u5916\u516c\u53f8\u8bb0\u8d26<\/h4>\n <p class=\"text-dark\/70\">\u6309\u7167\u5f53\u5730\u4f1a\u8ba1\u51c6\u5219\u8fdb\u884c\u8d26\u52a1\u5904\u7406\uff0c\u786e\u4fdd\u8d22\u52a1\u6570\u636e\u51c6\u786e<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex\">\n <div class=\"mr-4 flex-shrink-0\">\n <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center text-light\">\n <span class=\"font-bold\">02<\/span>\n <\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark mb-1\">\u8d22\u52a1\u62a5\u8868\u7f16\u5236<\/h4>\n <p class=\"text-dark\/70\">\u7f16\u5236\u8d44\u4ea7\u8d1f\u503a\u8868\u3001\u5229\u6da6\u8868\u3001\u73b0\u91d1\u6d41\u91cf\u8868\u7b49\u8d22\u52a1\u62a5\u8868<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex\">\n <div class=\"mr-4 flex-shrink-0\">\n <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center text-light\">\n <span class=\"font-bold\">03<\/span>\n <\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark mb-1\">\u5ba1\u8ba1\u62a5\u544a\u670d\u52a1<\/h4>\n <p class=\"text-dark\/70\">\u7531\u4e13\u4e1a\u4f1a\u8ba1\u5e08\u51fa\u5177\u5ba1\u8ba1\u62a5\u544a\uff0c\u6ee1\u8db3\u5408\u89c4\u548c\u878d\u8d44\u9700\u6c42<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex\">\n <div class=\"mr-4 flex-shrink-0\">\n <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center text-light\">\n <span class=\"font-bold\">04<\/span>\n <\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark mb-1\">\u8d22\u52a1\u54a8\u8be2<\/h4>\n <p class=\"text-dark\/70\">\u57fa\u4e8e\u8d22\u52a1\u6570\u636e\u63d0\u4f9b\u4e13\u4e1a\u5206\u6790\u548c\u7ecf\u8425\u5efa\u8bae<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <a href=\"#\" class=\"inline-flex items-center px-6 py-3 bg-primary text-light font-medium rounded-lg shadow-lg hover:bg-accent transition-all duration-300 transform hover:-translate-y-1\">\n \u4e86\u89e3\u8d26\u52a1\u670d\u52a1\n <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 4. \u5408\u89c4\u54a8\u8be2 - \u80cc\u666f\u767d\u8272 (bg-light) -->\n <section id=\"compliance\" class=\"bg-light section-padding\">\n <div class=\"container\">\n <div class=\"flex flex-col lg:flex-row-reverse items-center gap-12\">\n <div class=\"w-full lg:w-1\/2 animate-on-scroll\">\n <!-- \u79fb\u9664\u4e86shadow-custom\u7c7b\u548c\u6e10\u53d8\u906e\u7f69\u5c42 -->\n <div class=\"relative rounded-2xl overflow-hidden group h-[400px]\">\n <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2026\/02\/16bcea5bc53ba89cc6dcbc91d693b61ea5ec85361935d-lcMI2f-2.png\" alt=\"\u5408\u89c4\u54a8\u8be2\u670d\u52a1\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110\">\n <\/div>\n <\/div>\n \n <div class=\"w-full lg:w-1\/2 animate-on-scroll\" style=\"transition-delay: 0.2s\">\n <span class=\"inline-block px-4 py-1 rounded-full bg-primary\/10 text-primary text-sm font-medium mb-4\">\u5408\u89c4\u54a8\u8be2\u670d\u52a1<\/span>\n <h2 class=\"text-[clamp(1.5rem,3vw,2.2rem)] font-bold text-dark mb-6\">\u6cd5\u89c4\u89e3\u8bfb\u4e0e\u5408\u89c4\u5efa\u8bae\uff0c\u4fdd\u9a7e\u62a4\u822a<\/h2>\n <p class=\"text-dark\/80 text-lg mb-6\">\u6211\u4eec\u7684\u4e13\u4e1a\u56e2\u961f\u6301\u7eed\u5173\u6ce8\u5168\u7403\u4e3b\u8981\u5e02\u573a\u7684\u8d22\u7a0e\u6cd5\u89c4\u53d8\u5316\uff0c\u4e3a\u60a8\u63d0\u4f9b\u53ca\u65f6\u7684\u6cd5\u89c4\u89e3\u8bfb\u548c\u5408\u89c4\u5efa\u8bae\uff0c\u5e2e\u52a9\u60a8\u7684\u8de8\u5883\u4e1a\u52a1\u89c4\u907f\u5408\u89c4\u98ce\u9669\u3002<\/p>\n \n <!-- \u8f6e\u64ad\u5c55\u793a\u4e3b\u8981\u5e02\u573a\u5408\u89c4\u670d\u52a1 -->\n <div class=\"carousel-container bg-secondary rounded-xl p-6 mb-8 shadow-sm\">\n <div class=\"carousel-slide\">\n <div class=\"carousel-item\">\n <div class=\"flex items-center\">\n <div class=\"w-20 h-20 rounded-full bg-primary\/10 flex items-center justify-center text-primary text-3xl mr-6\">\n <i class=\"fa fa-euro\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark text-xl mb-2\">\u6b27\u76df\u5e02\u573a\u5408\u89c4<\/h4>\n <p class=\"text-dark\/70\">VAT\u5408\u89c4\u3001\u6b27\u76df\u7a0e\u52a1\u6539\u9769\u3001\u6570\u5b57\u670d\u52a1\u7a0e\u7b49\u6cd5\u89c4\u89e3\u8bfb\u4e0e\u5e94\u5bf9<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"carousel-item\">\n <div class=\"flex items-center\">\n <div class=\"w-20 h-20 rounded-full bg-primary\/10 flex items-center justify-center text-primary text-3xl mr-6\">\n <i class=\"fa fa-gbp\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark text-xl mb-2\">\u82f1\u56fd\u5e02\u573a\u5408\u89c4<\/h4>\n <p class=\"text-dark\/70\">\u8131\u6b27\u540e\u7a0e\u52a1\u53d8\u5316\u3001VAT\u6ce8\u518c\u7533\u62a5\u3001\u8fdb\u51fa\u53e3\u7a0e\u52a1\u5408\u89c4\u7b49<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"carousel-item\">\n <div class=\"flex items-center\">\n <div class=\"w-20 h-20 rounded-full bg-primary\/10 flex items-center justify-center text-primary text-3xl mr-6\">\n <i class=\"fa fa-usd\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-dark text-xl mb-2\">\u7f8e\u56fd\u5e02\u573a\u5408\u89c4<\/h4>\n <p class=\"text-dark\/70\">\u5404\u5dde\u9500\u552e\u7a0e\u5408\u89c4\u3001\u6240\u5f97\u7a0e\u7533\u62a5\u3001\u8de8\u5883\u7535\u5546\u7a0e\u52a1\u5408\u89c4\u7b49<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u8f6e\u64ad\u63a7\u5236\u6309\u94ae -->\n <div class=\"flex justify-center mt-4 space-x-2\">\n <button class=\"carousel-dot w-3 h-3 rounded-full bg-primary\/30 focus:outline-none\"><\/button>\n <button class=\"carousel-dot w-3 h-3 rounded-full bg-primary\/30 focus:outline-none\"><\/button>\n <button class=\"carousel-dot w-3 h-3 rounded-full bg-primary\/30 focus:outline-none\"><\/button>\n <\/div>\n <\/div>\n \n <a href=\"#\" class=\"inline-flex items-center px-6 py-3 bg-primary text-light font-medium rounded-lg shadow-lg hover:bg-accent transition-all duration-300 transform hover:-translate-y-1\">\n \u83b7\u53d6\u5408\u89c4\u54a8\u8be2\n <i class=\"fa fa-arrow-right ml-2\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- JavaScript -->\n <script>\n \/\/ \u6eda\u52a8\u52a8\u753b\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ \u6eda\u52a8\u52a8\u753b\u5b9e\u73b0\n const animateElements = document.querySelectorAll('.animate-on-scroll');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, {\n threshold: 0.1\n });\n \n animateElements.forEach(element => {\n observer.observe(element);\n });\n \n \/\/ \u8f6e\u64ad\u529f\u80fd\n const carouselSlide = document.querySelector('.carousel-slide');\n const carouselItems = document.querySelectorAll('.carousel-item');\n const carouselDots = document.querySelectorAll('.carousel-dot');\n let currentSlide = 0;\n \n \/\/ \u521d\u59cb\u5316\u7b2c\u4e00\u4e2a\u8f6e\u64ad\u70b9\n carouselDots[0].classList.add('bg-primary');\n \n \/\/ \u8f6e\u64ad\u5207\u6362\u51fd\u6570\n function goToSlide(index) {\n carouselSlide.style.transform = `translateX(-${index * 100}%)`;\n carouselDots.forEach((dot, i) => {\n if (i === index) {\n dot.classList.add('bg-primary');\n dot.classList.remove('bg-primary\/30');\n } else {\n dot.classList.remove('bg-primary');\n dot.classList.add('bg-primary\/30');\n }\n });\n currentSlide = index;\n }\n \n \/\/ \u8f6e\u64ad\u70b9\u70b9\u51fb\u4e8b\u4ef6\n carouselDots.forEach((dot, index) => {\n dot.addEventListener('click', () => {\n goToSlide(index);\n });\n });\n \n \/\/ \u81ea\u52a8\u8f6e\u64ad\n setInterval(() => {\n currentSlide = (currentSlide + 1) % carouselItems.length;\n goToSlide(currentSlide);\n }, 5000);\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,\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 <!-- \ud83d\udc47 \u6b64\u5904\u4ec5\u4fdd\u7559\u4f60\u7684\u5b9e\u9645\u7f51\u9875\u5185\u5bb9\uff0c\u65e0\u4efb\u4f55\u6d4b\u8bd5div\uff01\uff01 -->\n <!-- \u793a\u4f8b\uff1a\u4f60\u7684\u5185\u5bb9\u53ef\u4ee5\u662f\u6587\u5b57\u3001\u56fe\u7247\u3001\u8868\u5355\u7b49\uff0c\u6bd4\u5982\uff1a\n <div>\u4f60\u7684\u7f51\u9875\u5185\u5bb91<\/div>\n <div>\u4f60\u7684\u7f51\u9875\u5185\u5bb92<\/div>\n -->\n\n <!-- \u8fd4\u56de\u9876\u90e8\u7bad\u5934\uff08\u4ec5\u8fd9\u4e00\u4e2a\u6309\u94ae\uff0c\u65e0\u5176\u4ed6\u5197\u4f59\u5143\u7d20\uff09 -->\n <button class=\"pure-backtop-arrow\" id=\"pureBacktopArrow\"><\/button>\n\n <script>\n \/\/ \u7b49\u5f85DOM\u52a0\u8f7d\u5b8c\u6210\n document.addEventListener('DOMContentLoaded', function() {\n const backtopBtn = document.getElementById('pureBacktopArrow');\n \n if (backtopBtn) {\n \/\/ \u6838\u5fc3\uff1a100%\u7cbe\u51c6\u8fd4\u56de\u9876\u90e8\uff08\u517c\u5bb9\u6240\u6709\u6d4f\u89c8\u5668\uff09\n backtopBtn.addEventListener('click', function() {\n \/\/ \u7acb\u5373\u505c\u6b62\u6240\u6709\u6eda\u52a8\u52a8\u753b\n window.scrollTo(0, 0);\n \n \/\/ \u73b0\u4ee3\u6d4f\u89c8\u5668\u5e73\u6ed1\u6eda\u52a8\uff08\u53cc\u5bb9\u5668\u517c\u5bb9\uff09\n if ('scrollBehavior' in document.documentElement.style) {\n document.documentElement.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n document.body.scrollTo({ top: 0, left: 0, behavior: 'smooth' });\n }\n \n \/\/ \u5f3a\u5236\u515c\u5e95\uff1a\u786e\u4fdd\u7edd\u5bf9\u5230\u9876\n setTimeout(() => {\n window.scrollTo(0, 0);\n document.documentElement.scrollTop = 0;\n document.body.scrollTop = 0;\n if (window.parent) window.parent.scrollTo(0, 0);\n }, 10);\n });\n } else {\n console.error('\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u672a\u627e\u5230\uff0c\u8bf7\u68c0\u67e5ID');\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u516c\u53f8\u7b80\u4ecb \u5168\u7403\u8de8\u5883\u8d22\u7a0e \u6df1 \u8015 \u5168 \u7403 \u7a0e \u52a1 \u5408 \u89c4\uff0c\u52a9 \u529b \u4f01 \u4e1a \u964d \u672c \u589e \u6548 \u7a33 \u5065 \u53d1 \u5c55 \u8de8\u5883\u8d22 […]<\/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-1581","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1581","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=1581"}],"version-history":[{"count":20,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1581\/revisions"}],"predecessor-version":[{"id":3392,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1581\/revisions\/3392"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}