@charset "utf-8";
body{
	background-color:#f5f5f5;}
.teacher{
	width:1200px;
	overflow:hidden;
	margin:0 auto;
	margin-top:20px ;
	*margin-top:18px;
	margin-bottom:20px;}
.main{
	float:right;
	width:840px;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
	padding-top:20px;}
.main .title{
	font-size:16px;
	line-height:48px;
	color:#a6150a;
	border-bottom:1px solid #dedede;
	margin-bottom:20px;}
.main .title h1{
	float:left;
	font-size:20px;
	line-height:60px;}
.main .title ul{
	float:right;}
.main .title ul li{
	float:left;
	color:#999;}
.main .title ul li a{
	font-size:14px;
	line-height:60px;
	color:#666666;
	margin-right:10px;
	margin-left:10px;}
.main .title ul li a:hover{
	color:#a6150a;}
.main .content{
	border-bottom:1px solid #dedede;}
.main .content li{
	float:left;
	width:160px;
	margin-right:8px;
	background-color:#f5f5f5;
	overflow:hidden;
	margin-bottom:20px;}
.main .content li .pic{
	width:100%;
	overflow:hidden;
	height:180px;
	border-bottom:1px solid #dedede;}
.main .content li .pic img{
	display:block;
	width:100%;
    height: 180px;
}
.main .content li h1{
	font-size:16px;
	line-height:40px;
        height:40px;
	color:#333;
        overflow:hidden;
	text-align:center;}
.main .content li h2{
	font-size:14px;
	line-height:26px;
	color:#999999;
	margin-left:30px;}
.main .content li:hover h1,.main .content li:hover h2{
	color:#a6150a;}
.main .page{
	padding-top:20px;
	padding-bottom:60px;
	margin:0 auto;
	position:relative;
	width:240px;}
.main .page li{
	float:left;
	width:38px;
	border:1px solid #dedede;
	margin-left:3px;
	margin-right:3px;
	box-shadow:none;
	background:;
	line-height:28px;
	font-size:12px;
	text-align:center;
	cursor:pointer;}
.main .page li:hover{
	background:#a4160a;
	color:#fff;}
.main .page li:active{
	background:#a4160a;
	color:#fff;}
.tel-more{
	width:80%;
	display:none;
	margin:0 auto;
	background-color:#a90904;
	margin-bottom:.1rem;}
.tel-more a{
	display:block;
	text-align:center;
	line-height:.3rem;
	font-size:.12rem;
	color:#fff;}