Newer
Older
KaiFengAxure / 开封原型海绵综合一张图 / 城市概况.html
@zhangdeliang zhangdeliang on 19 Jun 49 KB 1
<!DOCTYPE html>
<html>
  <head>
    <title>城市概况</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/城市概况/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/城市概况/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (背景1920) -->

      <!-- Unnamed (动态面板) -->
      <div id="u902" class="ax_default">
        <div id="u902_state0" class="panel_state" data-label="图例" style="">
          <div id="u902_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u903" class="ax_default _图片_">
              <img id="u903_img" class="img " src="images/城市概况_总_/u760.png"/>
              <div id="u903_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u904" class="ax_default _图片_">
              <img id="u904_img" class="img " src="images/概况引领/u5.png"/>
              <div id="u904_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u905" class="ax_default _二级标题">
              <div id="u905_div" class=""></div>
              <div id="u905_text" class="text ">
                <p><span>海绵城市综合一张图</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u906" class="ax_default _图片_">
              <img id="u906_img" class="img " src="images/概况引领/u7.png"/>
              <div id="u906_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u907" class="ax_default primary_button">
              <div id="u907_div" class=""></div>
              <div id="u907_text" class="text ">
                <p><span>城市概况</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u908" class="ax_default primary_button">
              <div id="u908_div" class=""></div>
              <div id="u908_text" class="text ">
                <p><span>项目建设</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u909" class="ax_default primary_button">
              <div id="u909_div" class=""></div>
              <div id="u909_text" class="text ">
                <p><span>排水防涝</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u910" class="ax_default primary_button">
              <div id="u910_div" class=""></div>
              <div id="u910_text" class="text ">
                <p><span>考核评估</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u911" class="ax_default primary_button">
              <div id="u911_div" class=""></div>
              <div id="u911_text" class="text ">
                <p><span>长效运维</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u912" class="ax_default _图片_">
              <img id="u912_img" class="img " src="images/城市概况_总_/u769.png"/>
              <div id="u912_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u913" class="ax_default _图片_">
              <img id="u913_img" class="img " src="images/城市概况_总_/u770.png"/>
              <div id="u913_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u914" class="ax_default label">
              <div id="u914_div" class=""></div>
              <div id="u914_text" class="text ">
                <p><span>展开收起</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u915" class="ax_default label">
              <div id="u915_div" class=""></div>
              <div id="u915_text" class="text ">
                <p><span>图例控制</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u916" class="ax_default label">
              <div id="u916_div" class=""></div>
              <div id="u916_text" class="text ">
                <p><span>2024-06-16</span></p><p><span>09:26:20</span></p>
              </div>
            </div>

            <!-- Unnamed (文本框) -->
            <div id="u917" class="ax_default text_field">
              <div id="u917_div" class=""></div>
              <input id="u917_input" type="text" value="" class="u917_input"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u918" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u918_state0" class="panel_state" data-label="图例" style="">
          <div id="u918_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u919" class="ax_default box_1">
              <div id="u919_div" class=""></div>
              <div id="u919_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u920" class="ax_default box_1">
              <div id="u920_div" class=""></div>
              <div id="u920_text" class="text ">
                <p><span>&nbsp;&nbsp; 基础信息</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u921" class="ax_default marker">
              <img id="u921_img" class="img " src="images/城市概况_总_/u778.svg"/>
              <div id="u921_text" class="text ">
                <p><span>X</span></p>
              </div>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u922" class="ax_default radio_button">
              <label id="u922_input_label" for="u922_input" style="position: absolute; left: 0px;">
                <img id="u922_img" class="img " src="images/城市概况_总_/u779.svg"/>
                <div id="u922_text" class="text ">
                  <p><span>白色地图</span></p>
                </div>
              </label>
              <input id="u922_input" type="radio" value="radio" name="u922"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u923" class="ax_default radio_button">
              <label id="u923_input_label" for="u923_input" style="position: absolute; left: 0px;">
                <img id="u923_img" class="img " src="images/城市概况_总_/u780.svg"/>
                <div id="u923_text" class="text ">
                  <p><span>蓝色地图</span></p>
                </div>
              </label>
              <input id="u923_input" type="radio" value="radio" name="u923"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u924" class="ax_default radio_button">
              <label id="u924_input_label" for="u924_input" style="position: absolute; left: 0px;">
                <img id="u924_img" class="img " src="images/城市概况_总_/u781.svg"/>
                <div id="u924_text" class="text ">
                  <p><span>影像图</span></p>
                </div>
              </label>
              <input id="u924_input" type="radio" value="radio" name="u924"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u925" class="ax_default radio_button">
              <label id="u925_input_label" for="u925_input" style="position: absolute; left: 0px;">
                <img id="u925_img" class="img " src="images/城市概况_总_/u782.svg"/>
                <div id="u925_text" class="text ">
                  <p><span>三维建筑</span></p>
                </div>
              </label>
              <input id="u925_input" type="radio" value="radio" name="u925"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u926" class="ax_default radio_button">
              <label id="u926_input_label" for="u926_input" style="position: absolute; left: 0px;">
                <img id="u926_img" class="img " src="images/城市概况_总_/u783.svg"/>
                <div id="u926_text" class="text ">
                  <p><span>行政区划</span></p>
                </div>
              </label>
              <input id="u926_input" type="radio" value="radio" name="u926"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u927" class="ax_default radio_button">
              <label id="u927_input_label" for="u927_input" style="position: absolute; left: 0px;">
                <img id="u927_img" class="img " src="images/城市概况_总_/u784.svg"/>
                <div id="u927_text" class="text ">
                  <p><span>建成区</span></p>
                </div>
              </label>
              <input id="u927_input" type="radio" value="radio" name="u927"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u928" class="ax_default radio_button">
              <label id="u928_input_label" for="u928_input" style="position: absolute; left: 0px;">
                <img id="u928_img" class="img " src="images/城市概况_总_/u785.svg"/>
                <div id="u928_text" class="text ">
                  <p><span>中心城区</span></p>
                </div>
              </label>
              <input id="u928_input" type="radio" value="radio" name="u928"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u929" class="ax_default radio_button">
              <label id="u929_input_label" for="u929_input" style="position: absolute; left: 0px;">
                <img id="u929_img" class="img " src="images/城市概况_总_/u786.svg"/>
                <div id="u929_text" class="text ">
                  <p><span>河湖水系</span></p>
                </div>
              </label>
              <input id="u929_input" type="radio" value="radio" name="u929"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u930" class="ax_default radio_button">
              <label id="u930_input_label" for="u930_input" style="position: absolute; left: 0px;">
                <img id="u930_img" class="img " src="images/城市概况_总_/u787.svg"/>
                <div id="u930_text" class="text ">
                  <p><span>排水分区(一级)</span></p>
                </div>
              </label>
              <input id="u930_input" type="radio" value="radio" name="u930"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u931" class="ax_default radio_button">
              <label id="u931_input_label" for="u931_input" style="position: absolute; left: 0px;">
                <img id="u931_img" class="img " src="images/城市概况_总_/u788.svg"/>
                <div id="u931_text" class="text ">
                  <p><span>排水分区(二级)</span></p>
                </div>
              </label>
              <input id="u931_input" type="radio" value="radio" name="u931"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u932" class="ax_default radio_button">
              <label id="u932_input_label" for="u932_input" style="position: absolute; left: 0px;">
                <img id="u932_img" class="img " src="images/城市概况_总_/u789.svg"/>
                <div id="u932_text" class="text ">
                  <p><span>排水分区(三级)</span></p>
                </div>
              </label>
              <input id="u932_input" type="radio" value="radio" name="u932"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u933" class="ax_default box_1">
              <div id="u933_div" class=""></div>
              <div id="u933_text" class="text ">
                <p><span>&nbsp;&nbsp; 雨水/污水系统</span></p>
              </div>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u934" class="ax_default radio_button">
              <label id="u934_input_label" for="u934_input" style="position: absolute; left: 0px;">
                <img id="u934_img" class="img " src="images/城市概况_总_/u791.svg"/>
                <div id="u934_text" class="text ">
                  <p><span>雨水管网</span></p>
                </div>
              </label>
              <input id="u934_input" type="radio" value="radio" name="u934"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u935" class="ax_default radio_button">
              <label id="u935_input_label" for="u935_input" style="position: absolute; left: 0px;">
                <img id="u935_img" class="img " src="images/城市概况_总_/u792.svg"/>
                <div id="u935_text" class="text ">
                  <p><span>雨水泵站</span></p>
                </div>
              </label>
              <input id="u935_input" type="radio" value="radio" name="u935"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u936" class="ax_default radio_button">
              <label id="u936_input_label" for="u936_input" style="position: absolute; left: 0px;">
                <img id="u936_img" class="img " src="images/城市概况_总_/u793.svg"/>
                <div id="u936_text" class="text ">
                  <p><span>管网流向</span></p>
                </div>
              </label>
              <input id="u936_input" type="radio" value="radio" name="u936"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u937" class="ax_default radio_button">
              <label id="u937_input_label" for="u937_input" style="position: absolute; left: 0px;">
                <img id="u937_img" class="img " src="images/城市概况_总_/u794.svg"/>
                <div id="u937_text" class="text ">
                  <p><span>供水厂</span></p>
                </div>
              </label>
              <input id="u937_input" type="radio" value="radio" name="u937"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u938" class="ax_default radio_button">
              <label id="u938_input_label" for="u938_input" style="position: absolute; left: 0px;">
                <img id="u938_img" class="img " src="images/城市概况_总_/u795.svg"/>
                <div id="u938_text" class="text ">
                  <p><span>污水管网</span></p>
                </div>
              </label>
              <input id="u938_input" type="radio" value="radio" name="u938"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u939" class="ax_default radio_button">
              <label id="u939_input_label" for="u939_input" style="position: absolute; left: 0px;">
                <img id="u939_img" class="img " src="images/城市概况_总_/u796.svg"/>
                <div id="u939_text" class="text ">
                  <p><span>合流管网</span></p>
                </div>
              </label>
              <input id="u939_input" type="radio" value="radio" name="u939"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u940" class="ax_default radio_button">
              <label id="u940_input_label" for="u940_input" style="position: absolute; left: 0px;">
                <img id="u940_img" class="img " src="images/城市概况_总_/u797.svg"/>
                <div id="u940_text" class="text ">
                  <p><span>污水泵站</span></p>
                </div>
              </label>
              <input id="u940_input" type="radio" value="radio" name="u940"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u941" class="ax_default radio_button">
              <label id="u941_input_label" for="u941_input" style="position: absolute; left: 0px;">
                <img id="u941_img" class="img " src="images/城市概况_总_/u798.svg"/>
                <div id="u941_text" class="text ">
                  <p><span>合流泵站</span></p>
                </div>
              </label>
              <input id="u941_input" type="radio" value="radio" name="u941"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u942" class="ax_default radio_button">
              <label id="u942_input_label" for="u942_input" style="position: absolute; left: 0px;">
                <img id="u942_img" class="img " src="images/城市概况_总_/u799.svg"/>
                <div id="u942_text" class="text ">
                  <p><span>污水处理厂</span></p>
                </div>
              </label>
              <input id="u942_input" type="radio" value="radio" name="u942"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u943" class="ax_default box_1">
              <div id="u943_div" class=""></div>
              <div id="u943_text" class="text ">
                <p><span>&nbsp;&nbsp; 感知监测</span></p>
              </div>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u944" class="ax_default radio_button">
              <label id="u944_input_label" for="u944_input" style="position: absolute; left: 0px;">
                <img id="u944_img" class="img " src="images/城市概况_总_/u801.svg"/>
                <div id="u944_text" class="text ">
                  <p><span>内涝积水点</span></p>
                </div>
              </label>
              <input id="u944_input" type="radio" value="radio" name="u944"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u945" class="ax_default radio_button">
              <label id="u945_input_label" for="u945_input" style="position: absolute; left: 0px;">
                <img id="u945_img" class="img " src="images/城市概况_总_/u802.svg"/>
                <div id="u945_text" class="text ">
                  <p><span>雨量站</span></p>
                </div>
              </label>
              <input id="u945_input" type="radio" value="radio" name="u945"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u946" class="ax_default radio_button">
              <label id="u946_input_label" for="u946_input" style="position: absolute; left: 0px;">
                <img id="u946_img" class="img " src="images/城市概况_总_/u803.svg"/>
                <div id="u946_text" class="text ">
                  <p><span>河道断面</span></p>
                </div>
              </label>
              <input id="u946_input" type="radio" value="radio" name="u946"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u947" class="ax_default radio_button">
              <label id="u947_input_label" for="u947_input" style="position: absolute; left: 0px;">
                <img id="u947_img" class="img " src="images/城市概况_总_/u804.svg"/>
                <div id="u947_text" class="text ">
                  <p><span>海绵设施</span></p>
                </div>
              </label>
              <input id="u947_input" type="radio" value="radio" name="u947"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u948" class="ax_default radio_button">
              <label id="u948_input_label" for="u948_input" style="position: absolute; left: 0px;">
                <img id="u948_img" class="img " src="images/城市概况_总_/u805.svg"/>
                <div id="u948_text" class="text ">
                  <p><span>源头地块</span></p>
                </div>
              </label>
              <input id="u948_input" type="radio" value="radio" name="u948"/>
            </div>

            <!-- Unnamed (单选按钮) -->
            <div id="u949" class="ax_default radio_button">
              <label id="u949_input_label" for="u949_input" style="position: absolute; left: 0px;">
                <img id="u949_img" class="img " src="images/城市概况_总_/u806.svg"/>
                <div id="u949_text" class="text ">
                  <p><span>地形地貌</span></p>
                </div>
              </label>
              <input id="u949_input" type="radio" value="radio" name="u949"/>
            </div>
          </div>
        </div>
      </div>
      <div id="u901" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (矩形) -->
      <div id="u950" class="ax_default box_public">
        <img id="u950_img" class="img " src="images/城市概况/u950.svg"/>
        <div id="u950_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u951" class="ax_default box_public">
        <div id="u951_div" class=""></div>
        <div id="u951_text" class="text ">
          <p><span>海绵城市里程碑</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u952" class="ax_default box_1">
        <div id="u952_div" class=""></div>
        <div id="u952_text" class="text ">
          <p><span>入选(2022年5月)</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u953" class="ax_default box_1">
        <div id="u953_div" class=""></div>
        <div id="u953_text" class="text ">
          <p><span>建设期(2022-2024)</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u954" class="ax_default box_1">
        <div id="u954_div" class=""></div>
        <div id="u954_text" class="text ">
          <p><span>评估期(2025)</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u955" class="ax_default box_11">
        <div id="u955_div" class=""></div>
        <div id="u955_text" class="text ">
          <p><span>长效运维期:2024-2030</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u956" class="ax_default icon">
        <img id="u956_img" class="img " src="images/城市概况/u956.svg"/>
        <div id="u956_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u957" class="ax_default icon">
        <img id="u957_img" class="img " src="images/城市概况/u957.svg"/>
        <div id="u957_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u958" class="ax_default icon">
        <img id="u958_img" class="img " src="images/城市概况/u957.svg"/>
        <div id="u958_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u959" class="ax_default icon">
        <img id="u959_img" class="img " src="images/城市概况/u959.svg"/>
        <div id="u959_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u960" class="ax_default icon">
        <img id="u960_img" class="img " src="images/城市概况/u959.svg"/>
        <div id="u960_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u961" class="ax_default icon">
        <img id="u961_img" class="img " src="images/城市概况/u959.svg"/>
        <div id="u961_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u962" class="ax_default box_2">
        <img id="u962_img" class="img " src="images/城市概况/u962.svg"/>
        <div id="u962_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u963" class="ax_default icon">
        <img id="u963_img" class="img " src="images/城市概况/u956.svg"/>
        <div id="u963_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u964" class="ax_default _图片_">
        <img id="u964_img" class="img " src="images/概况引领/u23.png"/>
        <div id="u964_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u965" class="ax_default _三级标题">
        <div id="u965_div" class=""></div>
        <div id="u965_text" class="text ">
          <p><span>自然地理</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u966" class="ax_default label">
        <div id="u966_div" class=""></div>
        <div id="u966_text" class="text ">
          <p><span>总面积:6118 k㎡&nbsp; &nbsp; 中心城区:647.55 k㎡&nbsp; &nbsp; 建成区:117 k㎡&nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u967" class="ax_default _图片_">
        <img id="u967_img" class="img " src="images/概况引领/u28.png"/>
        <div id="u967_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u968" class="ax_default label">
        <img id="u968_img" class="img " src="images/城市概况/u968.svg"/>
        <div id="u968_text" class="text ">
          <p><span>自然空间格局(一心、一核、一带、三片、三廊)</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u969" class="ax_default label">
        <div id="u969_div" class=""></div>
        <div id="u969_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#EC808D;">一心 </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"> 中心城区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u970" class="ax_default label">
        <div id="u970_div" class=""></div>
        <div id="u970_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#CAF982;">一核 </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"> 开封新区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u971" class="ax_default label">
        <div id="u971_div" class=""></div>
        <div id="u971_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#FFFF00;">一带</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#EC808D;"> </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"> 沿黄河南岸形成的沿黄生态涵养带</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u972" class="ax_default label">
        <div id="u972_div" class=""></div>
        <div id="u972_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#F59A23;">三片 </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"> 北部水源保护区、中部海绵城市重点建设区、南部卫生防护区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u973" class="ax_default label">
        <div id="u973_div" class=""></div>
        <div id="u973_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#015478;">三廊</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#02A7F0;"> </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"> 沿运粮河、开封西湖以及东护城大堤形成的三条生态廊道</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u974" class="ax_default box_2">
        <img id="u974_img" class="img " src="images/城市概况/u974.svg"/>
        <div id="u974_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u975" class="ax_default _图片_">
        <img id="u975_img" class="img " src="images/概况引领/u23.png"/>
        <div id="u975_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u976" class="ax_default _三级标题">
        <div id="u976_div" class=""></div>
        <div id="u976_text" class="text ">
          <p><span>降雨特征</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u977" class="ax_default primary_button">
        <div id="u977_div" class=""></div>
        <div id="u977_text" class="text ">
          <p><span>年际降雨变化特征</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u978" class="ax_default primary_button">
        <div id="u978_div" class=""></div>
        <div id="u978_text" class="text ">
          <p><span>年内降雨量特征</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u979" class="ax_default">
        <div id="u979_state0" class="panel_state" data-label="年际" style="">
          <div id="u979_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u980" class="ax_default _图片_">
              <img id="u980_img" class="img " src="images/城市概况/u980.png"/>
              <div id="u980_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u981" class="ax_default label">
              <div id="u981_div" class=""></div>
              <div id="u981_text" class="text ">
                <p><span>丰、枯年交替出现,且降雨量变化幅度大</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u979_state1" class="panel_state" data-label="年内" style="visibility: hidden;">
          <div id="u979_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u982" class="ax_default label">
              <div id="u982_div" class=""></div>
              <div id="u982_text" class="text ">
                <p><span>年内降雨量分配不均匀,冬季干旱,雨雪稀少</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u983" class="ax_default _图片_">
              <img id="u983_img" class="img " src="images/城市概况/u983.png"/>
              <div id="u983_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u984" class="ax_default box_2">
        <img id="u984_img" class="img " src="images/城市概况/u984.svg"/>
        <div id="u984_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u985" class="ax_default _图片_">
        <img id="u985_img" class="img " src="images/概况引领/u23.png"/>
        <div id="u985_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u986" class="ax_default _三级标题">
        <div id="u986_div" class=""></div>
        <div id="u986_text" class="text ">
          <p><span>城市规划</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u987" class="ax_default box_2">
        <img id="u987_img" class="img " src="images/城市概况/u987.svg"/>
        <div id="u987_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u988" class="ax_default _图片_">
        <img id="u988_img" class="img " src="images/概况引领/u23.png"/>
        <div id="u988_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u989" class="ax_default _三级标题">
        <div id="u989_div" class=""></div>
        <div id="u989_text" class="text ">
          <p><span>现状问题</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u990" class="ax_default">
        <div id="u990_state0" class="panel_state" data-label="内涝风险高" style="">
          <div id="u990_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u991" class="ax_default primary_button">
              <div id="u991_div" class=""></div>
              <div id="u991_text" class="text ">
                <p><span>内涝风险高</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u992" class="ax_default primary_button">
              <div id="u992_div" class=""></div>
              <div id="u992_text" class="text ">
                <p><span>汛期水质无法稳定达标</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u993" class="ax_default primary_button">
              <div id="u993_div" class=""></div>
              <div id="u993_text" class="text ">
                <p><span>雨水资源化利用不足</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u994" class="ax_default label">
              <div id="u994_div" class=""></div>
              <div id="u994_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 先天排水条件差,城市扩张加剧内涝</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u995" class="ax_default label">
              <div id="u995_div" class=""></div>
              <div id="u995_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 调蓄空间被侵占,蓄排平衡被破坏</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u996" class="ax_default label">
              <div id="u996_div" class=""></div>
              <div id="u996_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 排水防涝体系衔接不畅,排水通道能力有限</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u997" class="ax_default label">
              <div id="u997_div" class=""></div>
              <div id="u997_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 管渠、泵站排水能力不足,养护不到位</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u990_state1" class="panel_state" data-label="水质不稳定" style="visibility: hidden;">
          <div id="u990_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u998" class="ax_default primary_button">
              <div id="u998_div" class=""></div>
              <div id="u998_text" class="text ">
                <p><span>内涝风险高</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u999" class="ax_default primary_button">
              <div id="u999_div" class=""></div>
              <div id="u999_text" class="text ">
                <p><span>汛期水质无法稳定达标</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1000" class="ax_default primary_button">
              <div id="u1000_div" class=""></div>
              <div id="u1000_text" class="text ">
                <p><span>雨水资源化利用不足</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1001" class="ax_default label">
              <div id="u1001_div" class=""></div>
              <div id="u1001_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 老城区合流制溢流污染控制不足</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1002" class="ax_default label">
              <div id="u1002_div" class=""></div>
              <div id="u1002_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 分流制区域雨污混错接点多面广</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1003" class="ax_default label">
              <div id="u1003_div" class=""></div>
              <div id="u1003_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 雨水径流污染控制弱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1004" class="ax_default label">
              <div id="u1004_div" class=""></div>
              <div id="u1004_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 雨源型河道缺乏生态补水,河流自净能力不足</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u990_state2" class="panel_state" data-label="资源型缺水" style="visibility: hidden;">
          <div id="u990_state2_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1005" class="ax_default primary_button">
              <div id="u1005_div" class=""></div>
              <div id="u1005_text" class="text ">
                <p><span>内涝风险高</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1006" class="ax_default primary_button">
              <div id="u1006_div" class=""></div>
              <div id="u1006_text" class="text ">
                <p><span>汛期水质无法稳定达标</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1007" class="ax_default primary_button">
              <div id="u1007_div" class=""></div>
              <div id="u1007_text" class="text ">
                <p><span>雨水资源化利用不足</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1008" class="ax_default label">
              <div id="u1008_div" class=""></div>
              <div id="u1008_text" class="text ">
                <p><span>资源型缺水城市</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1009" class="ax_default label">
              <div id="u1009_div" class=""></div>
              <div id="u1009_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 雨水资源利用水平低</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1010" class="ax_default label">
              <div id="u1010_div" class=""></div>
              <div id="u1010_text" class="text ">
                <p><span>&nbsp;&nbsp;&nbsp; 水资源供需矛盾突出</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1011" class="ax_default label">
        <div id="u1011_div" class=""></div>
        <div id="u1011_text" class="text ">
          <p><span>&nbsp; 水安全规划</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1012" class="ax_default label">
        <div id="u1012_div" class=""></div>
        <div id="u1012_text" class="text ">
          <p><span>年径流总量控制率&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 目标:70%以上</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1013" class="ax_default label">
        <div id="u1013_div" class=""></div>
        <div id="u1013_text" class="text ">
          <p><span>排涝规划&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 新建改造泵站54座,新建雨水管渠728.83公里</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1014" class="ax_default label">
        <div id="u1014_div" class=""></div>
        <div id="u1014_text" class="text ">
          <p><span>&nbsp; 水环境规划</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1015" class="ax_default label">
        <div id="u1015_div" class=""></div>
        <div id="u1015_text" class="text ">
          <p><span>径流污染控制</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 目标:60%以上</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1016" class="ax_default label">
        <div id="u1016_div" class=""></div>
        <div id="u1016_text" class="text ">
          <p><span>黑臭水体消除比例</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 目标:100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1017" class="ax_default label">
        <div id="u1017_div" class=""></div>
        <div id="u1017_text" class="text ">
          <p><span>城市生活污水收集率</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 目标:82%以上</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1018" class="ax_default label">
        <div id="u1018_div" class=""></div>
        <div id="u1018_text" class="text ">
          <p><span>&nbsp; 水生态规划</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1019" class="ax_default label">
        <div id="u1019_div" class=""></div>
        <div id="u1019_text" class="text ">
          <p><span>河流生态基流满足程度&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 2025年≥80%,2035年≥95%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1020" class="ax_default label">
        <div id="u1020_div" class=""></div>
        <div id="u1020_text" class="text ">
          <p><span>生态岸线比例&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 2025年≥60%,2035年≥80%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1021" class="ax_default label">
        <div id="u1021_div" class=""></div>
        <div id="u1021_text" class="text ">
          <p><span>&nbsp; 水资源规划</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1022" class="ax_default _三级标题">
        <div id="u1022_div" class=""></div>
        <div id="u1022_text" class="text ">
          <p><span>雨水资源利用</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1023" class="ax_default _三级标题">
        <div id="u1023_div" class=""></div>
        <div id="u1023_text" class="text ">
          <p><span>污水资源利用</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1024" class="ax_default label">
        <div id="u1024_div" class=""></div>
        <div id="u1024_text" class="text ">
          <p><span>7座污水处理厂总设计规模:55 万吨/日</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1025" class="ax_default label">
        <div id="u1025_div" class=""></div>
        <div id="u1025_text" class="text ">
          <p><span>&nbsp; 供水规划</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1026" class="ax_default label">
        <div id="u1026_div" class=""></div>
        <div id="u1026_text" class="text ">
          <p><span>近期:68.7万立方米/日 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1027" class="ax_default label">
        <div id="u1027_div" class=""></div>
        <div id="u1027_text" class="text ">
          <p><span>远期:88.7万立方米/日 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1028" class="ax_default label">
        <div id="u1028_div" class=""></div>
        <div id="u1028_text" class="text ">
          <p><span>现状(2022)&nbsp; &nbsp; &nbsp; 5万立方米/年</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1029" class="ax_default label">
        <div id="u1029_div" class=""></div>
        <div id="u1029_text" class="text ">
          <p><span>中期(2025)&nbsp; &nbsp; &nbsp; 30万立方米/年</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1030" class="ax_default label">
        <div id="u1030_div" class=""></div>
        <div id="u1030_text" class="text ">
          <p><span>远期(2035)&nbsp; &nbsp; &nbsp; 90.4万立方米/年</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1031" class="ax_default label">
        <div id="u1031_div" class=""></div>
        <div id="u1031_text" class="text ">
          <p><span>近期(2020)&nbsp; &nbsp; &nbsp; 再生水利用率:32.28%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1032" class="ax_default label">
        <div id="u1032_div" class=""></div>
        <div id="u1032_text" class="text ">
          <p><span>中期(2025)&nbsp; &nbsp; &nbsp; 再生水利用率:40%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1033" class="ax_default label">
        <div id="u1033_div" class=""></div>
        <div id="u1033_text" class="text ">
          <p><span>远期(2030)&nbsp; &nbsp; &nbsp; 再生水利用率:42.5%</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1034" class="ax_default">
        <div id="u1034_state0" class="panel_state" data-label="开封碗底形状" style="">
          <div id="u1034_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u1035" class="ax_default _图片_">
              <img id="u1035_img" class="img " src="images/城市概况/u1035.png"/>
              <div id="u1035_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>