<template>
  <div class="homepage_footer">
    <div class="flex">
      <div class="fo-bg"></div>
      <div class="homepage_footer_body">
        <div class="footer_lj fot">
          <h4>
            <span>学校官网</span>
          </h4>
          <a href="https://www.campbellsville.edu" target="_blank"><span class="fo">康博斯威尔大学官网</span></a>
        </div>
        <div class="footer_cx fot">
          <h4>
            <span>学校认证</span>
          </h4>
          <a href="http://jsj.moe.gov.cn/news/1/184.shtml" target="_blank"><span class="fo">教育涉外监管网</span></a>
          <a href="https://sacscoc.org/institutions/?name=campbellsville&results_per_page=25&page=1" target="_blank"
            ><span class="fo">SACS认证</span></a
          >
        </div>
        <div class="footer_cx fot">
          <h4>
            <span>荣誉排名</span>
          </h4>
          <a href="https://www.bestvalueschools.org/online-colleges-kentucky/" target="_blank"
            ><span class="fo">2021年肯塔基州最佳大学第2名</span></a
          >
          <a href="https://www.bestvalueschools.org/online-early-childhood-education-programs/" target="_blank"
            ><span class="fo">早期儿童教育学科全美排名第20</span></a
          >
        </div>
        <div class="footer_logo">
          <!-- <img src="@/assets/images/logginred.png" /> -->
          <img
            style="width: 200px;display:block;"
            src="https://zws-imgs-pub.ezijing.com/static/public/949d06e920d2cfa22f87d950de12eda4.jpg"
            alt=""
          />
          <img src="@/assets/images/logo.svg" alt class="ezijing-logo" />
        </div>
      </div>
    </div>
    <div class="copyright" style="height: 40px;line-height: 40px;color: #fff;background: #ccc;">
      <div class="inner" style="width: 100%;justify-content: center;display: flex;">
        <p style="font-size: 12px;">
          Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司
        </p>
        <a
          target="_blank"
          href="https://tsm.miit.gov.cn/dxxzsp/"
          style="color: #fff;text-decoration:none;margin-left: 10px;"
        >
          <p style="font-size: 12px;">京ICP证150431号</p>
        </a>
        <a
          target="_blank"
          class="record"
          href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
          style="
          color: #fff;
          text-decoration:none;
          align-items: center;
          display: flex;
          margin-right: 5px;"
        >
          <img
            src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
            alt=""
            style="
            width: 20px;
            height: 20px;
            margin: 0 6px;
            display: block;
          "
          />
          <p style="font-size: 12px;">安备 11010802023681号</p>
        </a>
        <a
          target="_blank"
          href="https://beian.miit.gov.cn/#/Integrated/index"
          style="color: #fff;text-decoration:none;"
        >
          <p style="font-size: 12px;">京ICP备15016866号-1</p>
        </a>
      </div>
    </div>
  </div>
</template>

<script>
export default { name: 'page-footer' }
</script>

<style lang="scss" scoped>
.copyright {
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #ccc;
  .inner2 {
    width: 100%;
    justify-content: center;
    display: flex;
    p {
      font-size: 12px;
    }
    .record {
      color: #fff;
      align-items: center;
      display: flex;
      margin-right: 5px;
      img {
        width: 20px;
        height: 20px;
        margin: 0 6px;
        display: block;
      }
    }
  }
}
.homepage_footer {
  min-height: 460px;
  background-size: cover;
  background: #fff;
  width: 100%;
  .flex {
    margin: 0 auto;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 460px;
  }
  .fo-bg {
    position: absolute;
    height: 100%;
    z-index: 6;
    width: 100%;
    background: url('~@/assets/images/fotbk.png') center;
  }
  .homepage_footer_body {
    width: 80%;
    display: flex;
    justify-content: space-between;

    .fot {
      display: flex;
      z-index: 7;
      flex-direction: column;
      h4 {
        font-size: 18px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(34, 34, 34, 1);
        margin-bottom: 14px;
        position: relative;
        &::before {
          content: '';
          position: absolute;
          bottom: -4px;
          height: 3px;
          background: #ccccccff;
          width: 100%;
          max-width: 140px;
        }
        span {
          display: inline-block;
          position: relative;
          &::before {
            content: '';
            position: absolute;
            bottom: -4px;
            height: 3px;
            background: rgba(175, 27, 64, 1);
            width: 100%;
          }
        }
      }
      span {
        font-size: 18px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: rgba(34, 34, 34, 1);
      }
      a {
        padding: 20px 0px;
      }
    }
    .footer_logo {
      z-index: 7;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: space-around;
      .ezijing-logo {
        width: 187px;
      }
    }
  }
}
</style>
