.section-4 .inner {
  position: relative; }
.section-4 .title {
  padding-top: 6.875rem;
  padding-bottom: 1.6875rem; }
@media (max-width: 991px) {
  .section-4 .title {
    width: 87.56798756798757%;
    margin-left: auto;
    margin-right: auto; } }
.section-4 .teacher {
  position: relative; }
  .section-4 .teacher .show-more {
    display: block; }
  .section-4 .teacher .show-less {
    display: none; }
  .section-4 .teacher .teacher-content {
    display: none; }
  .section-4 .teacher:nth-child(1) .show-more {
    display: none; }
  .section-4 .teacher:nth-child(1) .show-less {
    display: block; }
  .section-4 .teacher:nth-child(1) .teacher-content {
    display: block; }
  .section-4 .teacher .data1 {
    position: relative;
    width: 48.875rem;
    height: 45.375rem;
    background: url("../images/home/4/bg.png") right top no-repeat;
    background-size: 100% auto; }
    @media (max-width: 991px) {
      .section-4 .teacher .data1 {
        width: 100%;
        height: auto; } }
    @media (max-width: 991px) {
      .section-4 .teacher .data1 {
        background-size: 150% auto; } }
    .section-4 .teacher .data1 .photo {
      position: absolute;
      width: 29.5rem;
      height: 37rem;
      right: 0rem;
      top: 8.375rem;
      z-index: 3; }
      @media (max-width: 991px) {
        .section-4 .teacher .data1 .photo {
          position: relative;
          width: 100%;
          height: auto;
          right: -7.25%; } }
  .section-4 .teacher .data2 {
    position: relative;
    width: 45rem;
    margin-left: 2.125rem;
    padding-top: 15.625rem; }
    @media (max-width: 991px) {
      .section-4 .teacher .data2 {
        padding-top: 11.25rem; } }
    @media (max-width: 991px) {
      .section-4 .teacher .data2 .tt-1 {
        text-align: center; } }
    .section-4 .teacher .data2 .tt .tc {
      font-size: 1.5rem;
      letter-spacing: 0.3rem;
      color: #8C6239; }
      @media (max-width: 991px) {
        .section-4 .teacher .data2 .tt .tc {
          font-size: 2.25rem; } }
    .section-4 .teacher .data2 .tt .en {
      font-size: 2.25rem;
      letter-spacing: 0.45rem;
      color: #8C6239; }
      @media (max-width: 991px) {
        .section-4 .teacher .data2 .tt .en {
          font-size: 3.375rem; } }
    .section-4 .teacher .data2 .txt p {
      font-size: 1.25rem;
      line-height: 2.25rem;
      letter-spacing: 0.125rem;
      color: #000000;
      padding-top: 1.875rem; }
      @media (max-width: 991px) {
        .section-4 .teacher .data2 .txt p {
          font-size: 1.875rem;
          line-height: 3.375rem;
          letter-spacing: 0.1875rem; } }
    .section-4 .teacher .data2 .btn-show {
      padding: 1.875rem 0; }
      .section-4 .teacher .data2 .btn-show a {
        display: inline-block;
        font-size: 1.125rem;
        color: #8C6239;
        border: 1px solid #c69c6d;
        padding: 0.125rem 1.5625rem;
        background-color: #ffffff; }
        @media (max-width: 991px) {
          .section-4 .teacher .data2 .btn-show a {
            font-size: 2.25rem;
            padding: 0.25rem 3.125rem; } }
    .section-4 .teacher .data2 .teacher-content .txt p {
      padding-top: 0rem; }
    .section-4 .teacher .data2 .left-v-line {
      position: relative;
      padding-left: 3rem; }
      .section-4 .teacher .data2 .left-v-line:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        left: 1.5rem;
        background-color: #8c6239; }