星火官网,前端页面(前台)
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.

product.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  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="header_root bg_white"></div>
  15. <div class="pro_header">
  16. <img src="../img/product/banner.png" />
  17. <div class="header_info">
  18. <div class="header_title">产品中心</div>
  19. <p class="header_stitle">
  20. 致力于成为优质教育解决方案提供商 教育现代化的推动者
  21. </p>
  22. </div>
  23. </div>
  24. <div class="pro_content">
  25. <div class="piece">
  26. <div class="area piece_item">
  27. <div class="area_title">区域大数据平台</div>
  28. <div class="area_comm">
  29. <p>
  30. 推动信息技术与教育教学场景深度融合,构建一体化的“互联网+教育”大平台
  31. </p>
  32. <p>
  33. 实现优秀师资和教育大数据的有效共享,助力教育服务模式升级和教育治理水平提升
  34. </p>
  35. </div>
  36. <div class="area_content">
  37. <div class="area_list">
  38. <div class="area_item three">
  39. <img src="../img/product/area1.png" />
  40. <div>互联互通</div>
  41. <p>
  42. 整合省、市、区/县、校多级数据,建立多源
  43. 数据融合平台;制定统一的数据标准,完善
  44. 数据管理体系,统筹数据治理工作
  45. </p>
  46. </div>
  47. <div class="area_item three">
  48. <img src="../img/product/area2.png" />
  49. <div>决策支撑</div>
  50. <p>
  51. 利用大数据技术,对基础数据进行多维度、
  52. 全方位、立体化的挖掘、采集、分析,为领 导提供决策依据
  53. </p>
  54. </div>
  55. <div class="area_item three">
  56. <img src="../img/product/area3.png" />
  57. <div>智慧教育</div>
  58. <p>
  59. 借助“大数据+AI”,为决策者提供精准、可
  60. 靠的数据支撑,实现师生减负增效,促进学生
  61. 个性化发展,实现因材施教,提升教学效率
  62. </p>
  63. </div>
  64. </div>
  65. <div class="area_list" style="margin-top: 0.3rem">
  66. <div class="area_item four">
  67. <img src="../img/product/area4.png" />
  68. <div>资源整合</div>
  69. <p>
  70. 支持多源、多类数据接入,对外 提供标准数据接口,满足后续业
  71. 务扩展
  72. </p>
  73. </div>
  74. <div class="area_item four">
  75. <img src="../img/product/area5.png" />
  76. <div>区域部署</div>
  77. <p>支持多种部署方式,满足用户各 个场景下的实际需求</p>
  78. </div>
  79. <div class="area_item four">
  80. <img src="../img/product/area6.png" />
  81. <div>资源共享</div>
  82. <p>实现各级教育管理机构优质教 育资源的共建共享和均衡配置</p>
  83. </div>
  84. <div class="area_item four">
  85. <img src="../img/product/area7.png" />
  86. <div>统一平台</div>
  87. <p>
  88. 提供一站式管理界面,实现各个 业务系统统一操作、维护,增加
  89. 效率、降低运营成本
  90. </p>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="piece piece_color">
  97. <div class="piece_item">
  98. <div class="area_title">校园教学平台</div>
  99. <div class="area_comm">
  100. <p>
  101. 通过教学辅助工具,提高教学工作效率;通过数据管理工具,促进资源合理配置;通过优化师生服务,提升教育教学水平。
  102. </p>
  103. </div>
  104. <div class="school_flex">
  105. <div class="school_left school">
  106. <div class="school_item s1">
  107. <img src="../img/product/school1.png" />
  108. <span>应用资源一体化</span>
  109. </div>
  110. <div class="school_item s2">
  111. <img src="../img/product/school2.png" />
  112. <span>校园资源体系化</span>
  113. </div>
  114. <div class="school_item s3">
  115. <img src="../img/product/school3.png" />
  116. <span>智慧校园一站化</span>
  117. </div>
  118. </div>
  119. <img class="school_img" src="../img/product/school0.png" />
  120. <div class="school_right school">
  121. <div class="school_itemr s4">
  122. <img src="../img/product/school4.png" />
  123. <span>教育决策科学化</span>
  124. </div>
  125. <div class="school_itemr s5">
  126. <img src="../img/product/school5.png" />
  127. <span>精准教学个性化</span>
  128. </div>
  129. <div class="school_itemr s6">
  130. <img src="../img/product/school6.png" />
  131. <span>教学管理数据化</span>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="piece">
  138. <div class="piece_item">
  139. <div class="area_title">考试及测评系统</div>
  140. <div class="area_comm">
  141. <p>
  142. 通过便捷的网上组题、命题、评价、智能评卷、数据自动统计分析等流程
  143. </p>
  144. <p>
  145. 最终根据用户实际使用需求设置统计分析指标进行多维度数据分析,且自动生成各类统计分析报表
  146. </p>
  147. </div>
  148. <!-- 轮播图 -->
  149. <div class="exam_lbt">
  150. <div class="exam_container">
  151. <div class="exam_pagination">
  152. <div data-index="1" class="exam_item">
  153. <img src="../img/product/mtblue.png" />
  154. </div>
  155. <div data-index="2" class="exam_item">
  156. <img src="../img/product/zdblue.png" />
  157. </div>
  158. <div data-index="3" class="exam_item">
  159. <img src="../img/product/ydblue.png" />
  160. </div>
  161. <div data-index="4" class="exam_item">
  162. <img src="../img/product/yyblue.png" />
  163. </div>
  164. <div data-index="5" class="exam_item">
  165. <img src="../img/product/sjblue.png" />
  166. </div>
  167. </div>
  168. <div class="exam_content">
  169. <div class="show_exam">
  170. <div class="exam_slide">
  171. <span>1</span>
  172. <img class="exam_one" src="../img/product/mtznh.png" />
  173. </div>
  174. <div class="exam_slide">
  175. <span>2</span>
  176. <img src="../img/product/zdqss.png" />
  177. </div>
  178. <div class="exam_slide">
  179. <span>3</span>
  180. <img src="../img/product/ydsss.png" />
  181. </div>
  182. <div class="exam_slide">
  183. <span>4</span>
  184. <img src="../img/product/yyxlg.png" />
  185. </div>
  186. <div class="exam_slide">
  187. <span>5</span>
  188. <img src="../img/product/sjfxq.png" />
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <div class="piece piece_color">
  197. <div class="piece_item">
  198. <div class="area_titles">网课平台</div>
  199. <div class="area_comm">
  200. <p>
  201. 真实还原线下教学场景,支持文字、音频、视频直播多种模式,可实现多种互动形式;
  202. </p>
  203. <p>
  204. 支持直播回放和统计实时生成;支持一键布置作业及预习且不限形式。
  205. </p>
  206. </div>
  207. <div class="area_client">
  208. <div class="area_top">
  209. <div class="area_left">
  210. <div class="area_spacing">
  211. <div class="area_li">
  212. <div class="area_title">互动多样趣味丰富</div>
  213. <img src="../img/product/cour1.png" />
  214. </div>
  215. <div class="area_com">
  216. 以教育、学习为主要应用场景,服务于学校教育教
  217. 学与管理、学生学习和生活以及家校互动等方面
  218. </div>
  219. </div>
  220. <div class="area_spacing">
  221. <div class="area_li">
  222. <div class="area_title">纸笔书写好习惯</div>
  223. <img src="../img/product/cour2.png" />
  224. </div>
  225. <div class="area_com">
  226. 教师可进行实时板书,展示解题过程;
  227. 对学生优秀或错误答案进行批注,密切 师生关系,促进学生发展
  228. </div>
  229. </div>
  230. </div>
  231. <img src="../img/product/cour0.png" />
  232. <div class="area_right">
  233. <div class="area_spacing">
  234. <div class="area_lis">
  235. <img src="../img/product/cour3.png" />
  236. <div class="area_title">操作简单易上手</div>
  237. </div>
  238. <div class="area_com">
  239. 客户端软硬件统一操作,贴合教师日
  240. 常课堂教学习惯,交互简单易学
  241. </div>
  242. </div>
  243. <div class="area_spacing">
  244. <div class="area_lis">
  245. <img src="../img/product/cour3.png" />
  246. <div class="area_title">影音清晰低延迟</div>
  247. </div>
  248. <div class="area_com">
  249. 学生认得清,老师看得清,无拘束
  250. 拾音,声音清晰,弱网传输自适应 各种网络
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. <div class="area_bot">
  256. <div class="bot_con">
  257. <div class="area_lis">
  258. <img src="../img/product/cour3.png" />
  259. <div class="area_title">影音清晰低延迟</div>
  260. </div>
  261. <div class="area_com">
  262. 学生认得清,老师看得清,无拘束 拾音,声音清晰,弱网传输自适应
  263. 各种网络
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. </div>
  270. <div class="piece">
  271. <div class="piece_item">
  272. <div class="area_titles">智慧教学系统</div>
  273. <div class="area_comm">
  274. <p>
  275. 融合技术与教学场景,重塑教学流程。为学校打造涵盖课前、课中、课后全场景的智慧课堂
  276. </p>
  277. </div>
  278. <div class="area_teaching">
  279. <div class="teach_item teach_left">
  280. <div class="teach_title">课前</div>
  281. <div class="teach_comm">
  282. 以精品备课资源为依托,辅助教师 优化教学方案,培养学生预习习惯,
  283. 提高课堂授课效率。
  284. </div>
  285. </div>
  286. <div class="teach_item teach_centre">
  287. <div class="teach_title">课中</div>
  288. <div class="teach_comm">
  289. 提高学生课堂专注度、参与度, 采集过程性学习数据,帮助教师
  290. 提高教学效率,提高学生知识留 存率。
  291. </div>
  292. </div>
  293. <div class="teach_item teach_right">
  294. <div class="teach_title">课后</div>
  295. <div class="teach_comm">
  296. 通过多维数据采集、分析,实现 老师精准“教”、学生精准“学”,
  297. 助力师生增效减负
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="piece piece_color area_ques">
  304. <div class="piece_item">
  305. <div class="area_titles">校本资源库</div>
  306. <div class="area_comm">
  307. <p>
  308. 包含资源库系统、题库系统、同步视频系统、电子书系统,可提供全面、优质、精细的本地化资源,
  309. </p>
  310. <p>
  311. 支持教师在已有资源的基础上进行自定义章节教学,沉淀优质教学方法与内容,从而形成单校的个性化资源库
  312. </p>
  313. </div>
  314. <div class="ques_content">
  315. <div class="ques_item ques_left">
  316. <div class="ques_title">全面</div>
  317. <div class="ques_comm">
  318. 包含小、初、高各年级全 部章节、重点难点、历年 真题。
  319. </div>
  320. </div>
  321. <div class="ques_item ques_centre">
  322. <div class="ques_title">优质</div>
  323. <div class="ques_comm">
  324. 平台资源、校本资源、第三方 资源多方整合精选,更有众多
  325. 名校资源可供选择。
  326. </div>
  327. </div>
  328. <div class="ques_item ques_right">
  329. <div class="ques_title">精细</div>
  330. <div class="ques_comm">
  331. 题库中试题包含答案、解 析、知识点、难度等精细
  332. 化标签,教师可随时调取 使用,支撑日常备课、教 学、测试。
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. <div class="piece">
  339. <div class="piece_item">
  340. <div class="area_titles">云鸽微课</div>
  341. <div class="area_comm">
  342. <p>线上课程高效创作工具,助于老师辅导教学</p>
  343. <p>
  344. 实现学生自主学、处处学、随时学精准辅导教学、重难点知识点讲解,支持录屏、截图、导入文档、录制、打印、批注等功能
  345. </p>
  346. </div>
  347. <div class="Microcourse">
  348. <div>
  349. <div class="mic_item">
  350. <img src="../img/product/teacher.png" />
  351. <div>
  352. <div class="mic_title">教师维度</div>
  353. <div class="mic_comm">
  354. 帮助教师突破教学中的重难点,实现分层教学,让不同层
  355. 次的学生都得到应有的提升
  356. </div>
  357. </div>
  358. </div>
  359. <div class="mic_item">
  360. <img src="../img/product/student.png" />
  361. <div>
  362. <div class="mic_title">教师维度</div>
  363. <div class="mic_comm">
  364. 帮助教师突破教学中的重难点,实现分层教学,让不同层
  365. 次的学生都得到应有的提升
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. <div>
  371. <img class="mic_pig" src="../img/product/Pigeon.png" />
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377. <div class="footer_root"></div>
  378. </body>
  379. <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
  380. <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
  381. <script src="../js/product.js"></script>
  382. </html>