xhkjedu
/
xh_web
Watch 6
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
星火官网，前端页面（前台）
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.
55 Commits
3 Branches
Branch: gzb
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'gzb'
${ noResults }
xh_web/sections/product.html

product.html 19KB
Raw Permalink Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465 
  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.     <title>产品中心</title>

  13.   </head>

  14.   <body>

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

  16.       <div class="header_box">

  17.         <div class="header_left">

  18.           <img

  19.             class="left_white header_logo"

  20.             src="../img/logo_info/header_logo.png"

  21.           />

  22.           <img

  23.             class="left_white header_title"

  24.             src="../img/logo_info/header_title.png"

  25.           />

  26.           <img

  27.             class="left_gray header_logo"

  28.             src="../img/logo_info/header_logo1.png"

  29.           />

  30.           <img

  31.             class="left_gray header_title"

  32.             src="../img/logo_info/header_title1.png"

  33.           />

  34.         </div>

  35.         <div class="header_right">

  36.           <div data-nav="1" class="header_nav_item nav_1">

  37.             <div>产品中心</div>

  38.           </div>

  39.           <div data-nav="2" class="header_nav_item nav_2">

  40.             <div>服务案例</div>

  41.           </div>

  42.           <div data-nav="3" class="header_nav_item nav_3">

  43.             <div>关于我们</div>

  44.           </div>

  45.           <div data-nav="4" class="header_nav_item nav_4">

  46.             <div>申请试用</div>

  47.           </div>

  48.           <div data-nav="5" class="header_nav_item nav_5">

  49.             <div>新闻资讯</div>

  50.           </div>

  51.           <div class="header_nav_lang">

  52.             <div>中文 | English</div>

  53.           </div>

  54.           <!-- <div class="header_nav_lang">

  55.             中文

  56.             <div class="nav_language_en">

  57.               <a href="#" target="_blank">English</a>

  58.             </div>

  59.           </div> -->

  60.         </div>

  61.       </div>

  62.     </div>

  63.     <div class="pro_header">

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

  65.       <div class="header_info">

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

  67.         <p class="header_stitle">

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

  69.         </p>

  70.       </div>

  71.     </div>

  72.     <div class="pro_content">

  73.       <div class="piece">

  74.         <div class="area piece_item">

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

  76.           <div class="area_comm">

  77.             <p>

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

  79.             </p>

  80.             <p>

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

  82.             </p>

  83.           </div>

  84.           <div class="area_content">

  85.             <div class="area_list">

  86.               <div class="area_item three">

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

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

  89.                 <p>

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

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

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

  93.                 </p>

  94.               </div>

  95.               <div class="area_item three">

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

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

  98.                 <p>

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

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

  101.                 </p>

  102.               </div>

  103.               <div class="area_item three">

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

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

  106.                 <p>

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

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

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

  110.                 </p>

  111.               </div>

  112.             </div>

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

  114.               <div class="area_item four">

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

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

  117.                 <p>

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

  119.                   务扩展

  120.                 </p>

  121.               </div>

  122.               <div class="area_item four">

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

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

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

  126.               </div>

  127.               <div class="area_item four">

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

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

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

  131.               </div>

  132.               <div class="area_item four">

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

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

  135.                 <p>

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

  137.                   效率、降低运营成本

  138.                 </p>

  139.               </div>

  140.             </div>

  141.           </div>

  142.         </div>

  143.       </div>

  144.       <div class="piece piece_color">

  145.         <div class="piece_item">

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

  147.           <div class="area_comm">

  148.             <p>

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

  150.             </p>

  151.           </div>

  152.           <div class="school_flex">

  153.             <div class="school_left school">

  154.               <div class="school_item s1">

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

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

  157.               </div>

  158.               <div class="school_item s2">

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

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

  161.               </div>

  162.               <div class="school_item s3">

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

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

  165.               </div>

  166.             </div>

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

  168.             <div class="school_right school">

  169.               <div class="school_itemr s4">

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

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

  172.               </div>

  173.               <div class="school_itemr s5">

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

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

  176.               </div>

  177.               <div class="school_itemr s6">

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

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

  180.               </div>

  181.             </div>

  182.           </div>

  183.         </div>

  184.       </div>

  185.       <div class="piece">

  186.         <div class="piece_item">

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

  188.           <div class="area_comm">

  189.             <p>

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

  191.             </p>

  192.             <p>

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

  194.             </p>

  195.           </div>

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

  197.           <div class="exam_lbt">

  198.             <div class="exam_container">

  199.               <div class="exam_pagination">

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

  201.                   <img class="grey" src="../img/product/mtgrey.png" />

  202.                   <img class="blue" src="../img/product/mtblue.png" />

  203.                 </div>

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

  205.                   <img class="grey" src="../img/product/zdgrey.png" />

  206.                   <img class="blue" src="../img/product/zdblue.png" />

  207.                 </div>

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

  209.                   <img class="grey" src="../img/product/ydgrey.png" />

  210.                   <img class="blue" src="../img/product/ydblue.png" />

  211.                 </div>

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

  213.                   <img class="grey" src="../img/product/yygrey.png" />

  214.                   <img class="blue" src="../img/product/yyblue.png" />

  215.                 </div>

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

  217.                   <img class="grey" src="../img/product/sjgrey.png" />

  218.                   <img class="blue" src="../img/product/sjblue.png" />

  219.                 </div>

  220.               </div>

  221.               <div class="exam_content">

  222.                 <div class="show_exam">

  223.                   <div class="exam_slide exam_vise">

  224.                     <img src="../img/product/mtznh.png" />

  225.                   </div>

  226.                   <div class="exam_slide">

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

  228.                   </div>

  229.                   <div class="exam_slide">

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

  231.                   </div>

  232.                   <div class="exam_slide">

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

  234.                   </div>

  235.                   <div class="exam_slide">

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

  237.                   </div>

  238.                 </div>

  239.               </div>

  240.             </div>

  241.           </div>

  242.         </div>

  243.       </div>

  244.       <div class="piece piece_color">

  245.         <div class="piece_item">

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

  247.           <div class="area_comm">

  248.             <p>

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

  250.             </p>

  251.             <p>

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

  253.             </p>

  254.           </div>

  255.           <div class="area_client">

  256.             <div class="area_top">

  257.               <div class="area_left">

  258.                 <div class="area_spacing">

  259.                   <div class="area_li">

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

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

  262.                   </div>

  263.                   <div class="area_com">

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

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

  266.                   </div>

  267.                 </div>

  268.                 <div class="area_spacing">

  269.                   <div class="area_li">

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

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

  272.                   </div>

  273.                   <div class="area_com">

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

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

  276.                   </div>

  277.                 </div>

  278.               </div>

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

  280.               <div class="area_right">

  281.                 <div class="area_spacing">

  282.                   <div class="area_lis">

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

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

  285.                   </div>

  286.                   <div class="area_com">

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

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

  289.                   </div>

  290.                 </div>

  291.                 <div class="area_spacing">

  292.                   <div class="area_lis">

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

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

  295.                   </div>

  296.                   <div class="area_com">

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

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

  299.                   </div>

  300.                 </div>

  301.               </div>

  302.             </div>

  303.             <div class="area_bot">

  304.               <div class="bot_con">

  305.                 <div class="area_lis">

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

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

  308.                 </div>

  309.                 <div class="area_com">

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

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

  312.                 </div>

  313.               </div>

  314.             </div>

  315.           </div>

  316.         </div>

  317.       </div>

  318.       <div class="piece">

  319.         <div class="piece_item">

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

  321.           <div class="area_comm">

  322.             <p>

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

  324.             </p>

  325.           </div>

  326.           <div class="area_teaching">

  327.             <div class="teach_item teach_left">

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

  329.               <div class="teach_comm">

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

  331.                 提高课堂授课效率。

  332.               </div>

  333.             </div>

  334.             <div class="teach_item teach_centre">

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

  336.               <div class="teach_comm">

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

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

  339.               </div>

  340.             </div>

  341.             <div class="teach_item teach_right">

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

  343.               <div class="teach_comm">

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

  345.                 助力师生增效减负。

  346.               </div>

  347.             </div>

  348.           </div>

  349.         </div>

  350.       </div>

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

  352.         <div class="piece_item">

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

  354.           <div class="area_comm">

  355.             <p>

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

  357.             </p>

  358.             <p>

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

  360.             </p>

  361.           </div>

  362.           <div class="ques_content">

  363.             <div class="ques_item ques_left">

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

  365.               <div class="ques_comm">

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

  367.               </div>

  368.             </div>

  369.             <div class="ques_item ques_centre">

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

  371.               <div class="ques_comm">

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

  373.                 名校资源可供选择。

  374.               </div>

  375.             </div>

  376.             <div class="ques_item ques_right">

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

  378.               <div class="ques_comm">

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

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

  381.               </div>

  382.             </div>

  383.           </div>

  384.         </div>

  385.       </div>

  386.       <div class="piece">

  387.         <div class="piece_item">

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

  389.           <div class="area_comm">

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

  391.             <p>

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

  393.             </p>

  394.           </div>

  395.           <div class="Microcourse">

  396.             <div>

  397.               <div class="mic_item">

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

  399.                 <div>

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

  401.                   <div class="mic_comm">

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

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

  404.                   </div>

  405.                 </div>

  406.               </div>

  407.               <div class="mic_item">

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

  409.                 <div>

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

  411.                   <div class="mic_comm">

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

  413.                   </div>

  414.                 </div>

  415.               </div>

  416.             </div>

  417.             <div>

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

  419.             </div>

  420.           </div>

  421.         </div>

  422.       </div>

  423.     </div>

  424.     <div class="nav">

  425.       <div>导航</div>

  426.       <div class="step active">

  427.         <p>区域大数据</p>

  428.         <p>平台</p>

  429.       </div>

  430.       <div class="step">

  431.         <p>校园教学</p>

  432.         <p>平台</p>

  433.       </div>

  434.       <div class="step">

  435.         <p>考试及测评</p>

  436.         <p>系统</p>

  437.       </div>

  438.       <div class="step">

  439.         <p>网课</p>

  440.         <p>平台</p>

  441.       </div>

  442.       <div class="step">

  443.         <p>智慧教学</p>

  444.         <p>系统</p>

  445.       </div>

  446.       <div class="step">

  447.         <p>校本</p>

  448.         <p>资源库</p>

  449.       </div>

  450.       <div class="step">

  451.         <p>云鸽</p>

  452.         <p>微课</p>

  453.       </div>

  454.       <div class="top">

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

  456.         <p>置顶</p>

  457.       </div>

  458.     </div>

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

  460.   </body>

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

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

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

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

  465. </html>