xhkjedu
/
xh_web
Beobachten 6
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
星火官网，前端页面（前台）
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
40 Commits
3 Branches
Struktur: 729a07ebe3
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „729a07ebe3“
${ noResults }
xh_web/sections/product.html

product.html 18KB
Originalformat Blame Verlauf

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426 
  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.     <link rel="stylesheet" href="../librarys/swiper@3.4.2/swiper.min.css" />

  9.     <link rel="stylesheet" href="../css/comm.css" />

  10.     <link rel="stylesheet" href="../css/header.css">

  11.     <link rel="stylesheet" href="../css/product.css" />

  12.     <script src="../utils/rem.js"></script>

  13.     <title>产品中心</title>

  14.   </head>

  15.   <body>

  16.     <div class="header_root bg_white" data-nav_info="1">

  17.       <div class="header_box">

  18.         <div class="header_left">

  19.           <img class="left_white" src="../img/logo_info/header_logo.png" />

  20.           <img class="left_white" src="../img/logo_info/header_title.png" />

  21.           <img class="left_gray" src="../img/logo_info/header_logo1.png" />

  22.           <img class="left_gray" 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="pro_header">

  53.       <img src="../img/product/banner.png" />

  54.       <div class="header_info">

  55.         <div class="header_title">产品中心</div>

  56.         <p class="header_stitle">

  57.           致力于成为优质教育解决方案提供商 教育现代化的推动者

  58.         </p>

  59.       </div>

  60.     </div>

  61.     <div class="pro_content">

  62.       <div class="piece">

  63.         <div class="area piece_item">

  64.           <div class="area_titles">区域大数据平台</div>

  65.           <div class="area_comm">

  66.             <p>

  67.               推动信息技术与教育教学场景深度融合，构建一体化的“互联网+教育”大平台

  68.             </p>

  69.             <p>

  70.               实现优秀师资和教育大数据的有效共享，助力教育服务模式升级和教育治理水平提升

  71.             </p>

  72.           </div>

  73.           <div class="area_content">

  74.             <div class="area_list">

  75.               <div class="area_item three">

  76.                 <img src="../img/product/area1.png" />

  77.                 <div>互联互通</div>

  78.                 <p>

  79.                   整合省、市、区/县、校多级数据，建立多源

  80.                   数据融合平台；制定统一的数据标准，完善

  81.                   数据管理体系，统筹数据治理工作

  82.                 </p>

  83.               </div>

  84.               <div class="area_item three">

  85.                 <img src="../img/product/area2.png" />

  86.                 <div>决策支撑</div>

  87.                 <p>

  88.                   利用大数据技术，对基础数据进行多维度、

  89.                   全方位、立体化的挖掘、采集、分析，为领 导提供决策依据

  90.                 </p>

  91.               </div>

  92.               <div class="area_item three">

  93.                 <img src="../img/product/area3.png" />

  94.                 <div>智慧教育</div>

  95.                 <p>

  96.                   借助“大数据+AI”，为决策者提供精准、可

  97.                   靠的数据支撑，实现师生减负增效，促进学生

  98.                   个性化发展，实现因材施教，提升教学效率

  99.                 </p>

  100.               </div>

  101.             </div>

  102.             <div class="area_list" style="margin-top: 0.3rem">

  103.               <div class="area_item four">

  104.                 <img src="../img/product/area4.png" />

  105.                 <div>资源整合</div>

  106.                 <p>

  107.                   支持多源、多类数据接入，对外 提供标准数据接口，满足后续业

  108.                   务扩展

  109.                 </p>

  110.               </div>

  111.               <div class="area_item four">

  112.                 <img src="../img/product/area5.png" />

  113.                 <div>区域部署</div>

  114.                 <p>支持多种部署方式，满足用户各 个场景下的实际需求</p>

  115.               </div>

  116.               <div class="area_item four">

  117.                 <img src="../img/product/area6.png" />

  118.                 <div>资源共享</div>

  119.                 <p>实现各级教育管理机构优质教 育资源的共建共享和均衡配置</p>

  120.               </div>

  121.               <div class="area_item four">

  122.                 <img src="../img/product/area7.png" />

  123.                 <div>统一平台</div>

  124.                 <p>

  125.                   提供一站式管理界面，实现各个 业务系统统一操作、维护，增加

  126.                   效率、降低运营成本

  127.                 </p>

  128.               </div>

  129.             </div>

  130.           </div>

  131.         </div>

  132.       </div>

  133.       <div class="piece piece_color">

  134.         <div class="piece_item">

  135.           <div class="area_titles">校园教学平台</div>

  136.           <div class="area_comm">

  137.             <p>

  138.               通过教学辅助工具，提高教学工作效率；通过数据管理工具，促进资源合理配置；通过优化师生服务，提升教育教学水平。

  139.             </p>

  140.           </div>

  141.           <div class="school_flex">

  142.             <div class="school_left school">

  143.               <div class="school_item s1">

  144.                 <img src="../img/product/school1.png" />

  145.                 <span>应用资源一体化</span>

  146.               </div>

  147.               <div class="school_item s2">

  148.                 <img src="../img/product/school2.png" />

  149.                 <span>校园资源体系化</span>

  150.               </div>

  151.               <div class="school_item s3">

  152.                 <img src="../img/product/school3.png" />

  153.                 <span>智慧校园一站化</span>

  154.               </div>

  155.             </div>

  156.             <img class="school_img" src="../img/product/school0.png" />

  157.             <div class="school_right school">

  158.               <div class="school_itemr s4">

  159.                 <img src="../img/product/school4.png" />

  160.                 <span>教育决策科学化</span>

  161.               </div>

  162.               <div class="school_itemr s5">

  163.                 <img src="../img/product/school5.png" />

  164.                 <span>精准教学个性化</span>

  165.               </div>

  166.               <div class="school_itemr s6">

  167.                 <img src="../img/product/school6.png" />

  168.                 <span>教学管理数据化</span>

  169.               </div>

  170.             </div>

  171.           </div>

  172.         </div>

  173.       </div>

  174.       <div class="piece">

  175.         <div class="piece_item">

  176.           <div class="area_titles">考试及测评系统</div>

  177.           <div class="area_comm">

  178.             <p>

  179.               通过便捷的网上组题、命题、评价、智能评卷、数据自动统计分析等流程

  180.             </p>

  181.             <p>

  182.               最终根据用户实际使用需求设置统计分析指标进行多维度数据分析，且自动生成各类统计分析报表

  183.             </p>

  184.           </div>

  185.           <!-- 轮播图 -->

  186.           <div class="exam_lbt">

  187.             <div class="exam_container">

  188.               <div class="exam_pagination">

  189.                 <div index="0" class="exam_item active">

  190.                   <img src="../img/product/mtgrey.png" />

  191.                 </div>

  192.                 <div index="1" class="exam_item">

  193.                   <img src="../img/product/zdgrey.png" />

  194.                 </div>

  195.                 <div index="2" class="exam_item">

  196.                   <img src="../img/product/ydgrey.png" />

  197.                 </div>

  198.                 <div index="3" class="exam_item">

  199.                   <img src="../img/product/yygrey.png" />

  200.                 </div>

  201.                 <div index="4" class="exam_item">

  202.                   <img src="../img/product/sjgrey.png" />

  203.                 </div>

  204.               </div>

  205.               <div class="exam_content">

  206.                 <div class="show_exam">

  207.                   <div class="exam_slide">

  208.                     <img class="exam_one" src="../img/product/mtznh.png" />

  209.                   </div>

  210.                   <div class="exam_slide">

  211.                     <img src="../img/product/zdqss.png" />

  212.                   </div>

  213.                   <div class="exam_slide">

  214.                     <img src="../img/product/ydsss.png" />

  215.                   </div>

  216.                   <div class="exam_slide">

  217.                     <img src="../img/product/yyxlg.png" />

  218.                   </div>

  219.                   <div class="exam_slide">

  220.                     <img src="../img/product/sjfxq.png" />

  221.                   </div>

  222.                 </div>

  223.               </div>

  224.             </div>

  225.           </div>

  226.         </div>

  227.       </div>

  228.       <div class="piece piece_color">

  229.         <div class="piece_item">

  230.           <div class="area_titles">网课平台</div>

  231.           <div class="area_comm">

  232.             <p>

  233.               真实还原线下教学场景，支持文字、音频、视频直播多种模式，可实现多种互动形式；

  234.             </p>

  235.             <p>

  236.               支持直播回放和统计实时生成；支持一键布置作业及预习且不限形式。

  237.             </p>

  238.           </div>

  239.           <div class="area_client">

  240.             <div class="area_top">

  241.               <div class="area_left">

  242.                 <div class="area_spacing">

  243.                   <div class="area_li">

  244.                     <div class="area_title">互动多样趣味丰富</div>

  245.                     <img src="../img/product/cour1.png" />

  246.                   </div>

  247.                   <div class="area_com">

  248.                     还原线下场景，支持录制、连线、抢答、

  249.                     点名、聊天等多种模式，全面提升学生 课堂参与度

  250.                   </div>

  251.                 </div>

  252.                 <div class="area_spacing">

  253.                   <div class="area_li">

  254.                     <div class="area_title">纸笔书写好习惯</div>

  255.                     <img src="../img/product/cour2.png" />

  256.                   </div>

  257.                   <div class="area_com">

  258.                     教师可进行实时板书，展示解题过程；

  259.                     对学生优秀或错误答案进行批注，密切 师生关系，促进学生发展

  260.                   </div>

  261.                 </div>

  262.               </div>

  263.               <img src="../img/product/cour0.png" />

  264.               <div class="area_right">

  265.                 <div class="area_spacing">

  266.                   <div class="area_lis">

  267.                     <img src="../img/product/cour3.png" />

  268.                     <div class="area_title">操作简单易上手</div>

  269.                   </div>

  270.                   <div class="area_com">

  271.                     客户端软硬件统一操作，贴合教师日常

  272.                     课堂教学习惯，交互简单易学

  273.                   </div>

  274.                 </div>

  275.                 <div class="area_spacing">

  276.                   <div class="area_lis">

  277.                     <img src="../img/product/cour4.png" />

  278.                     <div class="area_title">影音清晰低延迟</div>

  279.                   </div>

  280.                   <div class="area_com">

  281.                     学生认得清，老师看得清，无拘束拾音

  282.                     ，声音清晰，弱网传输自适应 各种网络

  283.                   </div>

  284.                 </div>

  285.               </div>

  286.             </div>

  287.             <div class="area_bot">

  288.               <div class="bot_con">

  289.                 <div class="area_lis">

  290.                   <img src="../img/product/cour5.png" />

  291.                   <div class="area_title">学情分析快又全</div>

  292.                 </div>

  293.                 <div class="area_com">

  294.                   不同管理角色根据权限，多维度查看学情

  295.                   数据统计，实时远程掌握互动课堂数据

  296.                 </div>

  297.               </div>

  298.             </div>

  299.           </div>

  300.         </div>

  301.       </div>

  302.       <div class="piece">

  303.         <div class="piece_item">

  304.           <div class="area_titles">智慧教学系统</div>

  305.           <div class="area_comm">

  306.             <p>

  307.               融合技术与教学场景，重塑教学流程。为学校打造涵盖课前、课中、课后全场景的智慧课堂

  308.             </p>

  309.           </div>

  310.           <div class="area_teaching">

  311.             <div class="teach_item teach_left">

  312.               <div class="teach_title">课前</div>

  313.               <div class="teach_comm">

  314.                 以精品备课资源为依托，辅助教师优化教学方案，培养学生预习习惯，

  315.                 提高课堂授课效率。

  316.               </div>

  317.             </div>

  318.             <div class="teach_item teach_centre">

  319.               <div class="teach_title">课中</div>

  320.               <div class="teach_comm">

  321.                 提高学生课堂专注度、参与度，采集过程性学习数据，帮助教师

  322.                 提高教学效率，提高学生知识留存率。

  323.               </div>

  324.             </div>

  325.             <div class="teach_item teach_right">

  326.               <div class="teach_title">课后</div>

  327.               <div class="teach_comm">

  328.                 通过多维数据采集、分析，实现老师精准“教”、学生精准“学”，

  329.                 助力师生增效减。

  330.               </div>

  331.             </div>

  332.           </div>

  333.         </div>

  334.       </div>

  335.       <div class="piece piece_color area_ques">

  336.         <div class="piece_item">

  337.           <div class="area_titles">校本资源库</div>

  338.           <div class="area_comm">

  339.             <p>

  340.               包含资源库系统、题库系统、同步视频系统、电子书系统，可提供全面、优质、精细的本地化资源，

  341.             </p>

  342.             <p>

  343.               支持教师在已有资源的基础上进行自定义章节教学，沉淀优质教学方法与内容，从而形成单校的个性化资源库

  344.             </p>

  345.           </div>

  346.           <div class="ques_content">

  347.             <div class="ques_item ques_left">

  348.               <div class="ques_title">全面</div>

  349.               <div class="ques_comm">

  350.                 包含小、初、高各年级全部章节、重点难点、历年真题。

  351.               </div>

  352.             </div>

  353.             <div class="ques_item ques_centre">

  354.               <div class="ques_title">优质</div>

  355.               <div class="ques_comm">

  356.                 平台资源、校本资源、第三方资源多方整合精选，更有众多

  357.                 名校资源可供选择。

  358.               </div>

  359.             </div>

  360.             <div class="ques_item ques_right">

  361.               <div class="ques_title">精细</div>

  362.               <div class="ques_comm">

  363.                 题库中试题包含答案、解析、知识点、难度等精细

  364.                 化标签，教师可随时调取使用，支撑日常备课、教 学、测试。

  365.               </div>

  366.             </div>

  367.           </div>

  368.         </div>

  369.       </div>

  370.       <div class="piece">

  371.         <div class="piece_item">

  372.           <div class="area_titles">云鸽微课</div>

  373.           <div class="area_comm">

  374.             <p>线上课程高效创作工具，助于老师辅导教学</p>

  375.             <p>

  376.               实现学生自主学、处处学、随时学精准辅导教学、重难点知识点讲解，支持录屏、截图、导入文档、录制、打印、批注等功能

  377.             </p>

  378.           </div>

  379.           <div class="Microcourse">

  380.             <div>

  381.               <div class="mic_item">

  382.                 <img src="../img/product/teacher.png" />

  383.                 <div>

  384.                   <div class="mic_title">教师维度</div>

  385.                   <div class="mic_comm">

  386.                     帮助教师突破教学中的重难点，实现分层教学，让不同层

  387.                     次的学生都得到应有的提升

  388.                   </div>

  389.                 </div>

  390.               </div>

  391.               <div class="mic_item">

  392.                 <img src="../img/product/student.png" />

  393.                 <div>

  394.                   <div class="mic_title">学生维度</div>

  395.                   <div class="mic_comm">

  396.                     帮助学生实现多层次的课后延伸和拓展，从而实现个性化自主学习

  397.                   </div>

  398.                 </div>

  399.               </div>

  400.             </div>

  401.             <div>

  402.               <img class="mic_pig" src="../img/product/Pigeon.png" />

  403.             </div>

  404.           </div>

  405.         </div>

  406.       </div>

  407.     </div>

  408.     <div class="nav">

  409.       <div>导航</div>

  410.       <div>区域大数据平台</div>

  411.       <div>校园教学平台</div>

  412.       <div>考试及测评系统</div>

  413.       <div>网课平台</div>

  414.       <div>校本资源库</div>

  415.       <div>微课工具</div>

  416.       <div>

  417.         <img src="../img/product/top.png" />

  418.       </div>

  419.     </div>

  420.     <div class="footer_root"></div>

  421.   </body>

  422.   <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>

  423.   <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>

  424.   <script src="../js/header.js"></script>

  425.   <script src="../js/product.js"></script>

  426. </html>