@charset "utf-8";
/**基本格式开始***************/




.bodyCon07{width: 100%;overflow:hidden;margin:0 auto;}
.bodyCon07 .teacher{width: 100%;height: 860px;position:relative;margin:0 auto;overflow:hidden;}
.bodyCon07 .teacher .teacherPic{width: 100%;height: 860px;    background-size: cover!important;position:absolute;background:url(../images/sirendingzhi1.jpg) no-repeat;padding: 0;}


.bodyCon07 .teacher .teacherPic .content{width: calc((100% - 0px)/4);height: 50%;float: left;position: relative;overflow: hidden;border-right: 1px solid rgba(255,255,255,0.2);border-top: 1px solid rgba(255,255,255,0.2);border-left: 1px solid rgba(255,255,255,0.2);}


.bodyCon07 .teacher .teacherPic .content .txt{width: 100%;height:100%;background:rgba(18,21,44,0);position: absolute;left:0px;bottom:0px;padding:0;font-family: 'font-syst';font-size: 12px;text-align: center;padding: 10%;}


.bodyCon07 .teacher .teacherPic .content .txt .info{width: 5px;height: 60px;background-image: linear-gradient(-179deg,rgba(255,255,255,1) 0,rgba(255,255,255,1) 100%);float: left;position: absolute;z-index: 9;top: 71%; left:5%;transition: all 0.3s;}

.bodyCon07 .teacher .teacherPic .content .txt .info2{width: 80%; margin:auto;font-size: 28px;color:#fff; text-align:left;float: left;position: absolute;z-index: 9;bottom: 24%;transition: all 0.3s;}
.bodyCon07 .teacher .teacherPic .content .txt .info3{
  width: 80%;
  margin:
  auto; font-size:14px;
  color: rgba(255,255,255,1);
  text-align:
  left;
  float: left;
  position: absolute;
  z-index: 99;
  top: 80%;
  transition: all 0.5s;
  opacity: 1;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  }



.bodyCon07 .teacher .teacherPic .content:hover .txt{background:#077fc4;}
.bodyCon07 .teacher .teacherPic .content:hover .txt .info{top: 50%;transition: all 0.3s;width:30px;height: 5px; left:50%;margin-left: -15px;background-image: linear-gradient(-90deg,rgba(240,224,157,1) 0,rgba(203,170,123,1) 100%);}

.bodyCon07 .teacher .teacherPic .content:hover .txt .info2{bottom:55%;transition: all 0.3s; text-align: center;}
.bodyCon07 .teacher .teacherPic .content:hover .txt .info3{top: 55%;transition: all 0.5s; opacity:1;text-align: center;}




.bodyCon07 .teacher .teacherPic .content:hover .tb1{ background: url(../images/culture-bg-logo.png) no-repeat center #d70321!important}
.bodyCon07 .teacher .teacherPic .content:hover .tb2{ background: url(../images/culture-bg-logo.png) no-repeat center #d70321!important}




@media (max-width: 1440px) 
{
	.bodyCon07 .teacher{height: 700px;}
	.bodyCon07 .teacher .teacherPic{height: 700px;}
	
	.bodyCon07 .teacher .teacherPic .content:hover .tb1{ background-size:50%!important}
	.bodyCon07 .teacher .teacherPic .content:hover .tb2{ background-size:50%!important}
	
}



@media (max-width: 992px) {
	.bodyCon07 .teacher .teacherPic{ padding:0}
	.bodyCon07 .teacher .teacherPic .content .txt .ico{display:none;}
	
	.bodyCon07{margin-top:4%}
	.bodyCon07 .teacher .teacherPic .content .txt .info2{font-size:18px;}
}