﻿@charset "utf-8";
.wrap_content{position: relative;background: #f3f3f3;}
.sub_banner{height: 0;background-size: cover !important;position: relative;padding-bottom: calc(25% - 10px);z-index: 2;}


.sub_left{width: 24%;max-width: 3.8rem; position: relative;z-index: 3;margin-top: 0.4rem;}
.sub_left_title{height: 1.39rem;position: relative;font-weight: normal;background:url(../img/lanbg1.png) no-repeat left top;display: flex;align-items: center;justify-content: center;}
.sub_left_title h2{font-size: 0.28rem;color: #fff;padding-bottom: 0.15rem;}

.subwrap{padding-bottom: 1.6rem;background-color: #FFFFFF;}
.sub_menu{position: relative;margin: 0 0.4rem;margin-top: -2px;}
.sub_menu ul{}
.sub_menu li{position: relative;box-sizing: border-box;border-left: 2px solid #9d0617;}
.sub_menu li::before{display: none; position: absolute;left: -8px;top: 0.3rem; content: "";width: 10px;height: 10px;border-radius: 50%;background-color: #FFFFFF;border: 2px solid #9d0617;}
.sub_menu ul> li > a{display: block;line-height: 0.7rem;color: #333333;position: relative;z-index: 2;font-size: 0.22rem;text-align: center; border-bottom: 1px solid #ddc7ca;margin-left: 0.2rem;}
.sub_menu ul> li:hover,.sub_menu ul> li.current{/* background: #a80101; */}
.sub_menu ul> li:hover>a,.sub_menu ul> li.current>a{color: #a80101;}
.sub_menu ul> li.current>a{color: #a80101;}
.sub_menu ul> li dl dd{position: relative;}
.sub_menu ul> li dl dd a{display: block;position: relative;z-index: 2; text-align: center; 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:#a80101;font-weight:bold;}
.sub_menu li.current::before,.sub_menu li:hover::before{display: block;}
.sub_menu li.current,.sub_menu li:hover{border-left: 2px solid #e9bb55;}






.sub_right{width: 74%;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: #a80101;border-bottom: 3px solid #a80101;padding-bottom: 0.1rem;}
.bread{color: #666666;line-height: 0.3rem; font-size: 0.16rem;margin-top: 0.1rem;padding-left: 25px;background: url(../img/di.png) no-repeat left center;}
.bread a{font-size: 0.16rem;color: #666666;}
.page_title{padding: 0 0 0;overflow: hidden;}
.page_title h3{padding: 0.15rem 0;color: #a80101;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: 17px;background: url(../img/dot.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: 3.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:900px){
	.sub_left{display: none;}
	.sub_right{width: 100%;}
}
@media screen and (max-width:760px){
	.ztjjlist{display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.ztjjlist .ztjjitem{width: 48%;margin-right: 0;}
	.ztjjlist .ztjjitem:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 640px){
.list ul li a h2{padding-left:15px ;}
 .ztjjlist .ztjjitem .txt a{font-size: 0.24rem;}
	.ztjjlist .ztjjitem{width: 100%;}
	.ztjjlist .ztjjitem .pic{height: 50vw;}
}
@media screen and (max-width: 480px){
.list ul li a h2{width: 70%;}
}