<template>
  <div>
    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-banner.png" class="banner" />
    <section class="section">
      <h1 class="pt-100">教材中心</h1>
      <p class="describe">
        “金融产品数字化营销职业技能等级证书”的系列教材，由紫荆教育组织国内数字化营销理论研究的顶级院校学者教授，以及金融行业龙头机构的资深专家和一线实践精英携手编著，具有理论扎实、观点前沿、讲解详实、案例丰富、流程科学、实操精准的特点，在国内金融产品数字化营销领域，尚属首创。<br />
        项目导学：以思维导图的形式勾勒出本项目的核心知识点，便于学生整体把握项目的主要知识内容和学习要求。<br />
        学习目标：明确给出任务的知识目标和能力目标，便于学生对照检查学习效果。<br />
        任务导入：基于工作领域职业能力分析，精心设计典型工作任务，明确提出任务要求，引导学生开展典型、真实的职业实践。<br />
        任务实施：以任务为导向，以工作过程为主线，设计完成典型工作任务的业务“流程图”。<br />
        知识链接：围绕学习目标，针对“任务实施”所需知识，以“必需、够用”为原则，选取核心知识点。<br />
        项目测评：依据金融产品数字化营销职业技能等级标准实务考核要求，设计重要知识点测评试题，方便学生及时检验项目实务知识学习效果。
      </p>
      <img
        src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img1.png"
        style="display: block; width: 908px; margin: 0 auto 80px;"
      />
      <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img2.png" />
      <h1 class="pt-80">课程中心</h1>
      <p class="describe">
        信息化、数字化教学资源是促进书证融通的重要因素之一，紫荆教育信息化、数字化资源立足“辅教辅学”的功能定位，遵循“一体化设计、结构化课程、颗粒化资源”的建构逻辑完成资源整合，通过提供教学视频、PPT、课程大纲、题库、试卷、实践案例等，使教师教学准备工作更加便利化，帮助教师“好上课”；
        通过符合学生年龄特点、兴趣爱好的图文、音频等资源，引发学生学习兴趣，帮助老师将重难点课程内容化抽象为形象，通过项目、任务激发学生学习动机，使得被动接受的学生主动获取知识，从而引发学生自主学习能力、自主探索能力，提升课堂实施的有效性，帮助教师“上好课”。
      </p>
      <div class="card-list">
        <div class="card-list_item">
          <div class="item-title">线上课程研发</div>
          <div class="item-con1">课程内容设置<br />课程师资匹配<br />课程制作方案</div>
        </div>
        <div class="card-list_item">
          <div class="item-title">课程制作</div>
          <div class="item-con2">
            <p>
              课程录制&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课程剪辑<br />
              课程编辑&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课程成片
            </p>
            <div class="tips">（课程录制，满足各种需求。不同形式拥有专属的场地）</div>
          </div>
        </div>
        <div class="card-list_item">
          <div class="item-title">线下课程开发</div>
          <div class="item-con2">
            <p>
              教学设计&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;教务计划<br />
              实施执行方案
            </p>
            <div class="tips">（全国三大教学基地，10多间不同需求的教室与会议室）</div>
          </div>
        </div>
      </div>
      <h1 class="pt-100">双创中心</h1>
      <p class="describe">
        紫荆教育融合校企资源，打造与传统教学模式不同的创新能力培养体系，从而促进教育体系的改革创新，并联合院校申报双创项目。
        双创项目建设包括创新训练项目、创业训练项目和创业实践项目三类。
      </p>
      <div class="card-center">
        <div class="card-center_item">
          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img3.png" />
          <div class="item-con">
            <h2>创新训练项目</h2>
            <p>
              在校生个人或团队在导师指导下，自主完成创新性研究项目设计、研究项目实施、研究报告撰写、成果（学术）交流等工作。
            </p>
          </div>
        </div>
        <div class="card-center_item">
          <div class="item-con">
            <h2>创业训练项目</h2>
            <p>
              在校生团队在导师指导下，完成商业计划书编制、可行性研究、企业模拟运行、创业报告撰写等工作。
            </p>
          </div>
          <img
            style="margin-top: 53px;"
            src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img4.png"
          />
        </div>
        <div class="card-center_item">
          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-img5.png" />
          <div class="item-con">
            <h2>创业实践项目</h2>
            <p>
              学生团队在学校导师和企业导师共同指导下，基于前期创新创业训练项目的成果，开发具有市场前景的创新性产品或者服务，开展创业实践活动。
            </p>
          </div>
        </div>
      </div>
      <h1 class="pt-100">科研中心</h1>
      <p class="describe">
        在科研创新方面紫荆教育和学校共同成立“科研创新”专家组，由教科研专家、行业/企业资深人士、学校骨干教师等组成，专门承接教育科研项目的选题、申报，研究与实施等。
      </p>
      <img
        style="margin-bottom: 100px;"
        src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/x-new/ser-foot.png"
      />
    </section>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {}
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.section {
  width: 1200px;
  margin: 0 auto;
}
.banner {
  width: 100%;
  display: block;
}
.pt-80 {
  padding-top: 80px;
}
.pt-100 {
  padding-top: 100px;
}
h1 {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  line-height: 34px;
  text-align: center;
  margin-bottom: 50px;
}
.describe {
  font-size: 18px;
  color: #666666;
  line-height: 36px;
  margin-bottom: 50px;
}
.describe-img {
  width: 100%;
  display: block;
}
.card-list {
  display: flex;
  justify-content: space-between;
  .card-list_item {
    width: 380px;
    height: 220px;
    background-color: #fff;
  }
  .item-title {
    line-height: 50px;
    background: #aa1941;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
  }
  .item-con1 {
    font-size: 18px;
    color: #424242;
    line-height: 36px;
    text-align: center;
    margin-top: 37px;
  }
  .item-con2 {
    p {
      font-size: 18px;
      color: #424242;
      line-height: 36px;
      text-align: center;
      margin-top: 37px;
    }
    .tips {
      font-size: 14px;
      color: #666666;
      margin-top: 25px;
      text-align: center;
    }
  }
}
.card-center {
  display: flex;
  justify-content: space-between;
  .card-center_item {
    background-color: #fff;
    width: 380px;
    height: 420px;
  }
  .item-con {
    padding: 25px 22px 0;
    h2 {
      font-weight: bold;
      font-size: 18px;
      color: #424242;
      line-height: 30px;
    }
    p {
      font-size: 18px;
      color: #666;
      line-height: 30px;
    }
  }
}
</style>
