<template>
  <div>
    <tab-nav active="2"></tab-nav>
    <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.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>
        <ul class="honor">
          <li>
            <img src="https://zws-imgs-pub.ezijing.com/static/public/9f22659632f43c0b1bb93d6adf49bd4c.png" />
            <p>2015年<br />将五道口金融学院在线教育中心商业化成立清控紫荆教育</p>
          </li>
          <li>
            <img src="https://zws-imgs-pub.ezijing.com/static/public/48b2ab5dfc414d3f6c8500e8328f6b28.png" />
            <p>2015年9月<br />签约索菲亚大学推出在线MBA学位项目</p>
          </li>
          <li>
            <img src="https://zws-imgs-pub.ezijing.com/static/public/a37b13b8fa98ee448850bbb32a5fcd2f.png" />
            <p>行业技术优秀服务商<br />——在线教育资讯网</p>
          </li>
          <li>
            <img src="https://zws-imgs-pub.ezijing.com/static/public/00cdb23e91efa803bb711058e251e962.png" />
            <p>综合实力突出教育集团<br />——中国教育网</p>
          </li>
          <li>
            <img src="https://zws-imgs-pub.ezijing.com/static/public/5fdb3a042efcb0f8fb0eea8d4376eacc.png" />
            <p>年度城市教育行业影响力机构<br />——巨量引擎</p>
          </li>
        </ul>
      </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;
    }
  }
}
</style>
