<!DOCTYPE html>
<html class="no-js" lang="zxx">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>江苏天宙检测科技有限公司</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Favicons -->
    <link rel="shortcut icon" href="images/logo/logoIcon.png" />
    <link rel="apple-touch-icon" href="images/icon.png" />

    <!-- Google font (font-family: 'Roboto', sans-serif;) -->
    <link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" />
    <!-- Google font (font-family: 'Roboto Condensed', sans-serif;) -->
    <link
      href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700"
      rel="stylesheet" />

    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/plugins.css" />
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="http://unpkg.com/swiper@8/swiper-bundle.min.css" />
    <!-- Cusom css -->
    <link rel="stylesheet" href="css/custom.css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
    <!-- Modernizer js -->

    <script src="js/vendor/modernizr-3.5.0.min.js"></script>
  </head>

  <body>
    <!-- Add your site or application content here -->
    <div class="bg-theme" style="z-index:1000;position:fixed; right:80px; bottom: 30px; 
    width:170px;height:45px;text-align: center;line-height: 44px;color: #ffffff;font-size: 16px;
    border: 1px solid #47bb8f;box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);"><i class="icofont icofont-phone" style="margin-right:5px;"></i>025-83410353</div>
    <!-- Main wrapper -->
    <div class="wrapper" id="wrapper">
      <!-- Header Style 2 -->
      <header
        class="header header-style-1 megamenu-container theme-color transparent-header sticky-header">
        <div class="container d-none d-lg-block">
          <div class="row">
            <div class="col-lg-12">
              <div class="header-inner">
                <div class="logo">
                  <a href="index.html">
                    <img src="images/logo/logoA.png" style="width: 120px" alt="logo theme white" />
                    <!-- <img src="images/logo/logo-theme-light.png" alt="logo theme white"> -->
                  </a>
                </div>
                <nav class="menu">
                  <!-- <div class="col-lg-6">
                    <div class="header-rightside text-right">
                      <div class="slide-menu-wrapper">
                        <button class="trigger-menu-icon">
                          <span></span>
                          <span></span>
                          <span></span>
                        </button>
                        <nav id="main-navigation" class="menu slide-menu-inner"> -->
                          <ul>
                            <li class="cr-dropdown">
                              <a href="index.html">首页</a>
                            </li>
                            <li class="cr-dropdown">
                              <a href="#">关于我们</a>
                              <ul>
                                <li>
                                  <a href="about-company.html">企业简介</a>
                                </li>
                                <li>
                                  <a href="about-hope.html">企业愿景</a>
                                </li>
                                <li>
                                  <a href="about-credential.html">企业资质</a>
                                </li>
                                <li>
                                  <a href="about-property.html">科研成果</a>
                                </li>
                                <li>
                                  <a href="about-team.html">团队介绍</a>
                                </li>
                              </ul>
                            </li>
                            <li class="cr-dropdown product-menu">
                              <a href="#">产品服务</a>
                              <ul class="product-menu-inner"></ul>
                            </li>
                            <!-- <li id="school" class="cr-dropdown">
                              <a href="#">天宙学堂</a>
                            </li> -->
                            <li class="cr-dropdown">
                              <a href="case.html">成功案例</a>
                            </li>
                            <li class="cr-dropdown">
                              <a href="#">资讯动态</a>
                              <ul>
                                <li>
                                  <a href="news-company.html">企业动态</a>
                                </li>
                                <li>
                                  <a href="news-industry.html">行业资讯</a>
                                </li>
                              </ul>
                            </li>
                            <li class="cr-dropdown">
                              <a href="#footer">联系我们</a>
                              <ul>
                                <li>
                                  <a href="contact-us.html">联系方式</a>
                                </li>
                                <li>
                                  <a href="join-us.html">加入我们</a>
                                </li>
                              </ul>
                            </li>
                            <li class="cr-dropdown">
                              <a href="#">内部系统</a>
                              <ul>
                                <li>
                                  <a target="_blank" href="http://dashboard.jsjxtzjc.com"
                                    >检测检查数据统计平台</a
                                  >
                                </li>
                                <li>
                                  <a
                                    target="_blank"
                                    href="http://yinhome.cn/check-management/a/login"
                                    >建机巡检检测检查</a
                                  >
                                </li>
                                <li>
                                  <a target="_blank" href="http://ims.jsjxtzjc.com/login"
                                    >天宙体系管理</a
                                  >
                                </li>
                              </ul>
                            </li>
                            <li id="link">
                              <a href="http://dm.jsjxtzjc.com/" target="_blank">
                                <img
                                  src="images/icons/and.png"
                                  style="width: 40px"
                                  alt="logo theme white" />
                              </a>
                            </li>
                          </ul>
                          
                        </nav>
                     
                      </div>
                
              </div>
            </div>
          </div>
        </div>

        <!-- Mobile Menu -->
        <div class="mobile-menu-wrapper">
          <div class="container d-block d-lg-none">
            <div class="mobile-menu clearfix">
              <a class="mobile-logo" href="index.html">
                <img src="images/logo/logoA.png" alt="mobile logo" style="max-height: 50px" />
              </a>
            </div>
          </div>
        </div>
        <!-- //Mobile Menu -->
      </header>
      <!--// Header Style 2 -->
      <div class="swiper swiper-banner">
        <div
          class="bannerSwiper swiper-wrapper banner-area banner-slider-active cr-slider-navigation-1"></div>
        <div class="swiper-pagination"></div>
      </div>
      <!-- Top Banner -->

      <!-- //Top Banner -->
      <!-- Service Area -->
      <section id="service-area" style="padding-bottom: 60px;padding-top: 50px;" class="service-area section-padding-lg bg-white">
        <div class="container">
          <div class="row">
            <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 col-12 offset-0">
              <div class="section-title part1 text-center">
                <h6>Jiangsu Tianzhou Testing Technology Co., Ltd.</h6>
                <h2 > 
                  <a href="about-company.html">
                    <span>江苏天宙检测科技有限公司 <img src="images/icons/click.png"></img></span>
                  </a>
                </h2>
                <p>精于品质，专于服务，创⼀流检测品牌</p>
              </div>
            </div>
          </div>
          <div class="container">
            <div class="row align-items-center" style="justify-content: center;
            margin-bottom: 30px;">
            <div class="col-xl-6 col-lg-6 order-1 order-lg-2" >
              <!-- <div class="part3-img about-image  wow " data-tilt>
                <img src="images/about/tzjc.jpg" alt="about thumb" />
              </div> -->
              <!-- <a href="about-company.html" class="cr-btn">
                <span>了解更多</span>
              </a> -->
            </div>
            </div>

            <div class="row align-items-center">
              <div class="col-xl-12 col-lg-12 order-2 order-lg-1">
                <div class="part3 about-content">
                  <div></div>
                  
                </div>
              </div>
              <!-- <div class="col-xl-5 col-lg-6 order-1 order-lg-2" >
                <div class="part3-img about-image  wow " data-tilt>
                  <img src="images/about/tzjc.jpg" alt="about thumb" />
                </div>
            
              </div> -->
            </div>
          
          </div>
          <div class="row part1-content justify-content-center">
            <!-- Signle Service -->
            <div class="col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="service text-center">
                <div class="service-icon">
                  <span>
                    <i class="bi bi-tools"></i>
                  </span>
                  <span>
                    <i class="bi bi-tools"></i>
                  </span>
                </div>
                <div class="service-content">
                  <h4>检测设备种类</h4>
                  <p>
                    涵盖塔式起重机、⼈货两⽤施⼯升降机、货⽤施⼯升降机（物料提升机）、附着式升降脚⼿架、⾼处作业吊篮、桩⼯机械、⻔式起重机、桥式起重机、履带起重机、汽⻋起重机、轮胎起重机、擦窗机、架桥机、升降⼯作平台
                    、挖掘机、施⼯升降机防坠安全器、安全锁、起重机安全监控管理系统、⼯业货架、脚⼿架、⾮道路柴油移动机械尾⽓等⼆⼗余种检测种类。
                  </p>
                </div>
              </div>
            </div>
            <!--// Signle Service -->

            <!-- Signle Service -->
            <div class="col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="service text-center">
                <div class="service-icon">
                  <span>
                    <i class="bi bi-bond"></i>
                  </span>
                  <span>
                    <i class="bi bi-bond"></i>
                  </span>
                </div>
                <div class="service-content">
                  <h4>检测服务类型</h4>
                  <p>
                    涵盖安全检查服务外包、超使⽤年限塔式起重机
                    施⼯升降机等设备安全评估、建筑机械安装质量检验、建筑机械使⽤性能检验、建筑机械结构性能检测、建筑机械事故分析、⾮道路柴油移动机械尾⽓检测。
                  </p>
                </div>
              </div>
            </div>
            <!--// Signle Service -->

            <!-- Signle Service -->
            <div class="col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="service text-center">
                <div class="service-icon">
                  <span>
                    <i class="bi bi-globe3"></i>
                  </span>
                  <span>
                    <i class="bi bi-globe3"></i>
                  </span>
                </div>
                <div class="service-content">
                  <h4>安全检查服务</h4>
                  <p>
                    公司下属专⻔的安全检查服务部⻔，⼈员配备和设备管理均独⽴运⾏，经过⼈员培养、现场实践、总结完善、改⾰创新，逐步形成了⼀⽀有经验、⾼素质、⾼⽔准的专业安全检查服务团队。自2012年以来，先后受政府、企事业单位委托，签订第三⽅安全检查服务业务合同300余份。
                  </p>
                </div>
              </div>
            </div>
            <!--// Signle Service -->
          </div>
 <!-- Counter 资质证书Area -->
 <div class="row">
  <!-- Blog Grid -->
  <div style="width: 100%">
    <div class="row cards blog-grid" style="    display: flex;
    justify-content: space-around;margin: 50px 0;"></div>

  </div>
  <!--// Blog Grid -->
</div>
        </div>
        
      </section>
      
    

     <!-- <section> -->
     <div class="counter-area ">
      <div class="counter-area-inner bg-theme">
        <div class="container">
          <div class="row no-gutters align-items-center part5">
            <div class="col-lg-3 col-md-12">
              <div class="counter-content">
                <h1>Since 2008</h1>
                <h4>What we have done</h4>
              </div>
            </div>
            <div class="col-lg-3 col-md-4">
              <div class="counter text-center">
                <div class="flex-center">
                  <h1 class="counter-active">300</h1>
                  <h1>+</h1>
                </div>
                <h6>与300余家企事业单位合作</h6>
              </div>
            </div>
            <div class="col-lg-3 col-md-4">
              <div class="counter text-center">
                <div class="flex-center">
                  <h1 class="counter-active">10000</h1>
                  <h1>+</h1>
                </div>
                <h6>查出B级以上设备安全隐患10000+条</h6>
              </div>
            </div>
            <div class="col-lg-3 col-md-4">
              <div class="counter text-center">
                <div class="flex-center">
                  <h1 class="counter-active">50000</h1>
                  <h1>+</h1>
                </div>
                <h6>检测检查建筑机械设备50000+台次</h6>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  <!-- </section> -->
      <!--// Service Area -->
      <!-- Pricing Area -->
      <section id="pricing-area" class="pricing-area bg-white section-padding-lg" style="padding: 65px 0;">
        <div class="container">
          <div class="row">
            <div class="col-xl-12 col-lg-12 order-2 order-lg-1">
              <div class="section-title part2 text-center">
                <h6>PRODUCT SERVICES AND SOLUTIONS</h6>
                <h2>产品服务与解决方案</h2>
                <!-- <div class="col-xl-6 col-lg-6 order-1 order-lg-2" >
                  <p>                  
                  </p>
                </div>                 -->
              </div>
            </div>
          </div>
          <div class="row align-items-center">
            <div class="col-xl-12 col-lg-12 order-2 order-lg-1">
              <div class="part2 service-content">
                <div></div>
                
              </div>
            </div>            
          </div>
          <div class="row justify-content-center part2-content">
            <!-- Single Price box -->
            <div class="col-lg-4 col-md-6">
              <article class="cr-pricebox">
                <h4></h4>

                <ul>
                  <li>
                    
                  </li>
                </ul>
             
              </article>
            </div>
            <!--// Single Price box -->

            <!-- Single Price box -->
            <div class="col-lg-4 col-md-6">
              <article class="cr-pricebox is-active">
                <h4></h4>
                <ul>
                  <li>
                    
                    
                  </li>
                </ul>
                <!-- <a href="smart.html" class="cr-btn cr-btn-sm">
                  <span>了解更多</span>
                </a> -->
              </article>
            </div>
            <!--// Single Price box -->

            <!-- Single Price box -->
            <div class="col-lg-4 col-md-6">
              <article class="cr-pricebox">
                <!-- <h6>Premium</h6> -->
                <h4></h4>
                <ul>
                  <li>
                    
                    
                  </li>
                </ul>
                <!-- <a href="saas.html" class="cr-btn cr-btn-sm">
                  <span>了解更多</span>
                </a> -->
              </article>
            </div>
            <!--// Single Price box -->
          </div>
        </div>
      </section>
      <!--// Pricing Area -->


      <!-- team Area -->
      <section id="portfoio-area" class="portfolio-area section-padding-lg bg-grey" style="padding: 65px 0;">
        <div class="container">
          <div class="row">
            <div class="col-xl-12 col-lg-12 order-2 order-lg-1">
              <div class="section-title text-center part4">
                <h6>OUR TEAM</h6>
                <a href="about-team.html"><h2>我们的团队<img src="images/icons/click.png"></img></h2></a>
                <p>
                  
                </p>
              </div>
            </div>
          </div>
          <div class="row align-items-center">
            <div class="col-xl-12 col-lg-12 order-2 order-lg-1">
              <div class="part4 team-content">
                <div></div>
                
              </div>
            </div>            
          </div>
        </div>

        <!-- <div class="portfolio-wrap">
          <div class="team-portfolios row"></div>
        </div> -->
        <div class="brand-logo-area ">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div
                  class="teamList  portfolios-slider-active cr-slider-navigation-2"></div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--// team Area -->

   
      <!-- Blogs Area -->
      <section id="blogs-area" class="blogs-area section-padding-lg bg-white" style="padding: 65px 0;">
        <div class="container">
          <div class="row">
            <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 col-12 offset-0">
              <div class="section-title text-center">
                <h6>TYPICAL CASES</h6>
                <a href="case.html"><h2>经典案例<img src="images/icons/click.png"></img></h2></a>
              </div>
            </div>
          </div>
          <div class="row case-block justify-content-center"></div>
        </div>
      </section>
      <!--// Blogs Area -->
      <!-- Brand Logo Area -->
      <div  class="brand-logo-area bg-grey">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
              <div
                class="partnerList brand-logo-carousel-activation cr-slider-navigation-2 cr-border-bottom"></div>
            </div>
          </div>
        </div>
      </div>

      <!-- </main> -->
      <!-- //Page Content -->

      <!-- Footer Area -->
      <footer id="footer" class="footer-area">
        <!-- Footer Top Area -->
        <div class="footer-top-area bg-dark-light section-padding-sm">
          <div class="container">
            <div class="footer-widgets widgets">
              <div class="row">
                <div class="col-lg-3 col-md-6 col-12">
                  <div class="bottom-title">扫码入口</div>
                  <div class="single-widget widget-latest-blog" style="padding-left: 0">
                    <ul>
                      <li>
                        <a href="#" class="widget-latest-blog-thumb">
                          <img src="images/brand-logos/tzjc-1.png" alt="footer latest blog" />
                        </a>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a href="#">天宙检测科技</a>
                          </h6>
                          <div class="widget-latest-blog-meta">
                            <span>企业公众号</span>
                          </div>
                        </div>
                      </li>
                      <li>
                        <a href="#" class="widget-latest-blog-thumb">
                          <img src="images/brand-logos/tzjc-2.png" alt="footer latest blog" />
                        </a>
                        <div class="widget-latest-blog-content" id="detectmini">
                          <h6>
                            <a href="#">天宙检测</a>
                          </h6>
                          <div class="widget-latest-blog-meta">
                            <span>报检小程序</span>
                          </div>
                        </div>
                      </li>
                      <li>
                        <a href="#" class="widget-latest-blog-thumb">
                          <img src="images/brand-logos/tzjc-3.png" alt="footer latest blog" />
                        </a>
                        <div class="widget-latest-blog-content" id="cloudmini">
                          <h6>
                            <a href="#">天宙云</a>
                          </h6>
                          <div class="widget-latest-blog-meta">
                            <span>综合服务小程序</span>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12">
                  <div class="bottom-title">链接入口</div>

                  <div class="single-widget widget-latest-blog" style="padding-left: 0">
                    <ul>
                      <li>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a href="http://dashboard.jsjxtzjc.com" target="_blank"
                              >检测检查数据统计平台</a
                            >
                          </h6>
                        </div>
                      </li>
                      <li>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a href="http://dm.jsjxtzjc.com/" target="_blank"
                              >“机管家”建筑起重机械管理</a
                            >
                          </h6>
                        </div>
                      </li>
                      <li>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a href="http://yinhome.cn/check-management/a/login" target="_blank"
                              >建机巡检检测检查（内部）</a
                            >
                          </h6>
                        </div>
                      </li>
                      <li>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a href="http://ims.jsjxtzjc.com/login" target="_blank"
                              >天宙体系管理（内部）</a
                            >
                          </h6>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12">
                  <div class="bottom-title">帮助中心</div>

                  <div class="single-widget widget-latest-blog" style="padding-left: 0">
                    <ul>
                      <li>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a href="http://dmdata.jsjxtzjc.com/agreeprivacy.html" target="_blank"
                              >数据保护协议</a
                            >
                          </h6>
                        </div>
                      </li>
                      <li>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a href="http://dmdata.jsjxtzjc.com/agreeserve.html" target="_blank"
                              >隐私声明</a
                            >
                          </h6>
                        </div>
                      </li>
                      <li>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a href="http://dmdata.jsjxtzjc.com/tzStatement.html" target="_blank"
                              >公正性声明</a
                            >
                          </h6>
                        </div>
                      </li>
                      <li>
                        <div class="widget-latest-blog-content">
                          <h6>
                            <a
                              target="_blank"
                              href="http://mp.weixin.qq.com/s?__biz=MzI4OTM1MzQ5MQ==&mid=2247484176&idx=1&sn=038cafc502c51b78648adfe57bd8f7eb&chksm=ec31396cdb46b07ac2e46097a251487479d1a624c0808a73c46d9e202bca4ea9832d25c5ea66#rd"
                              >小程序报检流程说明</a
                            >
                          </h6>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- 快速联系 -->
                <div class="col-lg-3 col-md-6 col-12">
                  <div class="bottom-title">联系我们</div>
                  <div class="single-widget widget-quick-contact" style="padding-left: 0">
                    <ul>
                      <li>
                        <span>电话</span>
                        <!-- <p style="font-weight: bold; font-size: 24px; letter-spacing: 3px">
                          <a href="#" style="color: #e1e1e1">025-83410353</a>
                        </p> -->
                        <p style="letter-spacing: 1.1px">
                          <a href="#">安装检测业务:13033522082</a>
                        </p>
                        <p style="letter-spacing: 1.1px">
                          <a href="#">安全检查业务:18652972933</a>
                        </p>
                        <p style="letter-spacing: 1.1px">
                          <a href="#">智能终端业务:18351889005</a>
                        </p>
                        <p style="letter-spacing: 2px">
                          <a href="#"> 无人机业务:15062286021</a>
                        </p>
                        <p style="letter-spacing: 1.1px">
                          <a href="#">软件平台业务:13912962582</a>
                        </p>
                        <p style="letter-spacing: 0.8px">
                          <a href="#">客服/报告查询:17712626659</a>
                        </p>
                      </li>
                      <li>
                        <span>邮箱</span>
                        <p>
                          <a href="#">tianzhoutest@163.com</a>
                        </p>
                      </li>
                      <li>
                        <span>地址</span>
                        <p>南京总公司:</p>
                        <p>
                          <a>江苏省南京市集庆门大街268号苏宁慧⾕E08-1幢1602-1604室</a>
                        </p>
                        <p>苏州分公司:</p>
                        <p>
                          <a>江苏省苏州市吴中区南湖路125号14幢A3-1室</a>
                        </p>
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- <p class="foot"> -->
              </div>
            </div>
          </div>
        </div>
        <!-- Footer Bottom Area -->
        <div class="footer-bottom-area bg-dark">
          <div class="container">
            <div class="row" style="display: flex; justify-content: center; align-items: center">
              <p class="footer-copyright">
                <a href="javascript:void(0);" style="margin-right: 10px">
                  江苏天宙检测科技有限公司 版权所有 2025
                </a>
                <a
                  href="http://beian.miit.gov.cn/#/Integrated/index"
                  target="_blank"
                  style="margin-right: 10px"
                  >苏ICP备18012967号 |
                </a>
                <a
                  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010602012095"
                  ><img
                    style="height: 20px; margin-bottom: 3px"
                    src="images/icons/policeLogo.png"
                    alt="" />
                  苏公网安备32010602012095号</a
                >
              </p>
            </div>
          </div>
        </div>
        <!--// Footer Bottom Area -->
      </footer>
      <!-- //Footer Area -->
    </div>
    <!-- //Main wrapper -->
    <style type="text/css">
      .cr-dropdown a:hover {
        color: #fff !important;
      }
      #link a:hover::before {
        content: "“机管家”建筑起重机械管理";
        position: absolute;
        top: 20px;
        right: -10px;
        background-color: rgba(37, 37, 37, 0.5);
        color: #fff;
        font-size: 16px;
        padding: 5px 10px;
        border-radius: 5px;

        /* z-index: -1; */
      }
      #school a:hover::before {
        content: "敬请期待";
        position: absolute;
        top: 10px;
        right: 5px;
        background-color: rgba(37, 37, 37, 0.5);
        color: rgb(255, 255, 255);
        font-size: 16px;
        padding: 5px 10px;
        border-radius: 5px;
      }
      .swiper-pagination-bullet,
      .swiper-pagination-bullet-active {
        width: 20px;
        border-radius: 10px;
      }



      .swiper {
        --swiper-theme-color: #47bb8f;
      }
      .caseBlog a img {
    width: 100%;
    height: 280px;
}
.part2-content .cr-pricebox {
  min-height: 400px;
}
.part2-content .cr-pricebox ul {
list-style: circle;
  
}
.img-fluid {
        padding: 0 20px;
        width: 180px;
        object-fit: contain;
        height: 210px;
      }
      .img-tow {
        padding: 0 15px;
        width: 180px;
        object-fit: contain;
        height: 105px;
      }
      .padding {
        padding: 5px 0;
      }

    </style>
    <!-- JS Files -->
    <!-- <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->
    <!-- <script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script> -->

    <!-- <script src="js/bootstrap.min.js"></script> -->
    <script src="js/vendor/jquery-3.2.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins.js"></script>

    <script src="js/scripts.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/config.js"></script>
    <script type="text/javascript">
      const BASE_URL = config.BASE_URL;
      const IMG_URL = config.IMG_URL;

      $(document).ready(function () {
        getBanner();
        loadCaseList();
        getMenu();
        getQualificationsList();
        getTeamPic();
        getPartner();
        getWords();
      });
      function getQualificationsList() {
        $.ajax({
          type: "GET",
          url: BASE_URL + "/web/qualificationses/pageList",
          data: {
            pushOfficialWebsiteFlag: 1,
            pushOfficialWebsite: 1,
            type: 1,
            pageSize:10,
            pageNum:1,
          },
          success: function (res) {
            var html = "";
            res.data.records.forEach(function (item) {
              // 检查 thumbnail 和 title 是否包含逗号分隔的多个值
              let thumbnails = item.thumbnail.split(",");
              let titles = item.title.split(",");
              // 确保 thumbnails 和 titles 数组长度一致
              let maxLength = Math.max(thumbnails.length, titles.length);
              html += `
    <div class="col-lg-3 col-md-6">
        <article class="blog">
    `;
              for (let i = 0; i < maxLength; i++) {
                let thumbnail = thumbnails[i] || ""; // 如果 thumbnails 数组长度小于 titles 数组，使用空字符串
                let title = titles[i] || ""; // 如果 titles 数组长度小于 thumbnails 数组，使用空字符串
                if (thumbnail.trim() !== "" && title.trim() !== "") {
                  // 确保标题不为空
                  let imgClass = thumbnails.length === 1 ? "img-fluid" : "img-tow";
                  let contentClass = thumbnails.length === 1 ? "blog-content" : "padding";
                  html += `
                    <div class="blog-thumb">
                        <a href="#" style="text-align: center">
                          <img  
                        class="${imgClass}"
                            src="${IMG_URL + thumbnail}"
                            alt="blog thumb" />
                        </a>
                      </div>
                      <div class="blog-content ${contentClass}" style="text-align: center">
                        <h5 style="    font-size: 16px;">${title}</h5>
                      </div>
              `;
                } else {
                  console.warn("thumbnail or title is empty====");
                }
              }
              html += `
        </article>
    </div>
    `;
            });
            $(".cards").html(html);
  
     
          },
        });
      }
      function getMenu() {
        let menuList = [];
        $.ajax({
          type: "get",
          url: BASE_URL + "/web/officialWebsite/menus",
          data: {},
          success: function (res) {
            console.log(res);
            res.data.find((item) => {
              if (item.id == "3") {
                menuList = item.subOfficialWebsiteMenus;
              }
            });
            // console.log(menuList, "菜单列表");
            var menuHtml = "";
            menuList.forEach((item) => {
              menuHtml += `<li class="cr-sub-dropdown">
                <a href="${item.link}?type=${item.type}?id=${item.id}">${item.title}</a>
              <ul>
              `;
              item.subOfficialWebsiteMenus.forEach((subItem) => {
                menuHtml += `
                <li><a href="${subItem.link}?type=${subItem.type}?id=${subItem.id}">${subItem.title}</a></li>
              `;
              });
              menuHtml += `</ul></li>`;
            });
            $(".product-menu-inner").html(menuHtml);
            var productHtml = "";
            // 内部产品模块
            menuList.forEach((item,index) => {
              
              let titleHtml = `<span data-link="${item.link}" data-id="${item.id}" data-type="${item.type}">${item.title}</span>`;
              $(`.part2-content :nth-child(${index + 1}) .cr-pricebox h4`).html(titleHtml);
              item.subOfficialWebsiteMenus.forEach((subItem,subIndex) => {
              
                productHtml += `<li><span class="clickable" data-id="${subItem.id}" data-link="${subItem.link}"  data-type="${subItem.type}">${subItem.title}</span></li>`
    
              });
              $(`.part2-content :nth-child(${index + 1}) .cr-pricebox ul`).html(productHtml);
              productHtml = "";
                // 绑定点击事件
                $(`.part2-content :nth-child(${index + 1}) .cr-pricebox h4 span`).on('click', function() {
                  var link = $(this).data('link');
                  var type = $(this).data('type');
                  var id = $(this).data('id');
                  // console.log(link,type);
                  window.location.href = `${link}?type=${type}?id=${item.id}`;
                });
                // 动态添加 hover 样式
                $(`.part2-content :nth-child(${index + 1}) .cr-pricebox h4`).css('cursor', 'pointer');
             
  $(`.part2-content :nth-child(${index + 1}) .cr-pricebox ul .clickable`).on('click', function() {
    var link = $(this).data('link');
    var type = $(this).data('type');
    var id = $(this).data('id');
    // console.log(link,type);
    window.location.href = `${link}?type=${type}?id=${item.id}`;
  });
    // 动态添加 hover 样式
    $(`.part2-content :nth-child(${index + 1}) .cr-pricebox ul .clickable`).css('cursor', 'pointer');
});

          },
        });
      }
      function loadCaseList() {
        var caseHtml = "";
        $.ajax({
          type: "get",
          url: BASE_URL + "/web/qualificationses/pageList",
          data: {
            pushOfficialWebsiteFlag: 1,
            pushOfficialWebsite: 1,
            type: 3,
            pageSize: 3,
            pageNum: 1,
          },
          success: function (res) {
            // console.log(res);
            res.data.records.forEach((element) => {
              // <a href="#?id=${element.id}" class="cr-readmore">Read More</a>
              caseHtml += `
			   <div class="col-lg-4 col-md-6">
                <article class="blog">
                  <div class="blog-thumb caseBlog">
                    <a>
                        <img src="${IMG_URL + element.thumbnail}" alt="blog thumb" />
                    </a>
                  </div>
                  <div class="blog-content">
                    <h5>
                        <p>${element.title}</p>
                    </h5>
                  
                  </div>
                  </div>
                </article>
              </div>
               `;
            });
            $(".case-block").html(caseHtml);
          },
        });
      }
      function getBanner() {
        $.ajax({
          type: "get",
          url: BASE_URL + "/web/banner/pageSizeList",
          data: { type: 1 ,pushOfficialWebsite:1,pushOfficialWebsiteFlag:1},
          success: function (res) {
            var swiper = "";
            res.data.records.forEach((element) => {
             
              swiper += ` <div class="swiper-slide  bg-image-default single-banner " 
              data-black-overlay="2"
              style="background-image: url(${
                IMG_URL + element.imgUrl
              });height: 70vh;"
             >
                <div class="container">
            <div class="row">
              <div class="col-xl-12 col-lg-5 col-12">
                <div class="single-banner-content single-banner-content-parallax" style="color: #fff;text-align: center;">
                  <h3>${element.title ? element.title : ""}</h3>
                  <p style="font-size: 40px;">${element.remark ? element.remark : ""}</p>
                </div>
              </div>
            </div>
              </div>
                      
                </div>`;
            });
            $(".bannerSwiper").html(swiper);
            var mySwiper = new Swiper(".swiper-banner", {
              direction: "horizontal", //切换选项,
              loop: true, // 循环模式选项
              //添加下标分页器
              pagination: {
                el: ".swiper-pagination",
                // type: "custom",
                dynamicBullets: true, // 动态分页,当你的slide很多时，开启后，分页器小点的数量会部分隐藏。
                bulletElement: "li",
                // bulletClass: "my-bullet",
                clickable: true,
              },

              //开启自动滚动
              autoplay: {
                delay: 100000, // 切换时间
                disableOnInteraction: false, // 用户操作后停止
              },
              observer: true, // 开启动态检测
              observeParents: true, // 开启监听父元素变化
              lazy: {
                    loadPrevNext: true, // 预加载相邻的slide
                    loadPrevNextAmount: 1, // 预加载数量
                },
            });
          },
        });
      }
      function getTeamPic() {
        $.ajax({
          type: "get",
          url: BASE_URL + "/web/cooperative-company/pageList",
          // type：1合作伙伴，2团队图片
          data: { pushOfficialWebsiteFlag: 1, pushOfficialWebsite: 1, pageSize: 100, pageNum: 1,type:2 },
          success: function (res) {
            // console.log(res)
            var partnerHtml = "";
            res.data.records.forEach((element) => {
              partnerHtml += `
          <div class="brand-logo">
            <a>
                <img src="${IMG_URL + element.logo}" style="    height: 260px;" alt="brand logo thumb" />
            </a>
           </div>
          `;
            });
            $(".teamList").html(partnerHtml).slick("refresh");
          },
        });
      }
      function getPartner() {
        $.ajax({
          type: "get",
          url: BASE_URL + "/web/cooperative-company/pageList",
          // type：1合作伙伴，2团队图片
          data: { pushOfficialWebsiteFlag: 1, pushOfficialWebsite: 1, pageSize: 100, pageNum: 1,type:1 },
          success: function (res) {
            // console.log(res);
            var partnerHtml = "";
            res.data.records.forEach((element) => {
              partnerHtml += `
          <div class="brand-logo" >
            <a>
                      <img src="${IMG_URL + element.logo}" alt="brand logo thumb" />
            </a>
           </div>
          `;
            });
            $(".partnerList").html(partnerHtml).slick("refresh");
          },
        });
      }
      function getWords() {
        $.ajax({
          type: "get",
          url: BASE_URL + "/web/official-website-text-editor/pageList",
          data: { pageSize: 1000, pageNum: 1 },
          success: function (res) {
            // console.log(res.data.records, "getWords");
            let words = res.data.records;
            //1.首页的公司服务类型标题 （1首页-2部分）
            // 2.首页的公司服务类型内容介绍（1-2）
            // 3.首页的产品服务标题；（1-3）
            // 4.首页的产品服务介绍；（1-3）
            // 5.首页的公司简介；（1-4）
            // 6.首页的我们的团对；（1-5）
            // 7.首页的经典案例；（1-6）
            // 8.9.关于我们页面的发展历程（2-4）
            //
            words.forEach((element, index) => {
              if (element.type == 1) {
                $(".part1 p").html(element.content);
              } else if (element.type == 3) {
                $(".part2.service-content div").html(element.content);
              } else if (element.type == 5) {
                $(".part3 div").html(element.content);
                $(".part3-img img").attr("src", IMG_URL + element.imagePath);
              } else if (element.type == 6) {
                // $(".part4 h2").html(element.title);
                $(".part4.team-content div").html(element.content);
//                 element.imagePath.split(",").forEach((item, i) => {
//                   var teamHtml = `
//   <div class="col-xl-4 col-lg-6 col-md-6 portfolio-single">
//     <div class="portfolio">
//       <div class="portfoilo-thumb">
//         <img src="${IMG_URL + item}" alt="portfolio thumb" />
//       </div>
//     </div>
//   </div>
// `;
//                   $(".team-portfolios").append(teamHtml);
                // });
              } else if (element.type == 8) {
                $(".counter-content h1").html(element.title);
                $(".counter-content h4").html(element.content);
              } else if (element.type == 9) {
              }
            });
            // 找到所有type=2的元素，形成新的数组重新遍历赋值
            let part1ContentArr = words.filter((item) => item.type == 2);
            part1ContentArr.forEach((item, index) => {
              $(`.part1-content :nth-child(${index + 1}) .service-content h4`).html(item.title);
              $(`.part1-content :nth-child(${index + 1}) .service-content p`).html(item.content);
            });
            // let part2ContentArr = words.filter((item) => item.type == 4);
            // part2ContentArr.forEach((item, index) => {
            //   $(`.part2-content :nth-child(${index + 1}) .cr-pricebox h4`).html(item.title);
            //   $(`.part2-content :nth-child(${index + 1}) .cr-pricebox li`).html(item.content);
            // });
            let part5ContentArr = words.filter((item) => item.type == 9);
            part5ContentArr.forEach((item, index) => {
              $(`.part5 :nth-child(${index + 1}) .text-center .counter-active`).html(item.title);
              $(`.part5 :nth-child(${index + 1}) .text-center h6`).html(item.content);
            });
          },
        });
      }
    </script>

    <script src="js/active.js"></script>
  </body>
</html>
