/*==============初始化样式==============*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font-size:16px;font-family: "微软雅黑"; color: #333;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

/*================          sh             ==================*/


/*	top:152px;*/
	
/**/
.container{width: 1200px; margin: 0 auto;}
.title_text,.title_txt{width:100%; margin: 40px 0;}
.title_text>span,.title_txt>span,.tittle_teacher>span{font-size: 22px;margin-right: 20px;}
.title_text>label,.title_txt>label,.tittle_teacher>label{font-size: 18px;color: #4f4f4f;}
.swiper-container{width: 100%;}
.swiper-slide,.swiper-slide img{height: 455px;width: 100%!important;}
.title_text ul{
	padding: 40px 0;
}
.title_text li{
	width: 25%;
	float: left;
}
.title_text li i img{
	display:inline-block;
	margin-top: 16px;
}
.title_text li i{
	display: block;
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	border: 1px solid #c3c3c3;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: 1s;
	behavior: url(css/ie-css3.htc);
}
.title_text li:hover i{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
.title_text li dl{
	/*clear: both;*/
}
.title_text li dt,.title_text li dd{
	display: block;
	float: left;
}
.title_text li dd{
	width: 60%;
	padding-left: 20px;
	position: relative;
}

.title_text li dd img{
	position: absolute;
	right: -15px;
	top: 20px;
}
.title_text li:last-child dd img{
	display: none;
}
.title_text h3{
	font-size: 18px;
	color: #4f4f4f;
	margin-bottom: 8px;
	margin-top: 10px;
}
.title_text p{
	font-size: 12px;
	color: #797979;
	line-height: 20px;
}
.title_txt ul{
	margin-top: 30px;
}
.title_txt li{
	width: 33.3333333%;
	float: left;
	height: 130px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	padding: 30px;
	position: relative;
	transition: .2s;
}
.title_txt h6{
	font-size: 24px;
	color: #f9b04e;
	font-weight: 400;
	line-height: 70px;
	text-align: center;
}
.title_txt h6 span{
	font-weight: bold;
}
.title_txt li h1{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 400;
	transition: .2s;
}
.title_txt li p{
	font-size: 12px;
	line-height: 20px;
}
.title_txt li div{
	position: absolute;
	top: -1px;
	right: -1px;
	background:#f7b04f;
	transition: .2s;
}
.title_txt li div b{
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	top: 5px;
	right: 7px;
}
.title_txt li:hover{
	box-shadow: 6px 6px 10px #f3f3f3,-6px -6px 10px #f3f3f3 ;
}
.title_txt li:hover h1{
	color: #267fff;
}
.title_txt li:hover div{
	background: #267fff;
}
.teacher_border li{
	display: inline-block;
}
.teacher_border{
	margin-top: 35px;
	border-bottom: 1px solid #77c37e;
	box-sizing: border-box;
	/*height: 42px;*/
	/*overflow: hidden;*/

	
	/*background: rgba(24,24,24,0.2);*/
	transition: .5s;
}
.wb img{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: -1;
	transition: .5s;
}
.pinyu{
	padding: 18px;
}
.pinyu h1{
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	padding: 5px;
	border-bottom: 1px dashed #538858;
}
.pinyu p{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 25px;
	margin-top: 10px;
	text-align: justify;
}
.pinyu p a{
	float: right;
	color: #FFFFFF;
	text-decoration: none;
	
}
.title_jiazhang li:hover .wb img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.title_jiazhang li:hover .wb{
	background: rgba(24,24,24,0.2);
}
/*footer*/


/*aside*/
.side{
	position: fixed;
	z-index: 999;
	right: 0;
	top: 30%;
}
.side li{
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
	background: #FFFFFF;
}
.side  a img{
	margin-bottom: 3px;
}
.side li a{
	display: block;
	padding: 10px;
	font-size: 16px;
	color: #7f7f7f;
	text-align: center;
	position: relative;
}
.aside{
	position: absolute;
	top: 0;
	left: -110%;
	z-index: 10;
	opacity: 0;
	display: none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: .2s;
}
.side li a:hover .aside{
	opacity: 1;	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	display: block;
}
.xiaoxue{
	display: none;
}