
/* 校园生活 */
.campusLife .pageCon{padding-top: 30px;/* overflow: hidden; */}
.campusLife .listCon .liImg{width: 240px;}
.campusLife .listCon{ padding-top: 0px;}
.campusLife.noLeft .listCon{ padding-top: 50px;}
.campusLife .listCon li{ margin-bottom: 40px;}
.campusLife .listCon a{ padding-right: 130px; position: relative; transition: all 0.35s ease;}
.campusLife .listCon a:hover{ transform: translateY(-8px);}
.campusLife .listCon a:hover .title{ font-weight: bold;}
.campusLife .listCon .liImg{ width: 240px; flex-shrink: 0;}
.campusLife .listCon .liImg .gp-img-responsive{ padding-bottom: 56.25%;}
.campusLife .listCon .info{ flex: 1;overflow: hidden;; border-right: 1px solid #971E25; padding:0 50px 0 30px; box-sizing: border-box;}
.campusLife .listCon .noImg .info{ width: 100%;padding-left: 0;}
.campusLife.noLeft .listCon .title{ margin-top: 5px;}
.campusLife .listCon .title{ line-height: 26px; margin-top: -1px;}
.campusLife .listCon .summary{ line-height:1.875; color: #999; margin-top: 20px; padding-top: 20px; position: relative;}
.campusLife.noLeft .listCon .summary{ padding-top: 40px; margin-top: 30px;}
.campusLife .listCon .summary::before{ content: ''; display: block; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0;}
.campusLife .listCon .date{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);color: #971E25;text-align: center;line-height: 26px;}
.campusLife .listCon .date .day{ font-weight: bold; line-height: 51px; margin-bottom: 20px;text-align: left;}

/* 师资队伍 */
.faculty{ padding-top: 30px; overflow: hidden;}
.facultyInfo{box-sizing: border-box;padding: 50px;background: #F2F2F2;color: #333;line-height: 1.875;}
.facultyList1{margin: 50px 0 0;;display: flex;flex-wrap: wrap; justify-content: space-between;}
.facultyList1 li{width: calc(50% - 34px);;display: flex;box-sizing: border-box;padding: 0 0 0 0px;position: relative;border-bottom: 1px dashed rgba(0, 0, 0, 0.2);margin-bottom: 40px;padding-bottom: 27px;align-items: flex-start;align-items: self-start;}
.facultyList1 li .zs{width: 30px;height: 30px;border-radius: 50%;background: rgba(0,0,0,0.08);position: relative;}
.facultyList1 li .zs::before{content: "";display: block;width: 14px;height: 14px;border-radius: 50%;background: rgba(255,255,255,1);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.facultyList1 li .year{color: #757575;box-sizing: border-box;padding: 0 15px;position: relative;font-weight: 300;}
.facultyList1 li .year::after{content: "";display: block;width: 1px;height: 1em;background: rgba(0,0,0,0.1);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.facultyList1 li .teachers{flex: 1;overflow: hidden;box-sizing: border-box;padding: 0 0 0 10px;} 
.facultyList1 li .teachers a{min-width: 3em;display: inline-block;color: #000;margin: 0 10px;}
.facultyList1 li:hover .zs{background: #DA0D2B;} 
.facultyList1 li .teachers a:hover{font-weight: bold;} 

.academician{display: flex;flex-wrap: wrap; justify-content: space-between;}
.academician .facultyList2{width: calc(50% - 34px);margin: 30px 0 0 ;} 
.facultyList2 h2{color: #000;}
.facultyList2 .facultyList1{margin: 47px 0 0;}
.facultyList2 .facultyList1 li{width: 100%;}


/* 响应式样式 */
@media screen and (max-width:1600px){
	
}

@media screen and (max-width:1480px) {
	
}

@media screen and (max-width:1400px) {
	
}

@media screen and (max-width:1280px) {
	.facultyInfo { padding: 40px;}
}

@media screen and (max-width:1200px) {
	
}

@media screen and (max-width:1100px) {
	
}
@media screen and (max-width:1024px) {
	.facultyList1 li .teachers a {margin: 0px 7px;}
    .facultyList1 li .teachers {padding: 0 0 0 7px;}
}

@media screen and (max-width:997px) { 

    .facultyList1,.facultyList2 .facultyList1  {margin: 40px 0 0; }
	.gp-page{ display: none;}
	.gp-m-page{ display: block;}

    .facultyInfo { padding: 30px;}
    .facultyList1 li {width: calc(50% - 20px); margin-bottom: 30px;padding-bottom: 20px; }
    .academician .facultyList2 {width: calc(50% - 20px);margin: 30px 0 0;}
    .facultyList2 .facultyList1 li {  width: 100%;  }

    .campusLife .listCon a { padding-right: 105px;}
    .campusLife .listCon .info {  padding: 0 30px;}
    .campusLife .listCon li {margin-bottom: 35px;}
	.campusLife .listCon .date{ right: 10px;}
}

@media screen and (max-width:767px) { 
    .facultyList1  {margin: 30px 0 0; }
    .facultyList2 .facultyList1  {margin: 20px 0 0; }
    .facultyInfo { padding: 20px; }
    .facultyList1 li {width: 100%; margin-bottom: 20px;padding-bottom: 15px; }
    .facultyList1 li .zs{width: 26px;height: 26px; }
    .facultyList1 li .zs::before{ width: 13px;height: 13px; }
    .facultyList1 li .year{padding: 0 10px;}
    .academician .facultyList2{width: 100%;}
    .academician .facultyList2:nth-child(2){margin: 10px 0 0;}
    .campusLife .listCon a {padding-right: 100px;}
    .campusLife .listCon .summary {margin-top: 15px;padding-top: 15px; }
    .campusLife .listCon .info {padding: 0 25px;}
    .campusLife .listCon li{margin-bottom: 25px;}
}

@media screen and (max-width:640px) { 

    .facultyList1 li .zs{width: 22px;height: 22px; }
    .facultyList1 li .zs::before{ width: 11px;height: 11px; }
    .campusLife .listCon .liImg{width: 100%;}
    .campusLife .listCon a{display: block;padding: 0;}
    .campusLife .listCon .info{width: calc(100% - 100px);box-sizing: border-box;padding-right: 20px;padding-left: 0;margin-top: 15px;}
    .research .listCon .date{bottom: 0;transform: none;top: auto;}
    .campusLife .listCon .noImg .info {width: calc(100% - 100px);padding-right: 20px; }
}

@media screen and (max-width:680px) {
	.research .listCon .date{ width: unset; left: auto;}
	.research .listCon .date .year{ display: block;}
		.research .listCon .date .day{ display: block; line-height: 30px; text-align: center;}
}
@media screen and (max-width:640px) {
	.campusLife .listCon a{ box-shadow: none;}
	.research .listCon .date{ bottom: 20px;}
}

@media screen and (max-width:479px) { 

}

@media screen and (max-width:320px) {
	
}