<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- <meta name="keywords" content="金华双龙风景旅游区官网,金华双龙风景旅游区位于浙江省金华市北郊的金华山麓，是国家首批AAAA级旅游景区、国家级风景名胜区和国家森林公园。有双龙洞、黄大仙、尖峰山、大盘天、赤松山、家园里六大景区">
    <meta name="description" content="金华双龙风景旅游区官网,金华双龙风景旅游区位于浙江省金华市北郊的金华山麓，是国家首批AAAA级旅游景区、国家级风景名胜区和国家森林公园。有双龙洞、黄大仙、尖峰山、大盘天、赤松山、家园里六大景区" /> -->
    <title>金华双龙风景旅游区官网</title>
    <link rel="stylesheet" href="./normalize.min.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <script src="./js/jquery-3.7.1.min.js"></script>
    <link rel="stylesheet" href="./js/swiper/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./css/qweather-icons.css" />
    <script
      type="text/javascript"
      src="./js/swiper/swiper-bundle.min.js"
    ></script>
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./js/common.js"></script>
    <script src="./js/util.js"></script>
    <script src="./js/index.js"></script>
  </head>
  <body>
    <div>
      <!--通用顶部导航 -->
      <div id="head"></div>
      <script type="text/javascript">
        $("#head").load("template/header.html?t=1", function () {
          // 顶部加载视频或图片
          // if(isPhone){
            showTopSlider()
          // }else{
          //   $("#commonheaderMedia").html(
          //   '<video class="layer" id="myVideo0" src="./assets/1.mp4" width="100%" height="100%" autoplay="autoplay" muted="muted"></video>'
          //   );
          //   showTopSlider()
          //   // 当视频播放结束时触发TODO
          //   var video = document.getElementById('myVideo0');
          //   video.addEventListener('ended', function() {
          //     $('#myVideo0').remove()
          //     $('#topslider').show();
          //   });
          // }
          $(".commonheader-title").eq(0).addClass("active");
        });
      </script>
      <!--通用顶部导航 结束-->

      <div class="main-common main" id="app">
        <!-- 公告 -->
        <div class="jqgg">
          <div class="jqgg-1">
            <div class="jqgg-2">
              <img class="icon-speaker" src="./images/index/notice.png" />
              <span class="jqgg-title">景区公告</span
              ><img
                class="jqgg-vertical-line"
                src="./images/index/p1/img_3.png"
              />
            </div>
          </div>
          <!-- Swiper -->
          <div class="swiper" id="ggswiper">
            <div class="swiper-wrapper" id="jqgg">
              <!-- <div class="swiper-slide">
        <div class="jqgg-right">
          <div class="jqgg-organization">金华双龙风景旅游区关于二仙洞景点暂停对外开放的公告</div>
          <div class="jqgg-tag">04-29</div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="jqgg-right">
          <div class="jqgg-organization">金华双龙风景旅游区关于二仙洞景点暂停对外开放的公告</div>
          <div class="jqgg-tag">04-29</div>
        </div>
      </div> -->
            </div>
          </div>
        </div>
        <div class="group-9">
          <div class="benifit-wrapper">
            <img class="action-bg" style="margin-top: 20px;" src="./images/index/img_25-1.png" />
            <img style="width: 120px;margin: 10px 0 20px;" src="./images/index/img_25-2.png" />
            <span
              class="benifit"
              onclick="showXcxCode('./images/index/phxcx.jpg')"
              >自助排队 | 路线规划 | 折扣套餐</span
            >
          </div>
          <div class="group-10">
            <div class="block-5-common" onclick="javascript:window.location.href='testingJC.html'">
              <img class="block-5-common-img" src="./images/index/img_26.png" />
              <div class="title-wrapper"></div>
              <span class="info">实时排队数据</span>
            </div>
            <div class="block-5-common" onclick="javascript:window.location.href='foundDetails.html?owid=ae2a7120b9a440dca3bef399a0ca906a'">
              <img class="block-5-common-img" src="./images/index/img_28.png" />
              <div class="title-wrapper"></div>
              <span class="info">签到流程</span>
            </div>
            <div class="block-5-common noshow">
              <span class="label-2"><img style="width: 125px;" src="./images/index/phxcx.jpg" /></span>
            </div>
          </div>
        </div>
        <div class="group-11">
          <span class="title-5-common title-5 commonFont">资讯动态</span
          ><span class="title-5-common more" onclick="javascript:window.location.href='JQInformation.html'">查看更多</span>
        </div>
        <div class="group-12">
          <ul class="group-13" id="zxlist"></ul>
          <div class="grid" id="zxlistright">
            <!-- <div class="row-common row">
              <img class="grid-img" src="./images/index/img_42.png" />
              <div class="grid-bottom"><span class="subtitle">召开5A创建工作推进会</span></div>
            </div>
            <div class="row-common row">
              <img class="grid-img" src="./images/index/img_44.png" />
              <div class="grid-bottom"><span class="subtitle">金华山·中国国际露营大会</span></div>
            </div>
            <div class="row-common row">
              <img class="grid-img" src="./images/index/img_43.png" />
              <div class="grid-bottom"><span class="subtitle">毅行大会活力启动</span></div>
            </div>
            <div class="row-common row">
              <img class="grid-img" src="./images/index/img_45.png" />
              <div class="grid-bottom"><span class="subtitle">开展防汛工作检查</span></div>
            </div> -->
          </div>
        </div>
        <div class="group-14">
          <div class="hjjc-wrap">
            <div class="hjjc-wrap-left">
              <div class="group-15">
                <img class="image" src="./images/index/img_47.png" />
                <div class="block-9">
                  <span class="title-6">负氧离子</span>
                  <div class="container-10">
                    <span class="num-common num-1" id="num1"></span>
                    <span class="num-common tag-8">个/cm³</span>
                  </div>
                </div>
              </div>
              <div class="group-16">
                <img class="image" src="./images/index/img_48.png" />
                <div class="block-9">
                  <span class="title-6">森林覆盖率</span>
                  <div class="container-10">
                    <span class="num-common num-1" id="num2">90</span>
                    <span class="num-common tag-8">%</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="group-17">
              <span class="label-3">环境监测<span style="color: rgba(255, 255, 255, 0.8);font-size: 13px;margin-left: 10px;" id="weatherdate"></span></span>
              <div class="block-11">
                <div class="container-11">
                  <div class="wrapper-7">
                    <!-- <img
                      class="icon-setting"
                      src="./images/index/img_50.png"
                    /> -->
                    <span class="qweather-icons qi-100" id="weathericon"></span>
                    <span class="title-8"><span id="wd">33</span>°</span>
                  </div>
                  <div class="wrapper-8">
                    <span class="tag-9-common tag-9">最低<span id="minwd"></span>°</span
                    ><span class="tag-9-common label-4">最高<span id="maxwd"></span>°</span>
                  </div>
                  <div class="wrapper-9">
                    <span class="word-10-common word-10" id="textDay">晴</span>
                    <span class="word-10-common label-5" id="fxfs">南风3级</span>
                  </div>
                </div>
                <div class="grid-1">
                  <div class="col-item-0-common col-item-0">
                    <span class="tag-10-common tag-10">紫外线</span
                    ><span class="tag-10-common title-9" id="zwx"></span>
                  </div>
                  <div class="col-item-0-common col-item-0">
                    <span class="tag-10-common tag-10">湿度</span
                    ><span class="tag-10-common title-10"
                      ><span id="sd"></span></span
                    >
                  </div>
                  <div class="col-item-0-common col-item-0">
                    <span class="tag-10-common tag-10">气压</span
                    ><span class="tag-10-common title-10"
                      ><span id="qiya"></span></span
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="caption-71">
          <div>
            <div class="commonFont caption-6">景区简介</div>
            <div class="p5-primary">
              <div class="p5-article commonArticle" id="jqjj"
                ></div>
              
              <div class="p5-group" onclick="javascript:window.location.href='overview.html'">
                <span class="p5-more">查看更多</span>
                <div class="p5-tag-wrapper">
                  <span class="p5-tag">></span>
                </div>
              </div>
            </div>
          </div>
          <div class="p5-banner">
            <div class="swiper" id="jqjjswiper">
              <!-- <div class="swiper-wrapper p5-banner">
                <div class="swiper-slide">
                  <img class="p5-banner" src="./images/index/p5/img_6.jpg" />
                </div>
                <div class="swiper-slide">
                  <img class="p5-banner" src="./images/index/p5/img_6.jpg" />
                </div>
              </div> -->
            </div>
          </div>
        </div>
        <div class="caption-7 commonFont">游玩推荐</div>
        <div class="group-18">
          <div class="group-19">
            <div class="block-12">
              <div class="title-wrapper-2 active" onclick="select(1)">
                <span class="title-12">热门景点</span>
              </div>
              <div class="title-wrapper-2" onclick="select(2)">
                <span class="title-12">宝藏打卡</span>
              </div>
            </div>
            <div id="hotjd"></div>
            <div id="xxyt" style="display: none;"></div>
            </div>
            <div class="hot1" id="hotjdwiper1">
              <div class="swiper group-19-bottom" id="hotjdwiper"></div>
              <div class="swiper-button-next button-next-1"></div>
              <div class="swiper-button-prev button-prev-1"></div>
            </div>
           <div  class="hot1" id="xxytwiper1" style="display: none;">
            <div class="swiper group-19-bottom" id="xxytwiper" ></div>
            <div class="swiper-button-next  button-next-2"></div>
              <div class="swiper-button-prev  button-prev-2"></div>
           </div>
        </div>
        <span class="title-13 commonFont">交通指南</span>
        <div class="jtzn">
          <img class="jtzn-item" src="./images/index/p7/img_1.png" />
          <img class="jtzn-item" src="./images/index/p7/img_0.png" />
          <img class="jtzn-item" src="./images/index/p7/img_3.png" />
          <img class="jtzn-item" src="./images/index/p7/img_2.png" />
        </div>
      </div>
      <div class="guang" onclick="javascript:window.location.href='./foundDetails.html?owid=51f4811456d64d5594861accb8c1ae2d'">
        <img src="./images/index/guang3.png"  />
      </div>

      <!--通用尾部-->
      <div id="foot"></div>
      <script type="text/javascript">
        $("#foot").load("template/footer.html");
      </script>
      <!--通用尾部 结束-->
    </div>
    <script>
      let btns = document.getElementsByClassName("jtzn-item");

      for (let index = 0; index < btns.length; index++) {
        btns[index].addEventListener("click", function () {
          window.location.href = `./transGuidelines.html?type=${index}`;
        });
      }
    </script>
  </body>
</html>
