@charset "utf-8";
#header{position: fixed;}
/*内页公共样式*/
.n_banner{ position: relative; z-index: 1; overflow: hidden;}
.n_banner .imged{padding-bottom: 30.83% !important;}
.n_banner .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; bottom: 0;}
.n_banner .imged:after{content:"";position:absolute;width:100%;height:2rem;background: url(../images/banshad.png) no-repeat;background-size: 100% 100%;bottom:0;left:0;}
.n_banner .top .wp{height: 100%;display: flex;justify-content:space-between;z-index: 100;align-items: flex-end;padding-bottom: .3rem;}
.n_banner .top h3{font-size: .3rem;color: #fff;font-weight: bold;}
.n_banner .top .line{ margin: .2rem 0}
.mianbao{display: flex;align-items: center;justify-content: flex-end;}
.mianbao *{font-size: .14rem;color: #fff;font-style: normal;line-height: 1.5;color: rgba(255,255,255,.7);}
.mianbao .con{background:url(../images/home.png) no-repeat left center;padding-left:.25rem;}
.mianbao span{margin: 0 .06rem;}

.list_sj{position: relative;align-items: center; }
.list_sj ul{display: flex;flex-wrap: wrap;min-height: .36rem;margin-left: .3rem;}
.list_sj ul li *{ transition: .5s;}
.list_sj ul li a{height: .36rem;font-size: .16rem;color: #fff;position: relative;z-index: 1;padding: 0 .2rem;display: inline-block;line-height: .36rem;}
.list_sj ul li.on a, .list_sj ul li a:hover{ background: url(../images/h5-tit.png) no-repeat;background-size: 100% 100%;}

#m_n_nav {display: none;line-height: 40px;position: relative;z-index: 9;/* float: left; */width: 100%;background: #82318e;}
#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 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;padding: 0 .3rem;}
#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;  height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: #82318e; }

.n_pad1{ padding: .84rem 0 1.46rem;}
.n_container .wp, .n_banner .wp{ max-width: 14rem;}
/* 三级导航 */
.san-nav{width: 100%;background: #ffffff;}
.san-nav ul{display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.san-nav li{/* height: 0.8rem; */display: flex;align-items: flex-end;padding:0 .3rem;}
.san-nav a{display: inline-block;/* margin: 0 0.4rem; */font-size: 0.16rem;color: #a9a9a9;display: flex;align-items: center;height: 0.6rem;transition: 0.5s;}
.san-nav a::after{height: 0.02rem;left: 0;background: rgba(0,0,0,0);width:100%}
.san-nav a.on::after{background: #82318e;}
.san-nav a:hover,.san-nav a.on{color: #82318e;}
.inner{padding: .55rem 0 1rem;background: url(../images/innerbg.jpg) no-repeat bottom;background-size: 100%;min-height: 6rem;}
@media(min-width: 1200px){	
  .mianbao a:hover{ color: #fff;}
}
@media(max-width: 1200px){	
  #m_n_nav{ display: block;}
  .list_sj{ display: none;}
}
@media(max-width: 1024px){
	.inner{padding:.4rem 0;}
  .n_banner .img:after{height: 1rem;}
  
}
@media(max-width: 768px){
  .n_pad1{padding: .5rem 0;}
  .n_banner .top h3{ font-size: .26rem;}
  .n_banner .imged{padding-bottom: 40% !important;}
  .n_banner .top .wp{padding-bottom:.15rem;flex-direction:column;align-items:flex-start;justify-content:flex-end;}
  .mianbao{margin: .15rem 0 0rem;}
}
@media(max-width: 456px){
	
} 

/* 内容页 */
.article h2{color: #333;font-size: 0.26rem;line-height: 0.38rem;text-align: center;font-weight: bold;}
.conttime{margin: 0rem 0 0.2rem;padding: 0.15rem 0;border-bottom: 1px solid #e5e5e5;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.conttime span{font-size: 0.14rem;color: #666;align-items: center;margin: 0 0.2rem 0 0;line-height: 0.3rem;}
.article .cont{padding-bottom: .3rem;}
.article .cont p{font-size: 0.18rem !important;color: #333 !important;line-height: 0.34rem !important;margin-bottom: 0.1rem;text-align: justify;}
.article .cont p span{font-size: 0.18rem !important;color: #333 !important;line-height: 0.34rem !important;}
.article .cont p img,.article .cont p video{max-width:100% !important;height: auto !important; display:block; margin:10px auto;}

.article .cont img{max-width:100% !important;height: auto !important; display:block; margin:10px auto;}

.article .cont table{margin:10px auto;}

#vsb_content_2 IMG{text-indent: 0em;display: block;margin: 0 auto;}

.new_miew{padding-top: 0.3rem;border-top: 1px solid #d6d0d0;}
.new_miew p{/* margin-bottom: 0.1rem; */font-size: 0.16rem;color: #333;line-height: 0.32rem;transition: 0.5s;}
.new_miew p a{color: #333;transition: 0.5s;padding-left: 0.1rem;transition: 0.5s;}
@media(min-width: 1024px){
  .cont-r li a:hover h3{color: #82318e;}
}
@media screen and (max-width: 1024px) {
.new-cont{width: 100%;}
.cont-r{display: none;}
.cont-titl{width:100%;}
.cont-tit span{margin-right:0.2rem;}
}

/* 新闻列表 */
.newlist2 li a{border-bottom: 1px solid #ddd;display: block;padding: .3rem 0;}
.newlist2 li a::after{height: 1px;bottom: -1px;background: #82318e;}
.newlist2 li *{transition: 0.5s;}
.newlist2 li h3{font-size: 0.2rem;color: #333;line-height: 0.32rem;}
.newlist2 li span{align-items: center;font-size: 0.14rem;color: #999;line-height: 0.34rem;margin: .25rem 0;}
.newlist2 li span img{width: 0.21rem;display: inline-block;margin-right: 0.1rem;}
.newlist2 li h4{font-size: 0.14rem;color: #969696;line-height: 0.3rem;max-height: 0.6rem\0;margin-bottom: 0.3rem;}
.newlist2 li p{width: 1.4rem;height: 0.44rem;background: #82318e;border-radius: 0.06rem;align-items: center;justify-content: center;color: #fff;font-size: 0.14rem;}
.newlist2 li p img{display: inline-block;width: 0.16rem;margin-left: .3rem;}
.newlist2 li .li-t .scale{width: 3.8rem;}
.newlist2 li .li-t .con{width: calc(100% - 3.8rem);padding-left: 0.3rem;}



@media(min-width: 1024px){
  .newlist2 li a:hover::after{width: 100%;}
  .newlist2 li a:hover h3{color: #82318e;}
}
@media(max-width: 1024px){
  .newlist2 li a{padding: .2rem 0;}
  .newlist2 li .li-t .scale{width: 3rem;}
  .newlist2 li .li-t .con{width: calc(100% - 3rem);padding-left: 0.2rem;}
}
@media(max-width: 768px){
  .newlist2 li span{margin: .1rem 0;}
  .newlist2 li h4{margin-bottom: .15rem;}
  .newlist2 li .li-t .scale{width: 2.2rem;}
  .newlist2 li .li-t .con{width: calc(100% - 2.2rem);}
  .newlist2 li p{width: 1.2rem;height: 0.4rem;}
}

/* 通知公告 */
.tzgg li *{transition: 0.5s;}
.tzgg li{margin-bottom: 0.4rem;}
.tzgg li a{align-items: center;}
.tzgg li h3{width: calc(100% - 2rem);font-size: 0.18rem;color: #333;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tzgg li p{width: 2rem;text-align: right;font-size: 0.14rem;color: #888;}
.tzgg li h3 span{display: inline-block;padding: 0.03rem 0.15rem;border-radius: 0.1rem;color: #fff;font-size: 0.14rem;margin-right: 0.2rem;}
.tzgg li p i{display: inline-block;font-style: normal;font-family: geo;}



@media(min-width: 1024px){
  .tzgg li a:hover h3{color: #82318e;transform: translateX(.1rem);}
}
@media(max-width: 1024px){
  .tzgg li{margin-bottom: 0.3rem;}
}
@media(max-width: 768px){
  .tzgg li h3{width: 100%;}
  .tzgg li p{width: 100%;text-align: left;margin-top: 0.1rem;}
}


/* 图片列表 */
.xyfg ul{margin: 0 -0.2rem;}
.xyfg li{width: 33.3%;padding:0 0.2rem;margin-bottom: 0.3rem;}
.xyfg li a{display: block;position: relative;z-index: 1;}
.xyfg li .con{height: 0.85rem;padding-top: .15rem;border-top: 0.03rem solid #82318e;}
.xyfg li h3{font-size: 0.18rem;color: #333;line-height: 0.3rem;max-height: 0.6rem\0;}
.xyfg li .scale .imged{padding-bottom: 70%;}


@media(min-width: 1025px){	
	.xyfg li a:hover h3{color: #82318e;}
}
@media(max-width: 1024px){	
	.xyfg ul{margin: 0 -0.1rem;}
	.xyfg li{padding: 0 0.1rem;margin-bottom: 0.3rem;}
}

@media(max-width: 768px){	
	.xyfg li{width: 50%;}
}
/* 新书推荐 */
.newbook ul{justify-content: space-between;}
.newbook li{width: 45%;margin-bottom: 0.4rem;}
.newbook li a{height: 3.1rem;background: #fff;  box-shadow: 0px 2px 0.57rem 3px rgba(0, 0, 0, 0.1);padding: 0.2rem;}
.newbook li a::after{width: 100%;background: url(../images/picbg.jpg) no-repeat center/cover;opacity: 0;}

.newbook li .scale{width: 1.82rem;}
.newbook li .con{width: calc(100% - 1.82rem);padding-left: 0.3rem;}
.newbook li .imged{padding-bottom: 2.63rem;}
.newbook li h3{font-size: 0.24rem;color: #000;font-weight: bold;margin-bottom: 0.2rem;transition: 0.5s;}
.newbook li p{margin-bottom: 0.15rem;font-size: 0.16rem;line-height: 1.3;color: #333;}
.newbook li .p{justify-content: flex-end;padding-right: .4rem;}
.newbook li .p img{width: 1.05rem;}

@media(min-width: 1025px){	
  .newbook li a:hover::after{opacity: 1;}
  .newbook li a:hover h3{color: #82318e;}


}
@media(max-width: 1024px){	
	.newbook li{width: 48%;margin-bottom: 0.3rem;}
}

@media(max-width: 768px){	
	.newbook li{width: 100%;}
	.newbook li a{height:auto;}
	.newbook li h3{font-size: 0.2rem;}
	.newbook li p{margin-bottom:.1rem;}
}
@media(max-width: 420px){
	.newbook li .scale{width: 1.3rem;}
    .newbook li .con{width: calc(100% - 1.3rem);padding-left: 0.2rem;}
    .newbook li .imged{padding-bottom: 2rem;}
}
/* 数据库导航 */
.filter {padding: 0.35rem;background: #fff;box-shadow: 0px 2px 0.46rem 4px rgba(0, 0, 0, 0.08);margin-bottom: .35rem;}
.filter dl {line-height: 0.3rem;border-bottom: 1px dashed #efefef;overflow: hidden;display: flex;padding: .15rem 0;flex-wrap: wrap;}
.filter dl dt {
	font-size: 0.18rem;color: #333;line-height: 0.3rem;width: 1rem;
}
.filter dl dd {
	overflow: hidden;width: calc(100% - 1rem);padding-left: 0.25rem;
}

.filter dl dd a {
	padding: 0rem 0.1rem;
	display: inline-block;
	cursor: pointer;
	transition: all .15s linear 0s;
	font-size: 0.16rem;
	color: #666;
	line-height: 0.3rem;
	border-radius: 0.05rem;
	margin-right: .09rem;
}
.filter dl dd a.active,
.filter dl dd a:hover {background: #82318e;color: #fff}




@media(max-width: 500px){	
.filter dl dd{width:100%;padding-left: 0;margin-top: .2rem;}
}


/*====翻页====*/
.j_pages{display: flex;justify-content: center;margin-top: 0.6rem;flex-wrap: wrap;}
.j_pages .box{display: flex;padding: 0;font-size: 0;align-items: center;flex-wrap: wrap;}
.j_pages a{padding: 0px 0.13rem;height: 0.34rem;line-height: 0.34rem;display:inline-block;margin: 0 3px 0.1rem;color: #919191;font-size: 0.14rem;transition:all .3s;border-radius: .04rem;border:1px solid #ccc;}
.j_pages a font{ padding:0 0.1rem}
.j_pages .on{background: #82318e;color: #fff;border:none;}
.j_pages a:hover{background: #82318e;color:#fff!important;}
.j_pages span{color:#919191; height: 0.34rem;line-height: 0.34rem;display:inline-block; font-size:0.14rem;}
.j_pages input{color:#919191;padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;font-size:0.14rem;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{ width:0.4rem; padding:0; text-align:center}
.j_pages input[type="submit"]:hover{ background: #82318e; color:#fff}

@media(max-width: 768px){
  .j_pages{margin-top:.3rem;}
}