<!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/service12.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/新闻中心-banner@2x.png" class="bgimage" alt="">
      <div class="titlecontent">
        <p class="title1">媒体聚焦</p>
        <p class="subtitle">FUND CLUSTER</p>
      </div>
      <div class="container navcontent">
          <div class="row">
              <a href="news01.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">GROUP NEWS</div>
              </a>
              <a href="news02.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">ENTERPRISE DYNAMICS</div>
              </a>
              <a href="news03.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">MEDIA FOCUSE</div>
              </a>
          </div>
      </div>
    </div>
  </div>


  <!-- part1 -->
  <div class="news_21">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 wrap">
          <ul class="news_wrap">

            <!-- <li class="list"> 
              <img src="../images/首页-第四页bg.jpg">
              <div class="text">
                <a href="detail.html" target="_blank">苏创投旗下天使母基金首次以数字人民币对子基金项目出资</a><br>
                <p>2022-10-22</p> 
               </div>
            </li> -->

          </ul>
        </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" id="pagination">
            <!-- <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;
    // 新闻列表-媒体聚集35
    function news03_render(pageCurrent){
      console.log(pageCurrent);
      $.ajax({
          type: 'post',
          url: 'https://suzhou.njrenzhou.cn/api.php/news/articleList',
          data:{
            category_id:35,
            page:pageCurrent,
            order:'desc',
            sort:'publish_time'
          },
          dataType: 'json',
  
          success: function (res) { 
               if(res.code==200){
                  let item = res.data.data;
                  let html = '';
                  let page = '';
                  console.log(item);
                  $('.news_wrap').empty();
                  $('.pageNum_wrap').empty();
  
                  $.each(item,function(index){
                    var title = item[index].title;
                    var subtitle = item[index].subtitle;
                    var time = item[index].publish_time_text.substr(0,11);
                    var thumb = item[index].thumb;
                    var id = item[index].id;
                            
                    html += "<li class='list'>";
                    html += "<img src=https://suzhou.njrenzhou.cn" + thumb + ">";
                    html += "<div class='text'><a href='detail.html?id=" + id + "' target='_blank'>" + title + "</a><br><p>" + time + "</p>";
                    html += "</div></li>";

                  })
                  $('.news_wrap').append(html);
  
                  newsNum = res.data.total;
                  pageNum = Math.ceil(newsNum/10);
  
                  page += "<li><a href='javascript:void(0)' onclick=news03_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=news03_render(" + index + ")>" + index + "</a></li>";
                    }else{
                      page += "<li><a href='javascript:void(0)' onclick=news03_render(" + index + ")>" + index + "</a></li>";
                    }
                    
                  }
                  
                  page += "<li><a href='javascript:void(0)' onclick=news03_render(" + pageCurrent + "+1)>></a></li>";
                  $('.pageNum_wrap').append(page);
                    
               } 
           },
          error: function (err) { 
              console.log(err); 
          }
         
      });
      
    }

    news03_render(pageCurrent);

  </script>

</body>
</html>