{"id":45,"date":"2026-05-29T19:14:36","date_gmt":"2026-05-29T11:14:36","guid":{"rendered":"http:\/\/jssdtc.com\/?page_id=45"},"modified":"2026-08-11T14:49:22","modified_gmt":"2026-08-11T06:49:22","slug":"%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac","status":"publish","type":"page","link":"https:\/\/jssdtc.com\/index.php\/%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac\/","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-309ef2e e-con e-atomic-element e-flexbox-base e-2fbc609 \" data-id=\"309ef2e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"309ef2e\">\n    \t\t<div class=\"elementor-element elementor-element-c5c9b74 elementor-widget elementor-widget-html\" data-id=\"c5c9b74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ===== \u5168\u5bbd\u7a81\u7834\u5bb9\u5668 ===== *\/\r\n    .contact-fullwidth {\r\n        width: 100vw;\r\n        margin-left: calc(-50vw + 50%);\r\n        background: #ffffff;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* ===== \u6807\u9898\u533a \u2014 \u72ec\u7acb\u5168\u5bbd ===== *\/\r\n    .contact-header {\r\n        background-image: url('https:\/\/jssdtc.com\/wp-content\/uploads\/2026\/06\/\u7f51\u7ad9\u8054\u7cfb\u6211\u4eec\u9875\u9762\u56fe\u7247\u5236\u4f5c-scaled-e1782114081855.png');\r\n        background-size: cover;\r\n        background-position: center;\r\n        padding: 72px 20px 56px;\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 1;\r\n        width: 100%;\r\n    }\r\n\r\n    .contact-header::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.45);\r\n        z-index: -1;\r\n    }\r\n\r\n    .contact-header h1 {\r\n        font-size: 42px;\r\n        font-weight: 700;\r\n        letter-spacing: 3px;\r\n        color: #ffffff;\r\n        margin-bottom: 4px;\r\n        text-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .contact-header .sub-en {\r\n        font-size: 18px;\r\n        font-weight: 300;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        letter-spacing: 6px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .contact-header .divider {\r\n        width: 60px;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #6bc2e8, #ffffff);\r\n        margin: 16px auto 0;\r\n        border-radius: 3px;\r\n    }\r\n\r\n    \/* ===== \u5185\u5bb9\u533a\uff08\u767d\u5e95\uff0c\u5c45\u4e2d\u5bf9\u9f50\uff09 ===== *\/\r\n    .contact-body {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 48px 50px 50px;\r\n    }\r\n\r\n    .contact-intro {\r\n        text-align: center;\r\n        max-width: 700px;\r\n        margin: 0 auto 44px;\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        color: #4a627a;\r\n    }\r\n\r\n    .contact-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr 1fr;\r\n        gap: 24px;\r\n        margin-bottom: 44px;\r\n    }\r\n\r\n    .contact-item {\r\n        background: #f8fafc;\r\n        border-radius: 20px;\r\n        padding: 28px 24px;\r\n        border: 1px solid #edf2f7;\r\n        transition: all 0.3s ease;\r\n        text-align: center;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .contact-item:hover {\r\n        background: #ffffff;\r\n        border-color: #d4e2ee;\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);\r\n    }\r\n\r\n    .contact-item .icon {\r\n        font-size: 32px;\r\n        margin-bottom: 12px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .contact-item .label {\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        color: #8c9aa8;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .contact-item .value {\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        color: #1a2a3a;\r\n        line-height: 1.5;\r\n        word-break: break-word;\r\n    }\r\n\r\n    .contact-item.address-card .click-hint {\r\n        font-size: 12px;\r\n        color: #b0c4d4;\r\n        margin-top: 8px;\r\n        display: block;\r\n    }\r\n\r\n    .map-section {\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        border: 1px solid #edf2f7;\r\n        background: #f8fafc;\r\n        height: 280px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        text-align: center;\r\n        padding: 20px;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .map-section:hover {\r\n        background: #f5f7fa;\r\n        border-color: #d4e2ee;\r\n    }\r\n\r\n    .map-section .map-placeholder {\r\n        font-size: 48px;\r\n        margin-bottom: 12px;\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .map-section .map-text {\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        color: #7a8ea0;\r\n    }\r\n\r\n    .map-section .map-btn {\r\n        margin-top: 16px;\r\n        padding: 10px 28px;\r\n        border-radius: 40px;\r\n        background: rgba(30, 127, 180, 0.08);\r\n        border: 1px solid rgba(30, 127, 180, 0.15);\r\n        color: #1a6d92;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        display: inline-block;\r\n    }\r\n\r\n    .map-section .map-btn:hover {\r\n        background: rgba(30, 127, 180, 0.14);\r\n        border-color: #1a6d92;\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .contact-footer {\r\n        text-align: center;\r\n        max-width: 1200px;\r\n        margin: 30px auto 0;\r\n        font-size: 13px;\r\n        color: #b0c4d4;\r\n        letter-spacing: 0.5px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* ===== \u5f39\u7a97 ===== *\/\r\n    .modal-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        backdrop-filter: blur(4px);\r\n        z-index: 9999;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .modal-overlay.active {\r\n        display: flex;\r\n    }\r\n\r\n    .modal-box {\r\n        background: #ffffff;\r\n        padding: 32px 36px 28px;\r\n        border-radius: 24px;\r\n        max-width: 420px;\r\n        width: 90%;\r\n        text-align: center;\r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\r\n        border: 1px solid #edf2f7;\r\n    }\r\n\r\n    .modal-box .modal-icon {\r\n        font-size: 44px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .modal-box h3 {\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        color: #0b2a4a;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .modal-box p {\r\n        font-size: 14px;\r\n        color: #4a627a;\r\n        margin-bottom: 24px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .modal-box .modal-actions {\r\n        display: flex;\r\n        gap: 14px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .modal-box .btn {\r\n        padding: 10px 28px;\r\n        border-radius: 40px;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        border: none;\r\n        cursor: pointer;\r\n        transition: all 0.2s;\r\n    }\r\n\r\n    .modal-box .btn-primary {\r\n        background: #1a6d92;\r\n        color: #fff;\r\n    }\r\n    .modal-box .btn-primary:hover {\r\n        background: #0f5a7a;\r\n    }\r\n\r\n    .modal-box .btn-secondary {\r\n        background: #f0f2f5;\r\n        color: #3a5a6e;\r\n    }\r\n    .modal-box .btn-secondary:hover {\r\n        background: #e6e9ed;\r\n    }\r\n\r\n    \/* ===== \u54cd\u5e94\u5f0f ===== *\/\r\n    @media (max-width: 992px) {\r\n        .contact-body {\r\n            padding: 36px 30px 30px;\r\n        }\r\n        .contact-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n        .contact-header {\r\n            padding: 50px 20px 40px;\r\n        }\r\n        .contact-header h1 {\r\n            font-size: 34px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n        .contact-body {\r\n            padding: 24px 16px 20px;\r\n        }\r\n        .contact-header {\r\n            padding: 36px 16px 28px;\r\n        }\r\n        .contact-header h1 {\r\n            font-size: 28px;\r\n        }\r\n        .contact-header .sub-en {\r\n            font-size: 14px;\r\n            letter-spacing: 3px;\r\n        }\r\n        .contact-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 16px;\r\n        }\r\n        .contact-item {\r\n            padding: 20px 16px;\r\n        }\r\n        .map-section {\r\n            height: 200px;\r\n        }\r\n        .modal-box {\r\n            padding: 24px 20px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"contact-fullwidth\">\r\n\r\n    <!-- \u6807\u9898\u533a -->\r\n    <div class=\"contact-header\">\r\n        <h1>\u8054\u7cfb\u6211\u4eec<\/h1>\r\n        <div class=\"sub-en\">CONTACT US<\/div>\r\n        <div class=\"divider\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u5185\u5bb9\u533a -->\r\n    <div class=\"contact-body\">\r\n\r\n        <div class=\"contact-intro\">\r\n            \u6c5f\u82cf\u82cf\u7535\u8d28\u91cf\u68c0\u6d4b\uff0cCMA\u8ba4\u8bc1\u5b9e\u9a8c\u5ba4\uff0c\u4e13\u6ce8\u7535\u5b50\u7535\u6c14\u3001\u65b0\u80fd\u6e90\u3001\u7535\u529b\u53ca\u6750\u6599\u9886\u57df\u3002\r\n        <\/div>\r\n\r\n        <div class=\"contact-grid\">\r\n\r\n            <!-- \u5730\u5740 -->\r\n            <div class=\"contact-item address-card\" onclick=\"window.open('https:\/\/surl.amap.com\/3oAwqLUo4JP', '_blank')\">\r\n                <div class=\"icon\">\ud83d\udccd<\/div>\r\n                <div class=\"label\">\u5730\u5740<\/div>\r\n                <div class=\"value\">\r\n                    \u6c5f\u82cf\u7701\u9547\u6c5f\u5e02\u65b0\u533a\u6e2f\u5357\u8def300\u53f7<br>\u4e2d\u5c0f\u4f01\u4e1a\u56ed\u5357\u56ed18\u53f7\u697c\u4e94\u5c42501\r\n                <\/div>\r\n                <span class=\"click-hint\">\u70b9\u51fb\u67e5\u770b\u5730\u56fe<\/span>\r\n            <\/div>\r\n\r\n            <!-- \u7535\u8bdd -->\r\n            <div class=\"contact-item\" onclick=\"showConfirm('tel')\">\r\n                <div class=\"icon\">\ud83d\udcde<\/div>\r\n                <div class=\"label\">\u7535\u8bdd<\/div>\r\n                <div class=\"value\">0511-80859336<\/div>\r\n            <\/div>\r\n\r\n            <!-- \u90ae\u7bb1 -->\r\n            <div class=\"contact-item\" onclick=\"showConfirm('mail')\">\r\n                <div class=\"icon\">\u2709\ufe0f<\/div>\r\n                <div class=\"label\">\u90ae\u7bb1<\/div>\r\n                <div class=\"value\">service@jssdtc.com<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- \u5730\u56fe -->\r\n        <div class=\"map-section\" onclick=\"window.open('https:\/\/surl.amap.com\/3oAwqLUo4JP', '_blank')\">\r\n            <div class=\"map-placeholder\">\ud83d\uddfa\ufe0f<\/div>\r\n            <div class=\"map-text\">\u70b9\u51fb\u67e5\u770b\u5730\u56fe<\/div>\r\n            <div class=\"map-btn\">\u67e5\u770b\u5730\u56fe \u2192<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-footer\">\r\n            \u00a9 2026 \u6c5f\u82cf\u82cf\u7535\u8d28\u91cf\u68c0\u6d4b\u6709\u9650\u516c\u53f8\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ===== \u5f39\u7a97HTML ===== -->\r\n<div class=\"modal-overlay\" id=\"confirmModal\">\r\n    <div class=\"modal-box\">\r\n        <div class=\"modal-icon\" id=\"modalIcon\">\ud83d\udcde<\/div>\r\n        <h3 id=\"modalTitle\">\u786e\u8ba4\u62e8\u6253\u7535\u8bdd<\/h3>\r\n        <p id=\"modalDesc\">\u662f\u5426\u62e8\u6253 0511-80859336\uff1f<\/p>\r\n        <div class=\"modal-actions\">\r\n            <button class=\"btn btn-secondary\" onclick=\"closeModal()\">\u53d6\u6d88<\/button>\r\n            <button class=\"btn btn-primary\" id=\"modalConfirmBtn\">\u786e\u5b9a<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ===== \u5f39\u7a97JS ===== -->\r\n<script>\r\n    var modal = document.getElementById('confirmModal');\r\n    var modalIcon = document.getElementById('modalIcon');\r\n    var modalTitle = document.getElementById('modalTitle');\r\n    var modalDesc = document.getElementById('modalDesc');\r\n    var modalConfirmBtn = document.getElementById('modalConfirmBtn');\r\n    var currentAction = null;\r\n\r\n    function showConfirm(type) {\r\n        currentAction = type;\r\n        if (type === 'tel') {\r\n            modalIcon.textContent = '\ud83d\udcde';\r\n            modalTitle.textContent = '\u786e\u8ba4\u62e8\u6253\u7535\u8bdd';\r\n            modalDesc.textContent = '\u662f\u5426\u62e8\u6253 0511-80859336\uff1f';\r\n            modalConfirmBtn.textContent = '\u62e8\u6253\u7535\u8bdd';\r\n            modalConfirmBtn.onclick = function() {\r\n                window.location.href = 'tel:0511-80859336';\r\n                closeModal();\r\n            };\r\n        } else if (type === 'mail') {\r\n            modalIcon.textContent = '\u2709\ufe0f';\r\n            modalTitle.textContent = '\u786e\u8ba4\u53d1\u9001\u90ae\u4ef6';\r\n            modalDesc.textContent = '\u662f\u5426\u5411 service@jssdtc.com \u53d1\u9001\u90ae\u4ef6\uff1f';\r\n            modalConfirmBtn.textContent = '\u53d1\u9001\u90ae\u4ef6';\r\n            modalConfirmBtn.onclick = function() {\r\n                window.location.href = 'mailto:service@jssdtc.com';\r\n                closeModal();\r\n            };\r\n        }\r\n        modal.classList.add('active');\r\n    }\r\n\r\n    function closeModal() {\r\n        modal.classList.remove('active');\r\n    }\r\n\r\n    \/\/ \u70b9\u51fb\u80cc\u666f\u5173\u95ed\r\n    modal.addEventListener('click', function(e) {\r\n        if (e.target === modal) {\r\n            closeModal();\r\n        }\r\n    });\r\n\r\n    \/\/ ESC\u952e\u5173\u95ed\r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Escape') {\r\n            closeModal();\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8054\u7cfb\u6211\u4eec CONTACT US \u6c5f\u82cf\u82cf\u7535 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jssdtc.com\/index.php\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jssdtc.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jssdtc.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jssdtc.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jssdtc.com\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":31,"href":"https:\/\/jssdtc.com\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":1163,"href":"https:\/\/jssdtc.com\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions\/1163"}],"wp:attachment":[{"href":"https:\/\/jssdtc.com\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}