index.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
  1. <!doctype html>
  2. <!--[if IE 7 ]>
  3. <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
  4. <!--[if IE 8 ]>
  5. <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
  6. <!--[if IE 9 ]>
  7. <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
  8. <!--[if (gt IE 9)|!(IE)]><!-->
  9. <html lang="en-gb" class="no-js">
  10. <!--<![endif]-->
  11. <head>
  12. <meta charset="utf-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  14. <!--[if lt IE 9]>
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16. <![endif]-->
  17. <title>耀荣康健</title>
  18. <meta name="description" content="">
  19. <!-- <meta name="author" content="WebThemez"> -->
  20. <!--[if lt IE 9]>
  21. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  22. <![endif]-->
  23. <!--[if lte IE 8]>
  24. <script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
  25. <![endif]-->
  26. <link rel="stylesheet" href="css/bootstrap.min.css"/>
  27. <link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen"/>
  28. <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen"/>
  29. <link href="css/animate.css" rel="stylesheet" media="screen">
  30. <!-- Owl Carousel Assets -->
  31. <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
  32. <link rel="stylesheet" href="css/styles.css"/>
  33. <!-- Font Awesome -->
  34. <link href="font/css/font-awesome.min.css" rel="stylesheet">
  35. </head>
  36. <body>
  37. <header class="header">
  38. <div class=" ">
  39. <nav class="navbar navbar-inverse" role="navigation">
  40. <div class="navbar-header">
  41. <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse"
  42. data-target="#main-nav">
  43. <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span
  44. class="icon-bar"></span>
  45. <span class="icon-bar"></span></button>
  46. <a href=" " class="navbar-brand scroll-top logo animated bounceInLeft"
  47. style="display: flex; align-items: center;">
  48. <img src="images/photo-1.png" alt="公司logo" width="122" height="46"> </a>
  49. </div>
  50. <div id="main-nav" class="collapse navbar-collapse">
  51. <ul class="nav navbar-nav" id="mainNav">
  52. <li class="active"><a href="#home" class="scroll-link">首页</a></li>
  53. <li><a href="#services" class="scroll-link">企业简介</a></li>
  54. <li><a href="#aboutUs" class="scroll-link">产品介绍</a></li>
  55. <li><a href="#work" class="scroll-link">阿尔茨海默病</a></li>
  56. <li><a href="#news" class="scroll-link">健康科普</a></li>
  57. <li><a href="#contactUs2" class="scroll-link">联系我们</a></li>
  58. </ul>
  59. </div>
  60. </nav>
  61. <!--/.navbar-->
  62. </div>
  63. <!--/.container-->
  64. </header>
  65. <!--/.header-->
  66. <div id="#top"></div>
  67. <section id="home">
  68. <div class="banner-container">
  69. <!-- <video class="center-video" autoplay muted loop>
  70. <source src="images/video1.mp4" type="video/mp4">
  71. </video> -->
  72. <img src="images/video1.jpg">
  73. <!-- <style>
  74. .center-video {
  75. display: block;
  76. /* 避免出现额外空白 */
  77. width: 100vw;
  78. /* 让视频宽度等于视口宽度 */
  79. margin-left: auto;
  80. /* 左右自动外边距 */
  81. margin-right: auto;
  82. /* 左右自动外边距 */
  83. max-width: 100%;
  84. /* 让视频最大宽度为容器宽度 */
  85. height: auto;
  86. /* 保持宽高比例 */
  87. }
  88. </style> -->
  89. <div class="container banner-content">
  90. <div class="hero-text animated fadeInDownBig">
  91. <!--<p>Awesome theme for your Business or Corporate site to showcase <br/>
  92. your product and service.</p>-->
  93. </div>
  94. </div>
  95. </div>
  96. </section>
  97. <section id="services" class="page-section colord">
  98. <div class="container">
  99. <h2 id="customH2"><strong>北京耀荣康健医疗科技发展有限公司</strong><br></h2>
  100. <div class="grid">
  101. <!-- 左侧文字部分 -->
  102. <div class="grid-item text-content">
  103. <p>
  104. 北京耀荣康健医疗科技发展有限公司团队凭借其深厚的专业积累与创新精神,
  105. 自主研发了一套前沿的数字疗法训练系统(未来蓝豚)。
  106. 该系统通过精准的数据分析与个性化训练方案,
  107. 为认知障碍患者带来了良好的康复体验与显著的治疗效果。
  108. <br>
  109. <br>
  110. Beijing Yaorong Kangjian Medical Technology Development Co., Ltd. has leveraged its deep
  111. professional
  112. expertise and innovative spirit to independently develop a cutting-edge digital therapy training
  113. system,
  114. Future Blue Dolphin. This system utilizes precise data analysis and personalized training programs
  115. to
  116. provide cognitive impairment patients with an excellent rehabilitation experience and significant
  117. therapeutic benefits.。
  118. </p>
  119. </div>
  120. <!-- 右侧图片部分 -->
  121. <div class="grid-item image-content">
  122. <img src="images/photo-6.jpg" alt="公司图片"/>
  123. </div>
  124. </div>
  125. </div>
  126. <h2 id="heading3"><br><br>
  127. <!-- <strong>未来蓝豚强脑系统</strong><br> -->
  128. <strong>项目背景</strong><br>
  129. </h2>
  130. </div>
  131. <div class="row" style="width: 75%; margin: auto;">
  132. <!-- item -->
  133. <!-- <div class="col-md-3 text-center c1"> <i class="fa fa-life-ring fa-2x circle"></i>
  134. <h3 style="font-size: 20px;"><span class="id-color">未来蓝豚强脑系统——数字疗法领域新起之秀</span></h3>
  135. <p>北京耀荣康健医疗科技发展有限公司团队凭借其深厚的专业积累与创新精神,自主研发了一套前沿的 数字疗法训练系统(未来蓝豚),该系统通过精准的数据分析与个性化训练方案,为认知障碍患者带 来了良好的康复体验与显著的治疗效果。
  136. </p>
  137. </div> -->
  138. <div class="col-md-3 text-center c1"><i class="fa fa-life-ring fa-2x circle"></i>
  139. <h3 style="font-size: 20px;"><span class="id-color">中国认知现状</span></h3>
  140. <p>
  141. 根据《中国阿尔茨海默病报告2024》及相关统计,截至2021年,中国60岁及以上人群中,痴呆患病人数达到1699万。中轻度认知障碍患者数达3877万。民众对于认知障碍疾病的认识水平和接受程度仍有待提高。专家相对缺乏,导致中国的痴呆和认知障碍诊断率非常低。
  142. </p>
  143. </div>
  144. <!-- end: -->
  145. <!-- item -->
  146. <!-- <div class="col-md-3 text-center c2"> <i class="fa fa-plus-square fa-2x circle"></i>
  147. <h3 style="font-size: 20px;"><span class="id-color">未来蓝豚数字疗法系统介绍</span></h3>
  148. <p>利用前沿IT 技术,为认知障碍患者提供一个科学、规范、便捷的训练与评估平台。该系统不仅丰富了 患者的康复手段,还提升了医患沟通效率与治疗效果,是认知障碍疾病预防与干预领域的创新之作。</p>
  149. </div> -->
  150. <div class="col-md-3 text-center c2"><i class="fa fa-plus-square fa-2x circle"></i>
  151. <h3 style="font-size: 20px;"><span class="id-color">预防和治疗手段有限</span></h3>
  152. <p>
  153. 民众对于认知障碍疾病的认识水平和接受程度仍有待提高。地域间经济状况差异大,医疗卫生资源分布不均衡,导致疾病诊断及治疗水平相差迥异。目前认知障碍的预防和治疗手段相对有限。一些药物和治疗方法一定程度上能改善症状,但尚无根治方法。认知训练、认知刺激与认知康复等非药物治疗手段也被广泛应用于认知障碍的干预中。</p>
  154. </div>
  155. <!-- end: -->
  156. <!-- item -->
  157. <div class="col-md-3 text-center c1"><i class="fa fa-female fa-2x circle"></i>
  158. <h3 style="font-size: 20px;"><span class="id-color">认知中心建设项目介绍</span></h3>
  159. <p>
  160. 随着人口老龄化加剧,认知障碍疾病的患病率持续上升,但就诊率较低,早期筛查和规范化诊疗需求迫切。国家政策已将老年痴呆防治纳入健康中国2030,提出“双80%”目标。同时,脑科学研究在全球范围内受到高度关注,认知障碍及相关疾病成为重点攻关方向。
  161. </p>
  162. </div>
  163. <!-- end: -->
  164. <!-- item -->
  165. <div class="col-md-3 text-center c2"><i class="fa fa-child fa-2x circle"></i>
  166. <h3 style="font-size: 20px;"><span class="id-color">认知障碍防治项目概述</span></h3>
  167. <p>
  168. 本项目围绕质量控制、认知中心体系建设、人才培养和数字医疗网络搭建四大方向,旨在健全我国认知障碍疾病的专科规范化诊疗体系,构建医院—社区—患者联动的防治网络,完善专科人才培养机制,确保医疗能力持续发展。同时,借助数字医疗技术,为医生提供诊断决策支持,为患者提供个性化诊疗服务,提升整体防治水平。
  169. </p>
  170. </div>
  171. <!-- end:-->
  172. </div>
  173. </div>
  174. <!--/.container-->
  175. </section>
  176. <section id="aboutUs">
  177. <div class="container">
  178. <div class="heading text-center">
  179. <!-- Heading -->
  180. <!-- <h2>未来蓝豚-专业测评</h2> -->
  181. <h2><strong>未来蓝豚介绍</strong></h2>
  182. </div>
  183. <div class="feature-container-custom"> <!-- 左侧图片 -->
  184. <div class="feature-media">
  185. <img src="images/pic2.png" alt="专业测评">
  186. </div>
  187. <div class="feature-text"> <!-- 右侧文本 -->
  188. <!-- <h3>未来蓝豚数字化认知训练与评估系统</h3> -->
  189. <h3>未来蓝豚强脑系统</h3>
  190. <p>
  191. <!-- 未来蓝豚的数字化认知训练通过先进的技术和智能算法提供精准的认知功能评估,涵盖七大认知域,包括定向力、记忆力、语言能力、注意力、执行能力、计算力和感知觉,并具备专业文献和临床数据支撑。通过智能推送和个性化定制,结合多维趣味性训练,用户的依从性大大提高,训练进度可实时追踪并生成智能报告,确保每次训练效果的可视化和持续提升。 -->
  192. 未来蓝豚通过先进的技术和智能算法提供认知功能评估辅助并智能推送训练任务。可训练项目涵盖七大认知域,包括定向力、记忆力、语言能力、注意力、执行能力、计算力和感知觉,并具备专业文献和临床数据支撑。产品通过智能推送和个性化定制,结合多维趣味性训练,大大提高了用户的依从性,训练进度可实时追踪并生成智能报告,确保每次训练效果的可视化和持续提升。
  193. </p>
  194. <p>
  195. <!-- 数字化认知疗法不仅使评估方式更加客观和准确,还能根据患者的认知水平智能推荐个性化训练任务,并根据任务进度调整训练方案。同时,通过智能化数据分析,未来蓝豚能够多维度分析训练数据,提供个性化建议,帮助医生制定精准的治疗方案,确保患者的认知功能得到全面评估和有效提升。 -->
  196. 数字化认知疗法不仅使评估方式更加客观和准确,还能根据患者的认知水平智能推荐个性化训练任务,并根据任务进度调整训练方案。同时,通过智能化数据分析,未来蓝豚能够多维度分析训练数据,提供个性化建议,辅助医生制定精准的治疗方案,确保患者的认知功能得到全面评估和有效提升。
  197. </p>
  198. </div>
  199. </div>
  200. </div>
  201. </section>
  202. <section id="work" class="page-section page">
  203. <div class="container text-center">
  204. <div class="heading">
  205. <h2 style="font-weight: bold;">阿尔茨海默病早期症状</h2>
  206. <p>阿尔茨海默病:不只是“健忘”的人生</p>
  207. </div>
  208. <div class="row">
  209. <div class="col-md-12">
  210. <div id="portfolio">
  211. <video id="portfolio-video" controls loop playsinline>
  212. <source src="images/vv2.mp4" type="video/mp4">
  213. 您的浏览器不支持 HTML5 视频。
  214. </video>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </section>
  220. <section id="news">
  221. <div class="container">
  222. <div class="heading text-center">
  223. <!-- Heading -->
  224. <h2 style="font-weight: bold;">健康科普</h2>
  225. <!-- <p>这里发布最新公告,敬请关注我们的最新动态和重要通知。</p> -->
  226. <p></p>
  227. </div>
  228. <div class="row feature design">
  229. <div class="six columns right">
  230. <!-- <h3>健康科普</h3>-->
  231. <div class="announcement-text">
  232. <!-- <script src="admin/admin.js"></script> -->
  233. <ul id="announcement-list">
  234. <li><a href="news_85.html" target="_blank">学历高比学历低不容易得老年痴呆吗?</a></li>
  235. <li><a href="news_84.html" target="_blank">非药物认知训练真的能延缓大脑衰退吗?</a></li>
  236. <li><a href="news_83.html" target="_blank">脑力游戏真的有用吗?</a></li>
  237. <li><a href="news_82.html" target="_blank">别让"吃饱了撑的"变成脑子的事</a></li>
  238. <li><a href="news_81.html" target="_blank">阿尔茨海默病的七个阶段</a></li>
  239. <li><a href="news_80.html" target="_blank">正常大脑老化 vs 病理性认知衰退 到底该怎么分清?</a></li>
  240. <li><a href="news_79.html" target="_blank">血管堵,脑先衰:脑动脉硬化如何一步步滑向老年痴呆</a></li>
  241. <li><a href="news_78.html" target="_blank">大脑发出的这8个信号,早发现能拦住痴呆</a></li>
  242. <li><a href="news_77.html" target="_blank">老人记性差≠老年痴呆:科学区分与应对</a></li>
  243. <li><a href="news_76.html" target="_blank">星形胶质细胞基因如何解锁阿尔茨海默病治疗新方向</a></li>
  244. <li><a href="news_75.html" target="_blank">守护照护者:关注阿尔茨海默病照护者身心健康</a></li>
  245. <li><a href="news_74.html" target="_blank">代谢综合征:潜伏在阿尔茨海默病背后的推手</a></li>
  246. <li><a href="news_73.html" target="_blank">攻克痴呆:高危因素防控的关键意义</a></li>
  247. <li><a href="news_72.html" target="_blank">预防阿尔茨海默病为家庭带来的诸多益处</a></li>
  248. <li><a href="news_71.html" target="_blank">心脏有问题也会引发老年痴呆吗?真相在这里!</a></li>
  249. </ul> <!-- 用 JS 动态填充 -->
  250. </div>
  251. </div>
  252. <div class="six columns feature-media left"><img src="images/photo-7.jpg" alt=""></div>
  253. </div>
  254. </div>
  255. </section>
  256. <!--/.container-->
  257. <section id="contactUs2" class="contact-parlex">
  258. <div class="parlex-back">
  259. <div class="container">
  260. <div class="row">
  261. <div class="heading text-center">
  262. <h3 style="font-weight: bold;">联系我们</h3>
  263. <div>如有任何问题,请通过以下方式,或直接到公司地址联系我们。</div>
  264. <div>联系电话:400-086-1638</div>
  265. <div>&nbsp;</div>
  266. <div style="margin: 0 auto; width: 50%;"><a
  267. href="https://map.baidu.com/search/%E5%8C%97%E4%BA%AC%E5%98%89%E6%B3%B0%E5%9B%BD%E9%99%85a%E5%BA%A7/@12968240.025,4827025.51,19z?querytype=s&da_src=shareurl&wd=%E5%8C%97%E4%BA%AC%E5%98%89%E6%B3%B0%E5%9B%BD%E9%99%85A%E5%BA%A7&c=131&src=0&pn=0&sug=0&l=19&b=(12944356.465,4841892.5;12945209.965,4842345.5)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2"
  268. target="_blank"><img src="images/ditu.png"></a></div>
  269. <div>&nbsp;</div>
  270. <div>
  271. 北京市朝阳区东四环中路41号嘉泰国际A座16层1619室
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </section>
  278. <!--/.page-section-->
  279. <section class="copyright">
  280. <div class="container">
  281. <div class="row">
  282. <div class="col-sm-12 text-center">湘ICP备2024059687号-2</div>
  283. </div>
  284. <!-- / .row -->
  285. </div>
  286. </section>
  287. <a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>
  288. <!--[if lte IE 8]>
  289. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
  290. <script src="js/modernizr-latest.js"></script>
  291. <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
  292. <script src="js/bootstrap.min.js" type="text/javascript"></script>
  293. <script src="js/jquery.isotope.min.js" type="text/javascript"></script>
  294. <script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
  295. <script src="js/jquery.nav.js" type="text/javascript"></script>
  296. <script src="js/jquery.fittext.js"></script>
  297. <script src="js/waypoints.js"></script>
  298. <!-- <script src="contact/jqBootstrapValidation.js"></script>
  299. <script src="contact/contact_me.js"></script> -->
  300. <script src="js/custom.js" type="text/javascript"></script>
  301. <script src="js/owl-carousel/owl.carousel.js"></script>
  302. </body>
  303. </html>