{"id":1139,"date":"2025-11-20T14:18:18","date_gmt":"2025-11-20T06:18:18","guid":{"rendered":"http:\/\/www.dqxdao.com\/?page_id=1139"},"modified":"2026-02-09T14:15:03","modified_gmt":"2026-02-09T06:15:03","slug":"%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81","status":"publish","type":"page","link":"https:\/\/www.dqxdao.com\/index.php\/en\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/","title":{"rendered":"\u4e1c\u79cb\u897f\u7a3b\u5546\u57ce"},"content":{"rendered":"\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>\n<head>\n    <style>\n        .ys_divider_white_35px {\n            width: 100vw;\n            height: 35px;\n            background-color: transparent;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            z-index: 1000;\n            box-sizing: border-box;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u767d\u8272\u5206\u5272\u7ebf -->\n    <div class=\"ys_divider_white_35px\"><\/div>\n\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>\u5168\u54cd\u5e94\u5f0f\u5bfc\u822a\u6846\u67b6\uff08\u900f\u660e\u80cc\u666f\uff09<\/title>\n    <style>\n        \/* \u5168\u5c40\u91cd\u7f6e + \u6837\u5f0f\u9694\u79bb\u57fa\u7840 *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            list-style: none;\n            text-decoration: none;\n        }\n\n        \/* \u81ea\u5b9a\u4e49CSS\u53d8\u91cf\uff08\u72ec\u7279\u547d\u540d\uff09- \u7edf\u4e00\u7ba1\u7406\u989c\u8272\/\u5c3a\u5bf8 *\/\n        :root {\n            --uni-nav-main-width: 1225px;    \/* \u6846\u67b6\u5bbd\u5ea6 *\/\n            --uni-nav-main-height: 50px;     \/* \u6846\u67b6\u9ad8\u5ea6 *\/\n            --uni-nav-bg-color: transparent; \/* \u80cc\u666f\u8272\u6539\u4e3a\u900f\u660e *\/\n            --uni-nav-text-base: #333333;    \/* \u57fa\u7840\u6587\u5b57\u8272 *\/\n            --uni-nav-text-hover: #0088ff;   \/* hover\u6587\u5b57\u8272 *\/\n            --uni-nav-border-color: #e5e5e5; \/* \u8fb9\u6846\u8272\uff08\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u900f\u660e\u5ea6\uff09 *\/\n            --uni-nav-search-bg: #ffffff;    \/* \u641c\u7d22\u6846\u80cc\u666f\u6539\u4e3a\u767d\u8272 *\/\n            --uni-nav-mobile-menu-bg: transparent; \/* \u79fb\u52a8\u83dc\u5355\u80cc\u666f\u6539\u4e3a\u900f\u660e *\/\n            \/* \u6309\u94ae\u6e10\u53d8\u76f8\u5173\u989c\u8272\uff08\u6309\u8981\u6c42\u8c03\u6574\u4e3a#205cbc\u5230#3053b6\uff09 *\/\n            --uni-nav-btn-gradient-start: #205cbc;\n            --uni-nav-btn-gradient-end: #3053b6;\n            --uni-nav-btn-hover-start: #1c53aa; \/* hover\u6e10\u53d8\u8d77\u59cb\u8272\uff08\u7a0d\u6df1\uff09 *\/\n            --uni-nav-btn-hover-end: #2849a8;  \/* hover\u6e10\u53d8\u7ed3\u675f\u8272\uff08\u7a0d\u6df1\uff09 *\/\n        }\n\n        \/* \u5bfc\u822a\u5916\u5c42\u5bb9\u5668\uff08\u5168\u5c4f\u5bbd\u5ea6\uff09 *\/\n        .uni-nav-container {\n            width: 100%;\n            background: var(--uni-nav-bg-color);\n            border-bottom: 1px solid var(--uni-nav-border-color);\n            position: relative;\n            z-index: 1000; \/* \u63d0\u9ad8\u5c42\u7ea7\u786e\u4fdd\u4e0d\u88ab\u906e\u6321 *\/\n        }\n\n        \/* \u5bfc\u822a\u6838\u5fc3\u5bb9\u5668\uff08\u56fa\u5b9a\u5bbd\u9ad8\uff09 *\/\n        .uni-nav-wrapper {\n            width: var(--uni-nav-main-width);\n            height: var(--uni-nav-main-height);\n            margin: 0 auto;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            position: relative;\n        }\n\n        \/* Logo\u533a\u57df - \u8c03\u6574\u4e3a\u4e0d\u52a0\u7c97 *\/\n        .uni-nav-logo {\n            width: auto; \/* \u9002\u914d\u6587\u5b57\u5bbd\u5ea6 *\/\n            height: 100%;\n            display: flex;\n            align-items: center;\n            z-index: 1001;\n        }\n        .uni-nav-logo-text {\n\tfont-size: 20px;\n\t\/* \u79fb\u9664\u52a0\u7c97\u6837\u5f0f\uff0c\u9ed8\u8ba4\u6b63\u5e38\u5b57\u91cd *\/\n\tcolor: #535353;\n\tfont-weight: 600;\n        }\n\n        \/* \u5bfc\u822a\u83dc\u5355\u533a\u57df *\/\n        .uni-nav-menu {\n            display: flex;\n            height: 100%;\n            z-index: 1001; \/* \u63d0\u9ad8\u5c42\u7ea7 *\/\n        }\n        .uni-nav-menu-item {\n            height: 100%;\n            margin: 0 15px;\n        }\n        .uni-nav-menu-link {\n            display: flex;\n            align-items: center;\n            height: 100%;\n            padding: 0 5px;\n            color: var(--uni-nav-text-base);\n            font-size: 14px;\n            transition: color 0.2s ease; \/* \u5e73\u6ed1\u8fc7\u6e21 *\/\n        }\n        .uni-nav-menu-link:hover {\n            color: var(--uni-nav-text-hover);\n        }\n\n        \/* \u641c\u7d22\u533a\u57df *\/\n        .uni-nav-search-box {\n            display: flex;\n            align-items: center;\n            height: 100%;\n            z-index: 1001; \/* \u63d0\u9ad8\u5c42\u7ea7 *\/\n        }\n        .uni-nav-search-input {\n            width: 200px;\n            height: 32px;\n            padding: 0 10px;\n            background: var(--uni-nav-search-bg); \/* \u767d\u8272\u80cc\u666f *\/\n            border: 1px solid var(--uni-nav-border-color);\n            border-right: none;\n            border-radius: 4px 0 0 4px;\n            outline: none;\n            font-size: 13px;\n            color: var(--uni-nav-text-base);\n            vertical-align: top;\n        }\n        .uni-nav-search-btn {\n            height: 32px;\n            width: 80px;\n            \/* \u6309\u94ae\u6e10\u53d8\u80cc\u666f\uff08#205cbc\u5230#3053b6\uff09 *\/\n            background: linear-gradient(to right, var(--uni-nav-btn-gradient-start), var(--uni-nav-btn-gradient-end));\n            color: #fff;\n            border: none;\n            border-radius: 0 4px 4px 0;\n            cursor: pointer;\n            font-size: 13px;\n            transition: all 0.2s ease;\n            vertical-align: top;\n            border: 1px solid var(--uni-nav-btn-gradient-start);\n        }\n        .uni-nav-search-btn:hover {\n            \/* hover\u72b6\u6001\u6e10\u53d8\uff08\u9002\u914d\u6df1\u8272\u7cfb\uff09 *\/\n            background: linear-gradient(to right, var(--uni-nav-btn-hover-start), var(--uni-nav-btn-hover-end));\n            border-color: var(--uni-nav-btn-hover-start);\n        }\n\n        \/* \u6c49\u5821\u83dc\u5355\u6309\u94ae - \u79fb\u52a8\u7aef\u663e\u793a *\/\n        .uni-nav-toggle {\n            display: none;\n            flex-direction: column;\n            justify-content: space-between;\n            width: 24px;\n            height: 18px;\n            background: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 0;\n            z-index: 1002; \/* \u786e\u4fdd\u6309\u94ae\u5728\u6700\u524d\u9762 *\/\n        }\n        .uni-nav-toggle span {\n            width: 100%;\n            height: 2px;\n            background-color: var(--uni-nav-text-base);\n            transition: all 0.3s ease;\n        }\n\n        \/* \u79fb\u52a8\u7aef\u83dc\u5355\u6fc0\u6d3b\u72b6\u6001 *\/\n        .uni-nav-toggle.active span:nth-child(1) {\n            transform: translateY(8px) rotate(45deg);\n        }\n        .uni-nav-toggle.active span:nth-child(2) {\n            opacity: 0;\n        }\n        .uni-nav-toggle.active span:nth-child(3) {\n            transform: translateY(-8px) rotate(-45deg);\n        }\n\n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        \/* \u5e73\u677f\u8bbe\u5907 (\u5bbd\u5ea6\u5c0f\u4e8e1225px) *\/\n        @media screen and (max-width: 1225px) {\n            .uni-nav-wrapper {\n                width: 100%;\n                padding: 0 20px;\n            }\n            .uni-nav-search-input {\n                width: 150px;\n            }\n        }\n\n        \/* \u4e2d\u7b49\u5e73\u677f\u8bbe\u5907 (\u5bbd\u5ea6\u5c0f\u4e8e992px) *\/\n        @media screen and (max-width: 992px) {\n            .uni-nav-menu-item {\n                margin: 0 10px;\n            }\n            .uni-nav-search-input {\n                width: 120px;\n            }\n        }\n\n        \/* \u79fb\u52a8\u8bbe\u5907 (\u5bbd\u5ea6\u5c0f\u4e8e768px) *\/\n        @media screen and (max-width: 768px) {\n            .uni-nav-wrapper {\n                height: auto;\n                min-height: 50px;\n                padding: 10px 15px;\n                flex-wrap: wrap;\n            }\n            \n            \/* \u663e\u793a\u6c49\u5821\u83dc\u5355 *\/\n            .uni-nav-toggle {\n                display: flex;\n            }\n            \n            \/* \u9690\u85cf\u9ed8\u8ba4\u83dc\u5355 *\/\n            .uni-nav-menu {\n                position: absolute;\n                top: 100%;\n                left: 0;\n                width: 100%;\n                flex-direction: column;\n                background-color: var(--uni-nav-mobile-menu-bg);\n                border-top: 1px solid var(--uni-nav-border-color);\n                max-height: 0;\n                overflow: hidden;\n                transition: max-height 0.3s ease;\n            }\n            \n            \/* \u83dc\u5355\u6fc0\u6d3b\u72b6\u6001 *\/\n            .uni-nav-menu.active {\n                max-height: 300px;\n            }\n            \n            .uni-nav-menu-item {\n                height: auto;\n                margin: 0;\n                border-bottom: 1px solid var(--uni-nav-border-color);\n            }\n            \n            .uni-nav-menu-link {\n                height: 50px;\n                padding: 0 20px;\n            }\n            \n            \/* \u641c\u7d22\u533a\u57df\u5728\u79fb\u52a8\u7aef\u5360\u6ee1\u5bbd\u5ea6 *\/\n            .uni-nav-search-box {\n                width: 100%;\n                margin-top: 15px;\n                order: 3; \/* \u653e\u5728\u83dc\u5355\u4e0b\u65b9 *\/\n                display: none; \/* \u9ed8\u8ba4\u9690\u85cf *\/\n            }\n            \n            .uni-nav-search-box.active {\n                display: flex;\n            }\n            \n            .uni-nav-search-input {\n                width: calc(100% - 80px);\n            }\n        }\n\n        \/* \u5c0f\u5c4f\u5e55\u624b\u673a (\u5bbd\u5ea6\u5c0f\u4e8e480px) *\/\n        @media screen and (max-width: 480px) {\n            .uni-nav-logo {\n                width: auto;\n            }\n            .uni-nav-logo-text {\n\tfont-size: 16px;\n\tfont-weight: 600;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u5bfc\u822a\u6846\u67b6\u6838\u5fc3\u7ed3\u6784 -->\n    <div class=\"uni-nav-container\">\n        <div class=\"uni-nav-wrapper\">\n            <!-- Logo\u533a\u57df - \u6587\u5b57\u6539\u4e3a\u4e1c\u79cb\u897f\u7a3b\u5546\u57ce -->\n            <div class=\"uni-nav-logo\">\n                <span class=\"uni-nav-logo-text\">\u4e1c\u79cb\u897f\u7a3b\u5546\u57ce<\/span>\n            <\/div>\n\n            <!-- \u6c49\u5821\u83dc\u5355\u6309\u94ae - \u79fb\u52a8\u7aef\u663e\u793a -->\n            <button class=\"uni-nav-toggle\" id=\"navToggle\">\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n            <\/button>\n\n            <!-- \u5bfc\u822a\u83dc\u5355 -->\n            <ul class=\"uni-nav-menu\" id=\"navMenu\">\n                <li class=\"uni-nav-menu-item\">\n                    <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/\" target=\"_blank\" class=\"uni-nav-menu-link\">\u8336\u53f6<\/a>\n                <\/li>\n                <li class=\"uni-nav-menu-item\">\n                    <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/\" target=\"_blank\" class=\"uni-nav-menu-link\">\u5439\u98ce\u673a<\/a>\n                <\/li>\n                <li class=\"uni-nav-menu-item\">\n                    <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/\" target=\"_blank\" class=\"uni-nav-menu-link\">\u6ecb\u8865\u54c1<\/a>\n                <\/li>\n                <li class=\"uni-nav-menu-item\">\n                    <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/\" target=\"_blank\" class=\"uni-nav-menu-link\">\u575a\u679c\u96f6\u98df<\/a>\n                <\/li>\n                <li class=\"uni-nav-menu-item\">\n                    <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/\" target=\"_blank\" class=\"uni-nav-menu-link\">\u5bb6\u7528\u7535\u5668<\/a>\n                <\/li>\n            <\/ul>\n\n            <!-- \u641c\u7d22\u533a\u57df -->\n            <div class=\"uni-nav-search-box\" id=\"searchBox\">\n                <input type=\"text\" class=\"uni-nav-search-input\" placeholder=\"\u8bf7\u8f93\u5165\u641c\u7d22\u5185\u5bb9\">\n                <button class=\"uni-nav-search-btn\">\u641c\u7d22<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const navToggle = document.getElementById('navToggle');\n            const navMenu = document.getElementById('navMenu');\n            const searchBox = document.getElementById('searchBox');\n            \n            navToggle.addEventListener('click', function() {\n                \/\/ \u5207\u6362\u83dc\u5355\u6fc0\u6d3b\u72b6\u6001\n                navToggle.classList.toggle('active');\n                navMenu.classList.toggle('active');\n                searchBox.classList.toggle('active');\n            });\n            \n            \/\/ \u70b9\u51fb\u83dc\u5355\u9879\u540e\u5173\u95ed\u83dc\u5355\uff08\u79fb\u52a8\u7aef\uff09\n            const menuItems = document.querySelectorAll('.uni-nav-menu-link');\n            menuItems.forEach(item => {\n                item.addEventListener('click', function() {\n                    if (window.innerWidth <= 768) {\n                        navToggle.classList.remove('active');\n                        navMenu.classList.remove('active');\n                        searchBox.classList.remove('active');\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n    <style>\n        .ys_divider_white_20px {\n            width: 100vw;\n            height: 20px;\n            background-color: transparent;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            z-index: 1000;\n            box-sizing: border-box;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u767d\u8272\u5206\u5272\u7ebf -->\n    <div class=\"ys_divider_white_20px\"><\/div>\n\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-columns 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>\u54cd\u5e94\u5f0f\u8d2d\u7269\u5bfc\u822a\u4e0e\u6d77\u62a5\u8f6e\u64ad<\/title>\n    <!-- \u5f15\u5165Font Awesome\u56fe\u6807\u5e93\uff08\u7528\u4e8e\u663e\u793a\u5c0f\u56fe\u6807\uff09 -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        \/* \u91cd\u7f6e\u6837\u5f0f *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: \"Microsoft YaHei\", sans-serif;\n            background-color: #f5f5f5;\n            padding: 20px;\n        }\n        \n        \/* \u4e3b\u5bb9\u5668 *\/\n        .ysbubian-container {\n            max-width: 1225px;\n            height: auto;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);\n            border-radius: 5px;\n        }\n        \n        \/* \u5de6\u4fa7\u5bfc\u822a\u680f - \u6838\u5fc3\u4fee\u6539\uff1a\u4e2d\u7070\u8272\u80cc\u666f+\u767d\u8272\u6587\u5b57 *\/\n        .ysbubian-nav {\n            width: 100%;\n            background-color: #898989; \/* \u65b0\u80cc\u666f\u8272 #898989 *\/\n            padding: 0;\n            display: none; \/* \u9ed8\u8ba4\u5728\u79fb\u52a8\u7aef\u9690\u85cf *\/\n            flex-direction: column;\n        }\n        \n        .ysbubian-nav.active {\n            display: flex;\n        }\n        \n        .ysbubian-nav-item {\n            padding: 12px 25px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            text-decoration: none;\n            color: #ffffff; \/* \u5b57\u4f53\u6539\u4e3a\u767d\u8272 *\/\n            font-size: 16px;\n            transition: all 0.3s ease;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1); \/* \u767d\u8272\u534a\u900f\u660e\u5206\u5272\u7ebf\uff0c\u9002\u914d\u4e2d\u7070\u80cc\u666f *\/\n        }\n        \n        \/* \u5bfc\u822a\u9879\u56fe\u6807\u6837\u5f0f - \u65b0\u589e *\/\n        .ysbubian-nav-icon {\n            margin-right: 12px;\n            font-size: 18px;\n            width: 20px; \/* \u56fa\u5b9a\u56fe\u6807\u5bbd\u5ea6\uff0c\u4fdd\u8bc1\u6240\u6709\u5bfc\u822a\u9879\u5bf9\u9f50 *\/\n            text-align: center;\n            color: #ffffff; \/* \u56fe\u6807\u767d\u8272 *\/\n        }\n        \n        \/* \u5bfc\u822a\u9879\u6587\u5b57\u5bb9\u5668\uff08\u56fe\u6807+\u6587\u5b57\uff09- \u65b0\u589e\uff0c\u4fdd\u8bc1\u5e03\u5c40\u7a33\u5b9a *\/\n        .ysbubian-nav-text {\n            display: flex;\n            align-items: center;\n        }\n        \n        \/* \u8c03\u6574hover\u6837\u5f0f\u9002\u914d\u4e2d\u7070\u80cc\u666f *\/\n        .ysbubian-nav-item:hover {\n            background-color: rgba(255, 255, 255, 0.1); \/* \u767d\u8272\u534a\u900f\u660ehover\u80cc\u666f\uff0c\u63d0\u5347\u4ea4\u4e92\u53cd\u9988 *\/\n            color: #ffffff; \/* \u4fdd\u6301\u767d\u8272\u5b57\u4f53 *\/\n        }\n        \n        .ysbubian-nav-arrow {\n            font-size: 14px;\n            color: #ffffff; \/* \u7bad\u5934\u6539\u4e3a\u767d\u8272 *\/\n        }\n        \n        \/* \u5bfc\u822a\u5207\u6362\u6309\u94ae - \u79fb\u52a8\u7aef\u663e\u793a - \u540c\u6b65\u4e2d\u7070\u914d\u8272 *\/\n        .ysbubian-nav-toggle {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 8px 12px; \/* \u51cf\u5c11\u4e0a\u4e0b\u5185\u8fb9\u8ddd\uff0c\u964d\u4f4e\u9ad8\u5ea6 *\/\n            background-color: #898989; \/* \u6309\u94ae\u80cc\u666f\u540c\u6b65 #898989 *\/\n            color: #ffffff; \/* \u6309\u94ae\u5b57\u4f53\u767d\u8272 *\/\n            font-size: 16px;\n            cursor: pointer;\n            border: none;\n            width: 100%;\n            border-radius: 20px; \/* \u8bbe\u7f6e\u5706\u89d2 *\/\n            height: 40px; \/* \u56fa\u5b9a\u6309\u94ae\u9ad8\u5ea6 *\/\n            margin-bottom: 10px; \/* \u589e\u52a0\u5e95\u90e8\u95f4\u8ddd\uff0c\u907f\u514d\u548c\u5bfc\u822a\u91cd\u53e0 *\/\n        }\n        \n        .ysbubian-nav-toggle span {\n            margin-right: 8px;\n        }\n        \n        \/* \u53f3\u4fa7\u8f6e\u64ad\u533a\u57df - \u4fdd\u6301\u539f\u6709\u6837\u5f0f *\/\n        .ysbubian-carousel {\n            flex: 1;\n            position: relative;\n            overflow: hidden;\n            height: 460px;\n        }\n        \n        .ysbubian-slides {\n            width: 100%;\n            height: 100%;\n            position: relative;\n        }\n        \n        .ysbubian-slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0;\n            transition: opacity 0.8s ease;\n            display: flex;\n            align-items: center;\n            background-size: cover;\n            background-position: center;\n        }\n        \n        \/* \u4e3a\u8f6e\u64ad\u9879\u6dfb\u52a0\u94fe\u63a5\u533a\u57df *\/\n        .ysbubian-slide-link {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2; \/* \u786e\u4fdd\u94fe\u63a5\u5728\u5185\u5bb9\u4e4b\u4e0a *\/\n        }\n        \n        .ysbubian-slide.active {\n            opacity: 1;\n        }\n        \n        .ysbubian-slide-content {\n            width: 50%;\n            padding: 0 50px;\n            color: #fff;\n            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);\n            position: relative;\n            z-index: 3; \/* \u786e\u4fdd\u5185\u5bb9\u5728\u94fe\u63a5\u4e4b\u4e0a *\/\n        }\n        \n        .ysbubian-slide-title {\n            font-size: 36px;\n            margin-bottom: 15px;\n            font-weight: bold;\n        }\n        \n        .ysbubian-slide-desc {\n            font-size: 18px;\n            margin-bottom: 25px;\n            line-height: 1.5;\n        }\n        \n        .ysbubian-btn {\n            display: inline-block;\n            padding: 8px 30px; \/* \u51cf\u5c11\u4e0a\u4e0b\u5185\u8fb9\u8ddd\uff0c\u964d\u4f4e\u9ad8\u5ea6 *\/\n            background-color: #e74c3c;\n            color: white;\n            text-decoration: none;\n            border-radius: 20px; \/* \u8bbe\u7f6e\u66f4\u5927\u7684\u5706\u89d2 *\/\n            font-size: 16px;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n            position: relative;\n            z-index: 3; \/* \u786e\u4fdd\u6309\u94ae\u5728\u94fe\u63a5\u4e4b\u4e0a *\/\n            height: 36px; \/* \u56fa\u5b9a\u6309\u94ae\u9ad8\u5ea6 *\/\n            line-height: 18px; \/* \u786e\u4fdd\u6587\u5b57\u5782\u76f4\u5c45\u4e2d *\/\n        }\n        \n        .ysbubian-btn:hover {\n            background-color: #c0392b;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n        }\n        \n        \/* \u8f6e\u64ad\u5bfc\u822a\u7bad\u5934 *\/\n        .ysbubian-carousel-nav {\n            position: absolute;\n            top: 50%;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            transform: translateY(-50%);\n            padding: 0 20px;\n            z-index: 4; \/* \u786e\u4fdd\u5bfc\u822a\u7bad\u5934\u5728\u94fe\u63a5\u4e4b\u4e0a *\/\n        }\n        \n        .ysbubian-carousel-arrow {\n            width: 40px;\n            height: 40px;\n            background-color: rgba(255, 255, 255, 0.7);\n            border-radius: 50%; \/* \u4fdd\u6301\u5706\u5f62 *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-weight: bold;\n        }\n        \n        .ysbubian-carousel-arrow:hover {\n            background-color: rgba(255, 255, 255, 0.9);\n            transform: scale(1.1);\n        }\n        \n        \/* \u8f6e\u64ad\u6307\u793a\u5668 *\/\n        .ysbubian-indicators {\n            position: absolute;\n            bottom: 20px;\n            left: 0;\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            z-index: 4; \/* \u786e\u4fdd\u6307\u793a\u5668\u5728\u94fe\u63a5\u4e4b\u4e0a *\/\n        }\n        \n        .ysbubian-indicator {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            background-color: rgba(255, 255, 255, 0.5);\n            margin: 0 5px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .ysbubian-indicator.active {\n            background-color: white;\n            transform: scale(1.2);\n        }\n        \n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        \n        \/* \u5e73\u677f\u8bbe\u5907 (768px - 1024px) *\/\n        @media screen and (min-width: 768px) {\n            .ysbubian-container {\n                flex-direction: row;\n            }\n            \n            .ysbubian-nav {\n                width: 240px;\n                display: flex;\n                padding: 20px 0;\n            }\n            \n            .ysbubian-nav-toggle {\n                display: none;\n            }\n            \n            .ysbubian-carousel {\n                height: 460px;\n            }\n            \n            .ysbubian-slide-content {\n                width: 60%;\n            }\n        }\n        \n        \/* \u684c\u9762\u8bbe\u5907 (1025px\u53ca\u4ee5\u4e0a) *\/\n        @media screen and (min-width: 1025px) {\n            .ysbubian-slide-content {\n                width: 50%;\n            }\n        }\n        \n        \/* \u79fb\u52a8\u8bbe\u5907\u4f18\u5316 (767px\u53ca\u4ee5\u4e0b) *\/\n        @media screen and (max-width: 767px) {\n            body {\n                padding: 10px;\n            }\n            \n            .ysbubian-carousel {\n                height: 300px;\n            }\n            \n            .ysbubian-slide-content {\n                width: 90%;\n                padding: 0 20px;\n            }\n            \n            .ysbubian-slide-title {\n                font-size: 24px;\n            }\n            \n            .ysbubian-slide-desc {\n                font-size: 14px;\n                margin-bottom: 15px;\n            }\n            \n            .ysbubian-btn {\n                padding: 6px 20px;\n                font-size: 14px;\n                height: 32px;\n            }\n            \n            .ysbubian-carousel-arrow {\n                width: 30px;\n                height: 30px;\n                font-size: 14px;\n            }\n            \n            .ysbubian-indicators {\n                bottom: 10px;\n            }\n            \n            \/* \u79fb\u52a8\u7aef\u56fe\u6807\u9002\u914d - \u7f29\u5c0f\u56fe\u6807\u5c3a\u5bf8 *\/\n            .ysbubian-nav-icon {\n                font-size: 16px;\n                width: 18px;\n            }\n            \n            \/* \u79fb\u52a8\u7aef\u5bfc\u822a\u6309\u94ae\u9002\u914d *\/\n            .ysbubian-nav-toggle {\n                height: 36px;\n                font-size: 14px;\n            }\n        }\n        \n        \/* \u5c0f\u5c4f\u5e55\u624b\u673a\u4f18\u5316 (480px\u53ca\u4ee5\u4e0b) *\/\n        @media screen and (max-width: 480px) {\n            .ysbubian-carousel {\n                height: 250px;\n            }\n            \n            .ysbubian-slide-title {\n                font-size: 20px;\n            }\n            \n            .ysbubian-slide-desc {\n                font-size: 12px;\n            }\n            \n            .ysbubian-btn {\n                padding: 5px 16px;\n                font-size: 12px;\n                height: 28px;\n            }\n            \n            \/* \u5c0f\u5c4f\u5e55\u5bfc\u822a\u6309\u94ae\u9002\u914d *\/\n            .ysbubian-nav-toggle {\n                height: 32px;\n                font-size: 13px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"ysbubian-container\">\n        <!-- \u79fb\u52a8\u7aef\u5bfc\u822a\u5207\u6362\u6309\u94ae - \u66ff\u6362\u4e3aFont Awesome\u56fe\u6807 -->\n        <button class=\"ysbubian-nav-toggle\" id=\"navToggle\">\n            <span><i class=\"fas fa-bars\"><\/i><\/span> \u5546\u54c1\u5206\u7c7b\n        <\/button>\n        \n        <!-- \u5de6\u4fa7\u5bfc\u822a - \u4e3a\u6bcf\u4e2a\u9879\u6dfb\u52a0\u56fe\u6807\u548c\u94fe\u63a5 -->\n        <div class=\"ysbubian-nav\" id=\"sideNav\">\n            <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-nav-item\" target=\"_blank\">\n                <div class=\"ysbubian-nav-text\">\n                    <i class=\"fas fa-tv ysbubian-nav-icon\"><\/i>\n                    \u5bb6\u7528\u7535\u5668\n                <\/div>\n                <span class=\"ysbubian-nav-arrow\">><\/span>\n            <\/a>\n            <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-nav-item\" target=\"_blank\">\n                <div class=\"ysbubian-nav-text\">\n                    <i class=\"fas fa-utensils ysbubian-nav-icon\"><\/i>\n                    \u5bb6\u5c45\u53a8\u5177\n                <\/div>\n                <span class=\"ysbubian-nav-arrow\">><\/span>\n            <\/a>\n            <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-nav-item\" target=\"_blank\">\n                <div class=\"ysbubian-nav-text\">\n                    <i class=\"fas fa-utensils ysbubian-nav-icon\"><\/i>\n                    \u98df\u54c1\u996e\u54c1\n                <\/div>\n                <span class=\"ysbubian-nav-arrow\">><\/span>\n            <\/a>\n            <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-nav-item\" target=\"_blank\">\n                <div class=\"ysbubian-nav-text\">\n                    <i class=\"fas fa-bath ysbubian-nav-icon\"><\/i>\n                    \u4e2a\u62a4\u6e05\u6d01\n                <\/div>\n                <span class=\"ysbubian-nav-arrow\">><\/span>\n            <\/a>\n            <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-nav-item\" target=\"_blank\">\n                <div class=\"ysbubian-nav-text\">\n                    <i class=\"fas fa-person-running ysbubian-nav-icon\"><\/i>\n                    \u8fd0\u52a8\u6237\u5916\n                <\/div>\n                <span class=\"ysbubian-nav-arrow\">><\/span>\n            <\/a>\n            <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-nav-item\" target=\"_blank\">\n                <div class=\"ysbubian-nav-text\">\n                    <i class=\"fas fa-gem ysbubian-nav-icon\"><\/i>\n                    \u670d\u9970\u7bb1\u5305\n                <\/div>\n                <span class=\"ysbubian-nav-arrow\">><\/span>\n            <\/a>\n            <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-nav-item\" target=\"_blank\">\n                <div class=\"ysbubian-nav-text\">\n                    <i class=\"fas fa-briefcase ysbubian-nav-icon\"><\/i>\n                    \u529e\u516c\u7528\u54c1\n                <\/div>\n                <span class=\"ysbubian-nav-arrow\">><\/span>\n            <\/a>\n            <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-nav-item\" target=\"_blank\">\n                <div class=\"ysbubian-nav-text\">\n                    <i class=\"fas fa-mobile-alt ysbubian-nav-icon\"><\/i>\n                    \u6570\u7801\u4ea7\u54c1\n                <\/div>\n                <span class=\"ysbubian-nav-arrow\">><\/span>\n            <\/a>\n        <\/div>\n        \n        <!-- \u53f3\u4fa7\u8f6e\u64ad - \u4fdd\u6301\u539f\u6709\u7ed3\u6784 -->\n        <div class=\"ysbubian-carousel\">\n            <div class=\"ysbubian-slides\">\n                <!-- \u8f6e\u64ad\u98791 -->\n                <div class=\"ysbubian-slide active\" style=\"background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/\u5546\u57ce\u6d77\u62a5.png')\">\n                    <!-- \u6dfb\u52a0\u5168\u5c4f\u94fe\u63a5 -->\n                    <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-slide-link\" target=\"_blank\"><\/a>\n                    <div class=\"ysbubian-slide-content\">\n                        <h2 class=\"ysbubian-slide-title\">\u9c9c\u8863\u6012\u9a6c\u8fce\u65b0\u5c81<\/h2>\n                        <p class=\"ysbubian-slide-desc\">\u65b0\u5e74\u793c\u8d60\/\u4f01\u4e1a\u5b9a\u5236\/\u5a92\u4f53\u7b54\u8c22\/\u5546\u52a1\u5f80\u6765\/\u5458\u5de5\u798f\u5229\/\u9002\u5408\u591a\u79cd\u573a\u666f<\/p>\n                        <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-btn\" target=\"_blank\">\u7acb\u5373\u8d2d\u4e70<\/a>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u8f6e\u64ad\u98792 -->\n                <div class=\"ysbubian-slide\" style=\"background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/1\u5546\u57ce\u6d77\u62a5-2.png')\">\n                    <!-- \u6dfb\u52a0\u5168\u5c4f\u94fe\u63a5 -->\n                    <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-slide-link\" target=\"_blank\"><\/a>\n                    <div class=\"ysbubian-slide-content\">\n                        <h2 class=\"ysbubian-slide-title\">\u9ad8\u901f\u5439\u98ce\u673a<\/h2>\n                        <p class=\"ysbubian-slide-desc\">\u5feb\u901f\u5e72\u53d1\/\u9759\u97f3\u8bbe\u8ba1\/\u8f7b\u76c8\u4fbf\u643a<\/p>\n                        <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-btn\" target=\"_blank\">\u7acb\u5373\u8d2d\u4e70<\/a>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u8f6e\u64ad\u98793 -->\n                <div class=\"ysbubian-slide\" style=\"background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/phpl5Sx09.png')\">\n                    <!-- \u6dfb\u52a0\u5168\u5c4f\u94fe\u63a5 -->\n                    <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-slide-link\" target=\"_blank\"><\/a>\n                    <div class=\"ysbubian-slide-content\">\n                        <h2 class=\"ysbubian-slide-title\">\u4e07\u4e8b\u5982\u610f\u9001\u798f\u675e<\/h2>\n                        <p class=\"ysbubian-slide-desc\">\u4f20\u60c5\u8fbe\u610f\u597d\u793c\u7269\uff0c\u9001\u793c\u5c31\u9001\u4e00\u4efd\u5065\u5eb7<\/p>\n                        <a href=\"https:\/\/www.dqxdao.com\/index.php\/%e8%87%aa%e8%90%a5%e5%95%86%e5%93%81\/#\" class=\"ysbubian-btn\" target=\"_blank\">\u7acb\u5373\u8d2d\u4e70<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u8f6e\u64ad\u5bfc\u822a\u7bad\u5934 -->\n            <div class=\"ysbubian-carousel-nav\">\n                <div class=\"ysbubian-carousel-arrow prev\">\u276e<\/div>\n                <div class=\"ysbubian-carousel-arrow next\">\u276f<\/div>\n            <\/div>\n            \n            <!-- \u8f6e\u64ad\u6307\u793a\u5668 -->\n            <div class=\"ysbubian-indicators\">\n                <div class=\"ysbubian-indicator active\"><\/div>\n                <div class=\"ysbubian-indicator\"><\/div>\n                <div class=\"ysbubian-indicator\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ \u8f6e\u64ad\u529f\u80fd - \u4fdd\u6301\u539f\u6709\u903b\u8f91\n            const slides = document.querySelectorAll('.ysbubian-slide');\n            const indicators = document.querySelectorAll('.ysbubian-indicator');\n            const prevBtn = document.querySelector('.ysbubian-carousel-arrow.prev');\n            const nextBtn = document.querySelector('.ysbubian-carousel-arrow.next');\n            let currentSlide = 0;\n            const slideCount = slides.length;\n            \n            \/\/ \u5207\u6362\u5230\u6307\u5b9a\u5e7b\u706f\u7247\n            function goToSlide(n) {\n                slides[currentSlide].classList.remove('active');\n                indicators[currentSlide].classList.remove('active');\n                \n                currentSlide = (n + slideCount) % slideCount;\n                \n                slides[currentSlide].classList.add('active');\n                indicators[currentSlide].classList.add('active');\n            }\n            \n            \/\/ \u4e0b\u4e00\u5f20\n            function nextSlide() {\n                goToSlide(currentSlide + 1);\n            }\n            \n            \/\/ \u4e0a\u4e00\u5f20\n            function prevSlide() {\n                goToSlide(currentSlide - 1);\n            }\n            \n            \/\/ \u81ea\u52a8\u8f6e\u64ad\n            let slideInterval = setInterval(nextSlide, 5000);\n            \n            \/\/ \u4e8b\u4ef6\u76d1\u542c\n            nextBtn.addEventListener('click', function() {\n                clearInterval(slideInterval);\n                nextSlide();\n                slideInterval = setInterval(nextSlide, 5000);\n            });\n            \n            prevBtn.addEventListener('click', function() {\n                clearInterval(slideInterval);\n                prevSlide();\n                slideInterval = setInterval(nextSlide, 5000);\n            });\n            \n            \/\/ \u6307\u793a\u5668\u70b9\u51fb\u4e8b\u4ef6\n            indicators.forEach((indicator, index) => {\n                indicator.addEventListener('click', function() {\n                    clearInterval(slideInterval);\n                    goToSlide(index);\n                    slideInterval = setInterval(nextSlide, 5000);\n                });\n            });\n            \n            \/\/ \u9f20\u6807\u60ac\u505c\u6682\u505c\u8f6e\u64ad\n            const carousel = document.querySelector('.ysbubian-carousel');\n            carousel.addEventListener('mouseenter', function() {\n                clearInterval(slideInterval);\n            });\n            \n            carousel.addEventListener('mouseleave', function() {\n                slideInterval = setInterval(nextSlide, 5000);\n            });\n            \n            \/\/ \u79fb\u52a8\u7aef\u5bfc\u822a\u5207\u6362\n            const navToggle = document.getElementById('navToggle');\n            const sideNav = document.getElementById('sideNav');\n            \n            navToggle.addEventListener('click', function() {\n                sideNav.classList.toggle('active');\n            });\n            \n            \/\/ \u70b9\u51fb\u5bfc\u822a\u9879\u540e\u5173\u95ed\u5bfc\u822a\uff08\u79fb\u52a8\u7aef\uff09\n            const navItems = document.querySelectorAll('.ysbubian-nav-item');\n            navItems.forEach(item => {\n                item.addEventListener('click', function() {\n                    if (window.innerWidth <= 768) {\n                        sideNav.classList.remove('active');\n                    }\n                });\n            });\n            \n            \/\/ \u9632\u6b62\u8f6e\u64ad\u56fe\u5168\u5c4f\u94fe\u63a5\u5e72\u6270\u8f6e\u64ad\u5bfc\u822a\n            const slideLinks = document.querySelectorAll('.ysbubian-slide-link');\n            slideLinks.forEach(link => {\n                link.addEventListener('click', function(e) {\n                    \/\/ \u5141\u8bb8\u94fe\u63a5\u6b63\u5e38\u8df3\u8f6c\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n    <style>\n        .ys_divider_white_35px {\n            width: 100vw;\n            height: 35px;\n            background-color: transparent;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            z-index: 1000;\n            box-sizing: border-box;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u767d\u8272\u5206\u5272\u7ebf -->\n    <div class=\"ys_divider_white_35px\"><\/div>\n\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>\u7535\u5546\u8d2d\u7269\u9875\u9762 - \u5e03\u5c40\u4f18\u5316<\/title>\n    <!-- \u5f15\u5165\u5b57\u4f53\u56fe\u6807\uff08\u8d2d\u7269\u8f66\u56fe\u6807\uff09 -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.bootcdn.net\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        \/* \u5168\u5c40\u91cd\u7f6e+\u57fa\u7840\u6837\u5f0f\uff08\u907f\u514d\u5916\u90e8\u6837\u5f0f\u5e72\u6270\uff09 *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: \"Microsoft Yahei\", sans-serif;\n        }\n        body {\n            background-color: #f5f5f5;\n            padding: 20px 0;\n        }\n\n        \/* \u65b0\u589e\uff1a\u5206\u7c7b\u6807\u9898\u533a\u57df\u6837\u5f0f *\/\n        .ecshop-category-header {\n            max-width: 1242px;\n            margin: 0 auto 20px auto;\n            padding: 0 10px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        .ecshop-category-title {\n            font-size: 20px;\n            color: #333;\n            font-weight: bold;\n        }\n        .ecshop-more-link {\n            font-size: 14px;\n            color: #999; \/* \u4fee\u6539\uff1a\u6539\u4e3a\u7070\u8272 #999 *\/\n            text-decoration: none;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            transition: color 0.3s ease; \/* \u6dfb\u52a0\u8fc7\u6e21\u6548\u679c *\/\n        }\n        .ecshop-more-link:hover {\n            text-decoration: underline;\n            color: #666; \/* \u4fee\u6539\uff1ahover\u65f6\u53d8\u4e3a\u6df1\u7070\u8272 #666 *\/\n        }\n        \/* \u786e\u4fdd\u56fe\u6807\u4e5f\u7ee7\u627f\u7070\u8272 *\/\n        .ecshop-more-link i {\n            color: inherit;\n        }\n\n        \/* \u6838\u5fc3\u5bb9\u5668\uff081242px\u5c45\u4e2d\uff09 *\/\n        .ecshop-container {\n            max-width: 1242px;\n            margin: 0 auto;\n            padding: 0 10px;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px; \/* \u5217\u95f4\u8ddd *\/\n        }\n\n        \/* \u7b2c\u4e00\u5217\u6837\u5f0f\uff08238x620\uff09 *\/\n        .ecshop-col-1 {\n            flex: 0 0 238px;\n            height: 620px;\n        }\n        \/* \u7b2c\u4e8c\u5217\u6837\u5f0f\uff08\u81ea\u9002\u5e94\u5269\u4f59\u5bbd\u5ea6\uff09 *\/\n        .ecshop-col-2 {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 20px; \/* \u884c\u95f4\u8ddd *\/\n        }\n        \/* \u7b2c\u4e8c\u5217\u884c\u5bb9\u5668 *\/\n        .ecshop-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px; \/* \u5546\u54c1\u5361\u7247\u95f4\u8ddd *\/\n            justify-content: space-between;\n        }\n\n        \/* \u5546\u54c1\u5361\u7247\u901a\u7528\u6837\u5f0f *\/\n        .ecshop-product-card {\n            width: 100%;\n            height: 100%;\n            background-color: #fff;\n            padding: 15px;\n            position: relative;\n            box-shadow: 0 0 0 transparent;\n            transition: box-shadow 0.3s ease;\n        }\n        \/* \u7b2c\u4e00\u5217\u5361\u7247\u7279\u6b8a\u6837\u5f0f - \u6dfb\u52a0\u80cc\u666f\u56fe\u7247 *\/\n        .ecshop-col-1 .ecshop-product-card {\n            height: 620px;\n            display: flex;\n            flex-direction: column;\n            \/* \u5173\u952e\u4fee\u65391\uff1a\u66f4\u6362\u80cc\u666f\u56fe\u7247\u5730\u5740 *\/\n            background-image: url('https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/\u5361\u72471-2.png');\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            position: relative;\n        }\n        \/* \u7b2c\u4e8c\u5217\u5546\u54c1\u9879\uff08\u6bcf\u884c4\u4e2a\uff0c\u81ea\u9002\u5e94\u5c3a\u5bf8\uff09 *\/\n        .ecshop-product-item {\n            flex: 0 0 calc(25% - 11.25px);\n            height: 300px;\n        }\n\n        \/* \u5546\u54c1\u56fe\u7247\u5bb9\u5668 - \u80cc\u666f\u8272\u5df2\u4ece#f9f9f9\u6539\u4e3a#fff *\/\n        .ecshop-product-img {\n            width: 100%;\n            background-color: #fff; \/* \u4fee\u6539\u4e3a\u767d\u8272\u80cc\u666f *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 15px;\n            overflow: hidden;\n        }\n        \/* \u7b2c\u4e8c\u5217\u56fe\u7247\u5bb9\u5668 *\/\n        .ecshop-col-2 .ecshop-product-img {\n            height: 60%;\n        }\n        .ecshop-product-img img {\n            width: 80%;\n            height: auto;\n            object-fit: contain;\n        }\n\n        \/* \u6587\u5b57\u6837\u5f0f\uff08\u72ec\u7279\u547d\u540d\uff09- \u4e3b\u6807\u9898\u5c45\u4e2d+\u53d6\u6d88\u52a0\u7c97 *\/\n        .ecshop-title-main {\n            font-size: 16px;\n            color: #222; \/* ecshop-color-text-primary *\/\n            font-weight: normal; \/* \u5173\u952e\u4fee\u6539\uff1a\u53d6\u6d88\u52a0\u7c97 *\/\n            line-height: 1.2;\n            margin-bottom: 5px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            text-align: center;\n        }\n        .ecshop-title-sub {\n            font-size: 12px;\n            color: #666; \/* ecshop-color-text-secondary *\/\n            line-height: 1.4;\n            text-align: center;\n            margin-bottom: 15px;\n            white-space: normal;\n            word-wrap: break-word;\n        }\n        \n        \/* \u7b2c\u4e00\u5217\u5361\u7247\u6587\u5b57\u6837\u5f0f - \u4fee\u6539\u4e3a\u9ed1\u8272\u6587\u5b57\uff0c\u79fb\u9664\u9634\u5f71 *\/\n        \/* \u5173\u952e\u4fee\u6539\uff1a\u5c06\u6587\u5b57\u4f4d\u7f6e\u4ecetop: 30%\u6539\u4e3atop: 25%\uff0c\u4f7f\u5176\u5411\u4e0a\u79fb\u52a8 *\/\n        .ecshop-col-1 .ecshop-text-area {\n\tposition: absolute;\n\ttop: 25%; \/* \u4ece30%\u6539\u4e3a25%\uff0c\u5411\u4e0a\u79fb\u52a8 *\/\n\tleft: 0;\n\twidth: 100%;\n\ttext-align: center;\n\tpadding: 0 20px;\n\ttransform: translateY(-50%);\n\tz-index: 2;\n\tcolor: #232323;\n        }\n        \n        .ecshop-col-1 .ecshop-title-main {\n\tfont-size: 24px;\n\tcolor: #000; \/* \u4fee\u6539\u4e3a\u7eaf\u9ed1\u8272 *\/\n\tfont-weight: normal;\n\tmargin-bottom: 15px;\n\ttext-shadow: none; \/* \u79fb\u9664\u6587\u5b57\u9634\u5f71 *\/\n        }\n        \n        .ecshop-col-1 .ecshop-title-sub {\n            font-size: 16px;\n            color: #000; \/* \u4fee\u6539\u4e3a\u7eaf\u9ed1\u8272 *\/\n            line-height: 1.5;\n            text-shadow: none; \/* \u79fb\u9664\u6587\u5b57\u9634\u5f71 *\/\n        }\n\n        \/* \u4ef7\u683c+\u8d2d\u7269\u8f66\u533a\u57df *\/\n        .ecshop-price-cart-wrap {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            position: absolute;\n            bottom: 15px;\n            left: 0;\n            width: 100%;\n            padding: 0 15px;\n        }\n        .ecshop-price-current {\n            font-size: 18px;\n            color: #e63946; \/* ecshop-color-primary *\/\n            font-weight: bold;\n        }\n        \/* \u8d2d\u7269\u8f66\u56fe\u6807 - \u8c03\u5c0f\u5c3a\u5bf8\uff0chover\u53d8\u7ea2 *\/\n        .ecshop-cart-icon {\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .ecshop-cart-icon i {\n            color: #666;\n            font-size: 16px;\n            transition: color 0.3s ease; \/* \u56fe\u6807\u989c\u8272\u8fc7\u6e21\u52a8\u753b *\/\n        }\n        .ecshop-cart-icon:hover i {\n            color: #e63946; \/* hover\u65f6\u56fe\u6807\u7cbe\u51c6\u53d8\u7ea2 *\/\n        }\n\n        \/* \u9f20\u6807\u60ac\u6d6e\u9634\u5f71\u6548\u679c *\/\n        .ecshop-product-card:hover {\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        }\n\n        \/* \u54cd\u5e94\u5f0f\u9002\u914d\uff08\u5e73\u677f\uff09 *\/\n        @media (max-width: 1242px) {\n            .ecshop-product-item {\n                flex: 0 0 calc(50% - 7.5px);\n                height: 280px;\n            }\n        }\n        \/* \u54cd\u5e94\u5f0f\u9002\u914d\uff08\u624b\u673a\uff09 *\/\n        @media (max-width: 768px) {\n            .ecshop-container {\n                flex-direction: column;\n            }\n            .ecshop-col-1 {\n                flex: 0 0 100%;\n                height: auto;\n            }\n            .ecshop-col-1 .ecshop-product-card {\n                height: 400px;\n            }\n            \/* \u5173\u952e\u4fee\u6539\uff1a\u79fb\u52a8\u7aef\u4e5f\u76f8\u5e94\u8c03\u6574\u6587\u5b57\u4f4d\u7f6e *\/\n            .ecshop-col-1 .ecshop-text-area {\n                top: 35%; \/* \u4ece40%\u6539\u4e3a35%\uff0c\u5411\u4e0a\u79fb\u52a8 *\/\n            }\n            .ecshop-col-1 .ecshop-title-main {\n                font-size: 20px;\n                color: #000; \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9ed1\u8272 *\/\n                text-shadow: none; \/* \u79fb\u52a8\u7aef\u79fb\u9664\u9634\u5f71 *\/\n            }\n            .ecshop-col-1 .ecshop-title-sub {\n                font-size: 14px;\n                color: #000; \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9ed1\u8272 *\/\n                text-shadow: none; \/* \u79fb\u52a8\u7aef\u79fb\u9664\u9634\u5f71 *\/\n            }\n            .ecshop-product-item {\n                flex: 0 0 100%;\n                height: 260px;\n            }\n            \/* \u79fb\u52a8\u7aef\u8c03\u6574\u5206\u7c7b\u6807\u9898\u6837\u5f0f *\/\n            .ecshop-category-title {\n                font-size: 18px;\n            }\n            .ecshop-more-link {\n                font-size: 12px;\n                color: #999; \/* \u79fb\u52a8\u7aef\u4e5f\u4fdd\u6301\u7070\u8272 *\/\n            }\n            .ecshop-more-link:hover {\n                color: #666; \/* \u79fb\u52a8\u7aefhover\u4e5f\u4fdd\u6301\u6df1\u7070\u8272 *\/\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u65b0\u589e\uff1a\u5206\u7c7b\u6807\u9898\u533a\u57df -->\n    <div class=\"ecshop-category-header\">\n        <h2 class=\"ecshop-category-title\">\u8317\u8336\u4e13\u533a<\/h2>\n        <a href=\"https:\/\/www.baidu.com\" target=\"_blank\" class=\"ecshop-more-link\">\n            \u67e5\u770b\u66f4\u591a <i class=\"fas fa-angle-right\"><\/i>\n        <\/a>\n    <\/div>\n\n    <div class=\"ecshop-container\">\n        <!-- \u7b2c\u4e00\u5217\uff1a238x620\u5546\u54c1\u5361\u7247 - \u6dfb\u52a0\u80cc\u666f\u56fe\u7247\u548c\u6587\u5b57\u5185\u5bb9 -->\n        <div class=\"ecshop-col-1\">\n            <div class=\"ecshop-product-card\">\n                <!-- \u6587\u5b57\u533a\u57df -->\n                <div class=\"ecshop-text-area\">\n                    <h3 class=\"ecshop-title-main\">\u8317\u8336\u7cbe\u9009<\/h3>\n                    <p class=\"ecshop-title-sub\">\u54c1\u8317\u8bba\u9053\uff0c\u8336\u9999\u56db\u6ea2<\/p>\n                <\/div>\n                \n                <!-- \u4ef7\u683c\u548c\u8d2d\u7269\u8f66\u533a\u57df -->\n                <div class=\"ecshop-price-cart-wrap\">\n                    <div class=\"ecshop-price-group\">\n                        \n                    <\/div>\n                    <div class=\"ecshop-cart-icon\">\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u7b2c\u4e8c\u5217\uff1a\u4e24\u884c\u5546\u54c1\u5361\u7247\uff08\u4fdd\u6301\u539f\u6837\uff09 -->\n        <div class=\"ecshop-col-2\">\n            <!-- \u7b2c\u4e8c\u5217\u7b2c\u4e00\u884c\uff084\u4e2a300px\u5361\u7247\uff09 -->\n            <div class=\"ecshop-row\">\n                <div class=\"ecshop-product-item\">\n                    <div class=\"ecshop-product-card\">\n                        <div class=\"ecshop-product-img\">\n                            <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/2-3.png\" alt=\"\u5546\u54c1\u56fe\u7247\">\n                        <\/div>\n                        <h3 class=\"ecshop-title-main\">\u7279\u7ea7\u897f\u6e56\u9f99\u4e95<\/h3>\n                        <p class=\"ecshop-title-sub\">\u660e\u524d\u65b0\u8336\/\u8c46\u9999\u6d53\u90c1\/\u56de\u7518\u6301\u4e45<\/p>\n                        <div class=\"ecshop-price-cart-wrap\">\n                            <div class=\"ecshop-price-group\">\n                                <span class=\"ecshop-price-current\">\u00a559<\/span>\n                            <\/div>\n                            <div class=\"ecshop-cart-icon\">\n                                <i class=\"fas fa-shopping-cart\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"ecshop-product-item\">\n                    <div class=\"ecshop-product-card\">\n                        <div class=\"ecshop-product-img\">\n                            <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/4-4.png\" alt=\"\u5546\u54c1\u56fe\u7247\">\n                        <\/div>\n                        <h3 class=\"ecshop-title-main\">\u6b63\u5b97\u5b89\u6eaa\u94c1\u89c2\u97f3<\/h3>\n                        <p class=\"ecshop-title-sub\">\u5170\u82b1\u9999\/\u6e05\u9999\u578b\/\u6625\u8336\u65b0\u91c7<\/p>\n                        <div class=\"ecshop-price-cart-wrap\">\n                            <div class=\"ecshop-price-group\">\n                                <span class=\"ecshop-price-current\">\u00a589<\/span>\n                            <\/div>\n                            <div class=\"ecshop-cart-icon\">\n                                <i class=\"fas fa-shopping-cart\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"ecshop-product-item\">\n                    <div class=\"ecshop-product-card\">\n                        <div class=\"ecshop-product-img\">\n                            <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/5-3.png\" alt=\"\u5546\u54c1\u56fe\u7247\">\n                        <\/div>\n                        <h3 class=\"ecshop-title-main\">\u4e91\u5357\u53e4\u6811\u666e\u6d31\u8336<\/h3>\n                        <p class=\"ecshop-title-sub\">\u719f\u8336\/\u9187\u539a\u987a\u6ed1\/\u9648\u9999\u660e\u663e<\/p>\n                        <div class=\"ecshop-price-cart-wrap\">\n                            <div class=\"ecshop-price-group\">\n                                <span class=\"ecshop-price-current\">\u00a5269<\/span>\n                            <\/div>\n                            <div class=\"ecshop-cart-icon\">\n                                <i class=\"fas fa-shopping-cart\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"ecshop-product-item\">\n                    <div class=\"ecshop-product-card\">\n                        <div class=\"ecshop-product-img\">\n                            <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/6-4.png\" alt=\"\u5546\u54c1\u56fe\u7247\">\n                        <\/div>\n                        <h3 class=\"ecshop-title-main\">\u6b66\u5937\u5c71\u6b63\u5c71\u5c0f\u79cd<\/h3>\n                        <p class=\"ecshop-title-sub\">\u7ea2\u8336\/\u871c\u9999\/\u6696\u80c3\u517b\u751f<\/p>\n                        <div class=\"ecshop-price-cart-wrap\">\n                            <div class=\"ecshop-price-group\">\n                                <span class=\"ecshop-price-current\">\u00a549<\/span>\n                            <\/div>\n                            <div class=\"ecshop-cart-icon\">\n                                <i class=\"fas fa-shopping-cart\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- \u7b2c\u4e8c\u5217\u7b2c\u4e8c\u884c\uff084\u4e2a300px\u5361\u7247\uff09 -->\n            <div class=\"ecshop-row\">\n                <div class=\"ecshop-product-item\">\n                    <div class=\"ecshop-product-card\">\n                        <div class=\"ecshop-product-img\">\n                            <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/11-2.png\" alt=\"\u5546\u54c1\u56fe\u7247\">\n                        <\/div>\n                        <h3 class=\"ecshop-title-main\">\u9ec4\u5c71\u6bdb\u5cf0\u7279\u7ea7<\/h3>\n                        <p class=\"ecshop-title-sub\">\u660e\u524d\u8336\/\u6e05\u9999\u578b\/\u6761\u7d22\u7d27\u7ed3<\/p>\n                        <div class=\"ecshop-price-cart-wrap\">\n                            <div class=\"ecshop-price-group\">\n                                <span class=\"ecshop-price-current\">\u00a51499<\/span>\n                            <\/div>\n                            <div class=\"ecshop-cart-icon\">\n                                <i class=\"fas fa-shopping-cart\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"ecshop-product-item\">\n                    <div class=\"ecshop-product-card\">\n                        <div class=\"ecshop-product-img\">\n                            <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/9-1.png\" alt=\"\u5546\u54c1\u56fe\u7247\">\n                        <\/div>\n                        <h3 class=\"ecshop-title-main\">\u798f\u9f0e\u767d\u7261\u4e39\u767d\u8336<\/h3>\n                        <p class=\"ecshop-title-sub\">2023\u5e74\u65b0\u8336\/\u6e05\u751c\u9c9c\u723d<\/p>\n                        <div class=\"ecshop-price-cart-wrap\">\n                            <div class=\"ecshop-price-group\">\n                                <span class=\"ecshop-price-current\">\u00a5129<\/span>\n                            <\/div>\n                            <div class=\"ecshop-cart-icon\">\n                                <i class=\"fas fa-shopping-cart\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"ecshop-product-item\">\n                    <div class=\"ecshop-product-card\">\n                        <div class=\"ecshop-product-img\">\n                            <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/1-3.png\" alt=\"\u5546\u54c1\u56fe\u7247\">\n                        <\/div>\n                        <h3 class=\"ecshop-title-main\">\u541b\u5c71\u94f6\u9488\u9ec4\u8336<\/h3>\n                        <p class=\"ecshop-title-sub\">\u6e56\u5357\u7279\u4ea7\/\u6ee1\u62ab\u767d\u6beb\/\u6ecb\u5473\u9c9c\u9187<\/p>\n                        <div class=\"ecshop-price-cart-wrap\">\n                            <div class=\"ecshop-price-group\">\n                                <span class=\"ecshop-price-current\">\u00a5199<\/span>\n                            <\/div>\n                            <div class=\"ecshop-cart-icon\">\n                                <i class=\"fas fa-shopping-cart\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"ecshop-product-item\">\n                    <div class=\"ecshop-product-card\">\n                        <div class=\"ecshop-product-img\">\n                            <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/10-1.png\" alt=\"\u5546\u54c1\u56fe\u7247\">\n                        <\/div>\n                        <h3 class=\"ecshop-title-main\">\u8309\u8389\u82b1\u8336\u7279\u7ea7<\/h3>\n                        <p class=\"ecshop-title-sub\">\u6d53\u9999\u578b\/\u7aa8\u5236\u5de5\u827a\/\u82b1\u9999\u6301\u4e45<\/p>\n                        <div class=\"ecshop-price-cart-wrap\">\n                            <div class=\"ecshop-price-group\">\n                                <span class=\"ecshop-price-current\">\u00a579<\/span>\n                            <\/div>\n                            <div class=\"ecshop-cart-icon\">\n                                <i class=\"fas fa-shopping-cart\"><\/i>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ \u8d2d\u7269\u8f66\u56fe\u6807\u70b9\u51fb\u4ea4\u4e92\n        const cartIcons = document.querySelectorAll('.ecshop-cart-icon');\n        cartIcons.forEach(icon => {\n            icon.addEventListener('click', function() {\n                const productTitle = this.closest('.ecshop-product-card').querySelector('.ecshop-title-main').textContent;\n                alert(`\u5df2\u5c06\u300c${productTitle}\u300d\u52a0\u5165\u8d2d\u7269\u8f66\uff01`);\n            });\n        });\n\n        \/\/ \u54cd\u5e94\u5f0f\u9002\u914d\u8f85\u52a9\uff08\u52a8\u6001\u8c03\u6574\u7b2c\u4e00\u5217\u5361\u7247\u9ad8\u5ea6\uff09\n        window.addEventListener('resize', function() {\n            const isMobile = window.innerWidth < 768;\n            const col1Card = document.querySelector('.ecshop-col-1 .ecshop-product-card');\n            \n            if (isMobile) {\n                col1Card.style.height = '400px';\n            } else {\n                col1Card.style.height = '620px';\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html>\n<head>\n    <style>\n        .ys_divider_white_35px {\n            width: 100vw;\n            height: 35px;\n            background-color: transparent;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            z-index: 1000;\n            box-sizing: border-box;\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u767d\u8272\u5206\u5272\u7ebf -->\n    <div class=\"ys_divider_white_35px\"><\/div>\n\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>\u6d77\u62a5\u5c55\u793a<\/title>\n    <style>\n        \/* \u5168\u5c40\u6837\u5f0f - \u4f7f\u7528\u72ec\u7279\u524d\u7f00\u907f\u514d\u51b2\u7a81 *\/\n        .pf-container {\n            width: 1225px;\n            height: 160px;\n            margin: 0 auto;\n            position: relative;\n            overflow: hidden;\n            background-color: transparent;\n        }\n\n        \/* \u6d77\u62a5\u6837\u5f0f *\/\n        .pf-poster {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n            background-color: transparent;\n        }\n\n        .pf-poster:hover {\n            transform: scale(1.02);\n        }\n\n        \/* \u6587\u5b57\u53e0\u52a0\u6837\u5f0f - \u4fee\u6539\u4e3a\u4e2d\u95f4\u504f\u5de6 *\/\n        .pf-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: flex-start;\n            color: #333333; \/* \u4fee\u6539\u5b57\u4f53\u989c\u8272 *\/\n            text-align: left;\n            padding: 40px; \/* \u589e\u52a0\u5de6\u4fa7\u5185\u8fb9\u8ddd *\/\n            box-sizing: border-box;\n        }\n\n        .pf-main-title {\n            font-size: 28px;\n            font-weight: bold;\n            margin-bottom: 8px;\n        }\n\n        .pf-sub-title {\n            font-size: 16px;\n        }\n\n        \/* \u5168\u5c4f\u6837\u5f0f *\/\n        .pf-fullscreen {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100vw;\n            height: 100vh;\n            z-index: 1000;\n            background-color: rgba(0, 0, 0, 0.9);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n\n        .pf-fullscreen.active {\n            opacity: 1;\n            pointer-events: all;\n        }\n\n        .pf-fullscreen-img {\n            max-width: 90%;\n            max-height: 90%;\n            object-fit: contain;\n        }\n\n        .pf-close-btn {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            font-size: 30px;\n            color: white;\n            cursor: pointer;\n            background: none;\n            border: none;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"pf-container\">\n        <img decoding=\"async\" src=\"https:\/\/www.dqxdao.com\/wp-content\/uploads\/2025\/12\/\u5ba3\u4f20\u6d77\u62a5.png\" alt=\"\u5ba3\u4f20\u6d77\u62a5\" class=\"pf-poster\" id=\"pfPoster\">\n        \n        <div class=\"pf-overlay\">\n            <h1 class=\"pf-main-title\">\u7279\u60e0\u6d3b\u52a8<\/h1>\n            <p class=\"pf-sub-title\">\u5168\u573a\u5546\u54c1\u4f4e\u81f35\u6298\u8d77 \u00b7 \u9650\u65f6\u62a2\u8d2d<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- \u5168\u5c4f\u67e5\u770b -->\n    <div class=\"pf-fullscreen\" id=\"pfFullscreen\">\n        <button class=\"pf-close-btn\" id=\"pfCloseBtn\">\u00d7<\/button>\n        <img decoding=\"async\" src=\"\" alt=\"\u5168\u5c4f\u6d77\u62a5\" class=\"pf-fullscreen-img\" id=\"pfFullscreenImg\">\n    <\/div>\n\n    <script>\n        \/\/ \u70b9\u51fb\u6d77\u62a5\u5168\u5c4f\u663e\u793a\n        document.getElementById('pfPoster').addEventListener('click', function() {\n            const fullscreen = document.getElementById('pfFullscreen');\n            const fullscreenImg = document.getElementById('pfFullscreenImg');\n            \n            fullscreenImg.src = this.src;\n            fullscreen.classList.add('active');\n        });\n\n        \/\/ \u5173\u95ed\u5168\u5c4f\n        document.getElementById('pfCloseBtn').addEventListener('click', function() {\n            document.getElementById('pfFullscreen').classList.remove('active');\n        });\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-9ba6dbca wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u5168\u5c4f\u7070\u8272\u80cc\u666f<\/title>\n    <style>\n        \/* \u4f7f\u7528\u72ec\u7279\u524d\u7f00\u907f\u514d\u6837\u5f0f\u51b2\u7a81 *\/\n        .gsb-root-container {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100vw;\n            height: 100vh;\n            z-index: -9999;\n            background-color: #f0f0f0;\n            margin: 0;\n            padding: 0;\n            overflow: hidden;\n        }\n        \n        .gsb-content-wrapper {\n            position: relative;\n            z-index: 1;\n            padding: 20px;\n            color: #333;\n            font-family: Arial, sans-serif;\n        }\n        \n        .gsb-custom-text {\n            font-size: 24px;\n            line-height: 1.5;\n            margin: 20px 0;\n            color: #444;\n        }\n        \n        .gsb-special-effect {\n            border-left: 4px solid #888;\n            padding-left: 15px;\n            transition: all 0.3s ease;\n        }\n        \n        .gsb-special-effect:hover {\n            border-left-color: #555;\n            background-color: rgba(255,255,255,0.1);\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- \u5168\u5c4f\u7070\u8272\u80cc\u666f\u5c42 -->\n    <div class=\"gsb-root-container\"><\/div>\n    \n   \n    <\/div>\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>\u5168\u54cd\u5e94\u5f0f\u5bfc\u822a\u6846\u67b6\uff08\u900f\u660e\u80cc\u666f\uff09 \u4e1c\u79cb\u897f\u7a3b\u5546\u57ce \u8336\u53f6 \u5439\u98ce\u673a \u6ecb\u8865\u54c1 \u575a\u679c\u96f6\u98df \u5bb6\u7528\u7535\u5668 \u641c\u7d22 \u54cd\u5e94\u5f0f\u8d2d\u7269\u5bfc\u822a\u4e0e\u6d77 [&hellip;]<\/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-1139","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1139","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=1139"}],"version-history":[{"count":187,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1139\/revisions"}],"predecessor-version":[{"id":3229,"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/pages\/1139\/revisions\/3229"}],"wp:attachment":[{"href":"https:\/\/www.dqxdao.com\/index.php\/wp-json\/wp\/v2\/media?parent=1139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}