/*for AP page*/
.teacher_map_bg{
	background: url(../../images/teacher_map_bg.png) no-repeat center 290px;
}
.teacher_flex{
	margin-top: 30px;
	width: 1020px;
	margin-left: -20px;
}
.teacher_flex_item{
	float: left;
	width: 490px;
	height: 270px;
	background: #fff;
	margin: 0 0 20px 20px;
	box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.t_item_head{
	height: 72px;
	position: relative;
}
.t_item_head img{
	display: block;
	width: 75px;
	height: auto;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -37px;
}
.t_item_head.head1{
	background: #FFF2E2;
}
.t_item_head.head2{
	background: #E1F7F4;
}
.t_item_head.head3{
	background: #FFE8EE;
}
.t_item_head.head4{
	background: #E1F6FB;
}
.t_item_con{
	padding: 40px 45px 0;
	color: #666;
}
.t_item_con h4{
	line-height: 30px;
	font-size: 16px;
	text-align: center;
}
.t_item_con h4.t1{
    color: #FFA931;
}
.t_item_con h4.t2{
    color: #12D5BC;
}
.t_item_con h4.t3{
    color: #FF7395;
}
.t_item_con h4.t4{
    color: #10BFE7;
}
.t_item_con p{
	color: #999;
}
.teachers{
	
}
.teachers_fl .teacher_item,.teachers_fr .teacher_item{
	width: 250px;
	height: 250px;
	position: relative;
	background: #fff;
	margin: 0;
}
.teachers_fl .teacher_item{
	float: left;
}
.teachers_fr .teacher_item{
	float: right;
}
.teacher_item img{
	display: block;
	width: 100%;
	height: auto;
}
.teachers_fl .teacher_item span,.teachers_fr .teacher_item span{
	display: block;
    width: 0;
    height: 0;
    border-width: 20px;
    position: absolute;
    top: 130px;
}
.teachers_fl .teacher_item span{
	left: -40px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
}
.teachers_fr .teacher_item span{
	right: -40px;
    border-style: dashed dashed dashed solid ;
    border-color: transparent transparent transparent #fff;
}
.teacher_item_txt{
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px;
	left: 0;
	top: 15px;
	/*transform:translate(0,-50%);*/
}
.teacher_item_txt h4{
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.teacher_item_txt h4 em{
	font-style: normal;
	display: block;
	font-weight: bold;
}
.teacher_item_txt p{
	color: #999;
}
.teacher_item_txt p.dian{
	padding-left: 10px;
	background: url(../../images/dian.png) no-repeat 0 5px;
}
.more_tips{
	margin-top: 30px;
	font-size: 16px;
	color: #999;
	line-height: 1;
	text-align: center;
}
.join_us_bg{
	height: 220px;
	background: url(../../images/teacher_join_bg.jpg) no-repeat center 0;
}
.join_us_txt{
	padding-top: 50px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.join_us_btn{
	display: block;
	width: 450px;
	height: 50px;
	background:#fff;
	text-align: center;
	font-size: 16px;
	color: #006699;
	border-radius: 25px;
	margin: 25px auto 0;
	line-height: 50px;
}
.t_item_con p.t_subtitle{
	text-align: center;
	margin: 0 0 10px;
	color: #333;
}











@media (max-width: 1023px){


}
@media (min-width: 768px) and (max-width: 1023px){
	.teacher_flex{
		width: 100%;
		margin: 30px 0 0;
	}
	.teacher_flex_item{
		width: 49%;
		margin: 0 0 20px 2%;
		height: 290px;
	}
	.teacher_flex_item:nth-child(odd){
		margin-left: 0;
	}
	.teachers_fl .teacher_item, .teachers_fr .teacher_item{
		width: 25%;
		overflow:hidden;
	}
	.teacher_item_txt{
		padding: 0 10px;
	}
	.teacher_item_txt h4{
		font-size: 14px;
	}
	.teacher_item img{
		position: relative;
		height: 100%;
		width: auto;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);

	}
}
@media (max-width: 767px){
	.teacher_flex{
		margin-top: 20px;
		width: 100%;
		margin-left: 0;
	}
	.teacher_flex_item{
		width: 100%;
		float: none;
		margin: 0 0 10px;
		height: auto;
	}
	.t_item_con{
		padding: 30px 20px;
	}
	.t_item_head{
		height: 52px;
	}
	.teachers_fl .teacher_item, .teachers_fr .teacher_item{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.teacher_item_txt{
		padding: 10px 0 0;
		position: initial;
		max-width: 300px;
		margin: 0 auto;
		transform: none;
	}
	.more_tips{
		font-size: 12px;
		margin-top: 10px;
	}
	.teacher_item img{
		max-width: 300px;
		margin: 20px auto 0;
	}
	.teachers_fr .teacher_item,.teachers_fl .teacher_item{
		float: none;
		height: auto;
		overflow:hidden;
	}
	.teachers_fl .teacher_item span, .teachers_fr .teacher_item span{
		display: none;
	}
	.teacher_item_txt p.dian{
		background: url(../../images/dian.png) no-repeat 0 7px;
	}
	.last_teacher_item{
		padding-bottom: 20px;
	}
	.join_us_txt{
		padding-top: 30px;
		font-size: 14px;
	}
	.join_us_btn{
		width: 80%;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		margin: 15px auto 0;
	}
	.join_us_bg{
		height: 180px;
	}
}

@media (min-width: 768px) and (max-width: 1024px){
	
}
@media (min-width: 480px) and (max-width: 768px){
	
}
@media (max-width: 480px){
	
}