@charset "utf-8";
/* CSS Document */

.first_box {height:34px; text-align:center;}
.first_box li {display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 7px;}
.first_box li a {width:80px; height:32px; line-height:32px; background:#fff; border:1px solid #dce0e6; border-radius:17px; color:#98a2b2; display:block;}
.first_box li a span {margin-left:0;}
.first_box li:hover a {background:#fafcff;}
.first_box li.current_style a {background:#fff; border:1px solid #0e4f8f; color:#0e4f8f;}

.second_box {/*padding-top:13px; margin-top:19px; border-top:1px solid #ebeff5;*/height:140px;}
div.showAll_btn {position:relative; margin-right:0; color:#0e4f8f; cursor:pointer; display:inline;height: 96px;float: left;width: 60px;font-size: 16px;    padding-top: 10px;}
div.showAll_btn span:hover {color:#2e2e2e;}
div.showAll_btn:after {content:''; position:absolute; right:-16px; top:0; color:#9ea9ba; cursor:auto;}
.second_group { overflow: hidden; width: calc(100% - 60px);padding-top: 10px;}
.second_group li {position:relative; display:inline;color:#777; cursor:pointer;margin-bottom: 15px;width:33.33333%;float:left; font-size: 16px;}
.second_group li span:hover {color:#0e4f8f;}
.second_group li:after {content:''; position:absolute; right:-16px; top:0; color:#9ea9ba; cursor:auto;}
.second_group li:last-child:after {display:none;}
.second_box div.showAll_btn span.current_style {font-weight:bold; color:#2e2e2e;height: 96px;float: left;width: 60px;font-size: 16px;}  /*閫変腑鏍峰紡*/
.second_group li span.current_style {font-weight:bold;border: 1px solid #0e4f8f;color: #0e4f8f;padding: 7px 20px; border-radius: 20px;}  /*閫変腑鏍峰紡*/
.second_group li span {padding: 7px 20px;}

.teacher_box {margin-top:25px;border-top:1px solid #ebeff5; padding-top:20px;}
.teacher_group {margin-bottom:17px;}
.group_title {position:relative; padding:0 8px 0px 12px; display:inline-block; font-size:18px;}
.group_title:before {content:''; width:3px; height:18px; position:absolute; left:0; top:5px; background:#0e4f8f;}
.teacher_list {width:954px; margin-top:14px;}
.teacher_list:after {content:''; display:block; clear:both;}
.teacher_list li {width:137px; float:left; margin:0 26px 16px 0;}
.teacher_list li:nth-child(6n+6){margin:0 0 16px 0;}
.teacher_pic {width:138px; height:180px; background:#f0f1f2; overflow:hidden;}
.teacher_pic a {display:block;}
.teacher_pic a img {width:100%; transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s;}
.teacher_pic:hover a img {width:100%; transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}
.teacher_name {margin-top:11px; text-align:center;min-height: 36px;}







.zmlist{}
.zmlist li{display: flex;align-items: flex-start;margin-top: 30px;}
.zmlist span{font-size: 22px;color:#fff;width: 40px;height: 40px;border-radius:50%;background-color: #0658c3;border-radius:50%;margin-right: 30px;display: flex;align-items: center;justify-content: center;}
.zmlist .box{display: flex;flex-wrap: wrap;flex:1;overflow: hidden;}
.zmlist .wz{font-size: 16px;line-height: 40px;width: 14.28%;}
.zmlist .wz:hover{color: #0658c3;}




@media screen and (min-width:768px) and (max-width: 1280px){
.teacher_list{width:100%;}
.teacher_list li{width:32%;margin:0 2% 2% 0;}
.teacher_list li:nth-child(3n+3){margin:0 0 2% 0;}
.teacher_pic{width:100%;height:320px;}
.second_box{height:auto;}
.second_group li{font-size: 15px;width:50%;}
.second_group li span{padding:7px 15px;}
}


@media only screen and (max-width:768px){
.teacher_list{width:100%;}

.teacher_name{margin-top:6px;}
.second_box{height:auto;}
.second_group li{width:50%;font-size: 14px;}
.second_group li span.current_style{padding: 3px 10px; }



}

{@media only screen and (max-width:480px){
.teacher_list li{width:32%;margin:0 2% 2% 0;}
.teacher_list li:nth-child(3n+3){margin:0 0 2% 0;}
.teacher_pic{width:100%;height:160px;}
.second_group li{width:100%;font-size: 14px;}
}