<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset='utf-8'>
  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <title>VR技术_人工智能_深圳行远科技发展有限公司</title>
  <meta name="Keywords" content="图像识别技术,心脑血管疾病,超级体感衣">
  <meta name="Description"
        content="深圳市善行医疗科技有限公司聚焦人工智能及VR技术领域的产品应用研发，并为客户提供集成性、智慧化综合性解决方案。公司已研发了儿童面部疾病图像识别技术，全天候实时监测心脑血管疾病，超级体感衣系列等产品，同时，我们为多个城市和高校提供智慧城市、智慧校园的综合解决方案，对科研、教育、交通、健康等产业的大数据集成应用项目都起到了较大的技术推动作用。 ">
  <link rel='stylesheet' href='css/bootstrap.css'>
  <link rel='stylesheet' href="css/style.css"/>
  <link rel="stylesheet" href="css/main.css"/>
  <style>
    .col-md-3 p {
      display: block;
      text-align: center;
      padding: 45% 0;
      font-size: 18px;
      color: #FFFFFF;
      position: absolute;
      width: 100%;
    }
  </style>
</head>
<body>
<div id="head">
  <nav class="navbar navbar-default">
    <a href="http://lrtap.cn/"><img id="logo1" src="img/logo.png"/></a>
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li class="active"><a href="home.html">首页 <span class="sr-only">(current)</span></a></li>
          <li><a href="company.html">公司介绍</a></li>
          <li><a href="join.html">加入我们</a></li>
          <li><a href="news.html">新闻资讯</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
  <div id="gap" style="padding: 11% 0;">
    <div id="title1">
      <p>健康可以很简单</p>
    </div>
    <div id="title2" style="padding-bottom: 10%;">
      <p>Science for Healthy Living</p>
    </div>
  </div>
</div>

<div id="slide">
  <div class="topp">
    <p class="title1">
      随访系统
    </p>
    <p class="title2">
      医学随访是指医院或者医疗保健机构对曾在医院就诊的病人以通讯或者其他的方式进行定期了解患者病情变化和指导患者康复的一种观察方法。
    </p>
  </div>
  <div style="width: 56%;margin-left: 22%;">
    <img src="img/logo2.png"/>
  </div>

</div>

<div id="content">
  <div id="c_left">
    <p id="c_title1">
      守护天使
    </p>
    <p id="c_title2">
      “守护天使”APP通过定期、准确地记录儿童的体格数据，配合云计算和智能分析系统持续监测儿童的体格发育情况，评价儿童体重曲线变化的形式和趋势辅助就医。
    </p>
    <p id="c_title3">
      内含就诊、用药、疫苗注射等记录，全方位关注儿童成长情况，是家长的贴心育儿顾问。
    </p>
    <div id="c_button">
      <a href="#app"><p id="but_title">立即下载</p></a>

    </div>
  </div>
  <div id="c_right">
    <img id="c_img" style="width: 100%;"/>
  </div>
</div>

<div style="clear: both;"></div>
<div id="hosp">
  <div class="topp">
    <p class="title1">合作医院</p>
    <p class="title2">与全国各地知名的医院合作</p>
  </div>
  <div id="hosp_bo">
    <div class="col-md-3" style="margin-left: -3%;">
      <p style="z-index: 9999;position: absolute;">深圳市儿童医院</p>
      <img src="img/l1.png" style="width: 100%;z-index: -1;"/>
    </div>
    <div class="col-md-3">
      <p style="z-index: 9999;position: absolute;">深圳市第二人民医院</p>
      <img src="img/l2.png" style="width: 100%;z-index: -1;"/>
    </div>
    <div class="col-md-3">
      <p style="z-index: 9999;position: absolute;">深圳市北大医院</p>
      <img src="img/l3.png" style="width: 100%;z-index: -1;"/>
    </div>
    <div class="col-md-3" style="margin-right: -3%;">
      <p style="z-index: 9999;position: absolute;">深圳市龙华新区人民医院</p>
      <img src="img/l4.png" style="width: 100%;z-index: -1;"/>
    </div>
    <div class="col-md-3" style="margin-left: -3%;">
      <p style="z-index: 9999;position: absolute;">深圳市龙华新区人民医院</p>
      <img src="img/l5.png" style="width: 100%;z-index: -1;"/>
    </div>
    <div class="col-md-3">
      <p style="z-index: 9999;position: absolute;">深圳市龙华新区人民医院</p>
      <img src="img/l6.png" style="width: 100%;z-index: -1;"/>
    </div>
    <div class="col-md-3">
      <p style="z-index: 9999;position: absolute;">深圳市龙华新区人民医院</p>
      <img src="img/l7.png" style="width: 100%;z-index: -1;"/>
    </div>
    <div class="col-md-3" style="margin-right: -3%;">
      <p style="z-index: 9999;position: absolute;">深圳市龙华新区人民医院</p>
      <img src="img/l8.png" style="width: 100%;z-index: -1;"/>
    </div>

    <div style="clear: both;"></div>
  </div>
</div>

<div id="app">
  <div id="app_top">
    <p id="app_title1">下载守护天使APP</p>
    <p id="app_title2">一键下载，获取专业、贴心的育儿顾问</p>
  </div>
  <div id="app_log">
    <ul class="applist">
      <li id="app_center1">
        <img id="app_pi1" src="img/Android.png"/>
        <p id="app_p1">Android</p>
      </li>
      <li id="app_center2" style="float: right;">
        <a href="http://itunes.apple.com/cn/app/id1187797634?mt=8">
          <img id="app_pi2" src="img/ios.png"/>
          <p id="app_p2">iPhone</p>
        </a>
      </li>
    </ul>
  </div>
</div>

<div id="bottom">
  <div id="bot_top">
    <img id="b_log" src="img/logo.png"/>
    <div id="bb_list">
      <ul id="b_list">
        <li class="b_list">
          <a href="home.html">首页</a>
        </li>
        <li class="b_list">
          <a href="company.html">公司介绍</a>
        </li>
        <li class="b_list">
          <a href="join.html">加入我们</a>
        </li>
        <li class="b_list">
          <a href="news.html">新闻资讯</a>
        </li>
        <!--<li class="b_list">
            <a href="#">用户协议</a>
        </li>
        <li class="b_list">
            <a href="#">隐私政策</a>
        </li>-->
      </ul>
    </div>
    <!--<div id="bb_pic">
    <ul id="b_pic">
        <li>
            <a href="#"><img src="img/facebook.png"  style="width: 18px;height: 18px;"/></a>
        </li>
        <li class="b_pic">
            <a href="#"><img src="img/twitter.png"  style="width: 18px;height: 18px;"/></a>
        </li>
        <li class="b_pic">
            <a href="#"><img src="img/instagram.png"  style="width: 16px;height: 16px;"/></a>
        </li>
    </ul>
    </div>-->
  </div>
  <div style="clear: both;"></div>
  <hr id="b_hr"/>
  <div id="b_bot">
    <p id="b_left">
      版权所有@深圳市行远科技发展有限公司，保留一切权利。
      <br/><a href="http://beian.miit.gov.cn" style="color: #ffffff" target="_blank">粤ICP备16064570号</a>
    </p>
    <p id="b_right">
      <a href="#" style="color: #FFFFFF;">法律声明</a>&nbsp; /&nbsp; <a href="#" style="color: #FFFFFF;">隐私保护</a>
    </p>
  </div>
  <div style="clear: both;"></div>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src='js/jquery.min.js'></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/style.js"></script>
<script>
  $(document).ready(function () {
    setTimeout(function () {
      $("#slide").animate({bottom: '35px', opacity: '1'}, "slow");
    }, 2000);

    var interval = setInterval(function () {
      var a = $(window).scrollTop();
      var b = $(window).height();
      var d = $("#content").offset().top;
      if (d - a <= b - 100) {
        $('#c_left').css('display', 'block');
        $('#c_left').animate({left: '25%'}, "slow");
        $('#c_left').animate({left: '20%'}, "slow");
        $('#c_title1').animate({left: '25%', opacity: '0.5'}, "slow");
        $('#c_title1').animate({left: '20%', opacity: '1'}, "slow");
        $('#c_title2').animate({left: '25%', opacity: '0.5'}, "slow");
        $('#c_title2').animate({left: '20%', opacity: '1'}, "slow");
        $('#c_title3').animate({left: '25%', opacity: '0.5'}, "slow");
        $('#c_title3').animate({left: '20%', opacity: '1'}, "slow");
        $("#c_img").attr("src", "img/logo1.png");
        setTimeout(function () {
          $("#c_button").css('display', 'block');
          $('#c_right').fadeIn('slow');
        }, 1000);

        clearInterval(interval);
      }
    }, 200);
    var interval1 = setInterval(function () {
      var a = $(window).scrollTop();
      var b = $(window).height();
      var c = $('#app_center1').offset().top;
      if (c - a <= b - 100) {
        $('#app_center1').animate({left: '30%', opacity: '0.5'}, "slow");
        $('#app_center1').animate({left: '25%', opacity: '1'}, "slow");
        $('#app_center2').animate({right: '30%', opacity: '0.5'}, "slow");
        $('#app_center2').animate({right: '25%', opacity: '1'}, "slow");
        clearInterval(interval1);
      }
    }, 200);

  });
</script>
</html>
