{"id":207,"date":"2026-03-18T14:52:24","date_gmt":"2026-03-18T06:52:24","guid":{"rendered":"http:\/\/csc-hub.cn\/?page_id=207"},"modified":"2026-03-24T15:23:31","modified_gmt":"2026-03-24T07:23:31","slug":"contact","status":"publish","type":"page","link":"http:\/\/csc-hub.cn\/index.php\/contact\/","title":{"rendered":"CONTACT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"207\" class=\"elementor elementor-207\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd666db e-flex e-con-boxed e-con e-parent\" data-id=\"fd666db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7569618 elementor-widget elementor-widget-html\" data-id=\"7569618\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@8\/swiper-bundle.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: STHeiti, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: #f2efee;\n        }\n        \n        .page-main {\n            position: relative;\n            background: #f2efee;\n            width: 100%;\n            min-height: 100vh;\n        }\n        \n\/* \u76d2\u5b50\u5e03\u5c40 *\/\n        .page-index {\n            position: relative;\n            width: 100%;\n            margin-top: 0px;\n            display: flex;\n            flex-wrap: wrap;\n        }\n        \n        .page-content {\n            width: 100%;\n            display: flex;\n            flex-wrap: wrap;\n        }\n        \n        .section {\n            position: relative;\n            width: 33.33%;\n            height: 19.98vw;\n            min-height: 200px;\n            background-color: #ccc;\n            box-sizing: border-box;\n            transition: all 0.5s;\n            overflow: hidden;\n        }\n        \n        .section .city_bg {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        \n        .section .city-title {\n            position: absolute;\n            width: 15%;\n            bottom: 10%;\n            left: 10%;\n            transition: all 0.5s;\n            z-index: 10;\n        }\n        \n        .section .city-con {\n            position: absolute;\n            width: 45%;\n            bottom: 10%;\n            left: 25%;\n            opacity: 0;\n            transition: all 0.5s;\n            z-index: 10;\n        }\n        \n        .section .color-bg {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.3);\n            z-index: 1;\n        }\n        \n\n        \n        \/* \u8f6e\u64ad\u533a\u57df - \u5782\u76f4\u6eda\u52a8 *\/\n        .swiper-container {\n            position: relative;\n            width: 100%;\n            height: 100vh;\n            display: none;\n        }\n        \n        .swiper-slide {\n            text-align: center;\n            width: 100%;\n            height: 100%;\n        }\n        \n        .swiper-slide img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        \n        \/* \u54cd\u5e94\u5f0f - \u624b\u673a\u7aef *\/\n        @media screen and (max-width: 960px) {\n            .page-index {\n                display: none;\n            }\n            \n            .swiper-container {\n                display: block;\n            }\n            \n            .section {\n                width: 100%;\n                height: 60vw;\n            }\n            \n            .section .city-title {\n                width: 25%;\n            }\n            \n            .section .city-con {\n                opacity: 1;\n                left: 35%;\n                width: 75%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n        <div class=\"page-index\">\n            <div class=\"page-content\">\n                \n                <div class=\"section section1\" data-id=\"1\">\n                    <img decoding=\"async\" class=\"city-title\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p1_title.png\" alt=\"\u6df1\u5733\u6807\u9898\">\n                    <img decoding=\"async\" class=\"city-con\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p1_con.png\" alt=\"\u6df1\u5733\u5185\u5bb9\">\n                    <span class=\"color-bg\"><\/span>\n                    <img decoding=\"async\" class=\"city_bg\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/1.jpg\" alt=\"\u6df1\u5733\u80cc\u666f\">\n                <\/div>\n                \n                <div class=\"section section2\" data-id=\"2\">\n                    <img decoding=\"async\" class=\"city-title\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p2_title.png\" alt=\"\u676d\u5dde\u6807\u9898\">\n                    <img decoding=\"async\" class=\"city-con\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p2_con.png\" alt=\"\u676d\u5dde\u5185\u5bb9\">\n                    <span class=\"color-bg\"><\/span>\n                    <img decoding=\"async\" class=\"city_bg\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/2.jpg\" alt=\"\u676d\u5dde\u80cc\u666f\">\n                <\/div>\n                \n                <div class=\"section section3\" data-id=\"3\">\n                    <img decoding=\"async\" class=\"city-title\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p3_title.png\" alt=\"\u91cd\u5e86\u6807\u9898\">\n                    <img decoding=\"async\" class=\"city-con\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p3_con.png\" alt=\"\u91cd\u5e86\u5185\u5bb9\">\n                    <span class=\"color-bg\"><\/span>\n                    <img decoding=\"async\" class=\"city_bg\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/3.jpg\" alt=\"\u91cd\u5e86\u80cc\u666f\">\n                <\/div>\n                <div class=\"section section4\" data-id=\"4\">\n                    <img decoding=\"async\" class=\"city-title\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p4_title.png\" alt=\"\u5317\u4eac\u6807\u9898\">\n                    <img decoding=\"async\" class=\"city-con\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p4_con.png\" alt=\"\u5317\u4eac\u5185\u5bb9\">\n                    <span class=\"color-bg\"><\/span>\n                    <img decoding=\"async\" class=\"city_bg\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/4.jpg\" alt=\"\u5317\u4eac\u80cc\u666f\">\n                <\/div>\n                \n                <div class=\"section section5\" data-id=\"5\">\n                    <img decoding=\"async\" class=\"city-title\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p5_title.png\" alt=\"\u4e0a\u6d77\u6807\u9898\">\n                    <img decoding=\"async\" class=\"city-con\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p5_con.png\" alt=\"\u4e0a\u6d77\u5185\u5bb9\">\n                    <span class=\"color-bg\"><\/span>\n                    <img decoding=\"async\" class=\"city_bg\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/5.jpg\" alt=\"\u4e0a\u6d77\u80cc\u666f\">\n                <\/div>\n                \n                <div class=\"section section6\" data-id=\"6\">\n                    <img decoding=\"async\" class=\"city-title\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p6_title-1.png\" alt=\"\u6210\u90fd\u6807\u9898\">\n                    <img decoding=\"async\" class=\"city-con\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p6_con.png\" alt=\"\u6210\u90fd\u5185\u5bb9\">\n                    <span class=\"color-bg\"><\/span>\n                    <img decoding=\"async\" class=\"city_bg\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/6.jpg\" alt=\"\u6210\u90fd\u80cc\u666f\">\n                <\/div>\n                \n            <\/div>\n        <\/div>\n        \n        <!-- \u8f6e\u64ad - \u624b\u673a\u7aef\u663e\u793a\uff0c\u5782\u76f4\u6eda\u52a8 -->\n        <div class=\"swiper-container swiper-container-vertical\">\n            <div class=\"swiper-wrapper\">\n                <div class=\"swiper-slide\">\n                    <img decoding=\"async\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p1.jpg\" alt=\"\u6df1\u5733\u8f6e\u64ad1\">\n                <\/div>\n                <div class=\"swiper-slide\">\n                    <img decoding=\"async\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p2.jpg\" alt=\"\u676d\u5dde\u8f6e\u64ad2\">\n                <\/div>\n                <div class=\"swiper-slide\">\n                    <img decoding=\"async\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p3.jpg\" alt=\"\u91cd\u5e86\u8f6e\u64ad3\">\n                <\/div>\n                <div class=\"swiper-slide\">\n                    <img decoding=\"async\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p4.jpg\" alt=\"\u5317\u4eac\u8f6e\u64ad4\">\n                <\/div>\n                <div class=\"swiper-slide\">\n                    <img decoding=\"async\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p5.jpg\" alt=\"\u4e0a\u6d77\u8f6e\u64ad5\">\n                <\/div>\n                <div class=\"swiper-slide\">\n                    <img decoding=\"async\" src=\"http:\/\/csc-hub.cn\/wp-content\/uploads\/2026\/03\/p6.jpg\" alt=\"\u6210\u90fd\u8f6e\u64ad6\">\n                <\/div>\n            <\/div>\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n        \n\n        \n   \n    \n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@8\/swiper-bundle.min.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery@3.6.0\/dist\/jquery.min.js\"><\/script>\n    <script>\n        \/\/ \u5e03\u5c40\u5757\u53c2\u6570\n        var w = 33.33;\n        var h = 19.98;\n        var bsw = 2;\n        var bsh = 1.4;\n        \n        \/\/ \u684c\u9762\u7aef\u5e03\u5c40\u5757 Hover \u6548\u679c\n        $(\".section\").hover(function() {\n            var windowW = $(window).width();\n            if (windowW < 960) return;\n            \n            var thisID = $(this).data(\"id\");\n            \n            \/\/ \u6839\u636e\u5f53\u524d\u662f\u524d\u4e09\u8fd8\u662f\u540e\u4e09\u5904\u7406\n            if (thisID <= 3) {\n                for (var i = 1; i <= 6; i++) {\n                    if (thisID == i) {\n                        \/\/ \u5f53\u524d\u5757\u653e\u5927\n                        $(\".section\" + i).width(w * bsw + \"%\");\n                        $(\".section\" + i).height(h * bsh + \"vw\");\n                        $(\".section\" + i).find(\".city-title\").width(\"15%\");\n                        $(\".section\" + i).find(\".city-con\").css(\"opacity\", 1);\n                    } else if (i <= 3) {\n                        \/\/ \u540c\u6392\u5176\u4ed6\u5757\u53d8\u7a84\n                        $(\".section\" + i).width(w * (1 - (bsw - 1) \/ 2) + \"%\");\n                        $(\".section\" + i).find(\".city-title\").width(\"40%\");\n                        $(\".section\" + i).find(\".city-con\").css(\"opacity\", 0);\n                    } else {\n                        \/\/ \u4e0b\u6392\u5757\u9690\u85cf\n                        $(\".section\" + i).height(h * (3 - bsh) \/ 2 + \"vw\");\n                    }\n                }\n            } else if (thisID > 3 && thisID <= 6) {\n                for (var i = 1; i <= 6; i++) {\n                    if (thisID == i) {\n                        $(\".section\" + i).width(w * bsw + \"%\");\n                        $(\".section\" + i).height(h * bsh + \"vw\");\n                        $(\".section\" + i).find(\".city-title\").width(\"15%\");\n                        $(\".section\" + i).find(\".city-con\").css(\"opacity\", 1);\n                    } else if (i > 3 && i <= 6) {\n                        $(\".section\" + i).width(w * (1 - (bsw - 1) \/ 2) + \"%\");\n                        $(\".section\" + i).find(\".city-title\").width(\"40%\");\n                        $(\".section\" + i).find(\".city-con\").css(\"opacity\", 0);\n                    } else {\n                        $(\".section\" + i).height(h * (3 - bsh) \/ 2 + \"vw\");\n                    }\n                }\n            }\n        }, function() {\n            var windowW = $(window).width();\n            if (windowW < 960) return;\n            \n            \/\/ \u6062\u590d\u539f\u72b6\n            for (var i = 1; i <= 6; i++) {\n                $(\".section\" + i).width(w + \"%\");\n                $(\".section\" + i).height(h + \"vw\");\n                $(\".section\" + i).find(\".city-title\").width(\"15%\");\n                $(\".section\" + i).find(\".city-con\").css(\"opacity\", 0);\n            }\n        });\n        \n        \/\/ \u5782\u76f4\u8f6e\u64ad\n        var swiper = new Swiper('.swiper-container', {\n            direction: 'vertical',\n            loop: true,\n            pagination: {\n                el: '.swiper-pagination',\n                clickable: true\n            }\n        });\n        \n        \/\/ \u7a97\u53e3\u5927\u5c0f\u53d8\u5316\u65f6\u5904\u7406\n        window.onresize = function() {\n            doResize();\n        };\n        \n        function doResize() {\n            var windowW = $(window).width();\n            if (windowW < 960) {\n                $(\".page-index\").hide();\n                $(\".swiper-container\").show();\n            } else {\n                $(\".page-index\").show();\n                $(\".swiper-container\").hide();\n            }\n        }\n        \n        \/\/ \u521d\u59cb\u5316\n        doResize();\n    <\/script>\n<\/body>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bae82ab e-flex e-con-boxed e-con e-parent\" data-id=\"bae82ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d658d6 elementor-widget elementor-widget-spacer\" data-id=\"7d658d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e39aa6 e-flex e-con-boxed e-con e-parent\" data-id=\"2e39aa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cab02b8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"cab02b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","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-207","page","type-page","status-publish"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"administrator","author_link":"http:\/\/csc-hub.cn\/index.php\/author\/administrator\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"http:\/\/csc-hub.cn\/index.php\/wp-json\/wp\/v2\/pages\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/csc-hub.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/csc-hub.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/csc-hub.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/csc-hub.cn\/index.php\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":40,"href":"http:\/\/csc-hub.cn\/index.php\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":379,"href":"http:\/\/csc-hub.cn\/index.php\/wp-json\/wp\/v2\/pages\/207\/revisions\/379"}],"wp:attachment":[{"href":"http:\/\/csc-hub.cn\/index.php\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}