.trm {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.trm .trm-img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.8s ease-in-out;
    transition: -webkit-transform 0.8s ease-in-out;
    -o-transition: -o-transform 0.8s ease-in-out;
    -moz-transition: transform 0.8s ease-in-out, -moz-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out, -moz-transform 0.8s ease-in-out, -o-transform 0.8s ease-in-out;}
.home-school-news .mid-section, .home-news-classification {
    margin: 20px 0 0;}
.home-school-news .mid-section li {
  width: 23.5%;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(68, 11, 13, 0.07);
          box-shadow: 1px 5px 5px 0px rgba(68, 11, 13, 0.07);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;}
.home-school-news .mid-section li .text-introduction {
  padding: 15px 10px;}
.home-school-news .mid-section li .text-introduction .desc-title {
  line-height: 1.334;}
.home-school-news .mid-section li .text-introduction .desc {
  margin: 15px 0;
  line-height: 1.334;
  color: #AAAAAA;}
.home-school-news .mid-section li .text-introduction:hover .desc-title {
  color: #992D31;
  cursor: pointer;}
.home-school-news .mid-section li .time {
  color: #992D31;}
.home-school-news .mid-section li .element {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 170px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;}
.home-school-news .mid-section li .element a {
  display: block;
  height: 100%;}
.home-school-news .mid-section li .element img {
  -o-object-fit: cover;
     object-fit: cover;}