{"id":141,"date":"2025-11-08T23:10:47","date_gmt":"2025-11-08T15:10:47","guid":{"rendered":"http:\/\/www.ticc.sh.cn\/?page_id=141"},"modified":"2026-04-13T20:57:07","modified_gmt":"2026-04-13T12:57:07","slug":"elementor-141","status":"publish","type":"page","link":"http:\/\/www.ticc.sh.cn\/?page_id=141","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"141\" class=\"elementor elementor-141\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc8aaf3 e-con-full e-flex e-con e-parent\" data-id=\"fc8aaf3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-feffe9e elementor-widget elementor-widget-html\" data-id=\"feffe9e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"advanced-contact-page\">\r\n    <!-- \u5934\u90e8\u6a2a\u5e45 -->\r\n   \r\n\r\n    <div class=\"content-wrapper\">\r\n        <!-- \u5de6\u4fa7\u8054\u7cfb\u4fe1\u606f -->\r\n        <div class=\"contact-sidebar\">\r\n            <div class=\"info-card\">\r\n                <div class=\"card-header\">\r\n                    <i class=\"fas fa-info-circle\"><\/i>\r\n                    <h3>\u8054\u7cfb\u65b9\u5f0f<\/h3>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"icon\">\ud83d\udccd<\/div>\r\n                        <div class=\"details\">\r\n                            <label>\u516c\u53f8\u5730\u5740<\/label>\r\n                            <p>\u4e0a\u6d77\u5e02\u5b9d\u5c71\u533a\u82cf\u5bb6\u6d5c\u8def211\u53f7<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"icon\">\ud83d\udcde<\/div>\r\n                        <div class=\"details\">\r\n                            <label>\u8054\u7cfb\u7535\u8bdd<\/label>\r\n                            <a href=\"tel:4008873386\" class=\"phone-number\">400-887-3386<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"icon\">\ud83d\udd52<\/div>\r\n                        <div class=\"details\">\r\n                            <label>\u8425\u4e1a\u65f6\u95f4<\/label>\r\n                            <p>\u5468\u4e00\u81f3\u5468\u4e94 9:00-18:00<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u5feb\u901f\u5bfc\u822a -->\r\n            <div class=\"quick-actions\">\r\n                <button onclick=\"openAmapNavigation()\" class=\"action-btn primary\">\r\n                    <i class=\"fas fa-route\"><\/i> \u5bfc\u822a\u5230\u8fd9\u91cc\r\n                <\/button>\r\n                <button onclick=\"makePhoneCall()\" class=\"action-btn secondary\">\r\n                    <i class=\"fas fa-phone\"><\/i> \u4e00\u952e\u62e8\u53f7\r\n                <\/button>\r\n                <button onclick=\"copyAddress()\" class=\"action-btn secondary\">\r\n                    <i class=\"fas fa-copy\"><\/i> \u590d\u5236\u5730\u5740\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u53f3\u4fa7\u5730\u56fe\u533a\u57df -->\r\n        <div class=\"map-main\">\r\n            <div class=\"map-card\">\r\n                <div class=\"map-header\">\r\n                    <h3><i class=\"fas fa-map-marked-alt\"><\/i> \u5b66\u6821\u4f4d\u7f6e<\/h3>\r\n                    <div class=\"map-controls\">\r\n                        <button onclick=\"changeMapStyle('normal')\" class=\"map-btn active\">\u6807\u51c6<\/button>\r\n                        <button onclick=\"changeMapStyle('satellite')\" class=\"map-btn\">\u536b\u661f<\/button>\r\n                        <button onclick=\"changeMapStyle('night')\" class=\"map-btn\">\u591c\u95f4<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"map-content\">\r\n                    <!-- \u4e3b\u5730\u56fe -->\r\n                    <div id=\"amap-container\" class=\"main-map\">\r\n                        <iframe \r\n                            id=\"amap-iframe\"\r\n                            src=\"https:\/\/uri.amap.com\/marker?position=121.399363,31.362464&name=\u4e0a\u6d77\u5e02\u5b9d\u5c71\u533a\u82cf\u5bb6\u6d5c\u8def211\u53f7&src=yourwebsite&coordinate=gaode&zoom=16\"\r\n                            width=\"100%\" \r\n                            height=\"450\" \r\n                            frameborder=\"0\" \r\n                            scrolling=\"no\">\r\n                        <\/iframe>\r\n                    <\/div>\r\n                    \r\n                    \r\n                <\/div>\r\n                \r\n                <!-- \u4f4d\u7f6e\u4fe1\u606f -->\r\n                <div class=\"location-info\">\r\n                    <div class=\"location-item\">\r\n                        <strong>\u7cbe\u786e\u5750\u6807\uff1a<\/strong>\r\n                        <span>121.4897\u00b0E, 31.4056\u00b0N<\/span>\r\n                    <\/div>\r\n                    <div class=\"location-item\">\r\n                        <strong>\u6240\u5728\u533a\u57df\uff1a<\/strong>\r\n                        <span>\u4e0a\u6d77\u5e02\u5b9d\u5c71\u533a<\/span>\r\n                    <\/div>\r\n                    <div class=\"location-item\">\r\n                        <strong>\u5468\u8fb9\u5730\u6807\uff1a<\/strong>\r\n                        <span>\u82cf\u5bb6\u6d5c\u8def\u5546\u4e1a\u533a<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<script>\r\n\/\/ \u6253\u5f00\u9ad8\u5fb7\u5730\u56fe\u5bfc\u822a\r\nfunction openAmapNavigation() {\r\n    var url = \"https:\/\/uri.amap.com\/navigation?from=&to=121.399363,31.362464&toname=\u4e0a\u6d77\u5e02\u5b9d\u5c71\u533a\u82cf\u5bb6\u6d5c\u8def211\u53f7&mode=car&policy=1&src=yourwebsite\";\r\n    window.open(url, '_blank');\r\n}\r\n\r\n\/\/ \u4e00\u952e\u62e8\u53f7\r\nfunction makePhoneCall() {\r\n    window.location.href = 'tel:+862156080976';\r\n}\r\n\r\n\/\/ \u590d\u5236\u5730\u5740 - \u4fee\u590d\u7248\u672c\r\nfunction copyAddress() {\r\n    var address = '\u4e0a\u6d77\u5e02\u5b9d\u5c71\u533a\u82cf\u5bb6\u6d5c\u8def211\u53f7';\r\n    \r\n    \/\/ \u65b9\u6cd51\uff1a\u4f7f\u7528\u73b0\u4ee3 Clipboard API\r\n    if (navigator.clipboard && window.isSecureContext) {\r\n        navigator.clipboard.writeText(address).then(function() {\r\n            showCopySuccess();\r\n        }).catch(function(err) {\r\n            console.error('Clipboard API \u590d\u5236\u5931\u8d25: ', err);\r\n            fallbackCopyAddress(address);\r\n        });\r\n    } else {\r\n        \/\/ \u65b9\u6cd52\uff1a\u964d\u7ea7\u5230\u4f20\u7edf\u65b9\u6cd5\r\n        fallbackCopyAddress(address);\r\n    }\r\n}\r\n\r\n\/\/ \u964d\u7ea7\u590d\u5236\u65b9\u6cd5\r\nfunction fallbackCopyAddress(address) {\r\n    try {\r\n        \/\/ \u521b\u5efa\u4e34\u65f6\u6587\u672c\u533a\u57df\r\n        var textArea = document.createElement(\"textarea\");\r\n        textArea.value = address;\r\n        textArea.style.position = 'fixed';\r\n        textArea.style.left = '-999999px';\r\n        textArea.style.top = '-999999px';\r\n        document.body.appendChild(textArea);\r\n        textArea.focus();\r\n        textArea.select();\r\n        \r\n        \/\/ \u6267\u884c\u590d\u5236\u547d\u4ee4\r\n        var successful = document.execCommand('copy');\r\n        document.body.removeChild(textArea);\r\n        \r\n        if (successful) {\r\n            showCopySuccess();\r\n        } else {\r\n            showCopyError();\r\n        }\r\n    } catch (err) {\r\n        console.error('\u4f20\u7edf\u65b9\u6cd5\u590d\u5236\u5931\u8d25: ', err);\r\n        showCopyError();\r\n    }\r\n}\r\n\r\n\/\/ \u663e\u793a\u590d\u5236\u6210\u529f\u63d0\u793a\r\nfunction showCopySuccess() {\r\n    \/\/ \u521b\u5efa\u63d0\u793a\u5143\u7d20\r\n    var toast = document.createElement('div');\r\n    toast.innerHTML = '\u2705 \u5730\u5740\u5df2\u590d\u5236\u5230\u526a\u8d34\u677f';\r\n    toast.style.cssText = `\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background: #34A67D;\r\n        color: white;\r\n        padding: 15px 25px;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        z-index: 10000;\r\n        box-shadow: 0 4px 12px rgba(52, 166, 125, 0.3);\r\n        animation: fadeInOut 2s ease-in-out;\r\n    `;\r\n    \r\n    \/\/ \u6dfb\u52a0\u52a8\u753b\u6837\u5f0f\r\n    if (!document.getElementById('toast-styles')) {\r\n        var style = document.createElement('style');\r\n        style.id = 'toast-styles';\r\n        style.textContent = `\r\n            @keyframes fadeInOut {\r\n                0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }\r\n                20% { opacity: 1; transform: translate(-50%, -50%) scale(1); }\r\n                80% { opacity: 1; transform: translate(-50%, -50%) scale(1); }\r\n                100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }\r\n            }\r\n        `;\r\n        document.head.appendChild(style);\r\n    }\r\n    \r\n    document.body.appendChild(toast);\r\n    \r\n    \/\/ 2\u79d2\u540e\u79fb\u9664\u63d0\u793a\r\n    setTimeout(function() {\r\n        if (document.body.contains(toast)) {\r\n            document.body.removeChild(toast);\r\n        }\r\n    }, 2000);\r\n}\r\n\r\n\/\/ \u663e\u793a\u590d\u5236\u9519\u8bef\u63d0\u793a\r\nfunction showCopyError() {\r\n    alert('\u274c \u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u590d\u5236\u5730\u5740\uff1a\u4e0a\u6d77\u5e02\u5b9d\u5c71\u533a\u82cf\u5bb6\u6d5c\u8def211\u53f7');\r\n}\r\n\r\n\/\/ \u5207\u6362\u5730\u56fe\u6837\u5f0f\r\nfunction changeMapStyle(style) {\r\n    var iframe = document.getElementById('amap-iframe');\r\n    var baseUrl = \"https:\/\/uri.amap.com\/marker?position=121.399363,31.362464&name=\u4e0a\u6d77\u5e02\u5b9d\u5c71\u533a\u82cf\u5bb6\u6d5c\u8def211\u53f7&src=yourwebsite&coordinate=gaode&zoom=16\";\r\n    \r\n    \/\/ \u79fb\u9664\u6240\u6709\u6309\u94ae\u7684active\u7c7b\r\n    document.querySelectorAll('.map-btn').forEach(btn => btn.classList.remove('active'));\r\n    \/\/ \u7ed9\u5f53\u524d\u6309\u94ae\u6dfb\u52a0active\u7c7b\r\n    event.target.classList.add('active');\r\n    \r\n    \/\/ \u6839\u636e\u6837\u5f0f\u6539\u53d8\u5730\u56fe\uff08\u8fd9\u91cc\u7b80\u5316\u5904\u7406\uff0c\u5b9e\u9645\u53ef\u80fd\u9700\u8981\u4e0d\u540c\u7684URI\u53c2\u6570\uff09\r\n    iframe.src = baseUrl;\r\n}\r\n\r\n\/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u7684\u521d\u59cb\u5316\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    console.log('\u8054\u7cfb\u6211\u4eec\u9875\u9762\u52a0\u8f7d\u5b8c\u6210');\r\n});\r\n<\/script>\r\n\r\n<style>\r\n.advanced-contact-page {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    line-height: 1.6;\r\n    color: #333;\r\n}\r\n\r\n.contact-header {\r\n    background: linear-gradient(135deg, #34A67D 0%, #4BC49E 100%);\r\n    color: white;\r\n    text-align: center;\r\n    padding: 60px 20px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.contact-header h1 {\r\n    font-size: 42px;\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n}\r\n\r\n.contact-header p {\r\n    font-size: 18px;\r\n    opacity: 0.9;\r\n}\r\n\r\n.content-wrapper {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    display: grid;\r\n    grid-template-columns: 400px 1fr;\r\n    gap: 30px;\r\n}\r\n\r\n\/* \u5de6\u4fa7\u8fb9\u680f\u6837\u5f0f - #34A67D \u4e3b\u9898 *\/\r\n.contact-sidebar {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n}\r\n\r\n.info-card {\r\n    background: white;\r\n    border-radius: 15px;\r\n    box-shadow: 0 5px 20px rgba(52, 166, 125, 0.1);\r\n    overflow: hidden;\r\n    border: 1px solid #E8F5F0;\r\n}\r\n\r\n.card-header {\r\n    background: linear-gradient(135deg, #34A67D 0%, #4BC49E 100%);\r\n    color: white;\r\n    padding: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.card-header h3 {\r\n    margin: 0;\r\n    font-size: 18px;\r\n}\r\n\r\n.card-body {\r\n    padding: 25px;\r\n}\r\n\r\n.info-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.info-item:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.info-item .icon {\r\n    font-size: 20px;\r\n    min-width: 25px;\r\n    margin-top: 2px;\r\n}\r\n\r\n.details label {\r\n    display: block;\r\n    font-weight: 600;\r\n    color: #34A67D;\r\n    margin-bottom: 5px;\r\n    font-size: 14px;\r\n}\r\n\r\n.details p,\r\n.phone-number {\r\n    color: #2c3e50;\r\n    text-decoration: none;\r\n    margin: 0;\r\n}\r\n\r\n.phone-number:hover {\r\n    color: #34A67D;\r\n}\r\n\r\n\/* \u5feb\u6377\u64cd\u4f5c\u6309\u94ae - #34A67D \u4e3b\u9898 *\/\r\n.quick-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.action-btn {\r\n    padding: 12px 20px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: all 0.3s ease;\r\n    font-weight: 500;\r\n}\r\n\r\n.action-btn.primary {\r\n    background: linear-gradient(135deg, #34A67D 0%, #4BC49E 100%);\r\n    color: white;\r\n    box-shadow: 0 4px 15px rgba(52, 166, 125, 0.3);\r\n}\r\n\r\n.action-btn.primary:hover {\r\n    background: linear-gradient(135deg, #2E9568 0%, #3DA887 100%);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(52, 166, 125, 0.4);\r\n}\r\n\r\n.action-btn.secondary {\r\n    background: #F8FFFC;\r\n    color: #34A67D;\r\n    border: 2px solid #34A67D;\r\n}\r\n\r\n.action-btn.secondary:hover {\r\n    background: #34A67D;\r\n    color: white;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 15px rgba(52, 166, 125, 0.3);\r\n}\r\n\r\n\/* \u53f3\u4fa7\u5730\u56fe\u533a\u57df *\/\r\n.map-main {\r\n    background: white;\r\n    border-radius: 15px;\r\n    box-shadow: 0 5px 20px rgba(52, 166, 125, 0.1);\r\n    overflow: hidden;\r\n    border: 1px solid #E8F5F0;\r\n}\r\n\r\n.map-card {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.map-header {\r\n    background: #F8FFFC;\r\n    padding: 20px;\r\n    border-bottom: 1px solid #E8F5F0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.map-header h3 {\r\n    margin: 0;\r\n    color: #34A67D;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 18px;\r\n}\r\n\r\n.map-controls {\r\n    display: flex;\r\n    gap: 5px;\r\n}\r\n\r\n.map-btn {\r\n    padding: 6px 12px;\r\n    border: 1px solid #34A67D;\r\n    background: white;\r\n    color: #34A67D;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.map-btn.active,\r\n.map-btn:hover {\r\n    background: #34A67D;\r\n    color: white;\r\n    border-color: #34A67D;\r\n}\r\n\r\n.map-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.main-map {\r\n    height: 450px;\r\n    position: relative;\r\n}\r\n\r\n.mini-map {\r\n    padding: 20px;\r\n    border-top: 1px solid #E8F5F0;\r\n    background: #F8FFFC;\r\n}\r\n\r\n.mini-map img {\r\n    border-radius: 8px;\r\n    box-shadow: 0 2px 10px rgba(52, 166, 125, 0.2);\r\n}\r\n\r\n.location-info {\r\n    padding: 20px;\r\n    background: #F8FFFC;\r\n    border-top: 1px solid #E8F5F0;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 15px;\r\n}\r\n\r\n.location-item {\r\n    font-size: 14px;\r\n}\r\n\r\n.location-item strong {\r\n    color: #34A67D;\r\n    display: block;\r\n    margin-bottom: 3px;\r\n}\r\n\r\n.location-item span {\r\n    color: #2c3e50;\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n@media (max-width: 1024px) {\r\n    .content-wrapper {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n    }\r\n    \r\n    .contact-sidebar {\r\n        order: 2;\r\n    }\r\n    \r\n    .map-main {\r\n        order: 1;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .contact-header {\r\n        padding: 40px 20px;\r\n    }\r\n    \r\n    .contact-header h1 {\r\n        font-size: 32px;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .content-wrapper {\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .map-header {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        align-items: flex-start;\r\n    }\r\n    \r\n    .map-controls {\r\n        align-self: stretch;\r\n        justify-content: center;\r\n    }\r\n    \r\n    .location-info {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .action-btn {\r\n        padding: 10px 16px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8054\u7cfb\u65b9\u5f0f \ud83d\udccd \u516c\u53f8\u5730\u5740 \u4e0a\u6d77\u5e02\u5b9d\u5c71\u533a\u82cf\u5bb6\u6d5c\u8def211\u53f7 \ud83d\udcde \u8054\u7cfb\u7535\u8bdd 400-887-3386 \ud83d\udd52 \u8425\u4e1a\u65f6\u95f4 \u5468 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-141","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.ticc.sh.cn\/index.php?rest_route=\/wp\/v2\/pages\/141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ticc.sh.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.ticc.sh.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.ticc.sh.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ticc.sh.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=141"}],"version-history":[{"count":94,"href":"http:\/\/www.ticc.sh.cn\/index.php?rest_route=\/wp\/v2\/pages\/141\/revisions"}],"predecessor-version":[{"id":5631,"href":"http:\/\/www.ticc.sh.cn\/index.php?rest_route=\/wp\/v2\/pages\/141\/revisions\/5631"}],"wp:attachment":[{"href":"http:\/\/www.ticc.sh.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}