@charset "utf-8";

.sub_banner{height: 0;background-size: cover !important;position: relative;padding-bottom: 22%;z-index: 2;}
.sub_left{width: 21.5%;position: relative;z-index: 3;margin-top: -1.2rem;}



.sub_left_title{padding:0.4rem 0 0.45rem 0; font-size: 0.3rem; text-align: center; color: #fff;position: relative;font-weight: normal;background: url(../img/lanbg.png) no-repeat center top;}



.subwrap{}
.sub_menu{position: relative;background: url(../img/lannavbg.png) no-repeat center bottom #ffffff;position:relative; box-shadow:0 0 10px #bcdbd7; padding: 0.2rem; padding-bottom: 0.8rem;}
.sub_menu::before{content:"";width:100%;height:103%;background:#d3ebdf;position:absolute;left:0.1rem;top:0;z-index:-1}
.sub_menu ul{}
.sub_menu li{position: relative;border-bottom: 1px solid #268655;}
.sub_menu ul> li > a{display: block;line-height: 0.6rem;color: #333333;position: relative;z-index: 2; font-size: 0.18rem;padding-left:15px;box-sizing:border-box;background:url(../img/lanicon1.png) no-repeat left center; }
.sub_menu ul> li:hover,.sub_menu ul> li.current{background: #268655;padding-left:0.1rem;transition:.5s}
.sub_menu ul> li:hover>a,.sub_menu ul> li.current>a{background:url(../img/lanicon2.png) no-repeat left center; color: #FFFFFF;}
.sub_menu ul> li.current dl{display:block;}
.sub_menu ul> li dl{display:none;}
.sub_menu ul> li dl dd{position: relative;}
.sub_menu ul> li dl dd a{display: block;position: relative;z-index: 2; margin-left: -0.1rem;line-height: 0.5rem;font-size: 0.18rem;color: #ffffff;box-sizing: border-box;padding-left: 30px;}
.sub_menu ul> li dl dd:hover a,.sub_menu ul> li dl dd.current>a{color:#ffffff;background:#106238;} 








.sub_right{width: 74%;margin-bottom: 0.5rem;margin-top: 0.2rem;background: #FFFFFF;box-sizing: border-box;/* padding: 0.3rem; */  min-height:600px;}
.lanwarp{border-bottom: 1px solid #CCCCCC;margin-bottom: 0.1rem;}
.lanwarp .lan{font-size: 0.24rem;font-weight: bold;color: #268655;border-bottom: 3px solid #268655;padding-bottom: 0.1rem;}
.bread{color: #666666;line-height: 0.3rem; font-size: 0.16rem;margin-top: 0.1rem;}
.bread a{font-size: 0.16rem;color: #666666;}
.page_title{padding: 0 0 0;overflow: hidden;}
.page_title h3{padding: 0.25rem 0;color: #333;font-weight: bold;font-size: 0.26rem;}


.list ul li{box-sizing: border-box;/* border-bottom: 1px solid #d6d6d6; */padding: 0.2rem;background: #f5f5f5;margin: 0.18rem 0;}
.list ul li a h2{width: 75%;font-size: 0.2rem;font-weight: normal;padding-left: 25px;background: url(../img/dot4.png) no-repeat left center;}
.list ul li .date{font-size: 0.18rem;color: #969899;}

.list ul li:hover{background:#268655;}
.list ul li:hover h2{color:#ffffff;background: url(../img/dot3.png) no-repeat left center;}
.list ul li:hover .date{color:#ffffff;}
















/*内容*/

.content_title>h1,
.dp>h1 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

.content_title>p {
	text-align: center;
	color: #888888;
	padding-bottom: 20px;
	border-bottom: 1px dashed #cbbda6;
	margin-bottom: 25px;
}

.cont {
	margin-top: 30px;
	padding-bottom:0.45rem;
	border-bottom:1px solid #d3d3d3;
}


.cont p {
	text-indent: 2em;
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
}
.cont p img{margin:10px auto;text-align: center;display: inherit;}
.cont table p{text-indent:0;}
.cont table{max-width:100%;margin:0.15rem auto;}

.content {
	padding-bottom: 40px;
}

.dp {
	margin-bottom: 80px;
}

.back{position:absolute;font-size:0.16rem;right:0;bottom:0;}
.back img{display:inline-block;padding-right:10px;}
.back a{color: #268655;}
.ye {position:relative;margin-top: 0.3rem;}
.ye p {color: #268655;margin: 15px 0px;font-size: 16px;}
.ye p a {color: #333333;font-size: 0.18rem;}
.ye p a:hover {color: #268655;}












/* 图片 */
.piclist ul li{padding: 0.3rem;box-sizing: border-box;border: 1px solid #dee1ec;margin-bottom: 0.3rem;}
.piclist ul li .pic{width: 27%;height: 2rem;}
.piclist ul li .picright{width: 69%;position: relative;}
.piclist ul li .picright h2{font-size: 0.22rem;width: 100%;}
.piclist ul li .picright .zhai{color: #888888;line-height: 0.3rem;max-height: 0.9rem\0;font-size: 0.14rem;margin-top: 0.2rem;}
.piclist ul li .picright p {position: absolute;bottom: 0;left: 0;width: 100%;}
.piclist ul li .picright p span{float: left;color: #888888;font-size: 0.14rem;}
.piclist ul li .picright p img{float: right;vertical-align: middle;margin-top: 11px}
.piclist ul li:hover{box-shadow: 0 0 15px #cccccc;}



/* 师资 */
.shilist .shi{width: 48.5%;margin-bottom: 0.3rem;height: 3rem;box-sizing: border-box;padding: 0.3rem 0.2rem 0.3rem 0.3rem;border: 1px solid #dee1ec;background: url(../img/szbg2.png) no-repeat right top;}
.shilist .shi .shipic{width: 1.55rem;height: 2.4rem;}
.shilist .shi .shiright{width: 58%;}
.shilist .shi .shiright h2{font-size: 0.26rem;color: #132c90;line-height: 0.4rem;margin-bottom: 0.2rem;}
.shilist .shi .shiright p{color: #333333;font-size: 0.16rem;line-height: 0.32rem;height: 1.28rem;}
.shilist .shi .shiright img{float: right;margin-top: 0.2rem;}
.shilist .shi:hover{box-shadow: 0 0 15px #cccccc;background: url(../img/szbg.png) no-repeat right top;}
.shilist .shi:hover .shiright h2{color: #FFFFFF;}



.jstit{margin-top:0.3rem;margin-bottom:0.3rem;}
.jstit h2{background: #f1f1f1;padding:0.1rem 0.75rem;}
.jstit h2 a{color:#333333;font-size:0.18rem;}
.jstit h2.active{background:#268655}
.jstit h2.active a{color:#ffffff;font-weight:bold;}

.re_tags .m-all_btn{color:#ffffff;background:#268655;padding:0.05rem 0.2rem;border-radius:20px;}
.re_tags li a{font-size:0.2rem;line-height:0.3rem;}

.title04{  display: block;  text-align:left;margin-top:0.3rem;  background:#ecf6f4; }
.title04 b,.title04 strong{font-size:24px; color:#268655 ; margin:0; line-height:60px; padding-left:10px; border-left:3px solid #268655;}

.teacher{ margin:0 auto;  padding:10px 0 0 0 ;overflow:hidden;}
.teacher li{ padding:5px 0; float:left;width:10%;}
.teacher a{ font-size:18px; display:block; line-height:40px; font-style:normal; text-align: left; color:#555;}
.teacher li:hover a{ color:#268655 ;}








@media (max-width:750px){

}



@media screen and (max-width: 1300px){

}

@media screen and (max-width: 1024px){
	.teacher a{ font-size:15px; display:block; line-height:30px; font-style:normal; text-align: left; color:#000; padding:0 10px;}
}
@media screen and (max-width: 960px){
	.sub_left{display: none;}
	.sub_right{width: 100%;}
	.list ul li{padding: 0.2rem 0.1rem;}
	.content{margin: 0 0.1rem;}
	
}

@media screen and (max-width: 670px){
	.list ul li a h2{width: 70%;}
	
	.bread a,.bread{font-size: 14px;}
	
	.piclist ul li{padding:0.15rem ;}
	.piclist ul li .pic{height: 1.4rem;width: 40%;}
	.piclist ul li .picright{width: 55%;}
	.piclist ul li .picright .zhai{display: none;}
	.piclist ul li .picright h2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space: normal;line-height: 1.5;}
	
	.shilist .shi .shiright{width: 50%;}
	.shilist .shi{width: 100%;background-size: 100%;}
	.shilist .shi:hover{background-size: 100%;}
	
	
	.jstit h2{padding:0.1rem 0.3rem;}
	.teacher li{width:33.3%}
	.re_tags .tags_btn{width:10%}
}