.teacher {margin-left: 345px;margin-top: 0;width: auto;}
.col_menu{float: left;width: 280px;}
.teacher   .col_news_box{float: none;width: 100%;padding-bottom: 30px;}
.teacher .list2{margin: 0 -2%;}
.teacher .list2 li.news{float: left;width: 21%;margin: 0 2% 20px;text-align: center;font-size: 16px;line-height: 40px;color: #333333;}
.teacher li.news .imgs{padding:10px;border:1px solid #cccccc;}
.teacher li.news .imgs:hover img{transform: scale(1.05);}
.teacher li.news .imgs a{position: relative;display: block;padding-top:130%;overflow:hidden}
.teacher li.news .imgs img{width: 100%;height: 100%;position: absolute;top:0;left:0;right:0;transition: all linear 0.3s;}


.teachercon{overflow-x: hidden;}
.infofaculty{margin-top: -240px;padding-bottom: 240px;}
.infofaculty .col_menu_head{font-size: 26px;width: 100%;padding-left: 45px;background: #004080;line-height: 80px;color: #fff;box-sizing: border-box;}
.infofaculty .profile{padding: 30px 50px;box-shadow: 0px 0px 10px 0px #b1acac;background: #fff;}
.infofaculty .profile .photo{float: left;width: 220px;height: 260px;}
.infofaculty .profile .photo img{width: 100%;height: 100%;margin: 0 auto;display: block;}
.infofaculty .profile .wz{margin-left: 220px;padding:0 55px}
.infofaculty .profile .name{font-size: 30px;font-weight: bold;line-height: 40px;margin-bottom: 20px;}
.infofaculty .profile .zd{line-height: 40px;font-size: 18px;}
.infofaculty .teacherart{margin-top: 50px;}
.infofaculty .titlebox{margin-bottom: 30px;}
.infofaculty .titlebox .title{width: 16%;text-align: center;line-height: 60px;color: #fff;background: #6b89a6;font-size: 20px;margin:0 0.3%;float:left}
.infofaculty .titlebox .title.selected{background: #0b5aa8 !important;}

@media screen and (max-width: 999px){
.wrapper.infofaculty .inner .mod{padding:0}
.infofaculty{margin:0;padding-bottom:60px}
.infofaculty .profile .wz{padding:0 20px}
.infofaculty .profile{padding:30px }
.infofaculty .profile .zd{font-size:16px}
.infofaculty .titlebox .title{width:20%;margin:0 auto;font-size:17px;line-height:50px}
}

@media screen and (max-width: 600px){
.infofaculty .profile .photo{float:none;margin:0 auto 20px;}
.infofaculty .profile .wz{margin:0;padding:0;}
.infofaculty .profile .name{font-size:22px;line-height:30px;margin-bottom:10px}
.infofaculty .profile .zd{line-height:30px}
.infofaculty .titlebox .title{width:25%}
}

@media screen and (max-width: 600px){
.infofaculty .titlebox .title{width:33.3%;font-size:14px}
}