<template>
  <div class="service-content max-width-center">
    <card title="项目简介">
      <div class="desc">
        <div class="d-flex">
          <p style="margin-right: 28px">
            清控紫荆教育联合巴黎PPA商学院<br />
            2024年，推出工商管理博士（DBA）项目，专为中国科技创新企业高层管理者、咨询行业合伙人、管理科学研究者持续发展设计。通过高质量、体系化的精英管理教育，培养战略思维、提升研究与决策能力、扩展专业网络及领导力，学习数字化转型与创新管理等最新管理理论，通过基于案例研讨学习方法将现实世界中的领导力挑战带入课堂，从而在快速变化的科技市场中有效调整企业战略，通过这些精心设计的学习课程，我们的DBA学生不仅将获得深厚的学术知识和研究能力，更将培养出真正的全球视野，为在全球市场中成功竞争和领导打下坚实的基础。
          </p>
          <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img1.png" class="desc-img" />
        </div>
        <div class="d-flex" style="padding: 60px 0 80px">
          <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img2.png" class="desc-img" />
          <p style="margin-left: 28px">
            我们的校园位于首都北京清华科技园，这里是世界知名大都市的核心地带，这里是全球科技重要研发中心，我们的课程设计理念就是深度整合科技与管理教学资源，
            将管理与科技、产业、金融深度融合，邀请院士教授、博士、科技创业者、科创投资者分享清华最前沿的科技创新和管理实践，通过每天的互动可以增加学习的潜力，积极构建中国企业科创新生态。
          </p>
        </div>
        <div class="d-flex">
          <p style="margin-right: 28px">
            在当今世界紧密相连的商业环境中，拥有全球视野对于商业领袖至关重要。本项目通过海外名校游学和全球名企考察，不仅为学生提供了与世界顶尖学者交流和学习的机会，而且允许他们沉浸在不同的教育体系和文化环境中，与自世界各地的学生聚集在一起，研究具有全球影响力的案例，从而扩大视野，增进对全球商业动态的理解。此外，通过组织全球名企考察，我们的DBA项目使学生有机会直接接触国际商业操作和战略决策过程。这些考察不仅帮助学生获得宝贵的行业洞察力，还能实地体验如何在不同的市场环境中应用和实践商业理论。
          </p>
          <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img3.png" class="desc-img" />
        </div>
      </div>
    </card>
    <card title="项目背景" style="margin-top: 113px">
      <div class="desc">
        <div class="d-flex">
          <p style="margin-right: 28px; line-height: 25px">
            新质生产力，<br />
            核心就是用科技创新推动产业创新。<br />
            清控紫荆教育依托清华大学科技创新与管理教学优势，<br />
            联合巴黎PPA商学院，<br />
            秉承“科技创新改变世界”的核心宗旨，<br />
            围绕“管理、科技、产业、金融”四个维度，<br />
            倾力培养具备全球视野、前瞻思维的企业家，<br />
            不仅掌握了最新的科技创新，<br />
            更能利用这些技术改变世界。<br />
            课程强调科技与商业战略的融合，<br />
            深入探索人工智能、大数据、区块链等尖端技术，<br />
            并将这些工具应用于解决全球性的商业和社会问题。<br />
            培养科创企业领军者<br />
            不仅能在技术浪潮中乘风破浪，<br />
            更能引领这股浪潮，<br />
            用科技创新开创更美好的世界。
          </p>
          <img src="https://webapp-pub.ezijing.com/project/seg-ppa/home-img4.png" class="desc-img" />
        </div>
      </div>
      <div class="p-banner">
        <div class="h">项目使命</div>
        <div class="t">培养科创企业<b>领军者</b> &nbsp; 用科技<b>创新</b>改变世界</div>
      </div>
    </card>
    <card title="清华服务科创" style="margin-top: 113px">
      <div class="create">
        <div class="c-l">
          <div class="t">
            清华大学为科创企业提供科技创新资源支持，同时也为科技成果转化到企业提供综合服务，将先进技术应用到产业，才能发挥科技创新的价值。汇聚清华大学最强科研力量，为科创企业发展提供全方位的闭环链条，真正助力科创企业成长。
          </div>
        </div>
        <div class="c-r">
          <div class="ul" v-for="item in list">
            <div class="li" v-for="cItem in item">
              <div class="n">
                {{ cItem.n }}<span>{{ cItem.nn }}</span>
              </div>
              <div class="z">{{ cItem.z }}</div>
            </div>
          </div>
          <div class="b-ul">
            <div class="li">
              <div class="n">No.12</div>
              <div class="z">2024泰晤士世界大学排名</div>
            </div>
            <div class="li">
              <div class="n">No.25</div>
              <div class="z">2024QS世界大学排名</div>
            </div>
          </div>
        </div>
      </div>
    </card>
  </div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
  name: 'projectFeatures',
  components: { AppLink, Card },
  data() {
    return {
      list: [
        [
          { n: 54, nn: '位', z: '中科院院士' },
          { n: 38, nn: '位', z: '中国工程院院士' },
          { n: 430, nn: '个', z: '校级科研机构' }
        ],
        [
          { n: 18, nn: '个', z: '国家重点实验室' },
          { n: 15, nn: '个', z: '国家工程实验室' },
          { n: 176, nn: '个', z: '国家级部位重点科研机构' }
        ]
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.is-pc {
  .max-width-center {
    width: 1200px;
    margin: 0 auto;
    padding-top: 120px;
  }
  .desc-img {
    height: fit-content;
    // float: right;
    // margin-left: 40px;
    // margin-top: -60px;
  }
  .desc {
    text-align: justify;
    padding: 28px 0;
    p {
      font-size: 18px;
      color: #666;
      line-height: 36px;
    }
  }
  .remark {
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    color: #666666;
    padding: 28px 30px 0 30px;
    font-weight: 400;
  }
}
.d-flex {
  display: flex;
  justify-content: space-between;
}
.p-banner {
  position: relative;
  line-height: 340px;
  background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-img4-bg.png);
  margin-top: 80px;
  .t {
    text-align: center;
    font-size: 48px;
    color: #ffffff;
    letter-spacing: 8px;
    background: rgba(234, 105, 44, 0.8);
  }
  .h {
    position: absolute;
    top: 64px;
    left: 60px;
    font-weight: bold;
    font-size: 32px;
    color: #ffffff;
    line-height: 100%;
  }
}
.create {
  background-color: #fff;
  margin-top: 58px;
  display: flex;
  .c-r {
    width: 680px;
    background-color: rgba(0, 32, 78, 1);
    padding: 58px 25px 58px 70px;
    box-sizing: border-box;
    .ul {
      display: flex;
      margin-bottom: 20px;
      .li {
        flex: 1;
        .n {
          font-weight: bold;
          font-size: 30px;
          color: #ea692c;
          line-height: 100%;
          span {
            font-size: 18px;
            font-weight: normal;
          }
        }
        .z {
          font-weight: 400;
          font-size: 18px;
          color: #ffffff;
          white-space: nowrap;
        }
      }
    }
    .b-ul {
      width: 503px;
      display: flex;
      justify-content: space-between;
      padding-top: 20px;
      .li {
        .n {
          text-align: center;
          font-weight: bold;
          font-size: 30px;
          color: #ea692c;
          line-height: 100%;
        }
        .z {
          font-weight: 400;
          font-size: 18px;
          color: #ffffff;
          white-space: nowrap;
        }
      }
    }
  }
  .c-l {
    flex: 1;
    // display: flex;
    // justify-content: center;
    // align-items: center;
    padding: 90px 40px;
    .t {
      font-size: 18px;
      color: #666666;
      line-height: 36px;
      width: 432px;
    }
  }
}
</style>
