<template>
  <div id="edu_teach">
    <el-row>
      <el-col :span="24">
        <!--首页图片-->
        <div class="top">
          <img src="@/assets/school_profile/bj123.png" alt="">
        </div>
      </el-col>
    </el-row>

    <el-row>
      <el-col :offset="4" :span="16">
        <el-row>
          <el-col :span="6">
            <div class="left_lab">
              <div class="lab">
                <div class="lab_list lab_select">
                  <div class="lab_img">
                    <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                  </div>
                  <div class="lab_title">
                    学院简介
                  </div>
                </div>
                <div class="lab_list">
                  <div class="lab_img">
                    <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                  </div>
                  <div class="lab_title">
                    学院简介
                  </div>
                </div>
                <div class="lab_list">
                  <div class="lab_img">
                    <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                  </div>
                  <div class="lab_title">
                    学院简介
                  </div>
                </div>
                <div class="lab_list">
                  <div class="lab_img">
                    <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                  </div>
                  <div class="lab_title">
                    学院简介
                  </div>
                </div>
                <div class="lab_list">
                  <div class="lab_img">
                    <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                  </div>
                  <div class="lab_title">
                    学院简介
                  </div>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="18">
            <el-row>
              <el-col>
                <div class="tab">
                  <router-link to="/">首页</router-link>
                  <span> > </span>
                  <router-link to="">师资队伍</router-link>
                  <span> > </span>
                  <span style="color: #1956BC;font-size: 1.4rem">教师名录</span>
                </div>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped lang="scss">

#edu_teach {
  .top {
    img {
      width: 100%;
    }
  }

  font-family: PingFangSC-Regular, PingFang SC;
  background: #F8F8F8;

  .left_lab {
    margin-left: 4rem;
    width: 22rem;
    height: 48rem;
    background: #1956BC;
    border-radius: 0rem 0rem 2rem 0rem;
    position: relative;


    .lab {
      font-size: 1.6rem;
      position: absolute;
      left: 4.8rem;
      top: 5rem;
      width: 19rem;
      margin-bottom: 3rem;
      background: #FFFFFF;
      box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(6, 42, 102, 0.67);
      border-radius: 0rem 0rem 2.5rem 2rem;

      .lab_list:last-child {
        border: none;
      }

      .lab_list {
        text-align: center;
        margin-left: 1rem;
        width: 18rem;
        height: 8rem;
        clear: left;
        line-height: 8rem;
        border-bottom: 0.1rem solid #94BCFF;

        .lab_img {
          margin-top: .2rem;
          float: left;
          width: 1.4rem;
          height: 1.4rem;
          display: none;
          margin-left: 4rem;
        }

        .lab_title {
          color: #1956BC;
          float: left;
          margin-left: 6rem;
        }
      }

      .lab_select {
        background: #94BCFF;
        .lab_img {
          display: block;
        }

        .lab_title {
          color: #FFFFFF;
          margin-left: .4rem;
        }
      }
    }
  }


  .tab {
    margin-left: 1.9rem;
    margin-top: 1.5rem;
    font-weight: 400;

    a {
      text-decoration: none;
      font-size: 1.4rem !important;
      color: #3C3C3C;
    }
  }

  .context {
    margin: 3rem 4rem;

    .title {
      font-size: 2.4rem;
      font-weight: 500;
      color: #1956BC;
      text-align: center;
    }

    .text {
      margin-top: 2rem;
      font-size: 1.2rem;
      font-weight: 400;
      color: #3C3C3C;
    }
  }
}
</style>
