/* 背景颜色 */
.teacher_bg1{background-color: #fff;}
.teacher_bg2{background-color: #faf0e6;}
.teacher_bg3{background-color: #f6f6f6;}


.teacher_bg5{background-color: #ebd295;}
.teacher_bg6{background-color: #333;}
*{ box-sizing: border-box;transition: all 0.3s;}
body{font-size: 16px; line-height:2;}
#footer{background-color: #f0f0f0; font-size: 14px;}
.color_3{color: #333;}
.color_6{color: #666;}
.font_4{font-size: 40px;}
.color_white{color: #fff;}
.color_brown{color: #a8763f; }
.margin_7{margin-top: 70px;}
/* 每块内容上下间距 */
.content{padding:60px 0;}
/* 顶部状态栏 */
#header{position: relative;}
.top-head{position:absolute; width: 100%; top: 0;}
/* 标题 */
.teacher_title span{color: #d8d8d8; font-size: 36px; font-family: impact; padding-left: 30px; line-height: 1;}
.teacher_title h2{color: #333; padding-left: 20px; font-size: 48px; font-weight: bold; border-left:10px solid #ebd295; line-height: 1;}
/* 注释 */
.teacher_note{width: 100%;padding: 20px 160px; height: 100px; background-color: #fff; overflow: hidden; margin-top: 40px; position: relative;}
.teacher_note .teacher_note_nav{font-size: 30px; font-weight:bold; width: 140px; color: #c19b3f; line-height: 1.2; font-family: '思源宋体'; display: block; position: absolute; left:20px;top:50%; transform: translateY(-50%); }
.teacher_note .teacher_note_go{display: block; color: #fff; width:140px;text-align: center;line-height: 100px; font-size: 30px; font-family: impact; position: absolute; right: 0; top: 0;}
.teacher_note .teacher_note_txt{color: #666; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; line-height: 1.8;}
.teacher_btn{display: block; width: 175px; line-height: 55px; background-color: #ebd295; color:#333; text-align: center; font-size: 18px;}

/* 介绍 */
.teacher_about{width: 100%; overflow: hidden;}
.teacher_about .f-l{width: 40%;}
.teacher_about_cont{padding-top: 30px;}
/* 右边图片表格 */
.teacher_about_img li{overflow: hidden;}
.teacher_about_img li span{ display:block; width: 127px; height: 127px;position: relative; float: left;}
.teacher_about_img span em{ font-size: 30px; font-family: impact; padding:15px;}
.teacher_about_img span i{font-size: 18px; bottom: 15px; position: absolute; left:15px;}
.teacher_about_img span img{width: 100%; height: 100%;}
.teacher_about_img li.last_li{margin-left: -127px;}
/* 老师照片 */
.teacher_img{margin-top: 40px; overflow: hidden;}
.teacher_img li{margin-left: 1%; width: 15%; border-radius: 5px;height: 385px; overflow: hidden; float: left; margin-bottom: 20px; background-color: #fff;}
.teacher_figure{position: relative;}
.teacher_introduce{opacity: 0; position: absolute;background: rgba(0,0,0,0.6);padding: 20px; bottom: 0; left:0; top: 0; right: 0; transform: scale(0.9); transform-origin: bottom center; transform-style: preserve-3d;}
.teacher_introduce p{line-height: 1.5; color: #fff; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:11; overflow: hidden; }
.teacher_img .teacher_img_mark{width: 100%; background-color: #fff; padding: 15px; }
.teacher_img_mark .teacher_img_name{font-weight:bold;display: block;line-height: 1.5;}
.teacher_img_ubjects{font-size: 14px; color:#999; }
.teacher_img li.last_li_more{background-color: #fff;display: flex;justify-content: center; align-items: center; text-align: center;}
.teacher_img li.last_li_more a{width: 100%;}
/* hover */
.hover_black:hover{background-color:#333 !important; color: #fff !important;}
.hover_brown:hover{background-color:#ebd295 !important; color: #fff !important;}
.teacher_img li.last_li_more:hover i{color: #fff;}
.teacher_img li.last_li_more:hover p{color: #fff;}
.teacher_img li .teacher_figure:hover .teacher_introduce{ transform: scale(1); opacity: 1;}



/* 右下角 */
.pc_fixed_box{width: 90px; position: fixed; right:10px; bottom:200px;z-index: 1000; font-size: 14px;}
.pc_fixed_box li{width:100%; height:auto; padding:10px; text-align: center; cursor: pointer; position: relative;}
.pc_fixed_box li i{font-size: 34px; line-height: 1;}
.pc_fixed_box li a{display: block;}
.pc_fixed_box li:nth-child(1){border-radius: 10px 10px 0 0;}
.pc_fixed_box li:last-child{line-height: 0.8; padding: 5px; border-radius: 0 0 10px 10px;}
.pc_fixed_box li .fixed_bounced{display: none; width: 150px; height: auto; padding:15px; position: absolute; right: 90px; top:0;}
.pc_fixed_box li .fixed_bounced .fixed_qq_garden{padding:20px 0; display: block;}
.pc_fixed_box li .fixed_bounced .phone_watch img{width:auto; height: auto;}
/* 颜色变化 */
.pc_fixed_box li{background-color: #2567f4;}
.pc_fixed_box li i{ color: #fff;}
.pc_fixed_box li p{ color: #fff;}
.pc_fixed_box li .fixed_bounced{background-color: #2758c1;}
.pc_fixed_box li .fixed_bounced p{color: #fff;}
.pc_fixed_box li:hover{background-color: #2758c1;}
.pc_fixed_box li:hover .fixed_bounced{display: block;}




@media screen and (max-width: 1439px) and (min-width: 1200px){
.min-w {  width: 1200px; margin: 0 auto;}
.teacher_img li{height: 340px;}
}


@media screen and (max-width: 1199px){
body{font-size: 14px; line-height:1.6;}
.min-w {width: 1000px;margin: 0 auto;}
.teacher_img li{height: 300px;}
.teacher_about .f-l{width: 50%;}
.teacher_about_img li span{width: 90px; height: 90px;}
.teacher_about_img li.last_li{margin-left: -90px;}
.teacher_title h2{font-size: 40px;}
.teacher_title span{font-size: 32px;}
.teacher_introduce{padding: 10px;}
.teacher_introduce p{-webkit-line-clamp: 9;}
}
	
	
@media screen and (max-width: 999px) and (min-width: 750px){
#footer{display: none;}
.top-head{display: none;}
.content{padding:30px 0;}
body, .min-w {width: 100%; min-width: 100%; font-size: 12px;}
.teacher_title h2{font-size: 36px;}
.teacher_title span{font-size: 28px;}
.teacher_note .teacher_note_nav{font-size: 24px; width: 15%;}
.teacher_note .teacher_note_go{width: 15%;font-size: 24px;}
.teacher_img li{width: 23%; height: auto;}
.teacher_img li.last_li_more{padding:30px 0;}
.teacher_introduce{display: none;}

}

@media screen and (max-width: 750px){
#footer{display: none;}
.top-head{display: none;}
.content{padding:20px 0;}
body, .min-w {width: 100%; min-width: 100%; font-size: 12px;}
.teacher_title h2{font-size: 28px;}
.teacher_title span{font-size: 20px; float: none !important;}
.teacher_about .f-l{width: 100%;}
.teacher_about p{ padding:0 15px;}
.teacher_btn{margin: 20px auto; width: 90%;}
.teacher_about_img li span{width: 25%;}
.teacher_about_img span em{font-size: 20px;}
.teacher_about_img span i{font-size: 12px;}
.teacher_about_img li.last_li{margin-left:0;}
.teacher_introduce{display: none;}

.teacher_note{display: none;}
.teacher_note .teacher_note_nav{font-size: 20px;position: relative; display: block; width: 100%; left: 0; padding-top: 10px;}
.teacher_note .teacher_note_go{display: none;}
.teacher_note .teacher_note_txt{display: block;}
.teacher_img{margin-top: 20px;}
.teacher_img li{width: 32%; height: auto; margin-bottom: 10px;}
.teacher_img li.last_li_more{padding:30px 0;}


/* 悬浮 */
.fixed_box{width: auto; bottom: 100px;}
.fixed_box li:nth-child(1){display: none;}
.fixed_box li:nth-child(2){display: none;}
.fixed_box li i{font-size: 24px; color: #666; line-height: 26px;}
.fixed_box li:nth-child(3){border-radius: 50%; padding: 0; width: 30px; height: 30px;background-color: #fff;border: 1px solid #999;}
}