.director {
  margin-top:53px;
  width: 100%;
  height: 242px;
  background: #282827;
  position: relative;
  font-size: 0; }
  .director img {
    width: 296px;
    height:305px;
    object-fit:cover;
    position: absolute;
    left: 0;
    bottom: 0; }
  .director .main-dir {
    width: calc(100% - 296px);
    position: relative;
    left: 296px;
    display: inline-block;
    padding-left: 60px; }
    @media screen and (min-width: 1440px) {
      .director .main-dir {
        left: 296px; } }
    .director .main-dir .dir-name {
      font-size: 24px;
      color: #F8F8F8;
      font-weight: 500;
      padding: 40px 0 14px;
      position: relative; }
      .director .main-dir .dir-name:after {
        content: "";
        width: 27px;
        height: 2px;
        background: #FFBE17;
        position: absolute;
        left: 0;
        bottom: 0; }
      .director .main-dir .dir-name span {
        font-size: 18px;
        margin-left: 8px; }
    .director .main-dir > p {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #FFFFFF;
      letter-spacing: 0;
      line-height: 28px;
      font-weight: 400;
      padding: 30px 55px 0 0; }

/*# sourceMappingURL=research-team-director.css.map */



@media screen and (max-width:768px){
.director{
  height:135px;
  margin-top:45px;
}
.director img {
  max-width:unset;
  width:150px;
  height:168px;
  object-fit:cover;
}
.director .main-dir{
  width:calc(100% - 150px);
  left:150px;
  padding-left:20px;
}
.director .main-dir .dir-name{
  padding:16px 0 6px;
  font-size:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.director .main-dir .dir-name span{
  font-size:14px;
  margin-left:4px;
}
.director .main-dir p{
  padding:10px 9px 0 0;
  line-height:20px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
}