{"id":14,"date":"2026-07-15T18:04:55","date_gmt":"2026-07-15T10:04:55","guid":{"rendered":"http:\/\/43.157.21.180\/?page_id=14"},"modified":"2026-09-23T19:44:10","modified_gmt":"2026-09-23T11:44:10","slug":"contact","status":"publish","type":"page","link":"http:\/\/43.157.21.180\/%e4%b8%ad\/contact\/","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de00a00 e-con e-atomic-element e-flexbox-base e-54fa2d0 \" data-id=\"de00a00\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"de00a00\">\n    \t\t<div class=\"elementor-element elementor-element-d77bee9 elementor-widget elementor-widget-html\" data-id=\"d77bee9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CONTACT PAGE \u2014 paste below existing header -->\r\n<style>\r\n    .hp-contact-wrap {\r\n        background: #EBEBEB;\r\n        font-family: Georgia, 'Times New Roman', serif;\r\n        color: #222;\r\n    }\r\n    .hp-contact-media-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    background: #000;\r\n    overflow: hidden;\r\n    height: 200px;\r\n}\r\nbutton{\r\n    border-radius: 0!important;\r\n}\r\n   \r\n\r\n    \/* page title *\/\r\n    .hp-contact-title {\r\n        text-align: center;\r\n        padding: 50px 0 30px;\r\n        border-bottom: 1px solid #ccc;\r\n    }\r\n    .hp-contact-title h1 {\r\n        margin: 0;\r\n        font-size: 26px;\r\n        font-weight: 400;\r\n        letter-spacing: 3px;\r\n        color: #222;\r\n    }\r\n\r\n    \/* ===== Contact Form 7 styling ===== *\/\r\n    \/* Requires the CF7 \"Form\" tab to use the .hp-field wrapper markup\r\n       (see cf7-form-template.txt) \u2014 label and input are siblings, so\r\n       this is a plain flex row, no grid\/display:contents tricks needed. *\/\r\n    .hp-cf7-wrap {\r\n        max-width: 1180px;\r\n        margin: 60px auto 40px;\r\n        padding: 0 40px;\r\n    }\r\n.hp-field p {\r\n    display: flex;\r\n    margin: 0;\r\n}\r\n.hp-cf7-wrap .hp-field label {\r\n    flex: 0 0 320px;\r\n    font-size: 17px;\r\n    color: #222;\r\n    letter-spacing: 0.3px;\r\n    font-family: Georgia, serif;\r\n    font-style: italic;\r\n}\r\n.hp-cf7-wrap .hp-field {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n    border-bottom: 1px solid #333;\r\n    justify-content: end;\r\n    padding-bottom: 7px;\r\n    padding-top: 0px;\r\n}\r\n.hp-cf7-wrap {\r\n    max-width: 100% !important;\r\n    padding: 0 !important;\r\n}\r\n.hp-cf7-wrap .hp-field {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n    border-bottom: 1px solid #333;\r\n    justify-content: center;\r\n    padding-bottom: 7px;\r\n    padding-top: 0px;\r\n }\r\n\r\n    .hp-cf7-wrap .hp-field label {\r\n        flex: 0 0 320px;\r\n        font-size: 17px;\r\n        color: #222;\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    .hp-cf7-wrap .hp-field .wpcf7-form-control-wrap {\r\n        flex: 1;\r\n        display: block;\r\n    }\r\n\r\n    .hp-cf7-wrap input[type=\"text\"],\r\n    .hp-cf7-wrap input[type=\"email\"],\r\n    .hp-cf7-wrap textarea {\r\n        width: 100%;\r\n        border-style: none solid solid solid;\r\n        border-width: 0 1px 1px 1px;\r\n        border-color: #999;\r\n        background: transparent;\r\n        padding: 10px 14px;\r\n        font-family: Georgia, serif;\r\n        font-size: 15px;\r\n        color: #222;\r\n        box-sizing: border-box;\r\n        resize: none;\r\n    }\r\n\r\n    .hp-cf7-wrap textarea {\r\n        height: 110px;\r\n        \/* two faint dividers so the textarea reads as 3 stacked line-boxes,\r\n           matching the mock \u2014 purely decorative, still one real field *\/\r\n        background-image:\r\n            linear-gradient(to bottom, transparent calc(33.33% - 1px), #ccc calc(33.33% - 1px), #ccc calc(33.33% + 1px), transparent calc(33.33% + 1px)),\r\n            linear-gradient(to bottom, transparent calc(66.66% - 1px), #ccc calc(66.66% - 1px), #ccc calc(66.66% + 1px), transparent calc(66.66% + 1px));\r\n    }\r\n\r\n    .hp-cf7-wrap input[type=\"text\"]:focus,\r\n    .hp-cf7-wrap input[type=\"email\"]:focus,\r\n    .hp-cf7-wrap textarea:focus {\r\n        outline: none;\r\n        border-color: #222;\r\n    }\r\n\r\n    \/* submit row *\/\r\n    .hp-cf7-wrap .hp-field-submit {\r\n        text-align: center;\r\n        margin-top: 50px;\r\n    }\r\n\r\n    .hp-cf7-wrap input[type=\"submit\"] {\r\n        display: inline-block;\r\n        background: #111;\r\n        color: #fff;\r\n        border: none;\r\n        font-family: Georgia, serif;\r\n        font-style: italic;\r\n        font-size: 17px;\r\n        padding: 16px 60px;\r\n        cursor: pointer;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    .hp-cf7-wrap input[type=\"submit\"]:hover {\r\n        background: #333;\r\n    }\r\n\r\n    .hp-cf7-wrap .wpcf7-response-output {\r\n        text-align: center;\r\n        margin: 20px auto 0;\r\n        max-width: 600px;\r\n    }\r\n\r\n    \/* ===== office image \/ video block ===== *\/\r\n    .hp-contact-media {\r\n        max-width: 1180px;\r\n        margin: 70px auto 0;\r\n        padding: 0 40px;\r\n    }\r\n    .hp-contact-media-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        aspect-ratio: 16 \/ 9;\r\n        background: #000;\r\n        overflow: hidden;\r\n    }\r\n    .hp-contact-media-inner img,\r\n    .hp-contact-media-inner video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n    .hp-contact-media-caption {\r\n        position: absolute;\r\n        right: 18px;\r\n        bottom: 14px;\r\n        color: #fff;\r\n        font-size: 13px;\r\n        letter-spacing: 1px;\r\n        font-family: Georgia, serif;\r\n    }\r\n\r\n    \/* ===== tagline ===== *\/\r\n    .hp-contact-tagline {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        line-height: 1.9;\r\n        color: #333;\r\n        margin: 70px auto 0;\r\n        max-width: 800px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* ===== contact us block ===== *\/\r\n    .hp-contact-cta {\r\n        text-align: center;\r\n        margin: 60px 0 90px;\r\n    }\r\n    .hp-contact-cta h2 {\r\n        font-size: 40px;\r\n        font-weight: 400;\r\n        letter-spacing: 2px;\r\n        margin: 0 0 16px;\r\n        color: #111;\r\n    }\r\n    .hp-contact-cta p {\r\n        font-size: 15px;\r\n        color: #444;\r\n        margin: 0;\r\n        letter-spacing: 0.3px;\r\n    }\r\n\r\n    \/* ===== bottom bar: logo + icon row ===== *\/\r\n    .hp-contact-bottombar {\r\n        border-top: 1px solid #ccc;\r\n        padding-top: 30px;\r\n    }\r\n    \/* ===== CONTACT BOTTOM BAR ===== *\/\r\n.hp-contact-bottombar {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background: #EBEBEB !important;\r\n    padding: 30px 60px !important;\r\n}\r\n\r\n.hp-contact-col {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n    flex: 1 !important;\r\n    padding: 0 40px !important;\r\n    gap: 5px !important;\r\n}\r\n\r\n.hp-col-icon-img {\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n    object-fit: contain !important;\r\n    margin-bottom: 6px !important;\r\n    opacity: 0.7 !important;\r\n}\r\n\r\n.hp-col-label {\r\n    font-size: 12px !important;\r\n    font-weight: 600 !important;\r\n    color: #2a2a2a !important;\r\n    font-family: Georgia, serif !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.hp-col-value {\r\n    font-size: 12px !important;\r\n    color: #8B4513 !important;\r\n    font-family: Georgia, serif !important;\r\n    line-height: 1.6 !important;\r\n}\r\n\r\n.hp-contact-divider {\r\n    width: 1px !important;\r\n    height: 60px !important;\r\n    background: #ccc !important;\r\n    flex-shrink: 0 !important;\r\n    align-self: center !important;\r\n}\r\n    .hp-contact-bottom-logo {\r\n        text-align: center;\r\n        font-size: 22px;\r\n        letter-spacing: 4px;\r\n        margin-bottom: 30px;\r\n        color: #222;\r\n    }\r\n    .hp-contact-icons {\r\n        display: flex;\r\n        border-top: 1px solid #ccc;\r\n        border-bottom: 1px solid #ccc;\r\n    }\r\n    .hp-contact-icons a {\r\n        flex: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        height: 90px;\r\n        border-left: 1px solid #ccc;\r\n        color: #333;\r\n        font-size: 22px;\r\n        text-decoration: none;\r\n    }\r\n    .hp-contact-icons a:first-child { border-left: none; }\r\n    .hp-contact-icons a:hover { color: #000; }\r\n.row_icon_text {\r\n    gap: 10px;\r\n}\r\n.hp-col-value {\r\n    font-size: 12px !important;\r\n    color: gray !important;\r\n    font-family: Georgia, serif !important;\r\n    line-height: 1.6 !important;\r\n    margin-left: 31px;\r\n    margin-top: -10px;\r\n}\r\n    \/* responsive *\/\r\n    @media (max-width: 860px) {\r\n        .hp-cf7-wrap .hp-field { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n        .hp-cf7-wrap .hp-field label { flex: none; }\r\n        .hp-contact-icons { flex-wrap: wrap; }\r\n        .hp-contact-icons a { flex: 0 0 50%; border-left: none; border-top: 1px solid #ccc; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hp-contact-wrap\">\r\n\r\n    <div class=\"hp-contact-topbar\">\r\n        <span><\/span><span class=\"larger_width\"><\/span><span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"hp-contact-title\">\r\n        <h1>CONTACT<\/h1>\r\n    <\/div>\r\n\r\n    <div class=\"hp-cf7-wrap\">\r\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3076-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"3076\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/%e4%b8%ad\/wp-json\/wp\/v2\/pages\/14#wpcf7-f3076-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"3076\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f3076-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"hp-field\">\n\t<p><label>Name (required)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"hp-field\">\n\t<p><label>Email Address (required)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"hp-field\">\n\t<p><label>Subject (required)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"hp-field hp-field-message\">\n\t<p><label>Message (required)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<div class=\"hp-field-submit\">\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"submit\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n    <\/div>\r\n\r\n    <style>\r\n        .hp-three-images {\r\n            background: #EBEBEB;\r\n            padding: 2rem 0;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 24px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .hp-three-images img {\r\n            width: calc((100% - 96px) \/ 3);\r\n            max-width: 360px;\r\n            aspect-ratio: 4 \/ 3;\r\n            object-fit: cover;\r\n            display: block;\r\n            flex-shrink: 0;\r\n        }\r\n        <\/style>\r\n\r\n        <div class=\"hp-three-images\">\r\n        <img decoding=\"async\" src=\"http:\/\/43.157.21.180\/wp-content\/uploads\/2026\/09\/3.png\" alt=\"Project image 1\">\r\n        <img decoding=\"async\" src=\"http:\/\/43.157.21.180\/wp-content\/uploads\/2026\/09\/1-2.png\" alt=\"Project image 2\">\r\n        <img decoding=\"async\" src=\"http:\/\/43.157.21.180\/wp-content\/uploads\/2026\/09\/2-2.png\" alt=\"Project image 3\">\r\n        <\/div>\r\n\r\n    <div class=\"hp-contact-tagline\">\r\n        If you believe design can remake the world and seek self-realization through art,<br>\r\n        come join us to craft a new chapter for emerging spatial creators.\r\n    <\/div>\r\n\r\n    <div class=\"hp-contact-cta\">\r\n        <h2>CONTACT US<\/h2>\r\n        <p>email:hype_associates@163.com<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hp-contact-bottombar\">\r\n    <div class=\"hp-contact-col\">\r\n        <div class=\"row_icon_text\" style=\"display: flex;\">\r\n        <img decoding=\"async\" src=\"http:\/\/43.157.21.180\/wp-content\/uploads\/2026\/07\/one.png\" alt=\"Phone\" class=\"hp-col-icon-img\">\r\n        <span class=\"hp-col-label\">Phone<\/span>\r\n        <\/div>\r\n        <span class=\"hp-col-value\">+86 138 2315 0389<\/span>\r\n    <\/div>\r\n    <div class=\"hp-contact-divider\"><\/div>\r\n    <div class=\"hp-contact-col\">\r\n        <div class=\"row_icon_text\" style=\"display: flex;\">\r\n        <img decoding=\"async\" src=\"http:\/\/43.157.21.180\/wp-content\/uploads\/2026\/07\/two.png\" alt=\"Email\" class=\"hp-col-icon-img\">\r\n        <span class=\"hp-col-label\">Email<\/span>\r\n        <\/div>\r\n        <span class=\"hp-col-value\">hype_associates@163.com <\/span>\r\n    <\/div>\r\n    <div class=\"hp-contact-divider\"><\/div>\r\n    <div class=\"hp-contact-col\">\r\n        <div class=\"row_icon_text\" style=\"display: flex;\">\r\n        <img decoding=\"async\" src=\"http:\/\/43.157.21.180\/wp-content\/uploads\/2026\/07\/three.png\" alt=\"Address\" class=\"hp-col-icon-img\">\r\n        <span class=\"hp-col-label\">Address<\/span>\r\n        <\/div>\r\n        <span class=\"hp-col-value\">Unit A032, 2\/F, Tower A, Unit A032, 2\/F, Tower A, Baohua Road, Bao' an District\uff0cShenzhen, China<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONTACT If you believe design can remake the world and seek self-realization through art, come join us to craft a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"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-14","page","type-page","status-publish","hentry"],"acf":[],"meta_box":[],"_links":{"self":[{"href":"http:\/\/43.157.21.180\/%e4%b8%ad\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/43.157.21.180\/%e4%b8%ad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/43.157.21.180\/%e4%b8%ad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/43.157.21.180\/%e4%b8%ad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/43.157.21.180\/%e4%b8%ad\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":409,"href":"http:\/\/43.157.21.180\/%e4%b8%ad\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":4135,"href":"http:\/\/43.157.21.180\/%e4%b8%ad\/wp-json\/wp\/v2\/pages\/14\/revisions\/4135"}],"wp:attachment":[{"href":"http:\/\/43.157.21.180\/%e4%b8%ad\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}