<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>苏州创新投资集团有限公司</title>
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <meta name="applicable-device"content="pc,mobile">
  <link href="../css/bootstrap.css" rel="stylesheet">
  <link href="../css/bxslider.css" rel="stylesheet">
  <link href="../css/style.css" rel="stylesheet">
  <link rel="stylesheet" href="../css/service03.css">
  <link href="../css/animate.css" rel="stylesheet">
  <link rel="stylesheet" href="../css/footer.css">
    <!--导航样式-->
  <link rel="stylesheet" href="../css/head.css" />
  <script src="../js/jquery.min.js"></script>
  <!-- <script src="http://www.jeendo.com/script/wow/wow.min2.js"></script> -->
  <script src="../js/subpage.js"></script>
  <script src="../js/common.js"></script>
  <script src="../js/bootstrap.js"></script>

</head>

<body>

  <div id="header"></div>

    <!-- part0 -->
    <div class="section section0 fp-auto-height fp-section">
      <div style="position: relative;">
        <img src="../images/service11/业务版图-banner@2x.png" class="bgimage" alt="">
        <div class="titlecontent">
          <p class="title1">产业地图</p>
          <p class="subtitle">INDUSTRIAL MAP</p>
        </div>
        <div class="container navcontent">
            <div class="row">
                <a href="service01.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
                  <div class="navtitle">基金集群</div>
                  <div class="navsubtitle">FUND CLUSTER</div>
                </a>
                <a href="service11.html" class="navaction col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
                  <div class="navtitle">产业地图</div>
                  <div class="navsubtitle">INDUSTRIAL MAP</div>
                </a>
                <a href="service03.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
                  <div class="navtitle">投贷联动</div>
                  <div class="navsubtitle">INVESTMENT AND LOAN LINKAGE</div>
                </a>
            </div>
        </div>
      </div>
  
      <!-- 二级菜单 -->
      <div id="navbar" class="service-next ">
        <div class="row">
          <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
  
          </div>
          <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
            <ul>
              <li><a href="service11.html" class="active">全 周 期</a>
              </li>
              <li>
                <a href="service12.html">全产业链</a>
                
              </li>
              <li><a href="service13.html">投资体系</a> 
              </li>
              <li><a href="service14.html">明星项目</a> 
                <div>
                  <img src="../images/bottom-to.png" alt="">
                </div>
              </li>
            </ul>
          </div>
          <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
          </div>
        </div>
        
      </div>  
    </div>

  <!-- part1 -->
  <div class="part service_141">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 title"> 
          <img src="../images/line.png">
            <h2 class="wow fadeInDown">上市企业</h2>
            <h2 class="wow fadeInDown">LISTED ENTERPRISES</h2>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 wrap project_wrap"> 

              <!-- <div class='col-sm-4 col-md-4 list'>
                <img src='../images/partner/1@2x.png'>
                <div class='intro'>
                  <p>无锡蠡湖增压技术股份有限公司</p>
                </div>
              </div> -->



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

  <div class="page_box">
    <div class="container">
      <div class="row">
        <nav class="col-xs-12 col-sm-12 col-md-12 col-md-offset-1 page-wrap">        
          <ul class="pagination pagination-lg justify-content-center pageNum_wrap">

            <!-- <li><a href="">首页</a></li>
            <li class="active"><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href="">尾页</a></li> -->

          </ul>
        </nav>
        
      </div>
    </div>
  </div>

  <div id="footer"></div>

  <script type="text/javascript">

    let pageCurrent = 1;
    // 明星项目/上市企业
    function news01_render(pageCurrent){
      console.log(pageCurrent);
      $.ajax({
          type: 'post',
          url: 'https://suzhou.njrenzhou.cn/api.php/busmap/starProject',
          data:{
            limit:9,
            page:pageCurrent
          },
          dataType: 'json',
  
          success: function (res) { 
               if(res.code==200){
                  let item = res.data.data;
                  let html = '';
                  let page = '';
                  console.log(item);
                  $('.project_wrap').empty();
                  $('.pageNum_wrap').empty();
  
                  $.each(item,function(index){
                    var title = item[index].title;
                    var thumb = item[index].thumb;
                            
                    html += "<div class='list'>";
                    html += "<img src=https://suzhou.njrenzhou.cn" + thumb + ">";
                    html += "<div class='intro'><p>" + title + "</p></div></div>";
                  })
                  $('.project_wrap').append(html);
  
                  newsNum = res.data.total;
                  pageNum = Math.ceil(newsNum/10);
  
                  page += "<li><a href='javascript:void(0)' onclick=news01_render(" + pageCurrent + "-1)><</a></li>";

                  for (let index = 1; index <= pageNum; index++) {
                    if (index == pageCurrent) {
                      page += "<li class='active'><a href='javascript:void(0)' onclick=news01_render(" + index + ")>" + index + "</a></li>";
                    }else{
                      page += "<li><a href='javascript:void(0)' onclick=news01_render(" + index + ")>" + index + "</a></li>";
                    }
                    
                  }
                  
                  page += "<li><a href='javascript:void(0)' onclick=news01_render(" + pageCurrent + "+1)>></a></li>";
                  $('.pageNum_wrap').append(page);
                    
               } 
           },
          error: function (err) { 
              console.log(err); 
          }
         
      });
      
    }

    news01_render(pageCurrent);

  </script>

</body>
</html>