@charset "utf-8";
.wrap_content{position: relative;background: #fffdf7;background-image: linear-gradient(#ffffff, #ffffff);background: #fffdf6;}
.sub_banner{height: 0;background-size: cover !important;position: relative;padding-bottom: calc(25% - 10px);z-index: 2;}


.sub_left{width: 20%;position: relative;z-index: 3;margin-top: 0.4rem;}
.sub_left_title{padding-left:0.3rem;height: 1rem;font-size: 0.28rem;line-height: 1rem;color: #fff;position: relative;font-weight: normal;background: #0590d7;}


.subwrap{padding-bottom: 1.6rem;border: 1px solid #F4F4F4;}
.sub_menu{position: relative;}
.sub_menu ul{}
.sub_menu li{position: relative;border-bottom: 1px solid #CCCCCC;/* padding-left: 0.3rem; */box-sizing: border-box;}
.sub_menu ul> li > a{display: block;line-height: 0.7rem;color: #333333;position: relative;z-index: 2;font-size: 0.2rem;padding-left: 0.3rem;/* margin-right: 0.15rem; */}
.sub_menu ul> li:hover,.sub_menu ul> li.current{/* background: #0590d7; */}
.sub_menu ul> li:hover>a,.sub_menu ul> li.current>a{background: #0590d7;color: #FFFFFF;}
.sub_menu ul> li.current>a{color: #FFFFFF;}
.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.15rem;line-height: 0.5rem;font-size: 0.18rem;color: #333333;box-sizing: border-box;padding-left: 30px;}
.sub_menu ul> li dl dd.current a{color:#0590d7;font-weight:bold;}








.sub_right{width: 78%;margin-bottom: 0.5rem;margin-top: 0.4rem;background: #FFFFFF;box-sizing: border-box;padding: 0.3rem;}
.lanwarp{border-bottom: 1px solid #CCCCCC;margin-bottom: 0.1rem;}
.lanwarp .lan{font-size: 0.26rem;font-weight: bold;color: #0590d7;border-bottom: 3px solid #0590d7;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.15rem 0;color: #0590d7;font-weight: bold;font-size: 0.22rem;border-bottom:1px solid #cccccc;}


.list ul li{box-sizing: border-box;border-bottom: 1px solid #d6d6d6;padding: 0.2rem 0;}
.list ul li a h2{width: 75%;font-size: 0.18rem;padding-left: 20px;background: url(../img/dot1.png) no-repeat left center;}
.list ul li .date{font-size: 0.18rem;color: #969899;}

.list ul li:hover{}

	




/*内容*/
.content{margin-right: 0.3rem;}
.content_title>h1,
.dp>h1 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
	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;
}


.cont p {
	
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
}
.cont p img{margin:10px auto;text-align: center;display: inherit;}
.fen {
	background: #eeeeee;
	height: 45px;
	margin: 20px 0px;
	overflow: hidden;
}

.fen .popup_renren {
	background-position: 1px -208px;
}

.fen .popup_tqq {
	background-position: 1px -260px;
}

.ye {
	margin-top: 40px
}

.ye p {
	color: #747474;
	margin: 15px 0px;
	font-size: 16px;
}

.ye p a {
	color: #747474;
	font-size: 16px;
}

.ye p a:hover {
	color: #e06a3c;
}


.content {
	padding-bottom: 40px;
}

.dp {
	margin-bottom: 80px;
}


/* 图片 */
.ztjjlist{margin-top: 0.4rem;}
.ztjjlist .ztjjitem{float: left;width: 31%;margin-right: 2.3%;margin-bottom: 0.3rem;}
.ztjjlist .ztjjitem:nth-child(3n){margin-right: 0;}
.ztjjlist .ztjjitem .pic{height: 2.5rem;}
.ztjjlist .ztjjitem .txt {font-size: 0.18rem;line-height: 0.3rem;padding: 0.1rem;box-sizing: border-box; background-color: #fdf4e1;}

/*师资*/
.sz1{margin-top:0.2rem;}
.shi{background:#ecf3f9;margin-top:0.2rem;}
.shi ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.shi ul li{
	width: 11%;
    height: 0.4rem;
    margin: 0.15rem 0;
    text-align: center;
	margin-right:1.5%;
}
.shi ul li a{
	font-size: 0.18rem;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-direction: column;
	justify-content: center;
}

.shiwrap .shi ul li{width:48.5%;height: 0.5rem;}




@media screen and (max-width: 1024px){
	
}

@media screen and (max-width: 960px){
	.sub_left{display: none;}
	.sub_right{width: 100%;}
	.sub_right .page_content{padding: 0.1rem;}
	.content{margin: 0 0.1rem;}
	.sub_right{padding: 0;}
}

@media screen and (max-width: 640px){
	.ztjjlist .ztjjitem{width: 100%;}
	.ztjjlist .ztjjitem .pic{height: 50vw;}
}