<template>
  <div>
    <tab-nav active="2"></tab-nav>
    <img src="https://webapp-pub.ezijing.com/www/h5/images/about_banner_02.png" class="main-banner" />
    <div class="video">
      <video
        src="https://zws-imgs-pub.ezijing.com/static/public/630810d0c5276d1195325d88d40a0034.mp4"
        preload="auto"
        controls
      ></video>
    </div>
    <div class="main-container">
      <div class="main-content">
        <h1 class="title">文化理念</h1>
        <div class="item">
          <h2>使命</h2>
          <h3>让每个人都有改变的能力</h3>
          <p>
            优质教育是一个稀缺资源，优质的教育能够赋予学子优秀的能力。紫荆教育立志于此，整合国际优质教育资源，让每一个愿意奋斗与学习的学子，都能享受到优质教育资源，同时获得优秀的能力。<br />
            让每个人都有改变的能力，作为紫荆教育的使命，立志于通过教育，赋予每一个学子获得改变的力量，通过改变，赢取未来竞争的主动。
          </p>
        </div>
        <div class="item">
          <h2>愿景</h2>
          <h3>成为世界一流的终身教育机构</h3>
          <p>
            紫荆教育坚持做人言行一致；做事诚实无欺，坚持诚信务实是立企之本、发展之基同时，坚持客户需求导向，开放创新，勇于开拓，不断进取，永远保持对专业的追求和精进。<br />
            以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。
          </p>
        </div>
        <div class="item">
          <h2>理念</h2>
          <h3>真⼼实意做教育</h3>
          <p>
            紫荆教育不断完善教学教务服务，严格要求每一个环节，真心实意对待每一个学生。<br />
            紫荆教育不断增强课程研发、专业师资、技术平台、学术建设等核心能力，以满足院校的教学运营需求，真心实意对待每一所合作院校。<br />
            紫荆教育不断加强企业、院校之间的联系，实现科学对接招聘要求，合理进行岗位匹配，最终促进人才资源的合理配置，真心实意对待合作企业。<br />
            紫荆教育，是一家真正做教育，给学员、企业、学校提供真正价值的终身教育机构，最终实现学员、院校、企业三方的共同成长。
          </p>
        </div>
        <div class="item">
          <h2>价值观</h2>
          <h3>诚信务实、开放创新、追求结果</h3>
          <p>
            紫荆教育坚持做人言行一致；做事诚实无欺，坚持诚信务实是立企之本、发展之基同时，坚持客户需求导向，开放创新，勇于开拓，不断进取，永远保持对专业的追求和精进。<br />
            以结果为导向，既是紫荆教育提供了衡量内聚力的尺度，也是对紫荆学员教育服务的责任要求。
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import TabNav from '@/components/about/TabNav'
export default {
  props: { acitve: String },
  components: { TabNav }
}
</script>

<style lang="scss" scoped>
.video {
  background: #aa1941;
  padding: 0.2rem 0.15rem;
  video {
    width: 100%;
    height: 1.94rem;
  }
}
.honor {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
  li {
    margin-bottom: 0.3rem;
    padding: 0 0.12rem;
    width: 50%;
    box-sizing: border-box;
    img {
      width: 100%;
    }
    p {
      font-size: 0.1rem;
      line-height: 0.2rem;
    }
  }
}
.item {
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
  h2 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 100%;
    color: #424242;
  }
  h3 {
    margin-bottom: 0.1rem;
    height: 0.46rem;
    border-bottom: 1px solid #98002e;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.46rem;
    color: #424242;
  }
  p {
    font-size: 0.14rem;
    line-height: 0.34rem;
    color: #424242;
  }
}
</style>
