<template>
  <div>
    <div class="service-content max-width-center" v-if="!isMobile">
      <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 class="ul-n">
            <div class="t-li">核心价值</div>
            <!-- !! -->
            <div class="li">
              <img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n1.png" alt="" />
              <div class="title">独具影响力的跨界学习平台</div>
            </div>
          </div>
          <div class="ul-n">
            <div class="li">
              <img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n2.png" alt="" />
              <div class="title">构建国际化视野与行业资源</div>
            </div>
            <div class="li">
              <img src="https://webapp-pub.ezijing.com/project/seg-ppa/p-js-n3.png" alt="" />
              <div class="title">国际认可的DBA博士学位</div>
            </div>
          </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>
    <div class="h5-page" v-else>
      <card title="项目简介">
        <img
          src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img1.png"
          class="h5-desc-img"
        />
        <div class="h5-p m-t15 m-t-b15">
          清控紫荆教育联合巴黎PPA商学院<br />
          2024年，推出工商管理博士（DBA）项目，专为中国科技创新企业高层管理者、咨询行业合伙人、管理科学研究者持续发展设计。通过高质量、体系化的精英管理教育，培养战略思维、提升研究与决策能力、扩展专业网络及领导力，学习数字化转型与创新管理等最新管理理论，通过基于案例研讨学习方法将现实世界中的领导力挑战带入课堂，从而在快速变化的科技市场中有效调整企业战略，通过这些精心设计的学习课程，我们的DBA学生不仅将获得深厚的学术知识和研究能力，更将培养出真正的全球视野，为在全球市场中成功竞争和领导打下坚实的基础。
        </div>
        <img
          src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img2.png"
          class="h5-desc-img"
        />
        <div class="h5-p m-t-b15">
          我们的校园位于首都北京清华科技园，这里是世界知名大都市的核心地带，这里是全球科技重要研发中心，我们的课程设计理念就是深度整合科技与管理教学资源，
          将管理与科技、产业、金融深度融合，邀请院士教授、博士、科技创业者、科创投资者分享清华最前沿的科技创新和管理实践，通过每天的互动可以增加学习的潜力，积极构建中国企业科创新生态。
        </div>
        <img
          src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img3.png"
          class="h5-desc-img"
        />
        <div class="h5-p m-t-b15">
          在当今世界紧密相连的商业环境中，拥有全球视野对于商业领袖至关重要。本项目通过海外名校游学和全球名企考察，不仅为学生提供了与世界顶尖学者交流和学习的机会，而且允许他们沉浸在不同的教育体系和文化环境中，与自世界各地的学生聚集在一起，研究具有全球影响力的案例，从而扩大视野，增进对全球商业动态的理解。此外，通过组织全球名企考察，我们的DBA项目使学生有机会直接接触国际商业操作和战略决策过程。这些考察不仅帮助学生获得宝贵的行业洞察力，还能实地体验如何在不同的市场环境中应用和实践商业理论。
        </div>
      </card>
      <card title="项目背景">
        <img
          src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h-h5-img4.png"
          class="h5-desc-img"
        />
        <div class="h5-p m-t-b15">
          新质生产力，<br />
          核心就是用科技创新推动产业创新。<br />
          清控紫荆教育依托清华大学科技创新与管理教学优势，<br />
          联合巴黎PPA商学院，<br />
          秉承“科技创新改变世界”的核心宗旨，<br />
          围绕“管理、科技、产业、金融”四个维度，<br />
          倾力培养具备全球视野、前瞻思维的企业家，<br />
          不仅掌握了最新的科技创新，<br />
          更能利用这些技术改变世界。<br />
          课程强调科技与商业战略的融合，<br />
          深入探索人工智能、大数据、区块链等尖端技术，<br />
          并将这些工具应用于解决全球性的商业和社会问题。<br />
          培养科创企业领军者<br />
          不仅能在技术浪潮中乘风破浪，<br />
          更能引领这股浪潮，<br />
          用科技创新开创更美好的世界。
        </div>
      </card>
      <card>
        <div class="h5-jz">核心价值</div>
        <div class="h5-jz_item">
          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h5-jz1.png" />
          <div class="jz-t">构建国际化视野与行业资源</div>
        </div>
        <div class="h5-jz_item">
          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h5-jz2.png" />
          <div class="jz-t">独具影响力的跨界学习平台</div>
        </div>
        <div class="h5-jz_item">
          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/h5/h5-jz3.png" />
          <div class="jz-t">国际认可的DBA博士学位</div>
        </div>
      </card>
      <div class="h5-sm">
        <div class="m-content">
          <div class="sm-h1">项目使命</div>
          <div class="sm-p">培养科创企业<span>领军者</span>&nbsp;&nbsp;用科技<span>创新</span>改变世界</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Card from '@/components/Card'
import AppLink from '@/components/Link'
export default {
  name: 'projectFeatures',
  components: { AppLink, Card },
  computed: {
    isMobile() {
      return this.$store.state.isMobile
    }
  },
  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;
    }
  }
}
.ul-n {
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
  .li {
    width: 580px;
    height: 170px;
    img {
      width: 100%;
      display: block;
    }
    .title {
      line-height: 40px;
      background-color: #00204e;
      text-align: center;
      font-size: 20px;
      color: #ffffff;
    }
  }
  .t-li {
    width: 580px;
    line-height: 170px;
    background: #00204e;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
  }
}
.h5-page {
  .h5-desc-img {
    width: 100%;
    display: block;
  }
  .h5-p {
    font-size: 0.12rem;
    color: #666666;
  }
  .m-t15 {
    margin-top: 0.15rem;
  }
  .m-t-b15 {
    margin: 0.15rem 0;
  }
  .h5-jz {
    line-height: 0.3rem;
    background: #00204e;
    font-weight: bold;
    font-size: 0.12rem;
    color: #ffffff;
    text-align: center;
  }
  .h5-jz_item {
    margin-top: 0.1rem;
    img {
      width: 100%;
      display: block;
    }
    .jz-t {
      line-height: 0.2rem;
      background: #00204e;
      text-align: center;
      font-size: 0.1rem;
      color: #ffffff;
    }
  }
  .h5-sm {
    height: 1.4rem;
    background-image: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/home-img4-bg.png);
    background-size: 100% 100%;
    position: relative;
    .m-content {
      padding: 0.4rem 0.25rem;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(234, 105, 44, 0.8);
      .sm-h1 {
        font-weight: bold;
        font-size: 0.16rem;
        color: #ffffff;
        // line-height: 34px;
      }
      .sm-p {
        font-size: 0.14rem;
        color: #ffffff;
        letter-spacing: .02rem;
        margin-top: .2rem;
        span {
          font-weight: bold;
        }
      }
    }
  }
}
</style>
