@charset "utf-8";

/*翻页条*/
.pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;}
.pagebar *{font-size: .16rem;}
.p_pages span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .03rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center; position: relative; z-index: 1}
.p_pages span a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;margin: 0 -.1rem;height: 100%;width: calc(100% + .2rem);padding: 0 .1rem; transition: .5s;}
.p_pages svg{width: .16rem;height: .16rem; transition: .5s;}
.p_goto{ margin: 0 .03rem}
.p_goto input{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;border: #d2d5da 1px solid;border-radius: .04rem;width: .6rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d2d5da 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #333333;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #333333 1px solid;}

@media(max-width: 800px){
    .j_pages{ margin: .4rem auto 0;}
} 

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.n_banner{position: relative;z-index: 1;}
.n_banner .imgBox .img{padding-bottom: 20%;}
.n_banner .top{ position: absolute; right: 0; bottom: 0; left: 0;}

.mianbao{display: flex;align-items: center;padding: 0;justify-content: flex-end;}
.mianbao *{font-size: .14rem;color: #777;font-style: normal;line-height: 1.5;font-weight: normal;}
.mianbao span{margin: 0 .06rem;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #017ec01;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 33.33%;display: inline-block;margin-bottom: 0px;text-align: center;}
#sub_nav_content dt a { margin: 0px 20px; display: block; color: rgb(91, 83, 73); line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41); }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #017ec01;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.n_container{padding: 0 0 14vw;background: #fff;background: linear-gradient(#fcfcfc, #fcfcfc, #fff);}
.n_banner .wp, .n_container .wp{ width: 14.66rem; align-items: flex-start}
.n_left{ width: 2.8rem; position: relative; margin: .5rem 0 0; z-index: 10; overflow: hidden;box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.05);}
.n_right{width: calc(100% - 3.1rem);padding: .5rem 0 1rem .5rem;}
.yj{background: #017ec0 center no-repeat;background-size:cover;height: 1rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;margin-bottom: .14rem;}
.yj:after{content: "";position: absolute;top: 100%;left: 0;width: .04rem;height: .14rem;background: #017ec01;}
.yj h2{ font-size: .3rem; color: #fff; line-height: 1.75}
.list_erji{background: #fcfcfc; padding: 0 0 .85rem; background-size: 100% auto}

.list_erji li *{ transition: .5s;}
.list_erji li .a{display: block;line-height: .6rem;text-align: left;font-size: .18rem;color: #333333;position: relative;z-index: 1;padding: 0 .8rem;background: url(../images/list_erji_l.png) center bottom repeat-x;}
.list_erji li .a:before{content: "";position: absolute;bottom: 0;left: .34rem;right: .34rem;background: url(../images/list_erji_l.png) center bottom repeat-x;height: 2px;}
.list_erji li .a:after{ content: ""; position: absolute; top: 50%; right: .4rem;  background: url(../images/list_erji_r.svg) center bottom repeat-x; width: .57rem;height: .13rem;margin: -.065rem;}
.list_erji li.on .a:before, .list_erji li:hover .a:before{  opacity: 0;}
.list_erji li.on .a, .list_erji li:hover .a{color: #017ec0;background: url(../images/list_erji_l.png) center bottom repeat-x;}

.n_tit1{ margin-bottom: .64rem;position: relative;}
.n_tit1:before{ content: ""; position: absolute; left: .45rem; right: 0; background: #DAD5D5; height: 2px; bottom: 0}
.n_tit1:after{content: "";position: absolute;left: 0;right: 0;background: #017ec01;width: .4rem;height: 2px;bottom: 0}
.n_tit1 h3{font-size: .26rem;color: #017ec01;padding: 0 0 .25rem;display: flex;align-items: baseline;justify-content: space-between;}

.list14{ margin: 0 -.33rem; margin-bottom: .8rem;}
.list14 li{ width: 50%; padding: 0 .33rem;}
.list14 li *{ transition: .5s;}
.list14 li .a{display: flex;flex-wrap: wrap;padding: .32rem;background: #fff;overflow: hidden;position: relative;z-index: 1;box-shadow: 2.828px 2.828px 24px 0px rgba(0, 0, 0, 0.11);}
.list14 li .a::before{content: "";position: absolute;top: .46rem;left: .22rem;z-index: -1;border-bottom: transparent 2.1rem solid;border-left: #017ec01 2.1rem solid;transform-origin: left top;}
.list14 li .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/list14_line.png) right center no-repeat;background-size: auto 100%; opacity: 0}
.list14 li .a .img{width: 2.17rem;}
.list14 li .a .img .img_hezi{ padding-bottom: 131.39%;}
.list14 li .a .con{flex: 1;padding: .36rem 0 0 .36rem;overflow: hidden;}
.list14 li .a .con h3{margin-bottom: .3rem;}
.list14 li .a .con h3 big{font-size: .3rem;color: #017ec01;font-weight: bold;font-family: "Microsoft Yahei"; }
.list14 li .a .con h3 small{font-size: .18rem;color: #017ec01;margin: 0 0 0 .1rem;line-height: 1.5;}
.list14 li .a .con p{font-size: .16rem;color: #666666; line-height: 1.75; margin-bottom: .06rem}

.list15{margin: 0;margin-bottom: -.6rem;}
.list15 li{width: 100%;padding: 0;margin-bottom: .6rem;}
.list15 li *{ transition: .5s}
.list15 li .a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list15 li .img{width: 2.25rem;margin-right: .34rem;}
.list15 li .imgBox .img{ padding-bottom: 66%;}
.list15 li .con{flex: 1;padding: .16rem 0 .25rem;position: relative;z-index: 1;overflow: hidden;}
.list15 li .con::before{content: "";position: absolute;left: 0;width: 100%;height: 1px;bottom: 0;background: #d7d7d7;transition: .5s;}
.list15 li .con::after{content: "";position: absolute;left: 0;width: 0;height: 2px;bottom: 0;transition: .5s;}
.list15 li .con h3{margin-bottom: .2rem;}
.list15 li .con h3 big{font-size: .3rem;color: #333;/*! font-weight: bold; */font-family: "Microsoft Yahei";}
.list15 li .con h3 small{font-size: .16rem;color: #777;margin: 0 0 0 .1rem;font-weight: normal;}
.list15 li .con p{ font-size: .16rem; color: #666666; line-height: .26rem;max-height: calc(.26rem*3)?;}
.list15 li .con h6{text-align: right;position: absolute;bottom: .16rem;width: 100%;}
.list15 li .con h6 svg{width: .14rem;height: .14rem;fill: #017ec01;position: relative;z-index: 1;transition: .5s;}
.list15 li .con h6 svg path{ transition: 0s}
.list15 li .con h6 .ico{width: .27rem;height: .27rem;display: flex;justify-content: center;align-items: center;float: right;position: relative;z-index: 1;right: .15rem;}
.list15 li .con h6 .ico:before{content: "";position: absolute;box-shadow: 0px 0px 18px 0px rgba(153, 0, 0, 0.59);top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;transform: scale(0);transition: .5s;}

@media(min-width: 1024px){
	.list14 li .a:hover{ background: #017ec01;}
	.list14 li .a:hover *{ color: #fff !important;}
	.list14 li .a:hover::before{ border-left: #cc9933 2.1rem solid;}
	.list14 li .a:hover::after{ opacity: 1}

	.list15 li .a:hover .con::after{width: 100%;background: #017ec01;}
	.list15 li .a:hover h6 .ico:before{ background: #017ec01; transform: scale(1)}
    .list15 li .a:hover .con h6 svg{ transform: rotate(90deg); fill: #fff}

    .list15 li .a:hover .con h3 big, .list15 li .a:hover .con h3 small{ color: #017ec01;}
}
@media(max-width: 1500px){	
	.list14 li .a .con h3 big, .list15 li .con h3 big{ font-size: .24rem;}
	.list14 li{width: 100%;margin-bottom: .2rem;}
	.list15 li{ width: 100%;}
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	.n_container{padding: 0 0 .6rem;}
	.n_banner .imgBox .img{padding-bottom: 40%;}
}
@media(max-width: 800px){
    .n_left, .n_banner .top{ display: none;}
	#m_n_nav{ display: block;margin: 15px 15px 0;width: calc(100% - 30px);}
	.n_right{width: 100%;padding: .5rem 0 0;overflow: hidden;}
	.n_tit1{ margin-bottom: .3rem;display: none;}

	.n_banner{position: relative;z-index: 1;}
	
	.list14{margin-bottom: .3rem;}
	.list14 li .a{ padding: 15px}
	.list14 li .a .img{ width: 1.75rem}
	.list14 li .a::before {border-bottom: transparent 1.5rem solid;border-left: #017ec01 1.5rem solid;left: 10px;top: 20px;}
    .list14 li .a .con{ padding: 15px 0 0 15px}

    .list15{ margin-bottom: -.2rem}
    .list15 li{margin-bottom: .25rem;}
    .list15 li .img{ width: 1.75rem; margin: 0 15px 0 0}
	.n_tit1 h3{ font-size: 0;color: transparent;}

	.n_right{padding: .3rem 0 0;box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.05);}
}
@media(max-width: 640px){
	
} 


/*关于我们-组织体系-详情*/
.zuzhi_d{position: relative;z-index: 1;padding: .5rem;border-top: #017ec01 .05rem solid;}
.zuzhi_d::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fcfcfc;z-index: -1;}
.zuzhi_d .img_box::before{content: "";position: absolute;top: .08rem;left: -.08rem;z-index: -1;border-bottom: transparent 1.6rem solid;border-left: #017ec01 1.6rem solid;transform-origin: left top;}
.zuzhi_d::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;box-shadow: 0px 3px 21px 0px rgba(149, 11, 16, 0.05);}
.zuzhi_d .img_box{width: 3.17rem;order: 1;position: relative;z-index: 1}
.zuzhi_d .imgBox .img{ padding-bottom: 66%;}
.zuzhi_d .con{flex: 1;padding: 0 .9rem 0 0;overflow: hidden;}
.zuzhi_d .con h3{margin-bottom: .2rem;}
.zuzhi_d .con h3 big{font-size: .3rem;color: #017ec01;font-weight: bold;font-family: "Microsoft Yahei"; }
.zuzhi_d .con h3 small{font-size: .18rem;color: #017ec01;margin: 0 0 0 .1rem;line-height: 1.5;font-weight: normal;}
.zuzhi_d .con p{font-size: .16rem;color: #333333;line-height: 1.75;margin-bottom: .06rem;}

.zuzhi_d .ar_article{margin: .25rem 0 0;}
.zuzhi_d .ar_article p{ color: #666666; margin-bottom: .24rem}

@media(min-width: 1024px){	
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	.zuzhi_d{padding: .3rem 15px;}
	.zuzhi_d .con{padding: .3rem 0 0;flex: auto;order: 2;}
	.zuzhi_d .img_box{width: 2.5rem;margin: 0 auto;}
	.zuzhi_d .img_box::before{border-bottom: transparent 1.5rem solid;border-left: #017ec01 1.5rem solid;}
}
@media(max-width: 800px){
	
}
@media(max-width: 640px){
	
} 

/*关于我们-组织体系-委员会*/
.list16{padding: .44rem 0;box-shadow: 0px 3px .3rem 0px rgba(149, 11, 16, 0.08);background: #fcfcfc;border-radius: 0;margin-bottom: .3rem;/*! border: #ececec 1px solid; */}
.list16 dt{padding: 0 .4rem 0 0;display: flex;align-items: center;justify-content: space-between; margin-bottom: .3rem}
.list16 dt h3{position: relative;z-index: 1;font-size: .22rem;color: #017ec01;font-weight: bold;font-family: "Microsoft Yahei";padding: 0 0 0 .56rem;line-height: 1.5;}
.list16 dt h3:before{content: "";position: absolute;top: 50%;left: 0;width: .31rem;height: .05rem;background: #017ec01;}
.list16 dt .line{ flex: 1; height: 1px; background: #e6cacc; margin: 0 .3rem}
.list16 dt img{ height: .44rem}
.list16 .con{ padding: 0 .56rem}
.list16 .con .con_li{ padding: .03rem 0}
.list16 h4{ font-size: .18rem; color: #333333; margin-bottom: .05rem}
.list16 h4 b{ font-family: "Microsoft Yahei";}
.list17{ display: flex; flex-wrap: wrap;}
.list17 li{font-size: .16rem;color: #333333;padding: .05rem .15rem .05rem 0;line-height: 1.75;transition: .5s;min-width: 33.33%;}
.list17 a{ transition: .5s}
.list16 .con .con_li1{ padding: .03rem 0 .03rem .34rem}
.list16 .con .con_li1 h4{ margin: .2rem 0;}
.list16 h4 b.red{ font-family: "Microsoft Yahei"; color: #017ec01;}

@media(min-width: 1024px){
	.list17 li:hover{ color: #017ec01;}
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.list16 dt h3{font-size: .24rem;padding: 0 0 0 .4rem;}
	.list16 dt h3:before{ width: .24rem; height: .04rem}
	.list16 dt .line{ margin: 0 .1rem}
	.list16 dt img{ height: .26rem}
	.list17 li{ min-width: 50%; font-size: .17rem;}
	.list16 .con{ padding: 0 .4rem}
	.list16{ padding: .3rem 0}
}
@media(max-width: 640px){
	
} 

/*关于我们-院长寄语*/
.jiyu{ position: relative; z-index: 2; padding: .7rem .9rem 1.8rem;}
.jiyu:before{content: "";position: absolute;top: 0;right: .26rem;bottom: 0;left: 0;background: url(../images/jiyu_line.png) right top no-repeat;background-size: 4.84rem auto;z-index: -1;}
.jiyu:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/jiyu_bg.png) center top repeat-x;background-size: 100% auto;z-index: -1;}
.jiyu .bg1{position: absolute;top: 0;right: .26rem;bottom: 0;left: 0;z-index: -2;background: url(../images/jiyu_bg1.png) center no-repeat;background-size: 100% 100%;}
.jiyu .bg2{position: absolute;top: .26rem;right: 0;bottom: 0;left: 0;z-index: -3;background: url(../images/jiyu_bg2.png) center no-repeat;background-size: 100% 100%;}
.jiyu .top{position: relative;z-index: 1;}
.jiyu .top:before{content: "";left: -.9rem;top: .06rem;bottom: .06rem;width: .08rem;background: #9d1813;position: absolute;}
.jiyu .top h3{font-size: .48rem;color: #9d1813;font-weight: bold;margin: 0 0 .24rem;}
.jiyu .top h4 small{ font-size: .18rem; color: #666666; }
.jiyu .top h4 big{ font-size: .3rem; color: #333333; }

.jiyu .ar_article{border-top: #d3d3d3 1px solid;padding: .6rem .25rem 0;margin: .4rem 0 0;position: relative;z-index: 1;}
.jiyu .ar_article::before{content: "";position: absolute;background: url(../images/jiyu_dots.png) center no-repeat;width: 1.71rem;height: 1.6rem;background-size: cover;z-index: -1;top: .3rem;left: 0;}
.jiyu .ar_article::after{content: "";position: absolute;background: url(../images/jiyu_dots1.png) center no-repeat;width: 1.2rem;height: 1.11rem;background-size: cover;z-index: -1;bottom: -.3rem;right: .5rem;}

@media(min-width: 1024px){	
}
@media(max-width: 1024px){	
	.jiyu{ padding: .5rem 20px;}
	.jiyu .top:before{ left: -20px;}
	.jiyu .top h3{font-size: .3rem;margin: 0 0 .15rem;}
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.jiyu .ar_article{ padding: .3rem 15px 0 0}
	.jiyu .ar_article::before{transform: scale(.6);left: -10%;top: 0;}
	.jiyu .ar_article::after{transform: scale(.6);right: 3%;bottom: -.3rem;}
}
@media(max-width: 640px){
	
}

/*学院新闻-新闻动态*/
.list18 li { margin-bottom: .4rem}
.list18 li *{ transition: .5s;}
.list18 li .a{align-items: center;padding: .28rem;background: #f3f3f3;position: relative;z-index: 1;}
.list18 li .img{ width: 2.95rem;}
.list18 li .img .img_hezi{ padding-bottom: 60%;}
.list18 li .txt{flex: 1;overflow: hidden;padding: 0 0 0 .3rem;position: relative;z-index: 1;}
.list18 li .top{ align-items: center;}
.list18 li .time{ display: flex;align-items: center;}
.list18 li .time h3{ font-size: .3rem; color: #017ec01; }
.list18 li .time h6{font-size: .14rem;color: #017ec01;margin: 0 0 0 .1rem;}
.list18 li h4{font-size: .2rem;color: #222222;/* font-weight: bold; */line-height: 1.25;margin: .1rem 0 0;}
.list18 li p{font-size: .14rem;color: #7e7e7e;line-height: 24px;max-height: 48rem\0;margin: .2rem 0 0;}

/*====翻页====*/
.j_pages{margin:.6rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.j_pages .box{border: #d8d8d8 1px solid;padding: 0 .1rem 0 0;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.j_pages .box *{ font-size: .16rem;}
.j_pages a{padding: 0 .18rem;height: .5rem;line-height: .5rem;display:inline-block;margin: 0;color: #333333;box-sizing: border-box;border-radius: 0;transition: .5s;border-right: #dadada 1px solid;}
.j_pages a font{ padding:0 10px}
.j_pages .on{color: #017ec01;font-weight: bold;}
.j_pages a:hover{color: #017ec01;}
.j_pages span{color: #333;padding: 0px .1rem;line-height: .5rem;display:inline-block;}
.j_pages input{color: #333;padding: 0px .1rem;height: .32rem;display:inline-block;/* background:#f6f6f6; */border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{padding:0;text-align:center;width: .4rem;background: #ececec;}
.j_pages input[type="submit"]:hover{ background: #017ec01; color:#fff}
.j_pages .span1{border-right: #dadada 1px solid;margin-right: .1rem;}
.j_pages .pb_sys_style1 .p_no_d{	
border: 1px solid #017ec01;	
color: #fff;	
background-color: #017ec01;
}
@media(max-width: 800px){
	.j_pages .box{ padding: 0}
	.j_pages .box *{ font-size: .18rem;}
	.j_pages a{padding: 0 0.03rem;}
	.j_pages{ margin: .4rem auto 0;}
	.j_pages .span1, .j_pages a{ border: none}
}

@media(min-width: 1024px){
	.list18 li .a:hover{ background: #017ec01 url(../images/list18.jpg) center no-repeat; background-size: cover;}
	.list18 li .a:hover *{ color: #fff !important;}
	.list18 li .a:before{ opacity: 1;}
	.list18 li .a:hover .time *, .list18 li .a:hover h4{color: #fff !important;}
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.list18 li .imgBox{ width: 100%;}
	.list18 li .txt{flex: auto;width: 100%;padding: .3rem 0 0;}
	.list18 li .a:after{ right: .3rem; left: auto}
	.list18 li h4{padding: 0;}
}
@media(max-width: 640px){
	
}

/*新闻详情*/
.n_news_detail .ar_article_box .nav01{margin-bottom: .3rem;}
.n_news_detail .ar_article_box h3{color: #000000;font-size: .3rem;line-height: 1.5;font-weight: bold;text-align: center;width: 10.9rem;margin: 0 auto;max-width: 100%;margin-bottom: .1rem;}
.n_news_detail .ar_article_box h6{color: #666666;font-size: .16rem;line-height: .42rem;margin-bottom: 0;vertical-align: top;border-bottom: #e1e1e1 1px solid;display: flex;justify-content: space-between;align-items: center;padding: 0 0 .3rem;flex-wrap: wrap;justify-content: center;}
.n_news_detail .ar_article_box h6 span{margin: 0 .3rem 0 0;font-size: .16rem;line-height: 1.5;color: #666666;}
.n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0}
.n_news_detail p{color: #000000;font-size: .18rem;}

/*====上一篇下一篇====*/
#ar_fot{position:relative;padding: .36rem 0 0;box-sizing: border-box;width: 100%;margin-top: .6rem;border-top: #e5e5e5 1px solid;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#ar_fot h1{display:block;width: 100%;line-height: .4rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .16rem;}
#ar_fot h1 span{ text-decoration: none; display: inline-block;}
#ar_fot h1 a{color: #333333;font-weight:normal;transition: .5s;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot h1 a:hover{color: #017ec01;}

#ar_fot .ll{flex: 1;}
#ar_fot .rr a{display: flex;font-size: .14rem;color: #fff;align-items: center;justify-content: center;transition: .5s;background: #196f27;width: 1.15rem;height: .35rem;border-radius: 3px;transition: .5s;}
#ar_fot .rr a img{margin: 0 .06rem 0 0;height: .22rem;}
#ar_fot .rr a:hover{background: #017ec01;}

.n_news_detail01 h4{ font-size:1.5rem; color:#000000; font-weight:bold; margin:2.5rem 0 1rem; text-align:center}
.n_news_detail01 .ar_article p{ line-height:2.5rem; margin-bottom:0.375rem}

@media(min-width: 1024px){	
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.n_news_detail .ar_article_box h3{ font-size: .26rem;}
	#ar_fot .ll{ flex: auto; width: 100%;}
	#ar_fot .rr{text-align: center;margin: .2rem 0 0;display: flex;justify-content: center;width: 100%;}
	#ar_fot .rr a{ margin: 0 auto;}
}
@media(max-width: 640px){
	
} 

/*学院新闻-讲座信息*/
.list19 li{ border-bottom: #e7e7e7 1px solid; padding: .32rem 0;}
.list19 li *{ transition: .5s;}
.list19 li h4{font-size: .24rem;color: #333333;line-height: 1.25;margin-bottom: .26rem;}
.list19 li h4 font{ color: #017ec01;}
.list19 li .txt{ padding: 0;}
.list19 li .txt p{font-size: .16rem;color: #666666;line-height: .36rem;padding: 0 0 0 .3rem;position: relative;z-index: 1;background-size: .2rem .2rem !important;}
.list19 li .txt p:nth-child(1){background: url(../images/list19_ico1.png) left .08rem no-repeat;}
.list19 li .txt p:nth-child(2){background: url(../images/list19_ico2.png) left .08rem no-repeat;}
.list19 li .txt p:nth-child(3){background: url(../images/list19_ico3.png) left .08rem no-repeat;}

/*学院新闻-教学通知*/
.list20{ margin: -.3rem 0 0}
.list20 li{ border-bottom: #e7e7e7 1px solid}
.list20 li .a{ display: flex; height: .7rem; align-items: center;}
.list20 li .a .time{width: 1.25rem;text-align: right;font-size: .16rem;color: #777; position: relative; z-index: 1;order: 1;}
.list20 li .a h4:before{content: "";position: absolute;left: 0;width: .04rem;height: .04rem;background: #017ec01;top: 50%;margin: -.02rem 0 0;}
.list20 li .a .time img{margin: 0 .1rem 0 0;height: .21rem;}
.list20 li h4{flex: 1;padding: 0 0 0 .2rem;font-size: .2rem;color: #333333;line-height: 1.75; position: relative}

@media(min-width: 1024px){
	.list20 li .a:hover .time{ color: #ca0915;}
}
@media(max-width: 1024px){	
	.list20{ margin: 0 0 0}
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.list20 li .a .time{ width: 1rem}
	.list20 li h4{ padding: 0 0 0 15px}
	.list19 li .txt p{line-height: .25rem;margin-bottom: .1rem;background-position-y: .04rem !important;}
	.list19 li .txt{ padding: 0}
	.list20 li .a{ height: .8rem}
}
@media(max-width: 640px){
	
} 


.list21 li{ border-bottom: #e7e7e7 1px solid; padding: .2rem 0 .4rem}
.list21 li *{ transition: .5s;}
.list21 li h4{ font-size: .24rem; color: #333333; line-height: 1.75; font-weight: 600;}
.list21 li p{ font-size: .14rem; color: #999999; line-height: .26rem; max-height: .52rem\0; margin: .08rem 0 0}

@media(min-width: 1024px){
	.list21 li a:hover h4{ color: #017ec01;}
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	.miso_form1{margin: 0;}
}
@media(max-width: 800px){
	.miso_form1 .right{ width: 1rem;}
	.miso_form1>.input{margin-right: .1rem;padding: 0 .2rem;}
	.miso_form1_box{ margin: .4rem 0 .2rem}
}
@media(max-width: 640px){
	
} 

/*师资队伍-教研系列（按名字）*/
.miso_tab .hd{ margin-bottom: .65rem}
.three-level1{ justify-content: center; margin: 0 -.21rem}
.three-level1 li{ padding: 0 .21rem}
.three-level1 li .a{display: flex;width: 1.62rem;height: .46rem;border: #950d10 1px solid;background: #fff;border-radius: 3px;align-items: center;justify-content: center;position: relative;font-size: .18rem;color: #666666; transition: .5s}
.three-level1 li .a svg{width: .24rem;height: .24rem;fill: #333;margin: 0 .1rem 0 0;transition: .5s;}
.three-level1 li .a::before{content: "";position: absolute;border-left: transparent .05rem solid;border-right: transparent .05rem solid;border-top: #950d10 .06rem solid;top: calc(100% + 1px);left: 50%;margin-left: -.05rem;opacity: 0;}

.three-level1 li.on .a, .three-level1 li .a:hover{background: #950d10 url(../images/three-level1_bg.png) center no-repeat;background-size: cover;color: #fff;border: #950d10 1px solid;}
.three-level1 li.on .a::before, .three-level1 li .a:hover::before{ opacity: 1}
.three-level1 li.on .a svg, .three-level1 li .a:hover svg{ fill: #fff}

.five-level1{ justify-content: center; margin: 0 -.1rem; position: relative; z-index: 1; margin-bottom: 1rem}
.five-level1:before{ content: ""; position: absolute; top: .31rem; height: 1px; background: #dfdfdf; left: 0; right: 0; z-index: -1}
.five-level1 li{padding: 0 .2rem;position: relative;z-index: 1;background: #fff;margin: 0 -.1rem;}
.five-level1 li a{display: flex;width: .63rem;height: .63rem;background: #faf9f8;border-radius: 50%;align-items: center;justify-content: center;font-size: .3rem;color: #666666; transition: .5s}
.five-level1 li a:hover{ background: #cc9933; color: #fff}

.list22{ justify-content: center; margin-bottom: 1rem;}
.list22 li{padding: 0 .02rem;}
.list22 li a{font-size: .18rem;color: #666666;display: inline-block;width: .32rem;line-height: .32rem;border-radius: 50%;transition: .5s;text-align: center;}
.list22 li.on a, .list22 li a:hover{ background: #cc9900; color: #fff;}

.list15s{margin: 0;}
.list15s li{padding: 0;}
.list15s li .img_box{width: 3rem;margin: 0 .4rem 0 0;position: relative;z-index: 1;padding: 0 0 0 .08rem;}
.list15s li .img_box:before{content: "";position: absolute;bottom: 0;left: 0;z-index: -1;border-top: transparent 1.75rem solid;border-left: #017ec01 1.5rem solid;transform-origin: left top;}
.list15s li .img{width: 100%;margin: 0;}
.list15s li .con h3 big{ font-size: .26rem;}

@media(min-width: 1024px){	
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	.miso_tab .hd{ margin-bottom: .3rem;}
	.list22{ margin-bottom: .3rem;}
}
@media(max-width: 800px){
	
}
@media(max-width: 640px){
	.list15s li .img_box:before{border-top: transparent 1.5rem solid;border-left: #017ec01 1.5rem solid;}

	.list15s li .img_box{width: 100%;margin: 0 0 .1rem;}
	.list15 li .con{ flex: auto; width: 100%}
} 

.list23{margin: 0 -5px;margin-bottom: .55rem;border-bottom: #dfdfdf 1px solid;padding-bottom: .3rem;margin-top: -.2rem;}
.list23 li{min-width: 25%;padding: 8px 5px;}
.list23 li a{ display: inline-block; font-size: .16rem; color: #666666; line-height: .36rem; position: relative; z-index: 1; padding: 0 .36rem; transition: .5s; border-radius: 50vw}
.list23 li a::before{content: "";position: absolute;width: .1rem;height: 2px;background: #993333;left: .16rem;top: 50%;margin-top: -1px;}

.list23 li.on a, .list23 li a:hover{ background: #cc9900; color: #fff}
.list23 li.on a::before, .list23 li a:hover::before{ background: #fff}

@media(min-width: 1024px){	
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.list23 li{ padding: 3px 5px;}
	.list23 li a{ font-size: .2rem;}
	.list23{ margin: .2rem 0 .5rem;}
}
@media(max-width: 640px){
	
} 

/*师资队伍-教辅行政*/
.list24 li{ margin-bottom: .18rem;}
.list24 li .a .top *{ transition: .5s} 
.list24 li .a .top{position: relative;z-index: 1;overflow: hidden;height: .54rem;padding: 0 .3rem;display: flex;align-items: center;cursor: pointer;background: #fcfbfb;}
.list24 li .a .top .ll{width: 94%;font-size: .2rem;color: #333333;font-weight: 600;line-height: 1.5;padding: 0;flex: 1;}
.list24 li .a .top .ico{display: flex;align-items: center;justify-content: center;border-radius: 50%;width: .18rem;height: .18rem;position: relative;z-index: 1;}
.list24 li .a .top .ico:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: scale(0);z-index: -1;border-radius: 50%;}
.list24 li .a .top .ico span{position: absolute;width: .18rem;height: 1px;background: #aeb0b5;left: 50%;top: 50%;transition: .5s;margin: -.05px 0 0 -.05px;}
.list24 li .a .top .ico span:nth-child(2){transform: rotate(90deg);}
.list24 li .a .bottom{padding: .3rem .18rem;background: #fcf9fd;display: none;}
.list24 table{width: 100%;text-align: center;border-collapse: collapse;min-width: 800px;}
.list24 table th{ font-size: .18rem; color: #017ec01; line-height: 1.5; padding: .1rem 0}
.list24 table td{ font-size: .18rem; color: #333333; line-height: 2; padding: .1rem 0; border-bottom: #e4e4e4 1px solid}

.list24 li.on .a .top{ background: #a71a21}
.list24 li.on .a .top .ll{ color: #fff}
.list24 li.on .a .top .ico:before{ transform: scale(1);}
.list24 li.on .a .top .ico span:nth-child(1){/* transform: translate(-50%, -50%) rotate(-90deg); */opacity: 0;}
.list24 li.on .a .top .ico span:nth-child(2){transform: rotate(0);background: #fff;}

@media(min-width: 1024px){	
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.list24 .scroll{ overflow: hidden; overflow-x: scroll}
	
}
@media(max-width: 640px){
	
} 

.about .h3{ font-size: .3rem; color: #017ec01;  text-align: center; margin-bottom: .4rem;}
.about .fl01{ align-items: flex-end}
.about .fl01 .left{overflow: hidden;flex: 1;background: url(../images/about_bg1.jpg) left top no-repeat;padding: .7rem 1.16rem 1.8rem .7rem;background-size: cover;}
.about .fl01 .right{ width: 4.1rem; }
.about .fl01 .right .img{margin: 0 0 .9rem 0;width: calc(100% + .56rem);float: right;}
.about .fl01 .h3{ color: #fff; text-align: left}
.about .fl01 .ar_article p{ color: #fff}
.about .fl02{/* align-items: flex-end; */padding: 0 0 1.2rem .7rem;background: #f7f7f7;}
.about .fl02 .h3{ text-align: left}
.about .fl02 .left{order: 1;overflow: hidden;flex: 1;padding: .54rem .6rem .3rem .8rem;}
.about .fl02 .right{width: 4.1rem;margin: -1.3rem 0 0;}

.home5 .tit1{ margin-bottom: .65rem;}

.list10sBox .dots{ text-align: right; margin: .2rem 0}
.list10sBox .dots span{ background: #b6c8bb; width: .2rem; height: .04rem;opacity: 1; transition: .5s;}
.list10sBox .dots span.active{ width: .4rem; background: #269b48;}

.home6 .tit1{ justify-content: center;}
.list30Box{ width: 15.92rem; margin: 0 auto; max-width: 100%}
.list30 .img .img_hezi{ padding-bottom: 42.93%;}

.home6 .more1{ margin: .7rem auto 0; justify-content: center}

.list_linkbox{position: relative;width: 2.74rem;height: .58rem;margin: .1rem 0;}
.list_link{height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 .2rem;font-size: .16rem;color: #fff;cursor: pointer;position: relative;margin-bottom: .4rem;border: rgba(255,255,255,.5) 1px solid;}
.list_link:last-child{ margin-bottom: 0}
.list_link dt {height: 100%;display: flex;align-items: center;padding: 0;font-size: .2rem;color: #fff;cursor: pointer;position: relative;width: 100%;}
.list_link dt:after{ content: ""; position: absolute; top: 0; bottom: 0; right: .3rem; width: 1px; background: #fff}
.list_link dt *{ display: inline-block}
.list_link dt font{ margin: 0;}
.list_link dt span{ transform: translateY(.04rem); opacity: .5}
.list_link dt svg{ width: .2rem; height: .2rem; fill: #fff; transform: rotate(-180deg); transition: .5s;opacity: 1;position: absolute;right: -.05rem;top: .18rem;}
.list_link .con {position: absolute;bottom: calc(100% + 1px);left: -1px;right: -1px;z-index: 1;background: rgb(0, 126, 33);border-bottom: none;padding: .1rem .3rem;display: none;transform-origin: bottom;}
.list_link .con dd {font-size: .16rem;color: #fff;line-height: .3rem;font-weight: 300;border-bottom: rgba(255,255,255,0) 1px solid;text-align: left;}
.list_link .con dd:last-child {border-bottom: none }
.list_link dt.on svg{transform: rotate(0deg);}

.about .fl1{ align-items: center}
.about .fl1 .left{ flex: 1;}
.about .fl1 .left h3{ font-size: .32rem; color: #017ec01; margin: 0 0 .3rem;}
.about .fl1 .right{ width: 4.7rem;margin: 0 0 0 .4rem;}

.about .fl2{ text-align: center; padding: .5rem 0;}
.about .fl2 h3{ font-size: .42rem; color: #017ec01;}
.about .fl3 .left{ width: 5rem;margin: 0 3.5vw 0 0;}
.about .fl3 .left .ll{ width: 1.8rem}
.about .fl3 .left .ll big{ font-size: .42rem; color: #017ec01;}
.about .fl3 .left .ll small{ font-size: .22rem; color: #017ec01;margin: 0 0 0 .1rem;}
.about .fl3 .left .rr{ font-size: .16rem; color: #666666;}
.about .fl3 .right{ flex: 1;}
.about .fl4{padding: 0;}
.about .ar_article img{ width: 100%;}

.list40 li{ border-bottom: 1px dashed #57b370; padding: .45rem 0;align-items: baseline;}

.h3-1{ font-size: .24rem; margin: 0 0 .4rem; text-align: center;}

@media(min-width: 1024px){
	footer .center2 p a:hover{ color: #fff;}
}
@media(max-width: 1600px){	
}
@media(max-width: 1200px){	

	.home5 .b1{ display: none;}
}
@media(max-width: 991px){
	.about .fl01 .left{flex: auto;padding: .5rem 15px;}
	.about .fl01 .right{width: 100%;text-align: center;}
	.about .fl01 .right .img{margin: 0;width: 100%;float: none;}
	.about .fl01 .right .img img{ width: 100%}

	.about .fl02 .left{flex: auto;padding: .5rem 15px;}
	.about .fl02 .right{width: 100%;text-align: center;margin: 0;order: 2;}
	.about .fl02{padding: 0 0 .3rem;}
	.list_linkbox{ margin-bottom: .15rem}

	.list2 li .txt h4{ font-size: .22rem;}
	
	.about .fl1 .left{ width: 100%;}
	.about .fl1 .right{ width: 100%;margin: .4rem 0 0;}

	.about .fl3 .left{ width: 100%;margin: 0 0 .4rem;}
	.about .fl3 .right{ width: 100%;}

	.about .fl2 h3, .about .fl1 .left h3{ font-size: .26rem;}
	.list40 li{ padding: .2rem 0;}
	.about .fl3 .left .ll big{ font-size: .28rem;}
}
@media(max-width: 800px){
	.list10 li{ padding-bottom: .2rem; margin-bottom: .2rem;}
	.home5 .more1, .home6 .more1{ margin: .3rem auto 0}

	.home5 .juzhen1{ top: .5rem;}
	.list_link dt{ font-size: .16rem}
	.about .fl3 .left .ll{ width: 1rem;}
	.about .fl3 .left .ll small{ font-size: .14rem; margin: 0 0 0 .04rem;}

	.h3-1{ margin-bottom: .25rem; font-size: .22rem}
}
@media(max-width: 640px){
	.list_linkbox { height: .45rem;width: 80%;}
	.list_link dt svg{ top: .12rem}
} 
h4{ transition: .5s;}

.list30{ margin: 0 -.15rem;}
.list30 li{ width: 33.33%; padding: 0 .15rem; margin-bottom: .2rem;}
.list30 .txt{ text-align: center; padding: .15rem 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list30{ margin: 0 -7px;}
    .list30 li{ width: 50%; padding: 0 7px; margin-bottom: .15rem;}
    .list30 .txt{ padding: .1rem 0;}
} 
@media(max-width: 560px){
    
} 

.list5{ margin: 0 -.1rem -.3rem;}
.list5 li{ width: 33.33%; padding: 0 .1rem; margin-bottom: .3rem;}
.list5 .a{background: #fff;position: relative;z-index: 1;display: block;background: #f1f1f1;}
.list5 .a:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: #017ec01; z-index: -1; height: 0; transition: .5s}
.list5 .imgBox{margin: 0;}
.list5 .imgBox .img{padding-bottom: 68.45%;}
.list5 .txt{padding: .25rem;}
.list5 .h6{font-size: .15rem;color: #999;position: relative;z-index: 1;font-family: 'lib';padding: 0 0 0 .2rem;transition: .5s}
.list5 .h6:before{font-size: .17rem;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.list5 .flex-right{ justify-content: flex-start}
.list5 p{margin: .06rem 0 .1rem;}

@media(min-width: 1024px){
    .list5 .a:hover:before{ height: 100%;}
    .list5 .a:hover *{ color: #fff;}
    .list5 .a:hover p, .list5 .a:hover .h6{ opacity: .5;}

    
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list5{ margin: 0 -7px -.2rem;}
    .list5 li{ width: 50%; padding: 0 7px; margin-bottom: .2rem;}
} 
@media(max-width: 560px){
    .list5 li{ width: 100%;}
} 


.xrld .content{margin: 0 -1vw;}
.xrld .content .box{flex: 1;padding: 0 1vw;min-width: 50%;margin-bottom: .78rem;display: flex;flex-direction: column;}
.xrld .content .box .line{background: #017ec01;background-size: cover;height: .36rem;}
.xrld .content .box .con{border: 1px solid rgba(19, 57, 132, 0.1);box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.0585);/* min-height: 3.2rem; */padding: .35rem .2rem;background: #fff;flex: 1;}
.list19{border-bottom: 1px solid rgba(0, 0, 0, 0.08);padding: .15rem 0;align-items: center;}
.list19 dt{width: 2.4rem;padding: 0 .25rem 0 0;text-align: right;font-size: .18rem;color: #333333;line-height: .38rem;font-weight: bold;}
.list19 .dd{padding: 0 0 0 .25rem;position: relative;z-index: 1;flex: 1;overflow: hidden;}
.list19 .dd:before{content: "";position: absolute;top: .1rem;left: 0;background: #979797;width: 1px;bottom: .1rem;opacity: 0.3;}
.list19 .dd dd{margin: 0;min-width: 16.667%;padding: .05rem 0;}
.list19 .dd a{font-size: .18rem;color: #333333;line-height: .38rem;transition: .5s}

.list19:last-child{ border: none}

.box1 .list19 .dd dd{ width: 100%;}
.box1 .list19{ border-bottom: 1px solid rgba(151, 151, 151, .3);}

@media(min-width: 1024px){
    .list19 .dd a:hover{ color: #90000A;}
}
@media(max-width: 1024px){
    .list19 dt{ padding: 0 .25rem 0 0;}
    .list19 .dd{padding: 0 0 0 .25rem;}
}
@media(max-width: 800px){
    .xrld .content .box{ flex: auto; width: 100%; margin-bottom: .3rem}
    .xrld .content .box .con{ padding: .2rem .2rem;}
    .xrld .content .box .line{ height: .15rem}
    .list19 dt{width: 1.3rem;font-size: .18rem;line-height: 1.5;}
    .list19 .dd dd{ margin: 0 .1rem 0 0}
    .list19 .dd dd a{ font-size: .18rem;}
    .list19{ padding: .1rem 0}

    .zuzhi_d .con h3 big{ font-size: .22rem;}
} 
@media(max-width: 560px){
} 
