<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <title>北京千鸿景科技发展有限公司</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <!-- Favicon -->
  <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>

  <!-- Google Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'>

  <!-- Revolution css -->
  <link rel="stylesheet" type="text/css" href="vendor/rs-plugin/css/settings.css" media="screen"/>
  <link rel="stylesheet" href="vendor/rs-plugin/css/extralayer.css">
  
  <!-- Flat icon css -->
  <link rel="stylesheet" href="vendor/flat-icon/flaticon.css">
  
  <!-- Font awesome -->
  <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
  
  <!-- Owl Carosel css -->
  <link rel="stylesheet" href="vendor/owl/css/owl.carousel.css">
  <link rel="stylesheet" href="vendor/owl/css/owl.theme.default.css">
  <link rel="stylesheet" href="vendor/owl/css/owl.theme.css">
  
  <!-- mmenu -->
  <link type="text/css" rel="stylesheet" href="vendor/mmenu/css/jquery.mmenu.css" />
  
  <!-- Bootstrap css -->
  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css">

  <!-- Animate css -->
  <link rel="stylesheet" href="css/animate.css">

  <!-- Custom Style css -->
  <link rel="stylesheet" href="css/hover.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/responsive.css">

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')
</script>
<![endif]-->
</head>
<body>
  <div class="loader"></div>
  <div class="main" id="home">
    <!-- slider -->
      <div class="tp-banner-container">
      <div class="tp-banner">
        <ul>  <!-- SLIDE  -->
          <li data-transition="fade" data-slotamount="25" data-masterspeed="2500"  data-thumb="img/slider/slider_img_01.jpg"  data-saveperformance="off">
            <!-- MAIN IMAGE -->
            <img src="img/slider/slider_img_01.jpg"  alt="fullslide2" data-bgposition="center center" data-kenburns="on" data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100" data-bgpositionend="center center">
            <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme head-tag"
            data-x="637"
            data-y="200" 
            data-speed="1500"
            data-start="4500"
            data-easing="Power3.easeInOut"
            data-splitin="chars"
            data-splitout="none"
            data-elementdelay="0.1"
            data-endelementdelay="0.1"
            data-endspeed="300"
            style="z-index: 5; max-width: auto; max-height: auto; font-size:63px;white-space: nowrap;color:#fff;"><h1>北京千鸿景</h1>
          </div>
          <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme head-tag"
          data-x="1090"
          data-y="200" 
          data-speed="1500"
          data-start="5480"
          data-easing="Power3.easeInOut"
          data-splitin="chars"
          data-splitout="none"
          data-elementdelay="0.1"
          data-endelementdelay="0.1"
          data-endspeed="300"
          style="z-index: 5; max-width: auto; max-height: auto; font-size:63px;white-space: nowrap;color:#f9844c;"><h1>专注</h1>
        </div>

        <!-- LAYERS -->
        <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme"
        data-x="637"
        data-y="282" 
        data-speed="1500"
        data-start="5500"
        data-easing="Power3.easeInOut"
        data-splitin="chars"
        data-splitout="none"
        data-elementdelay="0.1"
        data-endelementdelay="0.1"
        data-endspeed="300"
        style="z-index: 5; max-width: auto; max-height: auto; font-size:63px;white-space: nowrap;color:#f9844c;"><h1>3D可视化监控</h1>
      </div>
      <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme"
      data-x="1024"
      data-y="282" 
      data-speed="1500"
      data-start="6500"
      data-easing="Power3.easeInOut"
      data-splitin="chars"
      data-splitout="none"
      data-elementdelay="0.1"
      data-endelementdelay="0.1"
      data-endspeed="300"
      style="z-index: 5; max-width: auto; max-height: auto; font-size:63px;white-space: nowrap;color:#fff;"><h1>系统</h1>
    </div>



    <div class="tp-caption lft randomrotate customout"
    data-x="left"
    data-y="center" data-voffset="110"
    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
    data-speed="800"
    data-start="2000"
    data-easing="Back.easeOut"
    data-endspeed="500"
    data-endeasing="Power4.easeIn"
    data-captionhidden="on"
    style="z-index: 9"><img src="img/slider/mobile.png" alt="" data-ww="550" data-hh="490">
  </div>

  <div class="tp-caption lfl randomrotate tp-resizeme"
  data-x="60" 
  data-y="bottom" data-voffset="-70" 
  data-speed="800"
  data-start="3000"
  data-easing="Back.easeOut"
  data-endspeed="500"
  data-endeasing="Power4.easeIn"
  data-captionhidden="on"
  style="z-index: 9"><img src="img/slider/html.png" alt="" data-ww="125" data-hh="160">
</div>

<div class="tp-caption randomrotate tp-resizeme"
data-x="210"  
data-y="bottom" data-voffset="-70" 
data-speed="800"
data-start="4000"
data-easing="Back.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on"
style="z-index: 9"><img src="img/slider/css.png" alt="" data-ww="125" data-hh="160">
</div>
<div class="tp-caption sfr randomrotate tp-resizeme"
data-x="360"
data-y="bottom" data-voffset="-70" 
data-speed="800"
data-start="5000"
data-easing="Back.easeOut"
data-endspeed="500"
data-endeasing="Power4.easeIn"
data-captionhidden="on"
style="z-index: 9"><img src="img/slider/js.png" alt="" data-ww="125" data-hh="160">
</div>

<!-- LAYER NR. 2 -->
<div class="tp-caption lfl tp-resizeme"
data-x="637"
data-y="365" 
data-speed="1000"
data-start="8000"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2 class="small-title second-title">动力环境监控系统</h2>
</div>

<!-- LAYER NR. 3 -->
<div class="tp-caption  lfl tp-resizeme"
data-x="637"
data-y="420"
data-speed="1000"
data-start="8600"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2  class="small-title second-title">资产管理系统 </h2>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption  lfl tp-resizeme"
data-x="637" 
data-y="475"
data-speed="1000"
data-start="9400"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2 class="small-title second-title"> 数据中心3D可视化 </h2>
</div>

<!-- LAYER NR. 5 -->
<!-- <div class="tp-caption lfr tp-resizeme start-button"
data-x="637"
data-y="540" 
data-speed="1000"
data-start="10500"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<button type="button" class="btn btn-primary" style="background-color: #e84700;border:1px solid #e95e1d;">buy now</button>
</div> -->
</li>

<li class="items" data-transition="slideleft" data-slotamount="1" data-masterspeed="1500" data-thumb="img/slider/slider_img_02.jpg" data-delay="13000"  data-saveperformance="on">
  <!-- MAIN IMAGE -->
  <img src="img/slider/slider_img_02.jpg"  alt="kenburns1"  data-bgposition="left center" data-kenburns="on" data-duration="14000" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="130" data-bgpositionend="right center">
  <!-- LAYERS -->


  <!-- LAYER NR. 1 -->
  <div class="tp-caption very_large_text lfb ltt tp-resizeme head-tag"
  data-x="left" data-hoffset="20"
  data-y="center" data-voffset="-100" 
  data-speed="600"
  data-start="500"
  data-easing="Power3.easeInOut"
  data-splitin="chars"
  data-splitout="chars"
  data-elementdelay="0.08"
  style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
  <h1><span>北京千鸿景科技发展公司</span> 专注数字监控</h1>
</div>

<!-- LAYER NR. 2 -->
<div class=" tp-caption  lfl tp-resizeme"
data-x="-100"
data-y="340"
data-speed="500"
data-start="1500"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2 class="small-title">动力环境监控系统</h2>
</div>

<!-- LAYER NR. 3 -->
<div class="tp-caption  lfl tp-resizeme"
data-x="-100"
data-y="400"
data-speed="1000"
data-start="2000"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2  class="small-title">资产管理系统</h2>
</div>

<!-- LAYER NR. 4 -->
<div class="tp-caption  lfl tp-resizeme"
data-x="-100"
data-y="460"
data-speed="2000"
data-start="2500"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2 class="small-title" > 数据中心3D可视化</h2>
</div>

<!-- LAYER NR. 5 -->
<div class="tp-caption lfr tp-resizeme"
data-x="right" data-hoffset="100"
data-y="bottom" data-voffset="-90" 
data-speed="3000"
data-start="4000"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<button type="button" class="btn btn-default buy-btn">垂询：4009904958</button>
</div>
</li>
<li class="items" data-transition="slidevertical" data-slotamount="1" data-masterspeed="1500" data-thumb="img/slider/slider_img_03.jpg" data-delay="13000"  data-saveperformance="off">
  <!-- MAIN IMAGE -->
  <img src="img/slider/slider_img_03.jpg"  alt="kenburns1"  data-bgposition="left center" data-kenburns="on" data-duration="14000" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="130" data-bgpositionend="right center">
  <!-- LAYERS -->

  <!-- LAYER NR. 1 -->
  <div class="tp-caption very_large_text lfb ltt tp-resizeme head-tag"
  data-x="center" data-hoffset="0"
  data-y="center" data-voffset="-160"
  data-speed="1200"
  data-start="1700"
  data-easing="Power3.easeOut"
  data-splitin="none"
  data-splitout="none"
  data-elementdelay="0.05"
  data-endelementdelay="0.1"
  data-endspeed="500"
  data-endeasing="Power4.easeIn"
  style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<!--  <h1><span>Only by grasping the present </span> is the qualification to talk about the future! </h1>	-->
</div>

<!-- LAYER NR. 2 -->
<div class="tp-caption  lfl tp-resizeme small-text"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-60"
data-speed="1500"
data-start="2000"
data-easing="Power1.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
<!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a adipiscinglib,</p>-->
</div>

<!-- LAYER NR. 3 -->
<div class="tp-caption  lfl tp-resizeme small-text"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-30"
data-speed="1500"
data-start="2000"
data-easing="Power1.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
<!--<p>ultriceslectus. Cras porta nisl at tincidunt tincidunt.</p>	-->
</div>

<!-- LAYER NR. 4 -->
<!--
<div class="tp-caption lfr tp-resizeme start-button"
data-x="center" data-hoffset="-90"
data-y="center" data-voffset="33"
data-speed="2000"
data-start="3500"
data-easing="Power4.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power1.easeOut"
style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
<button type="button" class="btn btn-danger" style="background-color:transparent;">see More</button>
</div>   -->

<!-- LAYER NR. 5 -->
<!--
<div class="lfr tp-caption tp-resizeme start-button"
data-x="center" data-hoffset="90"
data-y="center" data-voffset="33"
data-speed="2500"
data-start="4000"
data-easing="Power4.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power1.easeOut"
style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
<button type="button" class="btn btn-primary" style="background-color: #e84700;border:1px solid #e95e1d;">buy now</button>  
</div>  -->

<!-- LAYER NR. 6 -->
<!--
<div class="tp-caption tp-resizeme lfb randomrotate down-arrow"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="230"
data-speed="2200"
data-start="5500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 3; max-width: 50px; max-height: 50px; white-space: nowrap;">
<i class="scroll-bottom"><img  src="img/slider_button.png"  alt="arrow-down.png" class="img-responsive" ></i>
</div>  -->
</li>
</ul>
</div>
</div>   

    <!-- slider -->
<header  class="header-part">
  <div id="home" class="wrapper">
    <!-- Fixed navbar -->
    <div class="navi navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header page-scroll">
          <a href="#menu">
            <button type="button" data-effect="st-effect-1" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </a>
          <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="北京千鸿景科技发展有限公司"></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse pull-right hidden-xs">
          <ul class="nav navbar-nav navbar-right">
            <li ><a class="page-scroll" href="#home">首页</a></li>
			<li class="dropdown"> <a class="page-scroll drop dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#about"">关于千鸿景</a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="blog-gsjs.html">公司介绍</a></li>
                <li><a href="blog-rongyu.html">资质及荣誉</a></li>
				<li><a href="blog-dongtai.html">最新动态</a></li>
                <li><a href="blog-qiye.html">企业愿景</a></li>
			  </ul>
            </li>	
            	<li class="dropdown"> <a class="page-scroll drop dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#services"">解决方案</a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="blog-donghuan.html">机房监控</a></li>
                <li><a href="blog-zichan.html">资产管理系统</a></li>
				<li><a href="blog-dianchi.html">电池监控</a></li>
                <li><a href="blog-3D.html">3D可视化</a></li>
				<li><a href="blog-whj.html">机柜微环境</a></li>
                <li><a href="blog-other.html">其他相关产品</a></li>
              </ul>
            </li>	
            <li> <a class="page-scroll" href="#product">项目纪实</a></li>
            <li> <a class="page-scroll" href="#team">经典案例</a></li>
            <li class="dropdown"> <a class="page-scroll drop dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#blog">资源互动</a>
             <!-- <ul class="dropdown-menu" role="menu">
                <li><a href="blog-full-width.html">full-width Blog</a></li>
                <li><a href="blog-sidebar.html">sidebar blog</a></li>
              </ul> -->
            </li>	
        
          <li><a class="page-scroll" href="#contact">联系我们</a></li>
          <!-- Search Block -->
          <li>
            <i class="search fa fa-search search-btn"></i>
            <div class="search-open" style="display:none;" >
              <div class="input-group animated fadeInDown" >
                <input type="text" class="form-control" placeholder="Search">
                <span class="input-group-btn">
                  <button class="btn-u" type="button">Go</button>
                </span>
              </div>
            </div>    
          </li>
          <!-- End Search Block -->
        </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div><!-- End of Nav -->
</div>
</header>

<!-- WHO WE ARE -->
<section id="about" class="who-we-are section-padding">
  <div class="container">
    <div class="row">
      <div class="wow zoomIn col-xs-12 col-lg-12 text-center p-padding">
        <h1 class="section-title">关于千鸿景</h1>
        <p>专注于3D可视化系列产品及服务</p>
      </div><!-- col-xs-12 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
        <div class="icon-circle">
          <i class="fa flaticon-android2"></i>
        </div><!-- /.icon-circle -->
        <div class="who-we-are-content text-center">
           <a href="blog-gsjs.html"><h2>公司介绍</h2></a>
         <p style="text-indent: 24px;" align="left">北京千鸿景科技发展有限公司成立于2001年，致力于机房动力环境监控系统、先后完成国内多个机房项目的动力环境监控项目建设…</p>
        </div><!-- /.who-we-are-content -->
      </div><!-- /.col-xs-6 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
        <div class="icon-circle">
          <i class="fa fa-laptop"></i>
        </div><!-- /.icon-circle -->
        <div class="who-we-are-content text-center">
        <a href="blog-rongyu.html"><h2>资质及荣誉</h2></a>
          <p align="left" style="text-indent: 24px;">QWERT1.0著作权，Qwert7.0著作权，QWERT3D 可视化管理平台。</p>
        </div><!-- /.who-we-are-content -->
      </div><!-- /.col-xs-6 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
        <div class="icon-circle">
          <i class="fa flaticon-christmas128"></i>
        </div><!-- /.icon-circle -->
        <div class="who-we-are-content text-center">
          <a href="blog-dongtai.html"><h2>最新资讯</h2></a>
          <p align="left" style="text-indent: 24px;">中标平安银行哈尔滨分行动力环境监控系统。2020年3月 </p>
          <p align="left" style="text-indent: 24px;">中标建行某某省分行新大楼机房3D可视化监控系统。2019年12月</p>

        </div><!-- /.who-we-are-content -->
      </div><!-- /.col-xs-6 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
        <div class="icon-circle">
          <i class="fa fa-code"></i>
        </div><!-- /.icon-circle -->
        <div class="who-we-are-content text-center">
          <a href="blog-qiye.html"><h2>企业愿景</h2></a>
          <p align="left" style="text-indent: 24px;">用可靠的技术向用户提供产品，用领先的理念提升用户品质，用不间断的服务延长产品生命周期。 </p>
        </div><!-- /.who-we-are-content -->
      </div><!-- /.col-xs-6 -->
    </div><!--/row-->
  </div><!-- /container -->
</section><!-- /who we wre -->

<!-- <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>	-->
<!-- 解决方案 -->
<section id="services" class="service section-padding">
  <div class="container">
    <div class="row">
      <div class="wow zoomIn col-xs-12 text-center p-padding">
        <h1 class="section-title">解决方案 </h1>
        <p>数据中心3D可视化监控、资产管理全系列解决方案 </p>
      </div><!-- col-xs-12 -->
      <div class="col-xs-12 col-sm-5 col-md-5">
        <div class="left-column">
          <div class="wow zoomIn media">
            <div class="media-left media-middle">
              <a href="#">
                <i class="fa flaticon-christmas128"></i>
              </a>
            </div>
            <div class="media-body">
			 <a href="blog-donghuan.html">机房监控</a>
              <!--<h2>机房监控</h2>  -->
              <h3>Power environment monitoring of  </h3>
              <span>Computer room</span>
            </div>
          </div>
          <div class="wow zoomIn media">
            <div class="media-left media-middle">
              <a href="#">
                <i class="fa fa-database"></i>
              </a>
            </div>
            <div class="media-body">
			 <a href="blog-zichan.html">资产管理系统</a>
              <!--  <h2>资产管理系统 </h2>  -->
              <h3>Asset management system </h3>
              <span>Computer room</span>
            </div>
          </div>
          <div class="wow zoomIn media">
            <div class="media-left media-middle">
              <a href="#">
                <i class="fa fa-compress"></i>
              </a>
            </div>
            <div class="media-body">
              <a href="blog-dianchi.html">电池监控</a>
              <!-- <h2>电池监测</h2> -->
              <h3>Battery monitoring system </h3>
              <span>Computer room</span>
            </div>
          </div>
        </div>
      </div><!-- col-md-5 -->

      <div class="col-xs-6 col-sm-2 col-md-2 hidden-xs">
        <div class="image-box">
          <img class="img-responsive" src="img/phn.png" alt="">
        </div>
      </div><!-- /col-md-2 -->

      <div class="col-xs-12 col-sm-5 col-md-5">
        <div class="right-column">
          <div class="wow zoomIn media">
            <div class="media-left media-middle">
              <a href="#">
                <i class="fa flaticon-leaf32"></i>
              </a>
            </div><!-- media left-->
            <div class="media-body">
              <a href="blog-3D.html">3D可视化</a>
              <!-- <h2>3D可视化</h2> -->
              <h3>3D visualization </h3>
              <span>Computer room</span>
            </div><!--/.media body-->
          </div><!-- /.media -->
          <div class="wow zoomIn media">
            <div class="media-left media-middle">
              <a href="#">
                <i class="fa fa-rocket"></i>
              </a>
            </div><!-- media left-->
            <div class="media-body">
              <a href="blog-whj.html">机柜微环境</a>
              <!-- <h2>机柜微环境 </h2> -->
              <h3>Cabinet microenvironment </h3>
              <span>Computer room</span>
            </div><!--/.media body-->
          </div><!-- /.media -->
          <div class="wow zoomIn media">
            <div class="media-left media-middle">
              <a href="#">
                <i class="fa fa-laptop"></i>
              </a>
            </div><!-- media left-->
            <div class="media-body">
			  <a href="blog-other.html">其他相关产品</a>
              <!-- <h2>其它相关产品 </h2> -->
              <h3>Other related products </h3>
              <span>Computer room</span>
            </div><!--/.media body-->
          </div><!-- /.media -->
        </div><!-- /.right-column -->
      </div>
    </div><!-- row-->
  </div><!-- container -->
</section><!-- /our services -->

<!-- 项目纪实 -->
<section class="protfolio section-padding" id="product">
  <div class="container">
    <div class="row">
      <div class="wow zoomIn col-xs-12 text-center p-padding animated" style="visibility: visible; animation-name: zoomIn;">
        <h1 class="section-title">项目纪实</h1>
        <p>精工细作，从不忽略每一个细节 </p>
      </div>
    </div><!-- row -->
  </div><!-- container -->
  <div class="portfolio-menu">
    <div class="container">
      <div class="row"> 
        <div class="col-xs-12">
          <ul class="wow zoomIn animated" id="filter" style="visibility: visible; animation-name: zoomIn;">
            <li><a data-group="all" href="#" class="active">全部</a></li>
            <li><a data-group="wordpress" href="#">环控解决方案</a></li>
            <li><a data-group="video" href="#">资产管理解决方案</a></li>
            <li><a data-group="image" href="#">产品选型</a></li>
            <li><a data-group="branding" href="#">其他</a></li>
          </ul><!-- /#filter -->
        </div><!-- /.col-xs-12 -->
      </div>
    </div>
  </div>



 <div class="row">
    <div id="grid" class="shuffle" style="position: relative; height: 600px;">
      <!-- portfolio-item -->
      <div data-groups='["all", "image", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered animated" style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img alt="img21" src="img/Image_20200315152828.jpg" width="350" height="290">
            <figcaption>
              <div class="socials">
               <!-- <a data-toggle="modal" data-target="#myModal1" href=""><i class="fa fa-expand"></i></a>
                <a href=""><i class="fa fa-share animated"></i></a> 
              </div>
              <div class="scoial-heading">
                <p>Mornign Dew</p>
                <strong>Icons, Illustrations</strong> -->
              </div>
            </figcaption>     
          </figure>   
        </div><!-- /.portfolio -->
      </div><!-- /.portfolio-item -->
      <!-- MODAL/POPUP -->
      <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
              <span class="modal-title" id="myModalLabel">Our recent work</span>
            </div>
            <div class="modal-body" >
              <img src="img/Image_20200315152828.jpg" alt="img21"/>
            </div>
          </div>
        </div>
      </div>
      <!-- MODAL/POPUP -->


      <!-- portfolio-item -->
      <div data-groups='["all","wordpress","branding"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img alt="img21" src="img/20201125183238.jpg" width="350" height="290">
            <figcaption>
              <div class="socials">
              <!--  <a data-toggle="modal" data-target="#myModal2" href=""><i class="fa fa-expand"></i></a>
                <a href=""><i class="fa fa-share animated"></i></a>
              </div>
              <div class="scoial-heading">
                <p>Mornign Dew</p>
                <strong>Icons, Illustrations</strong>
              </div>  -->
            </figcaption>     
          </figure>
        </div><!-- /.portfolio -->
      </div><!-- /portfolio-item -->
      <!-- MODAL/POPUP -->
      <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
              <span class="modal-title" id="myModalLabel">Our recent work</span>
            </div>
            <div class="modal-body" >
              <img src="img/20201125183238.jpg" alt="img21"/>
            </div>
          </div>
        </div>
      </div>
      <!-- MODAL/POPUP -->



      <!-- portfolio-item -->
      <div data-groups='["all","wordpress", "circle"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img alt="img21" src="img/IMG_3851.JPG" width="350" height="290">
            <figcaption>
              <div class="socials">
              <!--  <a data-toggle="modal" data-target="#myModal3" href=""><i class="fa fa-expand"></i></a>
                <a href=""><i class="fa fa-share animated"></i></a>
              </div>
              <div class="scoial-heading">
                <p>Mornign Dew</p>
                <strong>Icons, Illustrations</strong>
              </div>  -->
            </figcaption>     
          </figure>
        </div><!-- /.portfolio -->
      </div><!-- /portfolio-item -->
      <!-- MODAL/POPUP -->
      <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
              <span class="modal-title" id="myModalLabel">Our recent work</span>
            </div>
            <div class="modal-body" >
              <img src="img/IMG_3851.JPG" alt="img21"/>
            </div>
          </div>
        </div>
      </div>
      <!-- MODAL/POPUP -->


      <!-- portfolio-item -->
      <div data-groups='["image", "all","wordpress", "branding"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img alt="img21" src="img/IMG_3852.JPG" width="350" height="290">
            <figcaption>
              <div class="socials">
              <!--  <a data-toggle="modal" data-target="#myModal4" href=""><i class="fa fa-expand"></i></a>
                <a href=""><i class="fa fa-share animated"></i></a>
              </div>
              <div class="scoial-heading">
                <p>Mornign Dew</p>
                <strong>Icons, Illustrations</strong>
              </div>  -->
            </figcaption>     
          </figure>
        </div><!-- /.portfolio -->
      </div><!-- /portfolio-item -->
      <!-- MODAL/POPUP -->
      <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
              <span class="modal-title" id="myModalLabel">Our recent work</span>
            </div>
            <div class="modal-body" >
              <img src="img/IMG_3852.JPGg" alt="img21"/>
            </div>  
          </div>
        </div>
      </div>
      <!-- MODAL/POPUP -->


      <!-- portfolio-item -->
      <div data-groups='["all","wordpress", "video", "branding","image"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img alt="img21" src="img/Image_20200315153919.jpg" width="350" height="290">
            <figcaption>
              <div class="socials">
              <!--  <a data-toggle="modal" data-target="#myModal5" href=""><i class="fa fa-expand"></i></a>
                <a href=""><i class="fa fa-share animated"></i></a>
              </div>
              <div class="scoial-heading">
                <p>Mornign Dew</p>
                <strong>Icons, Illustrations</strong>
              </div>  -->
            </figcaption>     
          </figure>
        </div><!-- /.portfolio -->
      </div><!-- /portfolio-item -->
      <!-- MODAL/POPUP -->
      <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
              <span class="modal-title" id="myModalLabel">Our recent work</span>
            </div>
            <div class="modal-body" >
              <img src="img/Image_20200315153919.jpg" alt="img21"/>
            </div>
          </div>   
        </div>
      </div>
      <!-- MODAL/POPUP -->



      <!-- portfolio-item -->
      <div data-groups='["all","wprdpress", "branding", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img alt="img21" width="350" height="290" src="img/202011251832382.jpg">
            <figcaption>
              <div class="socials">
              <!--  <a data-toggle="modal" data-target="#myModal6" href=""><i class="fa fa-expand"></i></a>
                <a href=""><i class="fa fa-share animated"></i></a>
              </div>
              <div class="scoial-heading">
                <p>Mornign Dew</p>
                <strong>Icons, Illustrations</strong>
              </div>  -->
            </figcaption>     
          </figure>
        </div><!-- /.portfolio -->
      </div><!-- /portfolio-item -->
      <!-- MODAL/POPUP -->
      <div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
              <span class="modal-title" id="myModalLabel">Our recent work</span>
            </div>
            <div class="modal-body" >
              <img src="img/202011251832382.jpg" alt="img21"/>
            </div>
          </div>
        </div>
      </div>
      <!-- MODAL/POPUP -->


      <!-- portfolio-item -->
      <div data-groups='["all", "branding", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img alt="img21" src="img/202011251832383.jpg" width="350" height="290">
            <figcaption>
              <div class="socials">
             <!--   <a data-toggle="modal" data-target="#myModal7" href=""><i class="fa fa-expand"></i></a>
                <a href=""><i class="fa fa-share animated"></i></a>
              </div>
              <div class="scoial-heading">
                <p>Mornign Dew</p>
                <strong>Icons, Illustrations</strong>
              </div>  -->
            </figcaption>     
          </figure>
        </div><!-- /.portfolio -->
      </div><!-- /portfolio-item -->
      <!-- MODAL/POPUP -->
      <div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
              <span class="modal-title" id="myModalLabel">Our recent work</span>
            </div>
            <div class="modal-body" >
              <img src="img/202011251832383.jpg" alt="img21"/>
            </div>
          </div> 
        </div>
      </div>
      <!-- MODAL/POPUP -->


      <!-- portfolio-item -->
      <div data-groups='["image", "all", "wordpress", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
        <div class="portfolio">
          <figure class="effect-julia">
            <img alt="img21" src="img/j_20201028115153.jpg" width="350" height="290">
            <figcaption>
              <div class="socials">
              <!--  <a data-toggle="modal" data-target="#myModal8" href=""><i class="fa fa-expand"></i></a>
                <a href=""><i class="fa fa-share animated"></i></a>
              </div>
              <div class="scoial-heading">
                <p>Mornign Dew</p>
                <strong>Icons, Illustrations</strong>
              </div>  -->
            </figcaption>     
          </figure>
        </div><!-- /.portfolio -->
      </div><!-- /portfolio-item -->
      <!-- MODAL/POPUP -->
      <div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="btn btn-default pull-right" data-dismiss="modal">X</button>
              <span class="modal-title" id="myModalLabel">Our recent work</span>
            </div>
            <div class="modal-body" >
              <img src="img/j_20201028115153.jpg" alt="img21"/>
            </div>
          </div> 
        </div>
      </div>
      <!-- MODAL/POPUP -->
    </div> <!-- /grid --> 
  </div><!-- /row -->
</section><!-- /our latest works -->



<!-- OUR TEAM -->
<section id="team" class="our-team section-padding">
  <div class="container">
    <div class="row">
      <div class="wow zoomIn col-xs-12 text-center p-padding">
        <h1 class="section-title">经典案例</h1>
        <p>多年来完成上千例监控系统，涉及金融、国家机关、文教卫生、大型企业等.</p>
      </div><!-- col-xs-12 -->
    </div><!-- row -->
    <div class="row">
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="img/b_4.jpg" alt="img09">
            <figcaption>
              <div class="icon-holder">
                <!-- <ul >
                  <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                </ul> -->
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
     <!--     <p>建行山东省分行</p> -->
          <span>机房3D可视化动环监控系统</span>
        </div>
      </div>
      <div class=" wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="img/b_dl.jpg" alt="img09">
            <figcaption>
              <div class="icon-holder">
               <!-- <ul >
                  <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                </ul> -->
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
    <!--      <p>大连税务金州备份中心</p> -->
          <span>3D可视化动环监控系统</span>
        </div>
      </div>
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="img/b_3.jpg" alt="img09">
            <figcaption>
              <div class="icon-holder">
              <!--  <ul >
                  <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                </ul>  -->
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
     <!--     <p>巴彦淖尔市公安局警务云中心</p> -->
          <span>动环监控系统</span>
        </div>
      </div>
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="img/b_4.jpg" alt="img09">
            <figcaption>
              <div class="icon-holder">
              <!--  <ul >
                  <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                </ul> -->
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
  <!--        <p>中华测绘局电力监测系统</p> -->
          <span>北京、三亚、喀什站配电系统整体监测</span>
        </div>
      </div>
    </div><!-- row -->
  </div><!-- container -->


</section><!-- our team -->



<!-- COUNTING -->
<section  class="counting section-padding">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-3 text-center">
        <span class="count1 counter">2001</span>
        <p>公司成立</p>
      </div> <!-- /.col-sm-3 -->
      <div class="col-xs-12 col-sm-6 col-md-3 text-center">
        <span class="count2 counter">1031</span>
        <p>相关业绩</p>
      </div><!-- /.col-sm-3 -->
      <div class="col-xs-12 col-sm-6 col-md-3 text-center">
        <span class="counter count3">100</span> %
        <p>客户好评</p>
      </div><!-- /.col-sm-3 -->
      <div class="col-xs-12 col-sm-6 col-md-3 text-center">
        <span class="counter count4">72</span> %
        <p>后续维保</p>
      </div><!-- /.col-sm-3 -->
    </div> <!-- /.row -->
  </div><!-- /.container -->
</section><!-- counting -->


  

  <!-- BLOG CONTENT -->
  <section id="blog" class="blog-wrapper section-padding">
    <div class="container">
      <div class="row">
        <div class="wow zoomIn col-xs-12 text-center p-padding">
          <h1 class="section-title">资源互动</h1>
          <p>技术讨论、资料下载.</p>
        </div><!-- col-xs-12 -->
        <div class="wow zoomIn col-xs-12 col-md-4">
          <img class="img-responsive" src="img/blog1.jpg" alt="Image"/>
          <div class="blog-date-wrapper">
            <span class="floatleft"><i class="fa fa-calendar"></i> 01th june 2020</span>
            <span class="floatright"><i class="fa fa-thumbs-o-up"></i> 30</span>
            <span class="floatright"><i class="fa fa-comments"></i> 25 </span>
            <span class="clearboth"> &nbsp; </span>
          </div>
          <div class="blog-container">
            <h2><a href="index.html" target="_blank"> 技术论坛</a></h2>
            <p>Technology Forum</p>
          </div>
        </div>
        <div class="wow zoomIn col-xs-12 col-md-4">
          <img class="img-responsive" src="img/blog2.jpg" alt="Image"/>
          <div class="blog-date-wrapper">
            <span class="floatleft"><i class="fa fa-calendar"></i> 01th june 2020</span>
            <span class="floatright"><i class="fa fa-thumbs-o-up"></i> 30</span>
            <span class="floatright"><i class="fa fa-comments"></i> 25 </span>
            <span class="clearboth"> &nbsp; </span>
          </div>
          <div class="blog-container">
            <h2><a href="index.html" target="_blank"> 疑问解答</a></h2>
            <p>Interrogative answer</p>
          </div>
        </div>
        <div class="wow zoomIn col-xs-12 col-md-4">
          <img class="img-responsive" src="img/blog3.jpg" alt="Image"/>
          <div class="blog-date-wrapper">
            <span class="floatleft"><i class="fa fa-calendar"></i> 01th june 2020</span>
            <span class="floatright"><i class="fa fa-thumbs-o-up"></i> 30</span>
            <span class="floatright"><i class="fa fa-comments"></i> 25 </span>
            <span class="clearboth"> &nbsp; </span>
          </div>
          <div class="blog-container">
            <h2><a href="index.html" target="_blank">资料下载</a></h2>
            <p>Data download</p>
          </div>
        </div>
      
  </section><!-- blog content -->

  <!-- our partner -->
  

  <!-- GET IN TOUCH -->
  <section id="contact" class="contact-wrapper section-padding">
    <div class="container">
      <div class="row">
        <div class="wow zoomIn col-xs-12 text-center p-padding">
          <h1 class="section-title">联系我们</h1>
          <p>如您有任何相关问题咨询，请致电400服务电话，或则拨打离您最近的销售代表，也可以发送E-MAIL,我们将在第一时间联系您.</p>
        </div><!-- col-xs-12 -->
        <div class="wow zoomIn col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
          <form name="contactForm" id='contact_form' method="post" action='php/email.php'>
            <div class="form-inline">
              <div class="form-group col-sm-6">
                <input type="text" class="form-control" name="name" id="exampleInputName" placeholder="name" >
              </div>
              <div class="form-group col-sm-6">
                <input type="email" class="form-control" name="email" id="exampleInputEmail" placeholder="email address">
              </div>
              <div class="form-group col-sm-6">
                <input type="text" class="form-control" name="subject" id="exampleInputSubject" placeholder="subject" >
              </div>
              <div class="form-group col-sm-6">
                <input type="text" class="form-control" name="company" id="exampleInputCompany" placeholder="company" >
              </div>
              <div class="form-group col-sm-12">
                <textarea class="form-control" name="message" rows="3" id="exampleInputMessage" placeholder="message" ></textarea>
              </div>
            </div>
            <div class="form-group col-xs-12">
              <div id='mail_success' class='success' style="display:none;">Your message has been sent successfully.
              </div><!-- success message -->
              <div id='mail_fail' class='error' style="display:none;"> Sorry, error occured this time sending your message.
              </div><!-- error message -->
            </div>
            <div class="form-group col-sm-12" id='submit'>
              <input type="submit" id='send_message' class="btn  btn-lg costom-btn" value="send">
            </div>
          </form>
        </div> <!-- /.col-xs-12 .col-sm-offset-2 .col-sm-8 -->
        <div class="col-xs-12">
          <div class="contact-or">
            <p>or</p>
          </div><!-- /.contact-or -->
          <div class="icon-text">
            <span>总部 on</span>
          </div><!-- /.icon-text -->
          <div class="icon-holder">
            <ul >
              <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
              <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
              <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#" target="_blank"><i class="fa fa-behance"></i></a></li>
              <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
            </ul>
          </div><!-- /.icon-holder -->
        </div><!-- /.col-xs-12 -->
      </div><!-- /.row -->
    </div><!-- /.container -->
  </section><!-- get in touch -->

<div><!--   footer    -->
               <iframe src="iframe/foot.html" width="100%" height="624">	
	</iframe>
</div>

    <!-- MMENU  -->
    <nav id="menu">
      <ul>
        <li><a href="../index.html">home</a></li>
        <li><a href="../index.html">about us</a></li>
        <li><a href="../index.html">services</a></li>
        <li><a href="../index.html">product</a></li>
        <li><a href="../index.html">team</a></li>
        <li><a href="../index.html">blog</a>
          <ul>
            <li><a href="../blog-donghuan.html">机房监控</a></li>
            <li><a href="../blog-zichan.html">资产管理系统</a></li>
		    <li><a href="../blog-dianchi.html">电池监控</a></li>
            <li><a href="../blog-3D.html">3D可视化</a></li>
			<li><a href="../blog-whj.html">机柜微环境</a></li>
            <li><a href="../blog-other.html">其他相关产品</a></li>
          </ul>
        </li>
        <li><a href="../index.html">contact</a></li>
      </ul>
    </nav><!-- /#menu -->

  </div><!-- /.main -->

<!-- jQuery JS -->
<script src="js/jquery-1.11.1.js"></script>

<!-- Modernizr JS --> 
<script src="js/modernizr-2.6.2.min.js"></script>

<!--Bootatrap JS-->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- REVOLUTION Slider  -->
<script type="text/javascript" src="vendor/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="vendor/rs-plugin/js/jquery.themepunch.revolution.js"></script>

<!-- Shuffle JS -->
<script src="js/jquery.shuffle.min.js"></script>

<!-- mmenu -->
<script type="text/javascript" src="vendor/mmenu/js/jquery.mmenu.min.js"></script>

<!-- Owl Carosel -->
<script src="vendor/owl/js/owl.carousel.min.js"></script>
<script src="js/wow.min.js"></script>

<!-- waypoints JS-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>

<!-- Counterup JS -->
<script src="js/jquery.counterup.min.js"></script>

<!-- Easing JS -->
<script src="js/jquery.easing.min.js"></script>

<!-- Smooth Scroll JS -->
<script src="js/scrolling-nav.js"></script>
<script src="js/smoothscroll.min.js"></script>

<!-- Custom Script JS -->
<script src="js/script.js"></script>

<!-- Email JS -->
<script src="js/email.js"></script>

<script>
$(window).on('scroll', function(){
  if( $(window).scrollTop()>670 ){
    $('.navbar-default').addClass('navbar-fixed-top');
  } else {
    $('.navbar-default').removeClass('navbar-fixed-top');
  }
});
</script>


</body>
</html>
