.lists{min-height: 500px;}
 .lm{   display: block;
    font-size: 24px;
    padding-right: 45px;
    padding-left: 15px;
    color: #fff;
    line-height: 75px;
     background: #078c5e;}
/*ss*/
.pb_sys_style3 .p_no_d {
    border: 1px solid #068359 !important;
    color: #fff;
    background-color: #068359 !important;}
.teach-list li{ float: left; width: 18.66%; padding:0 22px; margin-bottom: 30px;}
.teach-list{padding-bottom: 30px;}
.teach-list{ margin:0 -22px; clear: both;}
.teach-list-box{ background: #fff; position: relative; height: auto; padding: 18px 0; border:solid 1px #fff; text-align: center;}
.teach-img img{ width: 140px; height: 180px; margin: 0 auto;}
.teacher-name{ font-size: 16px; color: #333; margin-top: 12px;height:40px;}
.teacher-name a{ font-size:16px;   color: #0ca973;font-weight: bold;}
.teacher-p p{ margin-bottom: 15px; color: #666;}
.teach-top{ background: #fff; position: relative; border-top: solid 5px #660099; min-height: 260px; padding:35px 35px 35px 225px;}
.teach-top-img{ position: absolute; left: 35px; top: 35px;}
.teach-top-img img{ width: 140px; height: 170px;} 
@media screen and (max-width: 1279px){

.teach-list li {
    width: 25% !important;} 
 .teach-img img{width: auto!important;}

 }
  @media screen and (max-width: 1024px){
 .teach-list li {      width: 48.33333% !important;} 
 }
 @media screen and (max-width: 991px){
 .teach-list li {      width: 48.33333% !important;} 
 }
@media screen and (max-width: 767px){
.teach-list li {width: 50% !important;}
.teach-list li { margin-bottom: 20px !important;}
    }
    @media screen and (max-width: 400px){
.teach-list li {    width: 100% !important;}

    }
/*ss*/