星火官网,前端页面(前台)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

product.html 8.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  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. <link rel="stylesheet" href="../librarys/swiper@3.4.2/swiper.min.css" />
  8. <link rel="stylesheet" href="../css/comm.css" />
  9. <link rel="stylesheet" href="../css/product.css" />
  10. <script src="../utils/rem.js"></script>
  11. <title>产品中心</title>
  12. </head>
  13. <body>
  14. <div class="pro_header">
  15. <img src="../img/product/banner.png" />
  16. <div class="suspension">
  17. <div>产品中心</div>
  18. <p>致力于成为优质教育解决方案提供商 教育现代化的推动者</p>
  19. </div>
  20. </div>
  21. <div class="pro_content">
  22. <div class="piece">
  23. <div class="area piece_item">
  24. <div class="area_title">区域大数据平台</div>
  25. <div class="area_comm">
  26. <p>
  27. 推动信息技术与教育教学场景深度融合,构建一体化的“互联网+教育”大平台
  28. </p>
  29. <p>
  30. 实现优秀师资和教育大数据的有效共享,助力教育服务模式升级和教育治理水平提升
  31. </p>
  32. </div>
  33. <div class="area_content">
  34. <div class="area_list">
  35. <div class="area_item three">
  36. <img src="../img/product/area1.png" />
  37. <div>互联互通</div>
  38. <p>
  39. 整合省、市、区/县、校多级数据,建立多源
  40. 数据融合平台;制定统一的数据标准,完善
  41. 数据管理体系,统筹数据治理工作
  42. </p>
  43. </div>
  44. <div class="area_item three">
  45. <img src="../img/product/area2.png" />
  46. <div>决策支撑</div>
  47. <p>
  48. 利用大数据技术,对基础数据进行多维度、
  49. 全方位、立体化的挖掘、采集、分析,为领 导提供决策依据
  50. </p>
  51. </div>
  52. <div class="area_item three">
  53. <img src="../img/product/area3.png" />
  54. <div>智慧教育</div>
  55. <p>
  56. 借助“大数据+AI”,为决策者提供精准、可
  57. 靠的数据支撑,实现师生减负增效,促进学生
  58. 个性化发展,实现因材施教,提升教学效率
  59. </p>
  60. </div>
  61. </div>
  62. <div class="area_list" style="margin-top: 0.3rem">
  63. <div class="area_item four">
  64. <img src="../img/product/area4.png" />
  65. <div>资源整合</div>
  66. <p>
  67. 支持多源、多类数据接入,对外 提供标准数据接口,满足后续业
  68. 务扩展
  69. </p>
  70. </div>
  71. <div class="area_item four">
  72. <img src="../img/product/area5.png" />
  73. <div>区域部署</div>
  74. <p>支持多种部署方式,满足用户各 个场景下的实际需求</p>
  75. </div>
  76. <div class="area_item four">
  77. <img src="../img/product/area6.png" />
  78. <div>资源共享</div>
  79. <p>实现各级教育管理机构优质教 育资源的共建共享和均衡配置</p>
  80. </div>
  81. <div class="area_item four">
  82. <img src="../img/product/area7.png" />
  83. <div>统一平台</div>
  84. <p>
  85. 提供一站式管理界面,实现各个 业务系统统一操作、维护,增加
  86. 效率、降低运营成本
  87. </p>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="piece piece_color">
  94. <div class="piece_item">
  95. <div class="area_title">校园教学平台</div>
  96. <div class="area_comm">
  97. <p>
  98. 通过教学辅助工具,提高教学工作效率;通过数据管理工具,促进资源合理配置;通过优化师生服务,提升教育教学水平。
  99. </p>
  100. </div>
  101. <div class="school_flex">
  102. <div class="school_left school">
  103. <div class="school_item s1">
  104. <img src="../img/product/school1.png" />
  105. <span>应用资源一体化</span>
  106. </div>
  107. <div class="school_item s2">
  108. <img src="../img/product/school2.png" />
  109. <span>校园资源体系化</span>
  110. </div>
  111. <div class="school_item s3">
  112. <img src="../img/product/school3.png" />
  113. <span>智慧校园一站化</span>
  114. </div>
  115. </div>
  116. <img class="school_img" src="../img/product/school0.png" />
  117. <div class="school_right school">
  118. <div class="school_itemr s4">
  119. <img src="../img/product/school4.png" />
  120. <span>教育决策科学化</span>
  121. </div>
  122. <div class="school_itemr s5">
  123. <img src="../img/product/school5.png" />
  124. <span>精准教学个性化</span>
  125. </div>
  126. <div class="school_itemr s6">
  127. <img src="../img/product/school6.png" />
  128. <span>教学管理数据化</span>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="piece">
  135. <div class="piece_item">
  136. <div class="area_title">考试及测评系统</div>
  137. <div class="area_comm">
  138. <p>
  139. 通过便捷的网上组题、命题、评价、智能评卷、数据自动统计分析等流程
  140. </p>
  141. <p>
  142. 最终根据用户实际使用需求设置统计分析指标进行多维度数据分析,且自动生成各类统计分析报表
  143. </p>
  144. </div>
  145. <!-- 轮播图 -->
  146. <div class="exam_lbt">
  147. <div class="exam_container">
  148. <div class="exam_pagination">
  149. <div data-index="1" class="exam_item">
  150. <img src="../img/product/mtblue.png" />
  151. </div>
  152. <div data-index="2" class="exam_item">
  153. <img src="../img/product/zdblue.png" />
  154. </div>
  155. <div data-index="3" class="exam_item">
  156. <img src="../img/product/ydblue.png" />
  157. </div>
  158. <div data-index="4" class="exam_item">
  159. <img src="../img/product/yyblue.png" />
  160. </div>
  161. <div data-index="5" class="exam_item">
  162. <img src="../img/product/sjblue.png" />
  163. </div>
  164. </div>
  165. <div class="exam_content">
  166. <div class="show_exam">
  167. <div class="exam_slide">
  168. <span>1</span>
  169. <img class="exam_one" src="../img/product/mtznh.png" />
  170. </div>
  171. <div class="exam_slide">
  172. <span>2</span>
  173. <img src="../img/product/zdqss.png" />
  174. </div>
  175. <div class="exam_slide">
  176. <span>3</span>
  177. <img src="../img/product/ydsss.png" />
  178. </div>
  179. <div class="exam_slide">
  180. <span>4</span>
  181. <img src="../img/product/yyxlg.png" />
  182. </div>
  183. <div class="exam_slide">
  184. <span>5</span>
  185. <img src="../img/product/sjfxq.png" />
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </body>
  195. <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
  196. <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
  197. <script src="../js/product.js"></script>
  198. </html>