@charset "utf-8";

/* 列表banner 开始 */
.list_banner {width: 100%;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.list_banner img {margin: 0 auto;display: block;min-width: 1216px;width: 100%;}
/* 列表banner 结束 */


/* 列表主体 开始 */
.list_box{background: url(../images25/pic_list_logo.jpg) no-repeat -0.2rem 0.2rem;}
.list_box_main{background: url(../images25/bg_list_nr.jpg) no-repeat bottom center;min-height:10rem;}
.list_main{width:14rem;margin: 0 auto;}
.list_left_nav{width: 2.38rem;float: left;position: relative;}
.list_left_lm{width: 100%;height: 0.82rem;line-height:0.82rem;background: rgb(8, 53, 131 ,0.9);position: absolute;top: -0.82rem;left: 0;font-size: 0.28rem; color: #fff;text-align: center;}

.list_left_nav .change{padding-bottom: 1rem;box-shadow: 0px 8px 8px #ddd;}
.list_left_nav ul{list-style: none;background:#fff;}
.list_left_nav>ul{padding-top: 0.2rem;}
.list_left_nav>ul li{width:100%;text-align: center;color:#333;}
.list_left_nav>ul>li{font-size: 0.24rem;color:#333 ;border-bottom: 1px solid #dcdcdc;}
.list_left_nav>ul>li a{color: #333;padding:0 0.24rem;font-size:0.2rem; display: block;line-height:0.58rem;position: relative;}
.list_left_nav ul li .inactive{background-image: url(../images25/icon_listjia.png);background-repeat: no-repeat;background-position: 1.9rem center;background-size: 0.09rem;}
.list_left_nav ul li .inactives{background-image:url(../images25/icon_listjian.png);background-repeat: no-repeat;background-position: 1.9rem center;background-size: 0.09rem;} 
.list_left_nav ul li ul{display: none;}
.list_left_nav>ul>li>ul>li a{font-size:0.16rem;}
.list_left_nav>ul>li>ul>li>ul>li a{font-size:0.14rem;}

.list_left_nav>ul li.on>ul{display:block;}
.list_left_nav>ul li a.on,.list_left_nav>ul li a:hover{background-color:#083583;color:#fff;}
.list_left_nav ul li .on.inactive{background: url(../images25/icon_listjia_on.png) no-repeat 1.9rem center #083583;}
.list_left_nav ul li .on.inactives{background:url(../images25/icon_listjian_on.png) no-repeat 1.9rem center #083583;}


.list_right{width:11rem; float: right;    padding-bottom: 1rem;}
.list_right .lnmc{position: relative;padding-left:0.12rem;height: 0.6rem; line-height: 0.6rem;font-size: 0.24rem;border-bottom:1px solid #b4c2da;margin-top:0.22rem;}
.list_right .lnmc::before{content:"";position:absolute;top: 50%;margin-top: -0.07rem;left: 0;z-index: 1;width: 0.02rem;height: 0.15rem;background:#083583;} 
.list_right .lnmc span{position: absolute;right: 0; top: 0;font-size: 0.16rem;text-align: right;color:#777777;}
.list_right .lnmc span a{font-size:0.16rem;color:#777777;}
.list_right .lnmc span a:hover{color:#083583;}
.list_right .lnmc span i{font-size:0.16rem;font-style:inherit;margin:0 0.01rem;}
.right_list{margin-top:0.3rem;}
.right_list li{position:relative;width:100%;padding:0 0.4rem 0 1.8rem;height:1rem;margin-bottom:0.26rem;background:#fff;box-shadow:0px 8px 8px #ddd;border-top:0.01rem solid #b4c2da;transition: 0.4s;}
.right_list li a p.bt{font-size:0.2rem;color:#333333;line-height:1rem;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.right_list li a span.sj{position:absolute;width: 1rem;height: 0.64rem;top: 0.2rem;left:0.3rem;line-height:1.4;text-align:center;z-index: 3;border-right:0.01rem solid #fff;}
.right_list li a span.sj .p1{font-size: 0.3rem;color:#083583;font-weight:bold;}
.right_list li a span.sj .p2{font-size: 0.12rem;color:#083583;}
.right_list li a i{position:absolute;right:0.27rem;color:#fff;top:0;font-size:0.2rem;display;text-align;center;line-height:1rem;font-style:inherit;}
.right_list li:hover{background:#083583;border-radius: 0.1rem;transition: 0.4s;}
.right_list li:hover a p.bt,.right_list li:hover a span.sj p{color:#fff;}
.right_list li:hover a i{display:block;color:#fff;}

/* 图片列表页 开始*/
.right_list_tp{margin-top:0.3rem;}
.right_list_tp li{position:relative;width:100%;padding:0.3rem 0.5rem 0 3.47rem;height:1.8rem;margin-bottom:0.26rem;background:#fff;box-shadow:0px 8px 8px #ddd;transition: 0.4s;}
.right_list_tp li a p.bt{font-size:0.2rem;color:#333333;height:0.64rem;line-height:0.32rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: bold;}
.right_list_tp li a p.zy{margin-top:0.1rem;font-size:0.16rem;color:#a9a9a9;line-height:0.24rem;height:0.48rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.right_list_tp li a span.sj{position:absolute;width: 0.76rem;height:0.76rem;top:50%;margin-top: -0.38rem;left:2.3rem;line-height:1.4;tpadding-top:0.08rem;text-align:center;z-index: 3;background:#fff;border-radius:0.08rem;box-shadow: 1px 1px 10px #eee;transition:0.4s;}
.right_list_tp li a span.sj .p1{font-size: 0.3rem;color:#55554c;}
.right_list_tp li a span.sj .p2{font-size: 0.12rem;color:#999897;}
.right_list_tp li a span.pic {width:2.45rem;height:1.8rem;position: absolute;left: 0;top:0rem;overflow: hidden;display: block;}
.right_list_tp li a span.pic img{width: 100%;min-height: 1.8rem;transition: 0.4s;    object-fit: cover;}

.right_list_tp li:hover{background:#083583;transition: 0.4s;}
.right_list_tp li:hover span.sj{background:#083583;box-shadow: 1px 1px 10px #333;}
.right_list_tp li:hover a p.bt,.right_list_tp li:hover a span.sj p{color:#fff;}
.right_list_tp li:hover a p.zy{color:#aab3d1}
.right_list_tp li:hover a span.pic img{transform: scale(1.05);transition: 0.4s;}
/* 图片列表页 结束*/


/* 教师列表 开始 */
.right_list_teacher{margin:0.3rem -0.275rem 0 -0.275rem;}
.right_list_teacher li{width:1.76rem;float: left;margin:0 0.275rem;}
.right_list_teacher li a{display: block;height: 3.46rem;margin:0 auto 0.5rem auto;box-shadow:0px 8px 8px #ddd;border-radius:0.05rem;background:#fff;}
.right_list_teacher li a span.pic{width: 100%;height:2.3rem;overflow: hidden;display:block;}
.right_list_teacher li a span.pic img{width: 100%;min-height:2.3rem;transition: 0.4s;}
.right_list_teacher li a span.wz{color:#333333;text-align:center;}
.right_list_teacher li a span.wz p.xm{font-size:0.2rem;line-height:0.5rem;font-weight:bold;}
.right_list_teacher li a span.wz p.zy{font-size:0.14rem;line-height: 0.2rem;}
.right_list_teacher li a:hover{background:#083583;transition: 0.4s;}
.right_list_teacher li a:hover span.wz{color:#fff;transition: 0.4s;}
.right_list_teacher li a span.pic img{}
.right_list_teacher li:hover a span.pic img{transform: scale(1.05);transition: 0.4s;}

@media (max-width: 1024px) {
.right_list_teacher li a{height: 4.46rem;}
.right_list_teacher li a span.pic{height: 3.3rem;}
}


@media (max-width: 820px) {
.right_list_teacher li a{height: 5.2rem;}
.right_list_teacher li a span.pic{height: 4rem;}
}


@media (max-width: 600px) {
.right_list_teacher li a{height: 4.6rem;}
.right_list_teacher li a span.pic{height: 3.6rem;}
}


@media (max-width: 450px) {
.right_list_teacher li a{height: 4rem;}
.right_list_teacher li a span.pic{height: 2.8rem;}
.list_right .lnmc span{ top:-37px !important;line-height: 0.3rem;}
.list_right .lnmc{    margin-top: 0.52rem;}
}

@media (max-width: 390px) {
.right_list_teacher li a{height: 3.6rem;}
.right_list_teacher li a span.pic{height: 2.2rem;}
}
/* 教师列表 结束 */

/* 列表主体 结束 */

/* 内容页 开始 */
.content{margin-top: 0.3rem !important;    text-align: left;
    line-height: 18px;
    padding: 0.3rem 0 0 0;
    color: #727272;}
.content .con_bt{font-size: 0.26rem;color: #333;line-height: 1.5;text-align: center;font-weight: bold;margin-bottom: 0.3rem;}
.content .con_ly{height: 0.36rem;line-height: 0.36rem; font-size:0.14rem;color: #333;text-align: center;background-color: #e7ebf3;position:relative;}
.content .con_ly>span{margin: 0 0.05rem;}
.content .con_ly span.switchsize{position:absolute;right:0.1rem;top:0;font-size:0.2rem;line-height:0.26rem}
.content .con_ly span.switchsize a{margin:0 0.05rem;cursor: pointer;}
.content .con_nr{font-size: 0.18rem;margin-top: 0.28rem;}
.content .con_nr p{line-height: 2.2 !important;;margin-bottom: 0.2rem;text-indent: 2em;color: #323232;text-align: justify;font-size:18px!important;}
.content .con_nr p img{display: block !important;margin: 0 auto !important;}
.content .con_nr p video{display: block !important;margin: 0 auto !important;    height: auto;width: 80%;}

.content .con_nr a{color:#333;}
.content .con_nr a:hover{color:#083583;}
.content .con_sxy{font-size: 0.16rem;border-top: 0.01rem solid #b2bfd7;padding: 0.2rem 0;}
.content .con_sxy p{font-size: 0.16rem; line-height: 2;}
.content .con_sxy p a{color: #333;display:inline-block;transition: 0.4s;}
.content .con_sxy p a:hover{color:#083583;transform: translate(5px);transition: 0.4s;}
/* 内容页 结束 */



.footer_box{margin-top:0!important;}

@media all and (max-width: 1320px) {
   .list_banner img {min-width: 100%;width: 100%}
}

@media(max-width: 1200px){
	
	
}
@media(max-width: 1024px){	
	.list_main{width: 95%;}
	.list_left_nav{display: none;}
	.list_right{width: 100%;height: auto;float: none;}	
	.right_list_teacher{width: 100%; margin:0.3rem 0 0 0;}
	.right_list_teacher li{width:33.33%;float: left;margin:0;}
	.right_list_teacher li a{width:90%;}
	
}
@media(max-width: 850px){
	.right_list_teacher li{width:50%;float: left;margin:0;}
.content .con_nr p img{width:100% !important;display: block !important;margin: 0 auto !important;}
.content .con_nr p video{width:100% !important;display: block !important;margin: 0 auto !important;    height: auto;}
}
@media (max-width: 768px){
#vsb_content_2 IMG{width: 100%;height: auto;}
}
@media(max-width: 650px){
.list_right .lnmc span{    position: absolute;
    left: 0;
    top: -30px;
    text-align: left;}

.content .con_nr p video{ height: auto;width: 100%;}
}


.ej_list_jg{display: flex;justify-content: space-between;margin-top: 0.4rem;flex-wrap: wrap;}
.ej_list_jg .box{width:100%;margin-bottom: 0.3rem;background: #fff;}
.ej_list_jg .box h2{background: #083583;font-size: 0.24rem;font-weight: normal;line-height: 0.28rem;text-align: justify; /* 浏览器可能不支持 */letter-spacing: normal;color: #FFFFFF;padding: 0.16rem 0;text-align: center;}
.ej_list_jg ul{padding: 0.32rem 0.35rem 0.1rem;display: flex;justify-content: flex-start;flex-wrap: wrap;box-shadow: 0 0px 4px 0 rgb(131 131 131 / 43%); }
.ej_list_jg ul li{margin-bottom: 0.24rem;width: 50%;}
.ej_list_jg ul a{font-size: 0.16rem;font-weight: normal;line-height: 0.28rem;text-align: justify; /* 浏览器可能不支持 */letter-spacing: normal;/* 正文色/正文色 */color: #1A1A1A;padding-left: 0.12rem;position: relative;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ej_list_jg ul a::after {content: '';display: block;width: 0.06rem;height: 0.06rem;background: #083583;border-radius: 50%;left: 0;top: calc(50% - 0.03rem);position: absolute;}
@media(max-width: 1024px){
     .ej_list_jg ul li{width:33.3333%;}
}
@media(max-width: 768px){
     .ej_list_jg ul li{width:50%;}
}
@media(max-width: 580px){
	.ej_list_jg .box h2{padding: 0.1rem 0;}
	.ej_list_jg .box{width: 100%;margin-bottom:0;}
	.ej_list_jg .box+.box{margin-top: 0.2rem;}
	.ej_list_jg ul{margin-left: -0.1rem;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 0.2rem 0.16rem 0 0.16rem;}
	.ej_list_jg ul li{width: calc(50% - 0.1rem);margin-left: 0.1rem;}
}