.teacherIntro{background: #eef6ff;}

.teacher1{box-sizing: border-box;padding: 29px 32px 20px 43px;display: flex;position: relative;align-items: start;align-items: flex-start;align-items: self-start;}
.teacher1::before{content: "";display: block;width: 100%;height: calc(100% - 40px);background: #d6efff;position: absolute;left: 0;top: 0;}
.teacher1 .lt{flex: 1;overflow: hidden;box-sizing: border-box;padding-bottom: 20px;}
.teacher1 .lt .title{color: #fff;display: flex;align-items: end;align-items: flex-end;align-items: self-end;margin-bottom: 20px;position: relative;z-index: 1;} 
.teacher1 .lt .title .name{box-sizing: border-box;padding: 12px 28px;background: #0058dd;}
.teacher1 .lt .title .position{box-sizing: border-box;padding: 5px 19px;background: #f6cc7b;}
.teacher1 .lt .info{display: flex;flex-wrap: wrap;position: relative;z-index: 1;}
.teacher1 .lt .info p{width: 58%;color: #333;margin: 0px 0 20px 0;box-sizing: border-box;padding-right: 10px;line-height: 1.5;}
.teacher1 .lt .info p:nth-child(even){width: 40%;}
.teacher1 .rt{width: 192px;border: 10px solid #fff;box-sizing: border-box;margin-bottom: 0px;position: relative; }  

.teacher2{box-sizing: border-box;padding: 0px 33px 20px;}
.teacher2 .item{margin-bottom: 48px;}
.teacher2 .item:last-child{margin-bottom: 35px;}
.TeacherArticle h2{color: #0172bc !important;border-bottom: 1px dashed #0172bc;box-sizing: border-box;padding-bottom: 6px;margin-bottom: 10px;font-size: 20px !important;}
.TeacherArticle h2 *{color: #0172bc !important;font-size: 20px !important;}

.TeacherArticle .info{color: #0e1010;font-size: 16px;}



@media screen  and (max-width:996px){ 
    .teacher2 .item{margin-bottom: 30px;}
}

@media screen  and (max-width:767px){
    .teacher1{flex-direction: column;padding: 20px ;background: #d6efff;} 
    .teacher1::before{display: none;}
    .teacher1 .rt{order: 1;margin: 0 auto 20px;}
    .teacher1 .lt{order: 2;padding-bottom: 0;} 
    .teacher1 .lt .info p{width: 100%;margin: 0px 0 10px 0;}
    .teacher1 .lt .info p:nth-child(even){width: 100%;}
    .teacher2{padding: 20px ;}
    .teacher2 .item{margin-bottom: 20px;}
    .teacher1 .lt .title .name{padding: 10px 20px;}
    .teacher1 .lt .title .position{padding: 5px 15px;}

    .TeacherArticle h2{font-size: 18px !important;}
    .TeacherArticle h2 *{font-size: 18px !important;}

}