@charset "utf-8";

.sub_banner{height: 0;background-size: cover !important;position: relative;padding-bottom: calc(25% - 10px);z-index: 2;max-width:16rem;}

.sub_left{width: 20%;position: relative;z-index: 3;margin-top: 0.4rem;}
.sub_left_title{padding:0.4rem 0 0.25rem 0; font-size: 0.34rem; text-align: center; color: #FFFFFF;position: relative;font-weight: normal;background: #007ab8;}




.sub_menu{/* padding: 0 0.2rem; */background: #FFFFFF;position: relative;border: 1px solid  #007ab8;}
.sub_menu ul{}
.sub_menu li{position: relative;border-top: 1px solid #2a8dbf;/* padding-left: 0.2rem; */}
.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.2rem;}
.sub_menu ul> li > a.current::after,.sub_menu ul> li > a span::after{content: "";position: absolute;width: 100%;left: 0;top: 0;height: 0.7rem;background: #007ab8;z-index: -1;}
.sub_menu ul> li > a span::after,.sub_menu ul> li dl dd::after{display: none;}
.sub_menu ul> li:hover > a span::after{display: block;}
.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::after,.sub_menu ul> li dl dd::after{content: "";position: absolute;width: 100%;height: 0.5rem;background: #1a8cc6;left: 0;top: 0;z-index: 0;}
.sub_menu ul> li dl dd:hover::after,.sub_menu ul> li dl dd.current::after{display: block;}
.sub_menu ul> li:hover > a,.sub_menu ul> li > a.current,.sub_menu ul> li dl dd.current a,.sub_menu ul> li dl dd:hover a{color: #FFFFFF;}
.sub_nav{border: 1px solid #d5d5d5;margin-top: 0.25rem;}

.sub_menu ul> li dl{display:none;}
.sub_menu ul> li.current dl{display:block;}







.sub_right{width: 75%;margin-bottom: 0.5rem;margin-top:0.4rem;}
.lanwarp{border-bottom: 1px solid #acc1d2;margin-bottom: 0.2rem;}
.lanwarp .lan{font-size: 0.2rem;font-weight: bold;color: #007ab8;border-bottom: 3px solid #007ab8;}
.bread{color: #666666;line-height: 0.4rem; font-size: 0.14rem;}
.bread a{font-size: 0.12rem;color: #666666;}


.page_title{padding: 0 0 0;overflow: hidden;}
.page_title h3{padding: 0 0.2rem;color: #ffffff;font-weight: bold;background: #007ab8;font-size: 0.2rem;line-height: 0.5rem;}


.list ul li{box-sizing: border-box;padding: 0.3rem 0.4rem;border: 1px solid #dee1ec;margin-bottom: 0.3rem;}
.list ul li .date{border: 1px solid #007ab8;text-align: center;width: 0.85rem;height: 0.85rem;}
.list ul li .date p{color: #007ab8;font-size: 0.34rem;line-height: 0.45rem;}
.list ul li .date span{background: #007ab8;color: #ffffff;font-size: 0.18rem;display: block;line-height: 0.4rem;}
.list .date_right{width: 87%;}
.list .date_right h2{font-size:0.2rem ;width: 100%;}
.list .date_right .zhai{font-size:0.14rem ;color: #9a9a9a;line-height: 0.25rem;max-height: 0.5rem\0;margin-top: 0.1rem;}
.list ul li:hover{box-shadow: 0 0 15px #cccccc;}




















/*内容*/
.content{margin-right: 0.3rem;}
.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;
}


.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.2rem;}
.ztjjlist .ztjjitem .txt {font-size: 0.18rem;line-height: 0.3rem;padding: 0.1rem;box-sizing: border-box; background-color: #fdf4e1;}












/*师资*/
.sz1{margin-bottom:0.3rem;}
.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;
}












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

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

@media screen and (max-width: 960px){
	.sub_left{display: none;}
	.sub_right{width: 100%;}
	.list ul li{padding: 0.2rem;}
	.content{margin: 0 0.1rem;}
}

@media screen and (max-width: 670px){
	.list .date_right{width: 75%;}
	.list ul li .date{width: 0.7rem;height: 0.7rem;}
	.list ul li .date p{line-height: 0.4rem;}
	.list ul li .date span{line-height: 0.3rem;}
	
	.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%;}
	
	
	.ztjjlist .ztjjitem{width: 100%;}
	.ztjjlist .ztjjitem .pic{height: 50vw;}
}