﻿/* 师资队伍-首页 ------------------------------------------ */
.parentBox{ margin: 40px 0 10px; }
.parentBox > .hd{text-align: center;border-bottom: 2px solid #c30909;}
.parentBox > .hd h3{padding: 90px 20px 25px 20px;background: url(../../base/img/icon-logo.png) no-repeat center top;font-size: 28px;line-height: 1;font-weight: bold;color: #c30909;}
.parentBox > .hd h4{ padding: 5px 20px 30px; font-size: 26px; line-height: 1; color: #c30909; }
.parentBox > .bd{ padding-top: 20px; }

.subBoxLoop{ display: flex; flex-wrap: wrap; margin-left: -20px; }
.subBox{ flex-grow: 1; min-width: 200px; margin: 0 0 20px 20px; background: #fff; transition: all 0.3s ease-out; }
.subBox > .hd{text-align: center;background: #c30909;}
.subBox > .hd h3{padding: 9px 15px;font-size: 20px;font-weight: normal;color: #fff;line-height: 1.4;}
.subBox > .hd h3 a{ display: block; text-decoration: none; color: inherit; }
.subBox > .bd{ padding: 15px 10px; }
.subBox:hover{ transform: scale(1.06); box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.1); }

.subBox .teacheList{ text-align: center; }
.subBox .teacheList li.noData,
.subBox .teacheList li a{position: relative;display: block;padding: 7px 10px;line-height: 24px;font-size: 15px;font-weight: bold;color: #000;}
.subBox .teacheList li a:hover{ background: #f5f5f5; border-radius: 5px; text-decoration: none; color: #c30909; }
.subBox .teacheList li.first a:after{position: absolute;right: 8px;top: 50%;margin-top: -11px;content: '系主任';display: block;font-weight: normal;font-size: 12px;width: 3em;height: 22px;line-height: 22px;background: #f9e4e4;color: #c30909;padding: 0 6px;border-radius: 3px;}

/* 学系介绍页 */
.rowBoxLoop{ padding: 10px 30px; margin-bottom: 20px; background: #f5f5f5; }
.rowBox{ padding: 10px 0; overflow: hidden; border-bottom: 1px solid #e5e5e5; }
.rowBox:last-of-type{ border-bottom: none; }
.rowBox > .hd{ float: left; margin-right: 10px; }
.rowBox > .hd h3{ min-width: 6em; font-size: 16px; font-weight: bold; color: #000; line-height: 34px; text-align: right; }
.rowBox > .hd h3 a{ text-decoration: none; color: inherit; }
.rowBox > .bd{ overflow: hidden; }
.rowBox .teacheList{ text-align: center; }
.rowBox .teacheList li{ float: left; }
.rowBox .teacheList li.noData,
.rowBox .teacheList li a{ display: block; padding: 5px 0; line-height: 24px; font-size: 16px; color: #444; }
.rowBox .teacheList li a:before{ content: '|'; padding: 0 10px; color: #ccc; }
.rowBox .teacheList li.first a:before{ display: none; }
.rowBox .teacheList li a:hover{ text-decoration: none; color: #c30909; }

.detailBox {padding: 5px 20px;box-shadow: 0 0 10px #d7d7d7;margin-top:20px;background: white;}
.detailBox > .hd { height:50px; line-height:50px; border-bottom: 1px solid #ddd; }
.detailBox > .hd h3 {float:left; height: 49px; padding:0 10px; border-bottom: 2px solid #c30909; color:#c30909;  font-size: 20px; font-weight: bold; }
.detailBox > .bd { padding: 30px 40px; }
.detailBox > .bd .conText{ font-size: 16px; line-height: 2.2; }
.detailBox > .bd .conText img{ max-width: 100%; height: auto !important; }
.detailBox > .bd .conText table{ width: 100%; }

/* ==========================================================================
   教师-内容页
   ========================================================================== */
#content.page-leader-detail{
    width: 100%;
}
#content.page-leader-detail .mainBox .mHd{border-bottom: 0;}
.teacherBox {background:#fff9fb url(../../base/img/teacherBoxbg.jpg) no-repeat top center;min-height: 498px;*height: 498px;border-top: 1px solid #E0E0E0;border-bottom: 1px solid #ebebeb;}

.teacherName {text-align:center;line-height: 38px;font-size: 16px;padding: 40px 0 20px;border-bottom: 1px solid #e7e7e7;}
.teacherName .title {font-size:35px;font-weight:bold;color: #c30909;}
.teacherName .zc {display:inline-block;padding:0 20px;background: #c54343;color:#fff;font-size:16px;border-radius: 20px;line-height: 30px;margin-left: 10px;height: 30px;}

.picInfo { padding:30px;}
.picInfo .pic {width: 200px; float:left; margin-right:63px;}
.picInfo .info {overflow: hidden; font-size:16px; line-height:35px;}
.picInfo .subjects label { font-weight:bold; margin-right:18px; font-size:18px; padding-left:10px;}
.picInfo .collegeName label { font-weight:bold; margin-right:18px; font-size:18px; padding-left:10px;}

.picInfo .contact { padding:20px 0 0;}
.picInfo .telephone label { display: inline-block; padding-left:26px; margin-right:8px; background:url(../../base/img/teahintroicons.png) no-repeat 0 6px;}
.picInfo .contact span { margin-right: 20px;display: inline-block;}
.picInfo .email label {padding-left:28px;margin-right:8px;background:url(../../base/img/teahintroicons.png) no-repeat 0 -94px;display: inline-block;}
.picInfo .address label { display: inline-block; padding-left:28px; margin-right:8px; background:url(../../base/img/teahintroicons.png) no-repeat 0 -194px;}
.picInfo .yjfx {line-height:35px;padding-top: 5px;}
.picInfo .yjfx label { float:left;  padding-left:28px; margin-right:8px; background:url(../../base/img/teahintroicons.png) no-repeat 0 -292px;}
.picInfo .yjfx pre { overflow:hidden; line-height:35px;}

.teacherSlide {width:1190px;padding:5px;box-shadow: 0 0 10px #e0e0e0;background: white;margin-top:20px;}
.teacherSlide > .hd {background: #ffeeee;height:50px;line-height:50px;font-size:16px;}
.teacherSlide > .hd li {float:left;padding:0 30px;border-right:1px solid #edd9d9;cursor: pointer;}
.teacherSlide > .hd li.on {background: #c30909;color:#fff;}
.teacherSlide > .hd li:last-child { border-right:0;}
.teacherSlide > .bd {padding: 30px 50px;line-height:40px;font-size:16px;}
.teacherSlide .cloumn { padding: 0; border: none; }
