Newer
Older
KaiFengAxure / 开封原型海绵综合一张图 / 城市概况.html
@zhangdeliang zhangdeliang on 18 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="u759" class="ax_default">
        <div id="u759_state0" class="panel_state" data-label="图例" style="">
          <div id="u759_state0_content" class="panel_state_content">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            <!-- Unnamed (文本框) -->
            <div id="u774" class="ax_default text_field">
              <div id="u774_div" class=""></div>
              <input id="u774_input" type="text" value="" class="u774_input"/>
            </div>
          </div>
        </div>
      </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u826" class="ax_default label">
        <div id="u826_div" class=""></div>
        <div id="u826_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="u827" class="ax_default label">
        <div id="u827_div" class=""></div>
        <div id="u827_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="u828" class="ax_default label">
        <div id="u828_div" class=""></div>
        <div id="u828_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="u829" class="ax_default label">
        <div id="u829_div" class=""></div>
        <div id="u829_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="u830" class="ax_default label">
        <div id="u830_div" class=""></div>
        <div id="u830_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="u831" class="ax_default box_2">
        <img id="u831_img" class="img " src="images/城市概况/u831.svg"/>
        <div id="u831_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u869" class="ax_default label">
        <div id="u869_div" class=""></div>
        <div id="u869_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="u870" class="ax_default label">
        <div id="u870_div" class=""></div>
        <div id="u870_text" class="text ">
          <p><span>排涝规划&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 新建改造泵站54座,新建雨水管渠728.83公里</span></p>
        </div>
      </div>

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

      <!-- Unnamed (矩形) -->
      <div id="u872" class="ax_default label">
        <div id="u872_div" class=""></div>
        <div id="u872_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="u873" class="ax_default label">
        <div id="u873_div" class=""></div>
        <div id="u873_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="u874" class="ax_default label">
        <div id="u874_div" class=""></div>
        <div id="u874_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="u875" class="ax_default label">
        <div id="u875_div" class=""></div>
        <div id="u875_text" class="text ">
          <p><span>&nbsp; 水生态规划</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u876" class="ax_default label">
        <div id="u876_div" class=""></div>
        <div id="u876_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="u877" class="ax_default label">
        <div id="u877_div" class=""></div>
        <div id="u877_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="u878" class="ax_default label">
        <div id="u878_div" class=""></div>
        <div id="u878_text" class="text ">
          <p><span>&nbsp; 水资源规划</span></p>
        </div>
      </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

            <!-- Unnamed (图片 ) -->
            <div id="u892" class="ax_default _图片_">
              <img id="u892_img" class="img " src="images/城市概况/u892.png"/>
              <div id="u892_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>