星火官网,前端页面(前台)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 9.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <meta http-equiv="Cache-Control" content="max-age=7200" />
  8. <title>河南星火燎原软件科技有限公司</title>
  9. <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
  10. <link rel="stylesheet" href="./librarys/swiper@3.4.2/swiper.min.css" />
  11. <link rel="stylesheet" href="./css/comm.css" />
  12. <link rel="stylesheet" href="../css/header.css">
  13. <link rel="stylesheet" href="./css/index.css" />
  14. </head>
  15. <body>
  16. <div class="header_root">
  17. <div class="header_box">
  18. <div class="header_left">
  19. <img class="left_white header_logo" src="../img/logo_info/header_logo.png" />
  20. <img class="left_white header_title" src="../img/logo_info/header_title.png" />
  21. <img class="left_gray header_logo" src="../img/logo_info/header_logo1.png" />
  22. <img class="left_gray header_title" src="../img/logo_info/header_title1.png" />
  23. </div>
  24. <div class="header_right">
  25. <div data-nav="1" class="header_nav_item nav_1">
  26. <div>产品中心</div>
  27. </div>
  28. <div data-nav="2" class="header_nav_item nav_2">
  29. <div>服务案例</div>
  30. </div>
  31. <div data-nav="3" class="header_nav_item nav_3">
  32. <div>关于我们</div>
  33. </div>
  34. <div data-nav="4" class="header_nav_item nav_4">
  35. <div>申请试用</div>
  36. </div>
  37. <div data-nav="5" class="header_nav_item nav_5">
  38. <div>新闻资讯</div>
  39. </div>
  40. <div class="header_nav_lang">
  41. <div>中文 | English</div>
  42. </div>
  43. <!-- <div class="header_nav_lang">
  44. 中文
  45. <div class="nav_language_en">
  46. <a href="#" target="_blank">English</a>
  47. </div>
  48. </div> -->
  49. </div>
  50. </div>
  51. </div>
  52. <div class="home_swiper_container swiper-container">
  53. <div class="swiper-wrapper">
  54. <div class="swiper-slide">
  55. <img src="./img/home/banner/banner1.jpg" />
  56. </div>
  57. <div class="swiper-slide">
  58. <img src="./img/home/banner/banner2.jpg" />
  59. </div>
  60. </div>
  61. <!-- 如果需要分页器 -->
  62. <div class="swiper-pagination home_swiper_pagination">
  63. <div data-index="0" class="pagination_item">
  64. <div class="pagination_item_progress"></div>
  65. </div>
  66. <div data-index="1" class="pagination_item">
  67. <div class="pagination_item_progress"></div>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="home_main">
  72. <div class="home_superiority_title translateY_30">我们的优势</div>
  73. <div class="home_superiority_info">
  74. <div class="superiority_item translateY_30">
  75. <img
  76. class="superiority_item_img original_img"
  77. src="./img/home/superiority/datong.png"
  78. />
  79. <div class="superiority_item_title translateY_30">打通教育全流程</div>
  80. <div class="superiority_item_stitle translateY_30">
  81. 为K12全流程、全方位<br />提供智能服务
  82. </div>
  83. </div>
  84. <div class="superiority_item translateY_30">
  85. <img
  86. class="superiority_item_img original_img"
  87. src="./img/home/superiority/zhuanzhu.png"
  88. />
  89. <div class="superiority_item_title translateY_30">专注K12智慧教育</div>
  90. <div class="superiority_item_stitle translateY_30">
  91. 为教育行业提供全方位<br />实时音频解决方案
  92. </div>
  93. </div>
  94. <div class="superiority_item translateY_30">
  95. <img
  96. class="superiority_item_img original_img"
  97. src="./img/home/superiority/shuju.png"
  98. />
  99. <div class="superiority_item_title translateY_30">数据安全及稳定性</div>
  100. <div class="superiority_item_stitle translateY_30">数据安全及稳定性有保障</div>
  101. </div>
  102. <div class="superiority_item translateY_30">
  103. <img
  104. class="superiority_item_img original_img"
  105. src="./img/home/superiority/fuwu.png"
  106. />
  107. <div class="superiority_item_title translateY_30">服务保障</div>
  108. <div class="superiority_item_stitle translateY_30">全流程、全方位服务保障</div>
  109. </div>
  110. </div>
  111. <div class="home_scheme_info">
  112. <div class="scheme_left">
  113. <div class="scheme_left_title">应用方案</div>
  114. <div class="scheme_left_stitle">
  115. 构建互联网+大数据+智慧教育,高效智能平台,<br />量体裁衣,满足客户个性化需求
  116. </div>
  117. <div class="scheme_left_btn">
  118. <img class="mask_bg" src="./img/home/scheme/mask.png" />
  119. <div class="scheme_btn_info">
  120. 了解更多
  121. <img
  122. class="jiantou_right"
  123. src="./img/home/scheme/jiantou_right.png"
  124. />
  125. <img
  126. class="jiantou_right1"
  127. src="./img/home/scheme/jiantou_right1.png"
  128. />
  129. </div>
  130. </div>
  131. </div>
  132. <img class="scheme_right" src="./img/home/scheme/banner.png" />
  133. </div>
  134. </div>
  135. <div class="home_introduce_title">方案介绍</div>
  136. <div class="home_introduce_stitle">
  137. 提升学校数据共享能力、加速释放数据价值
  138. </div>
  139. <div class="home_introduce_main">
  140. <div class="home_introduce_left">
  141. <div class="introduce_left_title">采集学生全过程</div>
  142. <div class="introduce_left_content introduce_left_content_top">
  143. 学习行为数据,精准诊断学生知识点学习情况,让管理者基于数据科学决策,让教师基于学情精准教学,让学生基于知识掌握程度精准学习。
  144. </div>
  145. <div class="introduce_left_content">
  146. 实现从个人到整体、从微观到宏观的全面数据呈现,帮助教育管理者快速了解教育动态,助力科学决策,助力师生增效减负。
  147. </div>
  148. </div>
  149. <div class="home_introduce_right">
  150. <img class="right_main_img" src="./img/home/intro/dizuo.png" />
  151. <div class="right_small_box1">
  152. <div class="introduce_right_title">区域大数据平台</div>
  153. <div class="introduce_right_stitle">
  154. 决策数据支撑 信息化水平提升 教育资源平衡 区校资源共享
  155. </div>
  156. </div>
  157. <div class="right_small_box2">
  158. <div class="introduce_right_title">教学管理平台</div>
  159. <div class="introduce_right_stitle">
  160. 助力精细管理 明确教学重点 教学实时监管
  161. </div>
  162. </div>
  163. <div class="right_small_box3">
  164. <div class="introduce_right_title">智慧教学</div>
  165. <div class="introduce_right_stitle">实现因材施教 助力效率提升</div>
  166. </div>
  167. <div class="right_small_box4">
  168. <div class="introduce_right_title">日常学习</div>
  169. <div class="introduce_right_stitle">个性化学习 减负增效</div>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="home_serve">
  174. <div class="home_serve_main">
  175. <div class="home_serve_title translateY_30">
  176. 多项服务保障<br />让学校、老师、学生无忧
  177. </div>
  178. <div class="home_serve_item_box">
  179. <div class="home_serve_item translateY_30">
  180. <img src="./img/home/serve/hailiangshujuziyuan.png" />
  181. <div class="home_serve_item_title">海量数据资源</div>
  182. <div class="home_serve_item_stitle">
  183. 优质海量资源,教师不需要重新收集整理
  184. </div>
  185. </div>
  186. <div class="home_serve_item translateY_30">
  187. <img src="./img/home/serve/jingzhunhuaxiang.png" />
  188. <div class="home_serve_item_title">精准画像</div>
  189. <div class="home_serve_item_stitle">
  190. 全程采集教学数据,深度挖掘开发精准画像,指导师生发展
  191. </div>
  192. </div>
  193. <div class="home_serve_item translateY_30">
  194. <img src="./img/home/serve/jiaoxueshujufenxi.png" />
  195. <div class="home_serve_item_title">教学数据分析</div>
  196. <div class="home_serve_item_stitle">
  197. 薄弱知识点,归纳错因,体现能力变化曲线,帮助学生针对性训练
  198. </div>
  199. </div>
  200. <div class="home_serve_item translateY_30">
  201. <img src="./img/home/serve/zhihuipiyuejishu.png" />
  202. <div class="home_serve_item_title">智慧批阅技术</div>
  203. <div class="home_serve_item_stitle">
  204. 一键组题自动同步至学生空间,学生提交后,平台自动批阅
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. <div class="footer_root"></div>
  211. <script src="./librarys/jquery@1.12.4/jquery.min.js"></script>
  212. <script src="./librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
  213. <script src="../js/header.js"></script>
  214. <script src="./js/index.js"></script>
  215. <script src="./js/transform.js"></script>
  216. </body>
  217. </html>