/*
*组件样式
*/
   .container {
    padding-top: 20px;} /* 师资列表容器 IE11弹性盒兼容 */
    .teacher-list {
      display: flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      margin-left: -15px;
      margin-right: -15px;}

    /* 单个教师格子 PC一行4个 */
    .teacher-item {
      width: 25%;
      -ms-flex: 0 0 25%;
      padding: 0 15px;
      margin-bottom: 32px;}

    /* 卡片整体+跳转链接容器 */
    .teacher-link {
      display: block;
      background: #ffffff;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
      overflow: hidden;
      transition: all 0.24s ease;}
    .teacher-link:hover {
      transform: translateY(-6px);
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.11);}

    /* 二寸照片占位容器 宽:高=3:4 */
    .photo-box {
      width: 100%;
      padding-top: 133.33%;
      position: relative;
      background-color: #eeeeee;}
    .teacher-photo {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;}

    /* 姓名职称文字区域 */
    .teacher-text {
      padding: 18px 10px;
      text-align: center;}
    .teacher-name {
      font-size: 18px;
      font-weight: bold;
      color: #191919;
      margin-bottom: 7px;}
    .teacher-position {
      font-size: 14px;
      color: #0053b3;}

    /* 平板适配 ≤1024px 一行2个 */
    @media screen and (max-width: 1024px) {
      .teacher-item {
        width: 50%;
        -ms-flex: 0 0 50%;}
    }

    /* 手机适配 ≤768px 一行1个 */
    @media screen and (max-width: 768px) {
      .teacher-item {
        width: 100%;
        -ms-flex: 0 0 100%;}
    }
.footerbg .footer .flogo img{
    width: 100%;}