<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>开云手机官方入口_开云(中国)官网-城市规划景观室内装修设计-天华集团</title>
    <meta name="title" content="开云手机官方入口_开云(中国)官网-城市规划景观室内装修设计-天华集团" />
    <meta name="description" content="开云手机官方入口_开云(中国)，服务范围涵盖城市规划、建筑设计、室内装修设计、景观设计、酒店设计、技术咨询到建筑审图、可视化科技等，为政府和企业客户等提供全面而专业的综合解决方案与全程卓越客户体验。" />
    <meta name="abstract" content="开云手机官方入口_开云(中国)，服务范围涵盖城市规划、建筑设计、室内装修设计、景观设计、酒店设计、技术咨询到建筑审图、可视化科技等，为政府和企业客户等提供全面而专业的综合解决方案与全程卓越客户体验。" />
    <meta name="keywords" content="建筑设计公司,建筑设计院,室内装修设计,城市规划设计,景观设计,酒店设计" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="" rel="canonical" />    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="WPKN3xe6eRPN7-2l0-oMTbFnhyB46DsWSfyhF6GrQOz80IXD2n_becK6EA9KbC7ZXpxoMe1SNB-Zj2MMAR5OuA" />        <link rel="stylesheet" href="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/css/application-4a82bf24.css" media="all" />
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script type="module" src="/alpine/2-8-2.js"></script>
    <script nomodule src="/alpine/2-8-2-ie11.js" defer></script>
    <script src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/js/runtime-94abdbabde9d10fc23d8.js" defer="defer"></script>
<script src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/js/313-afa6dfa8682ddb40281d.js" defer="defer"></script>
<script src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/js/656-8aff7dbcb73431722ad2.js" defer="defer"></script>
<script src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/js/application-a3fe54fcbbe4f41d21f3.js" defer="defer"></script>
      <style>
        #thape-footer-logo { height: 22px; }
      </style>
  </head>

  <body>
        <div class="bg-red-600 w-full fixed z-50">
          <div class="container px-2 mx-auto py-4 text-white text-center font-medium font-sans">本站点推荐在Chrome, Edge, Firefox等非IE浏览器下浏览，Chrome浏览器可以在<a href="https://www.google.cn/intl/zh-CN/chrome/">https://www.google.cn/intl/zh-CN/chrome/</a>下载。</div>
        </div>
        <div class="bg-red-600 w-full">
          <div class="container px-2 mx-auto py-4 text-white text-center font-medium font-sans">本站点推荐在Chrome, Edge, Firefox等非IE浏览器下浏览，Chrome浏览器可以在<a href="https://www.google.cn/intl/zh-CN/chrome/">https://www.google.cn/intl/zh-CN/chrome/</a>下载。</div>
        </div>
    <div class="relative bg-white main" style="padding-top: 1px; top: -1px;" data-controller="main">
      <header
  class="thape-header thape-header-fixed flex-none text-base   px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16"
  style="transform: translateZ(100px)"
  lang=""
  data-controller="header"
  data-header-is-active-value="false"
  data-header-amt-time-value="500"
>
  <div class="logo">
    <a href="/">
      <svg class="thape-logo-svg  " viewBox="0 0 1157 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" id="thape-nav-logo">
    <g transform="matrix(1,0,0,1,-2556,-475)">
        <g transform="matrix(1,0,0,1,2160,0)">
            <g transform="matrix(1,0,0,1,438.941,479.476)">
                <path d="M0,123.532L0,21.92L-42.022,21.92L-42.022,0L67.39,0L67.39,21.92L25.365,21.92L25.365,123.532L0,123.532Z" />
            </g>
            <g transform="matrix(1,0,0,1,0,2.484)">
                <rect x="520.486" y="476.992" width="25.363" height="123.532" />
            </g>
            <g transform="matrix(1,0,0,1,647.859,527.918)">
                <path d="M0,26.647L-20.466,-20.797L-40.777,26.647L0,26.647ZM20.745,75.09L8.69,47.189L-49.628,47.189L-61.511,75.09L-87.874,75.09L-32.284,-48.443L-8.316,-48.443L47.449,75.09L20.745,75.09Z" />
            </g>
            <g transform="matrix(1,0,0,1,802.141,479.476)">
                <path d="M0,123.532L-67.341,43.089L-67.341,123.532L-92.533,123.532L-92.533,0L-75.003,0L-7.628,80.528L-7.628,0L17.564,0L17.564,123.532L0,123.532Z" />
            </g>
            <g transform="matrix(1,0,0,1,928.886,479.476)">
                <path d="M0,123.532L0,70.153L-59.37,70.153L-59.37,123.532L-84.734,123.532L-84.734,0L-59.37,0L-59.37,48.062L0,48.062L0,0L25.363,0L25.363,123.532L0,123.532Z" />
            </g>
            <g transform="matrix(1,0,0,1,1033.04,479.475)">
                <path d="M0,125.254C-16.984,125.254 -30.436,120.384 -39.978,110.779C-49.522,101.177 -54.361,87.295 -54.361,69.517L-54.361,0L-28.995,0L-28.995,68.655C-28.995,91.526 -19.454,102.645 0.174,102.645C19.683,102.645 29.168,91.526 29.168,68.655L29.168,0L54.188,0L54.188,69.517C54.188,87.292 49.38,101.173 39.895,110.776C30.408,120.384 16.986,125.254 0,125.254" />
            </g>
            <g transform="matrix(1,0,0,1,1179,527.918)">
                <path d="M0,26.647L-20.466,-20.797L-40.778,26.647L0,26.647ZM20.745,75.09L8.689,47.189L-49.626,47.189L-61.511,75.09L-87.874,75.09L-32.283,-48.443L-8.314,-48.443L47.45,75.09L20.745,75.09Z" />
            </g>
            <g transform="matrix(1,0,0,1,1472.61,553.836)">
                <path d="M0,49.225L0,27.363L-59.059,27.363L-59.059,8.59L0,8.59L0,0L20.401,0L20.401,8.59L79.671,8.59L79.671,27.363L20.401,27.363L20.401,49.225L0,49.225Z" />
            </g>
            <g transform="matrix(1,0,0,1,1454.53,554.836)">
                <path d="M0,-79.566L-19.684,-79.566C-24.104,-67.171 -31.484,-56.186 -40.981,-47.462L-40.981,-23.771C-36.111,-26.968 -31.541,-30.587 -27.32,-34.57L-27.32,0L-8.475,0L-8.475,-58.904C-4.91,-65.383 -2.051,-72.304 0,-79.566" />
            </g>
            <g transform="matrix(1,0,0,1,1552.28,523.225)">
                <path d="M0,-21.537L0,-40.696L-51.864,-25.265L-51.864,-47.954L-70.566,-47.954L-70.566,-19.701L-98.802,-11.3L-98.802,7.859L-70.566,-0.542L-70.566,7.997C-70.564,7.995 -70.563,7.995 -70.561,7.995L-70.561,8.018C-70.561,18.109 -62.438,26.29 -52.375,26.406L-52.375,26.417L0,26.417L0,7.859L-46.303,7.859C-49.344,7.822 -51.801,5.379 -51.864,2.343L-51.864,-6.106L0,-21.537Z" />
            </g>
            <g transform="matrix(1,0,0,1,1330.1,557.063)">
                <path d="M0,-31.635L0,-58.8L54.722,-58.8L54.722,-77.574L-75.043,-77.574L-75.043,-58.8L-20.387,-58.8L-20.387,-31.635L-79.092,-31.635L-79.092,-12.784L-23.451,-12.784C-31.249,10.54 -53.265,27.408 -79.179,27.408L-79.201,27.408L-79.201,45.939L-79.179,45.939C-49.042,45.939 -22.951,28.686 -10.193,3.529C2.562,28.686 28.653,45.939 58.79,45.939L58.79,27.408C32.875,27.408 10.861,10.54 3.063,-12.784L58.811,-12.784L58.811,-31.635L0,-31.635Z" />
            </g>
        </g>
    </g>
</svg>
    </a>
  </div>
  <nav class="menu-nav show ml-auto" data-header-target="nav">
    <div class="nav-item">
      <a href="/about" class="">介绍</a>
      <nav class="intro">
        <div class="nav-item">
          <a href="/about" class="">天华介绍</a>
        </div>
        <div class="nav-item">
          <a href="/culture" class="">企业文化</a>
        </div>
        <div class="nav-item">
          <a href="/leadership" class="">集团高管</a>
        </div>
        <div class="nav-item">
          <a href="/leadership/shanghai" class="">区域团队</a>
        </div>
      </nav>
    </div>
    <div class="nav-point">·</div>
    <div class="nav-item">
      <a href="/works" class="">开云手机官方入口_开云(中国)</a>
      <nav class="works">
        <div class="nav-item">
          <span>类型</span>
          <div class="list">
            <div class="list-item">
              <div class="nav-item">
                <a href="/works/residential">居住</a>
              </div>
              <div class="nav-item">
                <a href="/works/demonstration-zone">展示区/示范区</a>
              </div>
              <div class="nav-item">
                <a href="/works/office">商务办公/产业办公</a>
              </div>
              <div class="nav-item">
                <a href="/works/mixed-used-tod">综合体/TOD</a>
              </div>
              <div class="nav-item">
                <a href="/works/supertall">超高层</a>
              </div>
              <div class="nav-item">
                <a href="/works/hospitality">旅居/酒店</a>
              </div>
              <div class="nav-item">
                <a href="/works/urban-planning">城市规划</a>
              </div>
            </div>
            <div class="list-item">
              <div class="nav-item">
                <a href="/works/commercial">商业空间</a>
              </div>
              <div class="nav-item">
                <a href="/works/cultural">文化空间</a>
              </div>
              <div class="nav-item">
                <a href="/works/urban-design">城市设计/更新</a>
              </div>
              <div class="nav-item">
                <a href="/works/education">教育</a>
              </div>
              <div class="nav-item">
                <a href="/works/medical-care">医疗康养</a>
              </div>
              <div class="nav-item">
                <a href="/works/landscape">景观</a>
              </div>
              <div class="nav-item">
                <a href="/works/interior">室内</a>
              </div>
            </div>
          </div>
        </div>
        <div class="nav-item">
          <span>地区</span>
          <div class="list area">
            <div class="list-item" style="width: 25%;height: 11rem;">
              <div class="nav-item">
                <span>华东</span>
                <nav>
                    <div class="nav-item">
                      <a href="/works/shanghai">上海</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/hangzhou">杭州</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/nanjing">南京</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/hefei">合肥</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/jinan">济南</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/qingdao">青岛</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/fuzhou">福州</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/suzhou">苏州</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/zhangjiagang">张家界</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/nanchang">南昌</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/huzhou">湖州</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/wenzhou">温州</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/nantong">南通</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/wuxi">无锡</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/ningbo">宁波</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/xuzhou">徐州</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/huangshan">黄山</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/nanping">南平</a>
                    </div>
                </nav>
              </div>
              <div class="nav-item">
                <span>华北</span>
                <nav>
                    <div class="nav-item">
                      <a href="/works/beijing">北京</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/tianjin">天津</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/shijiazhuang">石家庄</a>
                    </div>
                </nav>
              </div>
              <div class="nav-item">
                <span>华南</span>
                <nav>
                    <div class="nav-item">
                      <a href="/works/shenzhen">深圳</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/xiamen">厦门</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/guangzhou">广州</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/haikou">海口</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/dongguan">东莞</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/zhongshan">中山</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/danzhou">儋州</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/zhuhai">珠海</a>
                    </div>
                </nav>
              </div>
              <div class="nav-item">
                <span>华中</span>
                <nav>
                    <div class="nav-item">
                      <a href="/works/wuhan">武汉</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/xiangyang">襄阳</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/hengyang">衡阳</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/changde">常德</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/huanggang">黄冈</a>
                    </div>
                </nav>
              </div>
              <div class="nav-item">
                <span>西南</span>
                <nav>
                    <div class="nav-item">
                      <a href="/works/chongqing">重庆</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/chengdu">成都</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/guiyang">贵阳</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/kunming">昆明</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/leshan">乐山</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/ya-an">雅安</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/neijiang">内江</a>
                    </div>
                </nav>
              </div>
              <div class="nav-item">
                <span>西北</span>
                <nav>
                    <div class="nav-item">
                      <a href="/works/xi-an">西安</a>
                    </div>
                </nav>
              </div>
              <div class="nav-item">
                <span>东北</span>
                <nav>
                    <div class="nav-item">
                      <a href="/works/shenyang">沈阳</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/changchun">长春</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/harbin">哈尔滨</a>
                    </div>
                    <div class="nav-item">
                      <a href="/works/dalian">大连</a>
                    </div>
                </nav>
              </div>
            </div>
          </div>
        </div>
      </nav>
    </div>
    <div class="nav-point">·</div>
    <div class="nav-item">
      <a href="/building" class="">服务</a>
      <nav class="service">
        <div class="nav-item">
          <a href="/building" class="">建筑</a>
        </div>
        <div class="nav-item">
          <a href="/interior" class="">室内</a>
        </div>
        <div class="nav-item">
          <a href="/planning" class="">规划</a>
        </div>
        <div class="nav-item">
          <a href="/landscape" class="">景观</a>
        </div>
        <div class="nav-item">
          <a href="/vetting" class="">审图</a>
        </div>
        <div class="nav-item">
          <a href="/consluting" class="">技术咨询</a>
        </div>
        <div class="nav-item">
          <a href="/sustainable" class="">可持续</a>
        </div>
        <div class="nav-item">
          <a href="/vr-tech" class="">可视化</a>
        </div>
      </nav>
    </div>
    <div class="nav-point">·</div>
    <div class="nav-item">
      <a href="/news" class="">开云手机官方入口_开云(中国)</a>
    </div>
    <div class="nav-point">·</div>
    <div class="nav-item">
      <a href="/publications" class="">出版</a>
    </div>
    <div class="nav-point">·</div>
    <div class="nav-item">
      <a target="_blank" rel="nofollow" rel="noreferrer" href="https://tianhua.gllue.com/portal/campus">招聘</a>
    </div>
    <div class="nav-point">·</div>
    <div class="nav-item">
      <a href="/biz-map" class="">联系我们</a>
    </div>
    <div class="nav-item" data-header-target="formSwitch">
      <a href="javascript:void(0)" data-action="click->header#showForm">
        <svg class="fill-current h-6 w-6" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
          <path d="M20.067 18.933l-4.157-4.157a6 6 0 1 0-.884.884l4.157 4.157a.624.624 0 1 0 .884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"></path>
        </svg>
      </a>
    </div>
    <div class="nav-item">
        <a rel="nofollow" href="/?locale=en">
          <svg class="fill-current h-6 w-18" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
            <g transform="matrix(1,0,0,1,-791,-523)">
              <g id="cn">
                <g transform="matrix(1,0,0,1,795.87,543.475)">
                    <path d="M0,-19C-1.93,-19 -3.5,-17.43 -3.5,-15.5L-3.5,-3.5C-3.5,-1.57 -1.93,0 0,0L62,0C63.93,0 65.5,-1.57 65.5,-3.5L65.5,-15.5C65.5,-17.43 63.93,-19 62,-19L0,-19ZM62,1L0,1C-2.481,1 -4.5,-1.019 -4.5,-3.5L-4.5,-15.5C-4.5,-17.981 -2.481,-20 0,-20L62,-20C64.481,-20 66.5,-17.981 66.5,-15.5L66.5,-3.5C66.5,-1.019 64.481,1 62,1" />
                </g>
                <g transform="matrix(1,0,0,1,804.839,529.59)">
                    <path d="M0,8.77C0.885,8.761 1.72,8.361 2.28,7.677L3.15,8.699C2.366,9.656 1.187,10.203 -0.05,10.184C-2.65,10.184 -4.64,8.252 -4.64,4.875C-4.64,1.514 -2.59,-0.503 0.01,-0.503C1.126,-0.5 2.189,-0.028 2.94,0.797L2.06,1.834C1.547,1.255 0.813,0.92 0.04,0.91C-1.74,0.91 -2.97,2.395 -2.97,4.818C-2.97,7.271 -1.82,8.77 0,8.77M12.27,10.003L8.85,3.924L7.77,1.766L7.7,1.766C7.78,2.831 7.91,4.021 7.91,5.142L7.91,10.003L6.37,10.003L6.37,-0.308L8.03,-0.308L11.45,5.743L12.53,7.928L12.6,7.928C12.52,6.864 12.39,5.618 12.39,4.496L12.39,-0.304L13.93,-0.304L13.93,10.006L12.271,10.006L12.27,10.003ZM-8.97,-5.615L22.061,-5.615L22.061,14.385L-8.97,14.385C-11.179,14.385 -12.97,12.594 -12.97,10.385L-12.97,-1.615C-12.97,-3.824 -11.179,-5.615 -8.97,-5.615" />
                </g>
                <g transform="matrix(1,0,0,1,835.513,539.737)">
                    <path d="M0,-10.31L6.093,-10.31L6.093,-8.952L1.624,-8.952L1.624,-6.08L5.406,-6.08L5.406,-4.707L1.624,-4.707L1.624,-1.373L6.247,-1.373L6.247,0L0,0L0,-10.31Z" />
                </g>
                <g transform="matrix(1,0,0,1,843.912,539.737)">
                    <path d="M0,-10.31L1.667,-10.31L5.085,-4.258L6.163,-2.074L6.233,-2.074C6.149,-3.138 6.023,-4.385 6.023,-5.505L6.023,-10.31L7.564,-10.31L7.564,0L5.897,0L2.479,-6.08L1.4,-8.237L1.331,-8.237C1.415,-7.172 1.541,-5.982 1.541,-4.861L1.541,0L0,0L0,-10.31Z" />
                </g>
              </g>
            </g>
          </svg>
</a>    </div>
    <div class="nav-item">
        <a href="/?ts=big">
          <svg class="fonticon h-6" xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
            <rect class="fonticon-rect" x="0.5" y="0.5" width="35" height="20" rx="4" ry="4" style="fill: none; stroke: currentColor; stroke-width: 1px;"/>
            <path class="fonticon-big" d="M2329,513v-2h9v2h-9Zm5.5,9h-2v-9h2v9Z" transform="translate(-2318.5 -505.5)" style="fill: currentColor; fill-opacity: .5; fill-rule: evenodd;"/>
            <path class="fonticon-small" d="M2341.5,516v6h-2v-6H2337v-2h7v2h-2.5Z" transform="translate(-2318.5 -505.5)" style="fill: currentColor; fill-opacity: 1; fill-rule: evenodd;"/>
          </svg>
</a>    </div>
  </nav>
  <div class="header-search-form absolute top-0 right-2 md:right-6 lg:right-8 xl:right-10 xxl:right-12 xxxl:right-16" data-header-target="form" data-action="mousedown->header#preventDefaultEvent">
    <form class="w-full" action="/search.php" method="GET" autocomplete="off">
      <input type="text" autofocus name="q" placeholder="关键词搜索" value="" data-header-target="formInput" data-action="blur->header#hideForm" />
      <button type="submit" data-header-target="formSubmit">
        <svg class="h-6 w-6" fill="currentColor">
          <path fill-rule="evenodd" d="M20.067 18.933l-4.157-4.157a6 6 0 1 0-.884.884l4.157 4.157a.624.624 0 1 0 .884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z" clip-rule="evenodd" />
        </svg>
      </button>
    </form>
    <div class="underline" data-header-target="formUnderline"></div>
  </div>
  <div class="flex lg:hidden relative">
    <button type="button" class="mr-2" data-action="click->header#showMobileSearch">
      <svg class="fill-current h-6 w-6" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
        <path d="M20.067 18.933l-4.157-4.157a6 6 0 1 0-.884.884l4.157 4.157a.624.624 0 1 0 .884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"></path>
      </svg>
    </button>
    <button type="button" class="aside-menu-button" data-action="click->header#toggleAsideMenu">
      <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
      </svg>
    </button>
  </div>

  <div class="fixed left-0 top-0 w-full h-screen overflow-hidden bg-white p-2 mobile-search" data-header-target="mobileSearch">
    <form action="/search.php" method="GET" class="relative rounded-md shadow-sm" autocomplete="off">
      <input type="text" autofocus name="q" placeholder="关键词搜索" value="" class="form-input block w-full pr-10 text-sm leading-5 focus:outline-none focus:border-gray-300 focus:shadow-outline-gray active:bg-gray-50 active:text-gray-800" />
      <button type="button" class="absolute inset-y-0 right-0 pr-3 flex items-center" data-action="click->header#hideMobileSearch">
        <span>取消</span>
      </button>
    </form>
  </div>

  <div class="aside-menu" data-header-target="asideMenu" data-action="click->header#toggleAsideMenu">
    <div class="aside-menu-container" data-action="click->header#menuItemClick">
      <div class="aside-menu-item">
        <a href="javascript:void(0);" rel="nofollow ugc">介绍</a>
        <div class="aside-menu-children hidden">
          <div class="aside-menu-item">
            <a href="/about">天华介绍</a>
          </div>
          <div class="aside-menu-item">
            <a href="/culture">企业文化</a>
          </div>
          <div class="aside-menu-item">
            <a href="/leadership">集团高管</a>
          </div>
          <div class="aside-menu-item">
            <a href="/leadership/shanghai">区域团队</a>
          </div>
        </div>
      </div>
      <div class="aside-menu-item">
        <a href="/works">开云手机官方入口_开云(中国)</a>
      </div>
      <div class="aside-menu-item">
        <a href="javascript:void(0)" rel="nofollowi ugc">服务</a>
        <div class="aside-menu-children hidden">
          <div class="aside-menu-item">
            <a href="/building">建筑</a>
          </div>
          <div class="aside-menu-item">
            <a href="/interior">室内</a>
          </div>
          <div class="aside-menu-item">
            <a href="/planning">规划</a>
          </div>
          <div class="aside-menu-item">
            <a href="/landscape">景观</a>
          </div>
          <div class="aside-menu-item">
            <a href="/vetting">审图</a>
          </div>
          <div class="aside-menu-item">
            <a href="/consluting">技术咨询</a>
          </div>
          <div class="aside-menu-item">
            <a href="/sustainable">可持续</a>
          </div>
          <div class="aside-menu-item">
            <a href="/vr-tech">可视化</a>
          </div>
        </div>
      </div>
      <div class="aside-menu-item">
        <a href="/news">开云手机官方入口_开云(中国)</a>
      </div>
      <div class="aside-menu-item">
        <a href="/publications">出版</a>
      </div>
      <div class="aside-menu-item">
        <a target="_blank" rel="nofollow" rel="noreferrer" href="https://tianhua.gllue.com/portal/campus">招聘</a>
      </div>
      <div class="aside-menu-item">
        <a href="/biz-map">联系我们</a>
      </div>
      <div class="aside-menu-item">
          <a rel="nofollow" href="/?locale=en">
            <svg class="fill-current h-6 w-18" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
              <g transform="matrix(1,0,0,1,-791,-523)">
                <g id="cn">
                  <g transform="matrix(1,0,0,1,795.87,543.475)">
                      <path d="M0,-19C-1.93,-19 -3.5,-17.43 -3.5,-15.5L-3.5,-3.5C-3.5,-1.57 -1.93,0 0,0L62,0C63.93,0 65.5,-1.57 65.5,-3.5L65.5,-15.5C65.5,-17.43 63.93,-19 62,-19L0,-19ZM62,1L0,1C-2.481,1 -4.5,-1.019 -4.5,-3.5L-4.5,-15.5C-4.5,-17.981 -2.481,-20 0,-20L62,-20C64.481,-20 66.5,-17.981 66.5,-15.5L66.5,-3.5C66.5,-1.019 64.481,1 62,1" />
                  </g>
                  <g transform="matrix(1,0,0,1,804.839,529.59)">
                      <path d="M0,8.77C0.885,8.761 1.72,8.361 2.28,7.677L3.15,8.699C2.366,9.656 1.187,10.203 -0.05,10.184C-2.65,10.184 -4.64,8.252 -4.64,4.875C-4.64,1.514 -2.59,-0.503 0.01,-0.503C1.126,-0.5 2.189,-0.028 2.94,0.797L2.06,1.834C1.547,1.255 0.813,0.92 0.04,0.91C-1.74,0.91 -2.97,2.395 -2.97,4.818C-2.97,7.271 -1.82,8.77 0,8.77M12.27,10.003L8.85,3.924L7.77,1.766L7.7,1.766C7.78,2.831 7.91,4.021 7.91,5.142L7.91,10.003L6.37,10.003L6.37,-0.308L8.03,-0.308L11.45,5.743L12.53,7.928L12.6,7.928C12.52,6.864 12.39,5.618 12.39,4.496L12.39,-0.304L13.93,-0.304L13.93,10.006L12.271,10.006L12.27,10.003ZM-8.97,-5.615L22.061,-5.615L22.061,14.385L-8.97,14.385C-11.179,14.385 -12.97,12.594 -12.97,10.385L-12.97,-1.615C-12.97,-3.824 -11.179,-5.615 -8.97,-5.615" />
                  </g>
                  <g transform="matrix(1,0,0,1,835.513,539.737)">
                      <path d="M0,-10.31L6.093,-10.31L6.093,-8.952L1.624,-8.952L1.624,-6.08L5.406,-6.08L5.406,-4.707L1.624,-4.707L1.624,-1.373L6.247,-1.373L6.247,0L0,0L0,-10.31Z" />
                  </g>
                  <g transform="matrix(1,0,0,1,843.912,539.737)">
                      <path d="M0,-10.31L1.667,-10.31L5.085,-4.258L6.163,-2.074L6.233,-2.074C6.149,-3.138 6.023,-4.385 6.023,-5.505L6.023,-10.31L7.564,-10.31L7.564,0L5.897,0L2.479,-6.08L1.4,-8.237L1.331,-8.237C1.415,-7.172 1.541,-5.982 1.541,-4.861L1.541,0L0,0L0,-10.31Z" />
                  </g>
                </g>
              </g>
            </svg>
</a>      </div>
    </div>
  </div>
</header>


<div class="fixed w-full h-full z-0">
  <div
    class="thape-slide"
    data-controller="carousel2"
    data-carousel2-auto-play-value="true"
    data-carousel2-item-data-type-value="slide-item"
    data-carousel2-active-class-value="active"
    data-carousel2-animation-class-base-value="animate"
    data-carousel2-animation-class-left-in-value="fade-in"
    data-carousel2-animation-class-left-out-value="fade-out"
    data-carousel2-animation-class-right-in-value="fade-in"
    data-carousel2-animation-class-right-out-value="fade-out"
    data-carousel2-animation-duration-value="500"
    data-carousel2-interval-time-value="5000"
  >
    <div class="slide-images" data-action="animationstart->carousel2#itemAnimationStart animationend->carousel2#itemAnimationEnd">
      <div data-type="slide-item" class="image-item active">
        <a href="/works/273" class="block w-full h-full" target="_blank">
          <picture>
            <source srcSet="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_1_mobile/1/622x2_1_.jpg" media="(max-width: 768px)" type="image/jpeg" />
            <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_1/1/%E5%8D%97%E6%B9%961920x968.jpg" alt="" />
          </picture>
        </a>
        <div class="absolute text-white bottom-0 left-0 right-0 break-all px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 py-3 md:py-10">
          <p class="text-base sm:text-lg lg:text-2xl text-left pb-1 font-medium leading-none sm:leading-tight">嘉兴南湖天地</p>
          <p class="text-xs sm:text-base lg:text-lg text-left leading-none md:leading-snug tracking-tight sm:tracking-normal" style="word-break: keep-all;">JIAXING NANHU PLACE</p>
        </div>
      </div>
      <div data-type="slide-item" class="image-item">
        <a href="/works/28" class="block w-full h-full" target="_blank">
          <picture>
            <source srcSet="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_2_mobile/1/01_background_mobile.jpg" media="(max-width: 768px)" type="image/jpeg" />
            <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_2/1/lunbo-1.jpg" alt="" />
          </picture>
        </a>
        <div class="absolute text-white bottom-0 left-0 right-0 break-all px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 py-3 md:py-10">
          <p class="text-base sm:text-lg lg:text-2xl text-left pb-1 font-medium leading-none sm:leading-tight">南昌新力中心</p>
          <p class="text-xs sm:text-base lg:text-lg text-left leading-none md:leading-snug tracking-tight sm:tracking-normal" style="word-break: keep-all;">NANCHANG SINIC CENTER</p>
        </div>
      </div>
      <div data-type="slide-item" class="image-item">
        <a href="/works/48" class="block w-full h-full" target="_blank">
          <picture>
            <source srcSet="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_3_mobile/1/%E6%B8%A9%E5%BE%B7%E5%A7%86622x1104.jpg" media="(max-width: 768px)" type="image/jpeg" />
            <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_3/1/%E6%B8%A9%E5%BE%B7%E5%A7%861920x968.jpg" alt="" />
          </picture>
        </a>
        <div class="absolute text-white bottom-0 left-0 right-0 break-all px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 py-3 md:py-10">
          <p class="text-base sm:text-lg lg:text-2xl text-left pb-1 font-medium leading-none sm:leading-tight">温州和晟温德姆酒店</p>
          <p class="text-xs sm:text-base lg:text-lg text-left leading-none md:leading-snug tracking-tight sm:tracking-normal" style="word-break: keep-all;">WENZHOU  WYNDHAM  HOTEL</p>
        </div>
      </div>
      <div data-type="slide-item" class="image-item">
        <a href="/works/145" class="block w-full h-full" target="_blank">
          <picture>
            <source srcSet="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_4_mobile/1/%E7%A2%A7%E4%BA%91622x1104.jpg" media="(max-width: 768px)" type="image/jpeg" />
            <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_4/1/%E7%A2%A7%E4%BA%911920x968.jpg" alt="" />
          </picture>
        </a>
        <div class="absolute text-white bottom-0 left-0 right-0 break-all px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 py-3 md:py-10">
          <p class="text-base sm:text-lg lg:text-2xl text-left pb-1 font-medium leading-none sm:leading-tight">上海碧云国际社区碧云尊邸</p>
          <p class="text-xs sm:text-base lg:text-lg text-left leading-none md:leading-snug tracking-tight sm:tracking-normal" style="word-break: keep-all;">SHANGHAI GREEN RESIDENCE</p>
        </div>
      </div>
      <div data-type="slide-item" class="image-item">
        <a href="/works/54" class="block w-full h-full" target="_blank">
          <picture>
            <source srcSet="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_5_mobile/1/03_background_mobile.jpg" media="(max-width: 768px)" type="image/jpeg" />
            <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_5/1/%E6%96%B0%E5%A4%A9%E5%9C%B01920x968.jpg" alt="" />
          </picture>
        </a>
        <div class="absolute text-white bottom-0 left-0 right-0 break-all px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 py-3 md:py-10">
          <p class="text-base sm:text-lg lg:text-2xl text-left pb-1 font-medium leading-none sm:leading-tight">上海瑞安新天地广场</p>
          <p class="text-xs sm:text-base lg:text-lg text-left leading-none md:leading-snug tracking-tight sm:tracking-normal" style="word-break: keep-all;">SHANGHAI SHUI ON XINTIANDI</p>
        </div>
      </div>
      <div data-type="slide-item" class="image-item">
        <a href="/works/39" class="block w-full h-full" target="_blank">
          <picture>
            <source srcSet="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_6_mobile/1/06_background_mobile.jpg" media="(max-width: 768px)" type="image/jpeg" />
            <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/background_6/1/06_background.jpg" alt="" />
          </picture>
        </a>
        <div class="absolute text-white bottom-0 left-0 right-0 break-all px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 py-3 md:py-10">
          <p class="text-base sm:text-lg lg:text-2xl text-left pb-1 font-medium leading-none sm:leading-tight">苏州高新区文体中心</p>
          <p class="text-xs sm:text-base lg:text-lg text-left leading-none md:leading-snug tracking-tight sm:tracking-normal" style="word-break: keep-all;">SND CULTURAL &amp; SPORTS CENTRE</p>
        </div>
      </div>
    </div>
    <div class="action-area action-left" data-action="click->carousel2#toLast mouseenter->carousel2#stopAutoPlay mouseleave->carousel2#startAutoPlay">
      <img class="w-4 lg:w-8" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/arrow_left-0ae2058c3586c8046aff.svg" alt="上一张" />
    </div>
    <div class="action-area action-right" data-action="click->carousel2#toNext mouseenter->carousel2#stopAutoPlay mouseleave->carousel2#startAutoPlay">
      <img class="w-4 lg:w-8" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/arrow_right-5b5543ef4a721a0c62f2.svg" alt="下一张" />
    </div>
  </div>
</div>

<div data-controller="home-ie11"
     data-action="resize@window->home-ie11#layout"
     data-home-offset-value="0.75"
     data-home-amplify-rate-value="2.3">

<div class="relative" style="margin-top: 100vh; z-index: 1;" style="opacity: 0;" id="thape-home-waypoint">

<div class="w-full mx-auto px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 bg-white scroller-step"  id="thape-new-projects">
  <header>
    <div class="flex w-full pt-4 pb-2 sm:pt-10 sm:pb-4 justify-between items-center">
      <div class="flex items-end">
        <h1 class="p-0 text-lg sm:text-2xl font-bold text-black6c">
          <a href="/works?locale=cn" class="hover:text-black6c-t70 focus:text-black6c-t70">最新项目</a>
        </h1>
        <h2 class="ml-2 text-sm sm:text-lg text-black6c">
          <a href="/works?locale=en" class="font-medium hover:text-black6c-t70 focus:text-black6c-t70">NEW PROJECTS</a>
        </h2>
      </div>
      <a class="py-1 md:py-2 px-2 sm:px-5 border border-black text-sm font-medium rounded-full text-black bg-thape-white-t80 shadow-sm active:bg-black6c-t70 hover:bg-black6c focus:text-black6c hover:text-white focus:text-white transition duration-150 ease-in-out leading-snug sm:leading-normal" href="/works">
        MORE+
      </a>
    </div>
  </header>
    <div>
  <table class="table-fixed">
    <tbody>
      <tr>
        <td class="p-1 overflow-hidden relative w-1/4" >
  <a href="/works/280">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/new_project_photo_1/1/%E5%A4%A9%E6%B9%96%E5%B2%9B_880x880.jpg?x-oss-process=image%2Fresize%2Cw_1000" class="cover object-cover w-full h-full">
  </a>
  <div class="absolute text-white left-6 bottom-4">
    <p class="text-left pb-1 font-medium"><a href="/works/residential">居住</a></p>
    <p class="text-xl text-left leading-snug"><a href="/works/280">重庆香港置地天湖岛</a></p>
  </div>
</td>

        <td class="p-1 overflow-hidden relative w-1/4" rowspan=2>
  <a href="/works/1">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/new_project_photo_4/1/%E9%9D%99%E5%AE%89%E4%B8%96%E7%BA%AA_880x880.jpg?x-oss-process=image%2Fresize%2Cw_1000" class="cover object-cover w-full h-full">
  </a>
  <div class="absolute text-white left-6 bottom-4">
    <p class="text-left pb-1 font-medium"><a href="/works/residential">居住</a></p>
    <p class="text-xl text-left leading-snug"><a href="/works/1">上海仁恒静安世纪</a></p>
  </div>
</td>

        <td class="p-1 overflow-hidden relative w-1/2" colspan=2>
  <a href="/works/120">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/new_project_photo_3w/1/%E5%89%91%E6%A1%A5_1794x880.jpg?x-oss-process=image%2Fresize%2Cw_1000" class="cover object-cover w-full h-full">
  </a>
  <div class="absolute text-white left-6 bottom-4">
    <p class="text-left pb-1 font-medium"><a href="/works/office">商务办公/产业办公</a></p>
    <p class="text-xl text-left leading-snug"><a href="/works/120">剑桥大学南京科技创新中心</a></p>
  </div>
</td>

      </tr>
      <tr>
        <td class="p-1 overflow-hidden relative w-1/4" >
  <a href="/works/279">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/new_project_photo_2l/1/%E4%B8%8A%E6%B5%B7%E7%94%B5%E6%B0%94_880x1794.jpg?x-oss-process=image%2Fresize%2Cw_1000" class="cover object-cover w-full h-full">
  </a>
  <div class="absolute text-white left-6 bottom-4">
    <p class="text-left pb-1 font-medium"><a href="/works/office">商务办公/产业办公</a></p>
    <p class="text-xl text-left leading-snug"><a href="/works/279">上海电气风电装备产业园</a></p>
  </div>
</td>

        <td class="p-1 overflow-hidden relative w-1/4" >
  <a href="/works/136">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/new_project_photo_5/1/%E5%BF%83%E4%B9%A1%E8%B0%B7_880x880.jpg?x-oss-process=image%2Fresize%2Cw_1000" class="cover object-cover w-full h-full">
  </a>
  <div class="absolute text-white left-6 bottom-4">
    <p class="text-left pb-1 font-medium"><a href="/works/hospitality">旅居/酒店</a></p>
    <p class="text-xl text-left leading-snug"><a href="/works/136">长泰福隆·心乡谷</a></p>
  </div>
</td>

        <td class="p-1 overflow-hidden relative w-1/4" >
  <a href="/works/12">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/new_project_photo_6/1/%E4%B9%9D%E5%AE%AB%E6%A0%BC_880x880.jpg?x-oss-process=image%2Fresize%2Cw_1000" class="cover object-cover w-full h-full">
  </a>
  <div class="absolute text-white left-6 bottom-4">
    <p class="text-left pb-1 font-medium"><a href="/works/residential">居住</a></p>
    <p class="text-xl text-left leading-snug"><a href="/works/12">上海陆家嘴前滩九宫格租赁住宅</a></p>
  </div>
</td>

      </tr>
    </tbody>
  </table>
</div>

</div>

<div class="relative w-full mx-auto px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 bg-white scroller-step" id="thape-home-news">
  <header>
    <div class="flex w-full pt-4 pb-2 sm:pt-10 sm:pb-4 justify-between items-center">
      <div class="flex items-end">
        <h1 class="p-0 text-lg sm:text-2xl font-bold text-black6c">
          <a href="/news?locale=cn" class="hover:text-black6c-t70 focus:text-black6c-t70">天华开云手机官方入口_开云(中国)</a>
        </h1>
        <h2 class="ml-2 text-sm sm:text-lg text-black6c">
          <a href="/news?locale=en" class="font-medium hover:text-black6c-t70 focus:text-black6c-t70">NEWS</a>
        </h2>
      </div>
      <a class="py-1 md:py-2 px-2 sm:px-5 border border-black text-sm font-medium rounded-full text-black bg-thape-white-t80 shadow-sm active:bg-black6c-t70 hover:bg-black6c focus:text-black6c hover:text-white focus:text-white transition duration-150 ease-in-out leading-snug sm:leading-normal" href="/news">
        MORE+
      </a>
    </div>
  </header>
  <div class="flex-grid">
    <div class="flex-grid-box flex-grid-cols-1-gap-1 sm:flex-grid-cols-2-gap-2 lg:flex-grid-cols-3-gap-2">
    <div x-data="{ show_text: false }" x-on:mouseenter="show_text = true" x-on:mouseleave="show_text = false">
  <div class="relative overflow-hidden border border-thape-dark-gray w-full">
  <a href="/news/907">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/info_1_photo/1/2.jpg" class="w-full h-full max-w-full" x-bind:class="{ 'filter-blur': show_text }" />
    <div class="absolute bg-thape-white-t95 top-0 left-0 h-full flex flex-col justify-between w-2/3 pointer-events-none"
      x-transition:enter="transition ease-linear duration-200"
      x-transition:enter-start="opacity-0 transform -translate-x-1/2"
      x-transition:enter-end="opacity-100 transform translate-x-0"
      x-transition:leave="transition ease-in duration-200"
      x-transition:leave-start="opacity-100 transform translate-x-0"
      x-transition:leave-end="opacity-0 transform -translate-x-1/2"
      x-show="show_text">
      <div class="my-6 mx-6">
        <p class="text-2xl sm:text-3xl text-justify font-bold">Mar</p>
        <p class="text-3xl sm:text-5xl text-justify tracking-widest font-bold leading-9">11</p>
      </div>
      <div class="mb-10 mx-6">
        <p class="font-medium text-lg sm:text-lg leading-tight text-left pb-1 text-justify">天华2025 | 匠心所成，骐骥天华</p>
        <p class="font-light text-sm sm:text-sm leading-tight text-left mt-2">天华2025年度回顾</p>
      </div>
    </div>
</a>  </div>
</div>

    <div x-data="{ show_text: false }" x-on:mouseenter="show_text = true" x-on:mouseleave="show_text = false">
  <div class="relative overflow-hidden border border-thape-dark-gray w-full">
  <a href="/news/906">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/info_2_photo/1/2%282%29.jpg" class="w-full h-full max-w-full" x-bind:class="{ 'filter-blur': show_text }" />
    <div class="absolute bg-thape-white-t95 top-0 left-0 h-full flex flex-col justify-between w-2/3 pointer-events-none"
      x-transition:enter="transition ease-linear duration-200"
      x-transition:enter-start="opacity-0 transform -translate-x-1/2"
      x-transition:enter-end="opacity-100 transform translate-x-0"
      x-transition:leave="transition ease-in duration-200"
      x-transition:leave-start="opacity-100 transform translate-x-0"
      x-transition:leave-end="opacity-0 transform -translate-x-1/2"
      x-show="show_text">
      <div class="my-6 mx-6">
        <p class="text-2xl sm:text-3xl text-justify font-bold">Mar</p>
        <p class="text-3xl sm:text-5xl text-justify tracking-widest font-bold leading-9">11</p>
      </div>
      <div class="mb-10 mx-6">
        <p class="font-medium text-lg sm:text-lg leading-tight text-left pb-1 text-justify">天华开云手机官方入口_开云(中国) | 郑州招商·揽阅</p>
        <p class="font-light text-sm sm:text-sm leading-tight text-left mt-2">永不落幕的河岸剧场</p>
      </div>
    </div>
</a>  </div>
</div>

    <div x-data="{ show_text: false }" x-on:mouseenter="show_text = true" x-on:mouseleave="show_text = false">
  <div class="relative overflow-hidden border border-thape-dark-gray w-full">
  <a href="/news/904">
    <img src="https://thape-upload.oss-cn-shanghai.aliyuncs.com/uploads/tail_home/info_3_photo/1/2.jpg" class="w-full h-full max-w-full" x-bind:class="{ 'filter-blur': show_text }" />
    <div class="absolute bg-thape-white-t95 top-0 left-0 h-full flex flex-col justify-between w-2/3 pointer-events-none"
      x-transition:enter="transition ease-linear duration-200"
      x-transition:enter-start="opacity-0 transform -translate-x-1/2"
      x-transition:enter-end="opacity-100 transform translate-x-0"
      x-transition:leave="transition ease-in duration-200"
      x-transition:leave-start="opacity-100 transform translate-x-0"
      x-transition:leave-end="opacity-0 transform -translate-x-1/2"
      x-show="show_text">
      <div class="my-6 mx-6">
        <p class="text-2xl sm:text-3xl text-justify font-bold">Mar</p>
        <p class="text-3xl sm:text-5xl text-justify tracking-widest font-bold leading-9">11</p>
      </div>
      <div class="mb-10 mx-6">
        <p class="font-medium text-lg sm:text-lg leading-tight text-left pb-1 text-justify">天华荣誉 | 全球第17！天华再度荣登WA100全球百强建筑设计公司榜单</p>
        <p class="font-light text-sm sm:text-sm leading-tight text-left mt-2">持续领跑中国设计力量</p>
      </div>
    </div>
</a>  </div>
</div>

    </div>
  </div>
</div>

<div class="bg-white sm:py-8">
<div class="w-full mx-auto px-4 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 bg-white">
  <div class="p-4 sm:px-8 md:px-12 lg:px-16 xl:px-24" id="thape-guest-form">
    <header class="pb-2 flex items-center lg:items-end w-full flex-wrap lg:flex-no-wrap py-4 sm:py-6">
  <div class="flex flex-wrap items-end w-full flex-none md:w-auto md:flex-auto">
    <h1 class="block mr-2 text-lg sm:text-2xl font-bold text-black6c mb-0">
      <a href="#thape-guest-form" class="hover:text-black6c-t70 focus:text-black6c-t70">
        访客留言      </a>
    </h1>
    <h2 class="block text-sm sm:text-lg text-black6c">
      <a href="#thape-guest-form" class="hover:text-black6c-t70 focus:text-black6c-t70">CONTACT US</a>
    </h2>
  </div>
</header>

    <div class="pt-0 pb-5 sm:pb-6 sm:pt-2">
        <form action="/guest_messages" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="AsDK4S8GD51gyddrMz0qE-osODaF_oxdWSS8NAZUJ-3BYxHC2cQFzGqp3oQpzm8EjxsJ_NSTWtFPImOBl_nZRA" autocomplete="off" />
          <div class="flex w-full flex-wrap sm:flex-no-wrap">
            <div class="flex flex-none w-full sm:flex-1 h-32 sm:h-auto mr-0 sm:mr-3 xl:mr-5">
              <div class="max-full sm:max-w-lg xl:max-w-xl xxl:max-w-2xl w-full flex rounded-xl h-full">
                <textarea id="guest-comment" name="guest[message]" placeholder="请填写您的留言" class="p-3 rounded-xl form-textarea resize-none block w-full text-black6c border border-thape-dark-gray bg-form-background hover:shadow-lg focus:shadow-lg focus:shadow-lg focus:border-gray-300 placeholder-thape-guest-gray transition duration-150 ease-in-out sm:text-sm sm:leading-5 h-full"></textarea>
              </div>
            </div>

            <div class="flex flex-none w-full sm:flex-1 flex-wrap justify-between ml-0 sm:ml-3 xl:ml-5 mt-4 sm:mt-0">
              <div class="flex-none sm:flex-1 w-full sm:w-auto mb-2 sm:mb-3 xl:mb-5 mr-0 sm:mr-3 xl:mr-5">
                <input id="guest-name" name="guest[name]" placeholder="请填写您的姓名" class="form-input block w-full py-3 px-6 border border-thape-dark-gray rounded-full text-black6c bg-form-background transition duration-150 ease-in-out hover:shadow-lg focus:shadow-lg focus:border-gray-300 placeholder-thape-guest-gray sm:text-sm  sm:leading-5" />
              </div>

              <div class="flex-none sm:flex-1 w-full sm:w-auto mb-2 sm:mb-3 xl:mb-5 mt-2 sm:mt-0 ml-0 sm:ml-3 xl:ml-5">
                <input id="guest-company" name="guest[company]" placeholder="请填写您的公司" class="form-input block w-full py-3 px-6 border border-thape-dark-gray rounded-full text-black6c bg-form-background transition duration-150 ease-in-out hover:shadow-lg focus:shadow-lg focus:border-gray-300 placeholder-thape-guest-gray sm:text-sm sm:leading-5" />
              </div>

              <div class="w-full flex-none my-2 sm:my-3 xl:my-5">
                <input id="guest-contact" name="guest[contact_details]" placeholder="请填写您的联系方式" class="form-input block w-full py-3 px-6 border border-thape-dark-gray rounded-full text-black6c bg-form-background transition duration-150 ease-in-out hover:shadow-lg focus:shadow-lg focus:border-gray-300 placeholder-thape-guest-gray sm:text-sm sm:leading-5" />
              </div>

              <div class="w-full sm:w-auto flex-none mt-2 sm:mt-3 xl:mt-5">
                <button id="guest-submit-btn" class="w-full sm:w-auto py-3 px-5 border border-black text-sm font-medium rounded-full text-black bg-thape-white-t80 shadow-sm active:bg-black6c-t70 hover:bg-black6c focus:text-black6c hover:text-white focus:text-white transition duration-150 ease-in-out">
                  确认提交                </button>
              </div>
            </div>
          </div>
</form>    </div>
  </div>
</div>

</div>

</div>
</div>
<div class="relative bg-white" style="height: 1px;" data-main-target="footerLine"></div>
<footer class="bg-thape-dark-gray py-4 w-full flex-none md:py-6 px-2 md:px-6 lg:px-8 xl:px-10 xxl:px-12 xxxl:px-16 relative" data-main-target="footer">
  <div class="w-full">
    <nav class="flex items-center justify-center flex-no-wrap pb-2 md:pb-4 md:justify-between border-b border-gray-300">
      <div class="items-center hidden md:flex">
        <a href="/">
          <svg class="thape-logo-svg  " viewBox="0 0 1157 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" id="thape-footer-logo">
    <g transform="matrix(1,0,0,1,-2556,-475)">
        <g transform="matrix(1,0,0,1,2160,0)">
            <g transform="matrix(1,0,0,1,438.941,479.476)">
                <path d="M0,123.532L0,21.92L-42.022,21.92L-42.022,0L67.39,0L67.39,21.92L25.365,21.92L25.365,123.532L0,123.532Z" />
            </g>
            <g transform="matrix(1,0,0,1,0,2.484)">
                <rect x="520.486" y="476.992" width="25.363" height="123.532" />
            </g>
            <g transform="matrix(1,0,0,1,647.859,527.918)">
                <path d="M0,26.647L-20.466,-20.797L-40.777,26.647L0,26.647ZM20.745,75.09L8.69,47.189L-49.628,47.189L-61.511,75.09L-87.874,75.09L-32.284,-48.443L-8.316,-48.443L47.449,75.09L20.745,75.09Z" />
            </g>
            <g transform="matrix(1,0,0,1,802.141,479.476)">
                <path d="M0,123.532L-67.341,43.089L-67.341,123.532L-92.533,123.532L-92.533,0L-75.003,0L-7.628,80.528L-7.628,0L17.564,0L17.564,123.532L0,123.532Z" />
            </g>
            <g transform="matrix(1,0,0,1,928.886,479.476)">
                <path d="M0,123.532L0,70.153L-59.37,70.153L-59.37,123.532L-84.734,123.532L-84.734,0L-59.37,0L-59.37,48.062L0,48.062L0,0L25.363,0L25.363,123.532L0,123.532Z" />
            </g>
            <g transform="matrix(1,0,0,1,1033.04,479.475)">
                <path d="M0,125.254C-16.984,125.254 -30.436,120.384 -39.978,110.779C-49.522,101.177 -54.361,87.295 -54.361,69.517L-54.361,0L-28.995,0L-28.995,68.655C-28.995,91.526 -19.454,102.645 0.174,102.645C19.683,102.645 29.168,91.526 29.168,68.655L29.168,0L54.188,0L54.188,69.517C54.188,87.292 49.38,101.173 39.895,110.776C30.408,120.384 16.986,125.254 0,125.254" />
            </g>
            <g transform="matrix(1,0,0,1,1179,527.918)">
                <path d="M0,26.647L-20.466,-20.797L-40.778,26.647L0,26.647ZM20.745,75.09L8.689,47.189L-49.626,47.189L-61.511,75.09L-87.874,75.09L-32.283,-48.443L-8.314,-48.443L47.45,75.09L20.745,75.09Z" />
            </g>
            <g transform="matrix(1,0,0,1,1472.61,553.836)">
                <path d="M0,49.225L0,27.363L-59.059,27.363L-59.059,8.59L0,8.59L0,0L20.401,0L20.401,8.59L79.671,8.59L79.671,27.363L20.401,27.363L20.401,49.225L0,49.225Z" />
            </g>
            <g transform="matrix(1,0,0,1,1454.53,554.836)">
                <path d="M0,-79.566L-19.684,-79.566C-24.104,-67.171 -31.484,-56.186 -40.981,-47.462L-40.981,-23.771C-36.111,-26.968 -31.541,-30.587 -27.32,-34.57L-27.32,0L-8.475,0L-8.475,-58.904C-4.91,-65.383 -2.051,-72.304 0,-79.566" />
            </g>
            <g transform="matrix(1,0,0,1,1552.28,523.225)">
                <path d="M0,-21.537L0,-40.696L-51.864,-25.265L-51.864,-47.954L-70.566,-47.954L-70.566,-19.701L-98.802,-11.3L-98.802,7.859L-70.566,-0.542L-70.566,7.997C-70.564,7.995 -70.563,7.995 -70.561,7.995L-70.561,8.018C-70.561,18.109 -62.438,26.29 -52.375,26.406L-52.375,26.417L0,26.417L0,7.859L-46.303,7.859C-49.344,7.822 -51.801,5.379 -51.864,2.343L-51.864,-6.106L0,-21.537Z" />
            </g>
            <g transform="matrix(1,0,0,1,1330.1,557.063)">
                <path d="M0,-31.635L0,-58.8L54.722,-58.8L54.722,-77.574L-75.043,-77.574L-75.043,-58.8L-20.387,-58.8L-20.387,-31.635L-79.092,-31.635L-79.092,-12.784L-23.451,-12.784C-31.249,10.54 -53.265,27.408 -79.179,27.408L-79.201,27.408L-79.201,45.939L-79.179,45.939C-49.042,45.939 -22.951,28.686 -10.193,3.529C2.562,28.686 28.653,45.939 58.79,45.939L58.79,27.408C32.875,27.408 10.861,10.54 3.063,-12.784L58.811,-12.784L58.811,-31.635L0,-31.635Z" />
            </g>
        </g>
    </g>
</svg>
        </a>
      </div>
      <div class="flex justify-center flex-none flex-wrap items-center w-48 text-sm sm:text-base text-thape-copyright-gray cursor-pointer md:w-auto md:justify-end">
        <a href="/biz-map" class="flex-none my-0 md:my-1 block w-1/2 text-center md:w-auto md:font-medium hover:text-black6c focus:outline-none focus:text-black6c transition duration-150 ease-in-out">联系方式</a>
        <span class="hidden mx-2 md:inline md:mx-3">|</span>
        <a href="/sites/statement" class="flex-none my-0 md:my-1 block w-1/2 text-center md:w-auto md:font-medium hover:text-black6c focus:outline-none focus:text-black6c transition duration-150 ease-in-out">网站声明</a>
        <span class="hidden mx-2 md:inline md:mx-3">|</span>
        <a href="/sites/privacy" class="flex-none my-0 md:my-1 block w-1/2 text-center md:w-auto md:font-medium hover:text-black6c focus:outline-none focus:text-black6c transition duration-150 ease-in-out">隐私政策</a>
        <span class="hidden mx-2 md:inline md:mx-3">|</span>
        <a href="/sites/disclaimer" class="flex-none my-0 md:my-1 block w-1/2 text-center md:w-auto md:font-medium hover:text-black6c focus:outline-none focus:text-black6c transition duration-150 ease-in-out">免责条款</a>
        <span class="hidden mx-2 md:inline md:mx-3">|</span>
        <a href="https://tianhua.gllue.com/portal/campus" target="_blank" class="flex-none my-0 md:my-1 block w-1/2 text-center md:w-auto md:font-medium hover:text-black6c focus:outline-none focus:text-black6c transition duration-150 ease-in-out">职业发展</a>
      </div>
    </nav>
  </div>
  <div class="w-full flex justify-center flex-wrap mt-4 md:justify-between md:flex-no-wrap md:mt-6">
    <div class="text-sm sm:text-base flex-none w-full text-thape-copyright-gray md:w-auto md:flex-auto">
      <p class="hidden md:block">总机：021-34189900 / 021-64281588 &nbsp;&nbsp;&nbsp;市场热线：400-8366606 / 021-64281588 转 1</p>
      <p class="hidden md:block leading-loose">? 2022 开云手机官方入口_开云(中国)，保留所有权利 <a href="https://beian.miit.gov.cn/" class="hover:underline">沪ICP备08027138号-1</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402005733" class="hover:underline">公安部备案号 31010402005733</a></p>

      <p class="md:hidden text-center">总机：021-34189900 / 021-64281588</p>
      <p class="md:hidden text-center">市场热线：400-8366606 / 021-64281588 转 1</p>
      <p class="md:hidden text-center">? 2022 开云手机官方入口_开云(中国)，保留所有权利 <a href="https://beian.miit.gov.cn/" class="hover:underline">沪ICP备08027138号-1</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402005733" class="hover:underline">公安部备案号 31010402005733</a></p>
    </div>

    <div class="flex order-first flex-none w-full pb-2 text-thape-icon-gray justify-center items-center md:order-last md:pb-0 md:w-auto md:pl-4" x-data="{ show_wechat_qr: false, show_shipinhao_qr: false, show_xiaohongshu_qr: false  }">
      <div class="relative">
        <img class="absolute w-36 z-50 max-w-none" style="top: -168px; left: -64px;" x-show="show_wechat_qr" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/wechat-qr-6c3ae42ab489a3e83d1a.jpg" />
        <a x-on:mouseenter="show_wechat_qr = true" x-on:mouseleave="show_wechat_qr = false"><img class="h-4 md:h-6 mx-2 md:mr-2 md:ml-0" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/wechat-dacd263a0fa51224b9a4.svg" /></a>
      </div>
      <a href="http://weibo.com/thape" target="_blank" rel="noreferrer"><img class="h-4 md:h-6 mx-2" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/weibo-5d343d5d82c29e6f2555.svg" /></a>
      <a href="https://www.zhihu.com/org/tian-hua-jian-zhu/activities" target="_blank" rel="noreferrer"><img class="h-4 md:h-6 mx-2" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/zhihu-a2fb4ff34078a4b62178.svg" /></a>
      <div class="relative">
        <img class="absolute w-44 z-50 max-w-none" style="top: -220px; left: -74px;" x-show="show_shipinhao_qr" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/shipinhao-qr-a3f134552e2cde05e72c.jpg" />
        <a x-on:mouseenter="show_shipinhao_qr = true" x-on:mouseleave="show_shipinhao_qr = false"><img class="h-4 md:h-6 mx-2" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/shipinhao-b1c3b0316420c444d5e7.svg" /></a>
      </div>
      <a href="https://space.bilibili.com/380792461" target="_blank" rel="noreferrer"><img class="h-4 md:h-6 mx-2" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/bilibili-7f92496419b345a8d0f2.svg" /></a>
      <div class="relative">
        <img class="absolute w-44 z-50 max-w-none" style="top: -220px; right: 0px;" x-show="show_xiaohongshu_qr" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/xiaohongshu-qr-6f91dd5bf83378c26781.jpg" />
        <a x-on:mouseenter="show_xiaohongshu_qr = true" x-on:mouseleave="show_xiaohongshu_qr = false"><img class="h-4 md:h-6 mx-2 md:ml-2 md:mr-0" src="https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/images/xiaohongshu-f1a1faf130e82085dcf4.svg" /></a>
      </div>
    </div>
  </div>
</footer>


    </div>
  　<script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?3902b3da7c02f3fa9661c1b6fe940f65";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
  </body>
</html>
