<template>
  <div class="home">
    <HomeBanner />
    <HomeSchool />
    <section class="school-top">
      <div class="subtitle">
        <h2>大学排名与认证</h2>
      </div>
      <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/new-marywood/school_3.png" />
    </section>
    <FormBox />
  </div>
</template>

<script>
import HomeBanner from '@/components/home/banner'
import HomeSchool from '@/components/home/school'
import FormBox from '@/components/formBox'
export default {
  name: 'AppHome',
  components: { HomeBanner, HomeSchool, FormBox },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.school-top {
  position: relative;
  img {
    width: 100%;
  }
  .subtitle {
    position: absolute;
    top: 50px;
    left: 50%;
    padding: 20px 0;
    text-align: center;
    transform: translateX(-50%);
    h2 {
      display: inline-block;
      padding-bottom: 12px;
      font-size: 40px;
      font-family: SourceHanSansCN-Medium, SourceHanSansCN;
      font-weight: 500;
      color: #fff;
      line-height: 1;
      border-bottom: 3px solid #fff;
    }
  }
}
</style>
