<template>
  <div class="chance-box">
    <card title="挑战和机遇" class="max-width-center">
      <div class="chance-list" style="margin-top: 65px;">
        <div class="chance-list_item">
          <div class="icon">
            <img src="https://webapp-pub.ezijing.com/project/exed/training/cha-1.png" />
          </div>
          <div class="title">管理能力不足</div>
          <div class="dec">如何快速提升企业中高层的综合管理能力，满足企业快速发展的需要</div>
        </div>
        <div class="chance-list_item">
          <div class="icon">
            <img src="https://webapp-pub.ezijing.com/project/exed/training/cha-2.png" />
          </div>
          <div class="title">业绩增长缓慢</div>
          <div class="dec">市场竞争激烈，如何打造一个销售铁军，让企业业绩持续增长？</div>
        </div>
        <div class="chance-list_item">
          <div class="icon">
            <img src="https://webapp-pub.ezijing.com/project/exed/training/cha-3.png" />
          </div>
          <div class="title">员工没有战斗力</div>
          <div class="dec">管理者普遍没有带人带队伍经验，如何能培养能打胜仗的领导力？</div>
        </div>
      </div>
      <div class="chance-list" style="margin-top: 30px;">
        <div class="chance-list_item">
          <div class="icon">
            <img src="https://webapp-pub.ezijing.com/project/exed/training/cha-4.png" />
          </div>
          <div class="title">面对挑战缺少经验</div>
          <div class="dec">专业知识缺乏，工作效率低，如何为专业人士提供更多方法与工具？</div>
        </div>
        <div class="chance-list_item">
          <div class="icon">
            <img src="https://webapp-pub.ezijing.com/project/exed/training/cha-5.png" />
          </div>
          <div class="title">战略落地难</div>
          <div class="dec">如何帮助所有的管理者深入理解企业战略，并保证战略目标的分解与达成？</div>
        </div>
        <div class="chance-list_item">
          <div class="icon">
            <img src="https://webapp-pub.ezijing.com/project/exed/training/cha-6.png" />
          </div>
          <div class="title">跨部门沟通不畅</div>
          <div class="dec">业务流程不合理，管理者沟通能力弱，如何克服部门间沟通不畅，促进跨部门协作？</div>
        </div>
      </div>
    </card>
  </div>
</template>
<script>
import Card from '@/components/Card'
export default {
  name: '',
  components: {
    Card
  },
  data() {
    return {}
  },
  async fetch() {},
  computed: {
    isMobile() {
      return this.$store.state.isMobile
    }
  },
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scoped>
.chance-box {
  padding-top: 90px;
  padding-bottom: 80px;
  background: #f9f8f8;
}
.chance-list {
  display: flex;
  justify-content: space-between;
  .chance-list_item {
    width: 380px;
    height: 320px;
    box-sizing: border-box;
    padding: 49px 27px 0 32px;
    background: #fff;
    border-bottom: 3px solid #aa1941;
    box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.13);
    .icon {
      height: 75px;
    }
    .title {
      font-size: 22px;
      font-weight: bold;
      color: #333333;
      line-height: 100%;
    }
    .dec {
      font-size: 16px;
      color: #666666;
      line-height: 32px;
      margin-top: 25px;
    }
  }
}
.max-width-center {
  width: 1200px;
  margin: 0 auto;
}
</style>
