@charset "utf-8";

/*内页头部*/



.homewp{background: #f3f8ff url(../img/nybodybg.png) no-repeat center bottom;position: relative;padding-bottom: 1rem;}







.sub_banner{height: 0;background-size: cover !important;position: relative;padding-bottom: 34%;z-index: 2;}


.sub_left{width: 21.5%;position: relative;z-index: 3;margin-top: -0.8rem;}
.sub_left_title{height:1.8rem;display: flex;align-items: center;font-size: 0.36rem; text-align:center;color: #fff;position: relative;font-weight: bold;background:url(../img/lanbg1.png) no-repeat center ;justify-content: center;}




.subwrap{border-left: 8px solid #00479d;}
.sub_menu{position: relative;background: url(../img/lanbg2.png) no-repeat center bottom #FFFFFF;padding-bottom: 1.6rem;}
.sub_menu ul{}
.sub_menu li{position: relative;box-sizing: border-box;}
.sub_menu ul> li:last-child a{border-bottom: none;}
.sub_menu ul> li > a{display: block;line-height: 0.6rem;color: #333333;text-align: center; position: relative;z-index: 2;font-size: 0.2rem;border-bottom: 1px solid #94bceb;margin: 0 0.2rem;}
.sub_menu ul> li:hover,.sub_menu ul> li.current{background: #00479d;}
.sub_menu ul> li:hover>a,.sub_menu ul> li.current>a{color: #FFFFFF;border-bottom: 1px solid #00479d;}
/* .sub_menu ul> li.current>a::before,.sub_menu ul> li:hover>a::before{content:"";width:10px;height:100%;background:#d73333;position:absolute;top:0;left:-0.1rem;} */
.sub_menu ul> li dl dd{position: relative;padding-left:0.15rem;}
.sub_menu ul> li dl dd a{display: block;position: relative;z-index: 2; line-height: 0.36rem;font-size: 0.16rem;box-sizing: border-box;color:#ffffff;text-align: center;}
.sub_menu ul> li dl dd.act a,.sub_menu ul> li dl dd:hover a{color:#00479d;font-weight:bold;}
.sub_menu ul> li dl{display:none;}
.sub_menu ul> li.current dl{display:block;}







.sub_right{width: 75%;box-sizing: border-box;z-index: 2;position: relative;margin-top: 0.3rem;}
.sub_right2{width: 68.5%;}

.lanwarp{margin-bottom: 0.1rem;padding-bottom: 0.2rem;position: relative;}
.lanwarp .lan{color: #00479d;}
.lanwarp .lan h2{font-weight: bold;font-size: 0.32rem;}
.bread{color: #00479d;line-height: 0.38rem;font-size: 0.16rem;position: absolute;right: 0;bottom: 0.1rem;}
.bread a{font-size: 0.16rem;color: #00479d;}
.page_title{padding: 0 0 0;overflow: hidden;}
.page_title h3{padding: 0.25rem 0;color: #333;font-weight: bold;font-size: 0.26rem;}
.rightwrap{background: #FFFFFF;box-shadow: 0 0 10px #E5E5E5;padding: 0.3rem 0.7rem;padding-bottom: 1rem;}

.list ul li{box-sizing: border-box;padding: 0.33rem 0 ;position: relative;z-index: 5; border-bottom: 1px dashed #bacde5;}
.list ul li::before{content: "";display: none; width:calc(100% + 1.4rem) ;height: 100%;background-image: url(../img/lanbg5.png);background-size: contain;background-position: 80% bottom;background-repeat: no-repeat;  background-color: #00479D;position: absolute;left: -0.7rem;top: 0;z-index: 0;}
.list ul li::after{content: "";width: 0.5rem;height: 0.5rem;background: url(../img/lanbg3.png) no-repeat  center;background-size: contain; position: absolute;right: 0;top: 0.35rem;z-index: 5;}
.list ul li .listtit{width: 87%;position: relative;z-index: 5;}
.list ul li a h2{font-size: 0.18rem;font-weight: bold;padding-left: 20px;background: url(../img/dot1.png) no-repeat left center;}
.list ul li .date{color: #00479d;margin-top: 0.15rem;position: relative;z-index: 5;padding-left: 25px;background: url(../img/date.png) no-repeat left center;}

.list ul li:hover{background:background: url(../img/lanbg4.png) no-repeat right center;}
.list ul li:hover h2{color: #FFFFFF;background: url(../img/dot2.png) no-repeat left center;}
.list ul li:hover .date{color: #FFFFFF;background: url(../img/date2.png) no-repeat left center;}
.list ul li:hover::before{display: block;}
.list ul li:hover::after{background: url(../img/lanbg4.png) no-repeat  center;background-size: contain; }








/* 师资列表 */
.shi ul li{box-sizing: border-box;width: 48%;margin-bottom: 0.3rem; padding: 0.3rem;background: url(../img/shibg.png) no-repeat right bottom #e5f1ff;}
.shi ul li .pic .bgimg{height: 1.6rem;}
.shi ul li .pic{width: 27%;}
.shi ul li .pictit{width: 65%;}
.shi ul li .pictit h2{font-size: 0.18rem;font-weight: bold;padding-left: 20px;background: url(../img/dot3.png) no-repeat left center;line-height: 0.4rem;margin-top: 0.2rem;}
.shi ul li .pictit .date img{display: inline-block;vertical-align: middle;padding-right: 10px;}
.shi ul li .pictit .date{font-weight: bold;color: #00479d;}


/* 师资列表2说 */
.shidiv{margin-bottom: 0.35rem;}
.shidiv .shitit{height: 0.6rem;background: url(../img/shibg3.png) no-repeat right center;margin-bottom: 0.2rem;}
.shidiv .shitit h2{height: 0.6rem;background: url(../img/shibg2.png) no-repeat left center;color: #00479d;font-size: 0.2rem;font-weight: bold;line-height: 0.6rem;}
.shidiv .shitit h2 img{display: inline-block;vertical-align: middle;padding-right: 0.1rem;padding-left: 0.2rem;}
.shidiv ul li{width: 20%;margin-bottom: 0.2rem;padding-left: 0.2rem;box-sizing: border-box;}
.shidiv ul li a{display: block;font-weight: bold;font-size: 0.18rem;padding-left: 0.2rem;background: url(../img/dot1.png) no-repeat left center;}


/*内容*/
.content{/* margin-right: 0.3rem; */}
.content_title>h1,
.dp>h1 {
	font-size: 0.24rem;
	font-weight: bold;
	text-align: center;
	padding: 0.2rem 0;
	margin-top: 0.3rem;
}

.content_title>p {
	text-align: center;
	color: #888888;
	background-color: #f3f3f3;
	padding: 0.15rem 0;
}

.cont {
	margin-top: 0.2rem;
	
}
.cont iframe{max-width:100%;}

.cont p,.cont p span {
	
line-height: 30px;
	
/* font-size: 18px; */
	
margin-top: 10px;
	
text-align: justify;
}
.cont p span{/* font-size:18px; */}
.cont p img{margin:10px auto;text-align: center;}



.ye {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #CCCCCC;
	position: relative;
}

.ye p {
	margin-top: 10px;
	font-size: 16px;
}

.ye p a {
	
	font-size: 16px;
text-decoration:none;

}

.ye p a:hover {
	color: #00479D;
}


.content {
	padding-bottom: 40px;
}

.dp {
	margin-bottom: 80px;
}
.back{position: absolute;right: 0;bottom: 0;padding:0.1rem 0.15rem;border-radius: 10px;}
.back img{display: inline-block;padding-right: 15px;}
.back a{color: #00479D;}







/* 图片 */
.ztjjlist{margin-top: 0.4rem;}
.ztjjlist .ztjjitem{float: left;width: 23%;margin-right: 2.5%;margin-bottom: 0.3rem;}
.ztjjlist1 .ztjjitem:nth-child(4n){margin-right: 0;}
.ztjjlist .ztjjitem .pic{height: 1.8rem;padding: 0.1rem;border: 1px solid #cccccc;}
.ztjjlist .ztjjitem .txt {line-height: 0.3rem;padding: 0.1rem;font-weight: bold;box-sizing: border-box;/* background-color: #fdf4e1; */text-align: center;}
.ztjjlist .ztjjitem .txt a{font-size: 0.18rem;}

.ztjjlist2 .ztjjitem{width:31.3%;margin-right:3%;display: block !important;}
.ztjjlist2 .ztjjitem .pic{height:2.5rem;}
.ztjjlist2 .ztjjitem:nth-child(3n){margin-right:0;}
.ztjjlist2 .ztjjitem .pic img{width:100%;height:100%;}






/*图文列表*/
.xb-list{margin-top: 0.2rem;}
.xb-list ul li{position: relative;padding: 0.3rem 0;border-bottom: 1px dashed #dfdfdf;}
.xblist-oli{box-sizing: border-box;}
.xblist-pic {width: 33%;height: 2rem; overflow: hidden;}
.xblist-pic a,.xblist-pic span{ display: block;width: 100%;height: 100%;}

.xblist-title{width: 60%;}
.date{font-family:'Cochin';font-weight: bold;}
.xblist-title .date{margin-top: 0.1rem;}
.xblist-title .date  em{font-size: 0.36rem;color: #007a3f;font-weight: bold;}
.xblist-title .date span{font-size: 0.16rem;color: #999999;}
.xblist-title a{display: block;}
.xblist-title h2{font-size: 0.2rem;font-weight: bold;line-height: 0.33rem;margin-bottom: 0.1rem;margin-top: 0.15rem;}
.xblist-title div{ color: #999999;font-size: 0.16rem; line-height: 0.3rem;text-align: justify;}
.xb-list ul li:hover{background: #007a3f;padding: 0.3rem;box-sizing: border-box;border-left: 3px solid #dec28e;}
.xb-list ul li:hover h2,.xb-list ul li:hover div,.xb-list ul li:hover em,.xb-list ul li:hover span{color: #FFFFFF;}


















@media screen and (max-width: 1024px){
	
	.shidiv ul li{width: 25%;}
	
	
}

@media screen and (max-width: 960px){
	.sub_left{display: none;}
	.sub_right{width: 100%;}
	.rightwrap{padding: 0.2rem;padding-bottom: 2.5rem;overflow: hidden;}
	/* .list ul li{overflow: hidden;} */

	.shi ul li .pic{width: 40%;}
	.shi ul li .pictit{width: 55%;}
	
	
}

@media screen and (max-width: 640px){
	.list ul li::after{display: none;}
	.list ul li .listtit{width: 100%;}
	.bread{position: static;width: 100%;}
	.back{position: static;width: 100%;margin-top: 0.1rem;}
     .shi ul li{width: 100%}
	 .shi ul li .pic{width: 35%;}
	 .shi ul li .pic .bgimg{height:2rem;}
	 .shi ul li .pictit{width: 60%;}
	 
	 .shidiv ul li{width: 50%;}
}

@media screen and (max-width: 480px){
     .shi ul li .pic{width:40%;}
	    .shi ul li .pictit{width: 55%;}
	   .shi ul li{padding: 0.3rem 0.2rem;}
	
}