.professor .tab_box{

  padding: 20px 30px;

  box-sizing: border-box;

  border-bottom: 1px solid #DADADA;

}

.professor .swiper{

  overflow: hidden;

}

.professor .tab_box .swiper .swiper-slide{

  width: auto;

}

.professor .tab_box p{

  cursor: pointer;

}

.professor .tab_box .active{

  font-weight: 600;

  color: #1E79B3;

}



.professor .con_box{

  padding: 30px;

  box-sizing: border-box;

}

.professor .con_box .con{

  

  display: grid;

  gap: 20px;

  grid-template-columns: repeat(4,1fr);

}

.professor .con_box .con a{

  display: block;
  min-height: 315px;
  border: 1px solid #DADADA;

  padding: 20px;

  box-sizing: border-box;

  text-align: center;

}

.professor .con_box .con img{

  width: 100px;

  height: 100px;

  border-radius: 50%;

  margin:0 0 10px;

}

.professor .con_box .con h5{

  color: #333333;

  margin: 10px 0;

}

.professor .con_box .con p{

  color: #666666;

  margin: 5px 0;

}

.professor .con_box .con a div{

  width: 100%;

  line-height: 25px;

  margin-top: 5px;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;   

  -webkit-box-orient: vertical;   

  -webkit-line-clamp: 3; 

}



/* 详情 */

.professor_detail_box{

  display: grid;

  gap: 20px;

  grid-template-columns: repeat(2,calc((100% - 20px)/2));

}

.professor_detail_box .box_l{

  padding: 30px;

  box-sizing: border-box;

}

.professor_detail_box .box_l .box_l_t{

  display: flex;

}

.professor_detail_box .box_l .box_l_t img{

  width: 130px;

  height: 130px;

  border-radius: 50%;

  margin-right: 40px;
  object-fit: cover;

}
.professor_detail_box .box_l .box_l_t>div{
  flex:1;
}

.professor_detail_box .box_l .box_l_t h3{

  margin-bottom: 30px;

}

.professor_detail_box .box_l .box_l_item {

  margin-bottom: 20px;

}

.professor_detail_box .box_l .box_l_item h5{

  display: inline-block;

}



.professor_detail_box .box_l .box_l_b h5{

  margin: 10px 0 20px;

}

.professor_detail_box .box_l .box_l_b div{

  color: #444444;

}





.tab_box{

  padding: 20px;

  box-sizing: border-box;

  border-bottom: 1px solid #DADADA;

}

 .tab_box .tab{

  display: flex;

}

 .tab_box .tab h3{

  margin-right: 30px;

  cursor: pointer;

}

 .tab_box .tab .active{

  color: #1E79B3;

  position: relative;

}

 .tab_box .tab .active::after{

  content: '';

  width: 70%;

  height: 6px;

  background-color:#1E79B3;

  position: absolute;

  bottom: -20px;

  left: 15%;

}



/* 搜索框 */

.box_r .search_box{

  padding: 20px;

  padding-bottom: 0;

  box-sizing: border-box;

}

.box_r .search_box ul{

  display: grid;

  gap:10px;

  grid-template-columns: repeat(3,1fr);



}

.box_r .search_box input,

.box_r .search_box select{

  width: 100%;

  border: 1px solid #E6E6E6;

  height: 40px;

  padding: 10px;

  box-sizing: border-box;

  color: #666666;

}

.box_r .search_box .search_btn_box{

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.box_r .search_box button{

  width: calc((100% - 10px)/2);

  height: 100%;

  border: 1px solid #DADADA;

}

.box_r .search_box .search_btn{

  background-color: #0E68B1;

  color: #FFFFFF;

}

.box_r .table_box{

  padding: 20px;

}

.box_r table{

  width: 100%;

  border-right:1px solid #EBEEF5;

  border-bottom:1px solid #EBEEF5;

}

.box_r table thead{

  background-color: #EEF1F6;

  font-weight: 600;

}

.box_r table tr{

  display: grid;

  grid-template-columns: 50% 20% 30%;

}

.box_r table td{

  border-left:1px solid #EBEEF5;

  border-top:1px solid #EBEEF5;

  text-align: center;

  padding: 5px;

  box-sizing: border-box;

}