.dir_cont1{
  padding:40px 0;
  background:url(../img/teacher/back1.jpg) 0 0 no-repeat;
  background-size:100% 100%;
}
.dir_cont1_person{
  display:flex;
  align-items:stretch;
  text-align:left;
}
.dir_cont1_left{
  flex: 0 0 25%;
}
.dir_cont1_left img{
  width:100%;
  display:block;
}
.dir_cont1_right{
  flex: 1 1 75%;
  font-size:11px;
  line-height:30px;
  color:#fff;
  padding:20px 30px;
  background: url(../img/mv/bannerbak.jpg) 0 0 no-repeat;
  background-size:100% 100%;
  align-self:stretch;
}
.dir_cont1_title{
  font-size:24px;
  line-height:40px;
  font-weight:bold;
}
.dir_cont1_right p{
  margin: 10px 0;
}

.dir_cont2{
  padding:40px 0;
  background:#f8f8f8;
}

.dir_cont3{
  padding:40px 0;
  background:#f0f0f0;
}
.dir_cont3_list{
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.dir_cont3_item{
  flex: 0 0 31%;
  background:url(../img/mv/bannerbak.jpg) 0 0 no-repeat;
  background-size:100% 100%;
  color:#fff;
  display:flex;
  flex-wrap:nowra;
  align-items: center;
  padding:30px 20px;
}
.dir_cont3_title{
  font-size:16px;
  line-height:28px;
  margin-left:15px;
  text-align:left;
  color:#fff;
}
.dir_cont3_title span{
  font-size:70%;
  display:block;
}
.dir_cont3_toux{
  width:80px;
  flex: 0 0 80px;
  border-radius:50%;
  transition:all 0.3s ease;
  cursor:pointer;
}
.dir_cont3_toux:hover{
  transform:scale(1.1,1.1);
}
@media screen and (max-width: 900px) {
  .dir_cont1{
    padding:20px 0;  
  }
  .dir_cont1_person{
    flex-wrap:wrap;
    align-items: center;
  }
  .dir_cont1_left{
    flex: 0 0 100%;
  }
  .dir_cont1_right{
    flex: 0 0 100%;
    padding:15px 20px;
    align-self:center;
  }
  .dir_cont2{
    padding:20px 0;
  }
  .dir_cont3_list{
    flex-wrap:wrap;
  }
  .dir_cont3_item{
    padding:20px 10px;
    flex: 0 0 100%;
    margin:10px 0;
  }
}