/* banner */
.banner { width: 100%; height: 460px; }
.banner img { display: block; max-width: 100%; max-height: 100%; }
/* new nav */
.newnav-wrap { width: 100%; }
.newnav { position: relative; width: 1200px; height: 52px; margin: 0 auto; }
.newnav span { display: inline-block; position: absolute; top: 17px; left: 0; font-size: 14px; color: rgb(140, 140, 140); }
.newnav span em { color: rgb(75, 75, 75); }
/* teacher */
.teacher-wrap { width: 100%; }
.teacher { width: 1200px; height: 475px; margin: 0 auto 10px; }
.teacher-left { float: left; position: relative; width: 559px; height: 372px; padding: 34px 22px 34px 287px; border: 1px solid #E5E5E5; }
.teacher-left-img { position: absolute; top: 50%; left: 30px; width: 230px; height: 362px; margin-top: -181px; }
.teacher-left-img img { display: block; width: 100%; height: 100%; }
.teacher-con { width: 559px; height: 320px; border-bottom: 1px dotted #E5E5E5; }
.teacher-con span { display: inline-block; color: #393939; font-size: 20px; font-weight: 700; }
.teacher-con i { display: block; margin-top: 5px; text-align: left; color: #393939; font-size: 14px; }
.teacher-con p { margin-top: 10px; line-height: 28px; text-indent: 2em; color: #393939; font-size: 14px; }
.teacher-style { width: 559px; height: 81px; }
.teacher-style p { margin-top: 12px; }
.teacher-style span { display: inline-block; height: 36px; margin-top: 10px; line-height: 28px; background: #FFF; color: #393939; font-size: 14px; }
.teacher-right { float: right; width: 329px; height: 440px; border: 1px solid #E5E5E5; }
.teacher-right.borderl { border-left: none; }
.teacher-right p { width: 299px; height: 49px; padding-left: 30px; border-bottom: 1px solid #E5E5E5; line-height: 49px; color: #393939; font-size: 16px; text-align: left; }
.teacher-right-ul { width: 289px; padding: 0 20px; }
.teacher-right-ul li p { position: relative; width: 213px; height: 75px; padding: 16px 0 0 76px; border-bottom: 1px dotted #E5E5E5; }
.teacher-right-ul li p.lastp { border-bottom: none; }
.teacher-right-ul li p span { display: block; position: absolute; top: 50%; left: 8px; width: 60px; height: 60px; margin-top: -30px; border-radius: 50%; overflow: hidden; z-index: 2; }
.teacher-right-ul li p span img { display: block; width: 100%; height: 100%; }
.teacher-right-ul li p em { display: block; line-height: 22px; color: #7D7D7D; font-size: 14px; text-align: left; }
.teacher-right-ul li p i { display: block; margin-top: 5px; line-height: 18px; color: #040404; font-size: 14px; text-align: left; }
@media (max-width: 768px) {
    .banner { width: 1200px; margin: 0 auto; }
}

@media (min-width: 1100px) {
    .newnav-wrap { margin-top: -150px; }
}
@media (min-width: 1280px) {
    .newnav-wrap { margin-top: -140px; }
}
@media (min-width: 1366px) {
    .newnav-wrap { margin-top: -120px; }
}
@media (min-width: 1440px) {
    .newnav-wrap { margin-top: -70px; }
}
@media (min-width: 1680px) {
    .newnav-wrap { margin-top: -30px; }
}
@media (min-width: 1920px) {
    .newnav-wrap { margin-top: 0; }
}