@charset "utf-8";
/* ==========================================================================
   南昌职业大学科学技术开发处 · 二级（内页）合并样式  ny.css
   由 jj / tplb / twlb / wzlb / wznr 五个内页样式合并而成。
   说明：jj（成果简介）与 wznr（文章内容）复用 .art-* 类名但数值不同，
        已通过 <body> 的 pg-jj / pg-wznr 作用域区分，确保两页渲染与合并前完全一致。
   规范：flex 布局 / 不使用 gap / 不使用 CSS 变量 / 兼容 IE11 / rem 单位
   ========================================================================== */

/* ================= 文章类基础（jj & wznr 共有且一致，无冲突） ================= */
.art-sub:before { content: ""; position: absolute; left: 0; top: .07rem; bottom: .05rem; width: .05rem; background: linear-gradient(180deg, #4DA3F5 0%, #5BAEFA 100%); border-radius: .03rem; }
.art-body { font-size: .16rem; line-height: 2.1; color: #333; }
.art-body:after { content: ""; display: block; clear: both; }
.art-body p { margin-bottom: .20rem; text-indent: 2em !important; font-size:16px !important; line-height:0.30rem !important;}
.art-body table{display: block; margin:0 auto; }
.art-body table p{text-indent: 0em !important;}
#vsb_content_2 .vsbcontent_img img{display: block; margin:0 auto; }

/* ================= jj / wznr 差异（按 <body> 作用域区分，避免相互覆盖） ================= */
.pg-jj .art-hd { text-align: center; padding-bottom: .24rem; margin-bottom: .30rem; border-bottom: 1px solid #E3E6F1; }
.pg-wznr .art-hd { text-align: center; padding-bottom: .18rem; margin-bottom: .30rem; border-bottom: 1px solid #E3E6F1; }
.pg-jj .art-meta { display: flex; align-items: center; justify-content: center; margin-top: .16rem; font-size: .14rem; color: #6B7B8C; }
.pg-wznr .art-meta { display: flex; align-items: center; justify-content: center; font-size: .14rem; color: #6B7B8C; }
.pg-jj .art-meta span { margin: 0 .16rem; }
.pg-wznr .art-meta span { margin: 0 .12rem; }
.pg-jj .art-sub { position: relative; margin: .34rem 0 .18rem; padding-left: .16rem; font-size: .22rem; font-weight: 700; color: #1A5BBF; line-height: 1.4; }
.pg-wznr .art-sub { position: relative; margin: .30rem 0 .16rem; padding-left: .16rem; font-size: .22rem; font-weight: 700; color: #1A5BBF; line-height: 1.4; }

/* ==========================================================================
   简介页 jj
   ========================================================================== */
.art-lead { position: relative; margin-bottom: .26rem; padding: .24rem .28rem .24rem .34rem; background: #F2F7FE; border-left: .04rem solid #1968D8; border-radius: .04rem; font-size: .16rem; line-height: 2; color: #2C3E50; }

.art-data { display: flex; margin: .30rem 0; padding: .26rem 0; background: #F8F9FB; border-top: 1px solid #E3E6F1; border-bottom: 1px solid #E3E6F1; }
.ad-item { flex: 1; text-align: center; }
.ad-item + .ad-item { border-left: 1px solid #E3E6F1; }
.ad-num { display: block; font-size: .36rem; font-weight: 700; color: #1968D8; line-height: 1.2; }
.ad-txt { display: block; margin-top: .04rem; font-size: .14rem; color: #6B7B8C; }

.art-figure { float: left; width: 4.20rem; margin: .04rem .30rem .20rem 0; }
.fig-pic { width: 4.20rem; height: 2.70rem; border-radius: .06rem; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.fig-cap { display: block; margin-top: .08rem; font-size: .13rem; color: #6B7B8C; text-align: center; }

.art-gallery { margin: .10rem 0 .20rem; }
.art-gallery .swiper-container { width: 100%; height: 3.60rem; border-radius: .08rem; overflow: hidden; }
.art-gallery .swiper-slide { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.art-gallery .swiper-pagination-bullet { background: #fff; opacity: .6; }
.art-gallery .swiper-pagination-bullet-active { background: #fff; opacity: 1; width: .22rem; border-radius: .06rem; }
.art-gallery .swiper-button-prev, .art-gallery .swiper-button-next { background-size: .18rem; }

/* ==========================================================================
   图片列表页 tplb
   ========================================================================== */
.pic-list { display: flex; flex-wrap: wrap; margin: 0 -.12rem; }
.pic-item { width: calc(33.3333% - .24rem); margin: 0 .12rem .26rem; box-sizing: border-box; }
.pic-link { display: block; background: #fff; border: 1px solid #E3E6F1; border-radius: .08rem; overflow: hidden; transition: box-shadow .25s, transform .25s, border-color .25s; }
.pic-link:hover { border-color: #BBD6F5; box-shadow: 0 .10rem .26rem rgba(25,104,216,.15); -webkit-transform: translateY(-.04rem); transform: translateY(-.04rem); }
.pic-img { height: 2.10rem; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: transform .45s; }
.pic-link:hover .pic-img { -webkit-transform: scale(1.06); transform: scale(1.06); }
.pic-info { padding: .16rem .18rem .18rem; }
.pic-tit { height: .51rem; font-size: .17rem; font-weight: 600; line-height: 1.5; color: #2C3E50; overflow: hidden; }
.pic-link:hover .pic-tit { color: #1968D8; }
.pic-date { display: flex; align-items: center; margin-top: .12rem; font-size: .13rem; color: #6B7B8C; }
.pic-date img { width: .14rem; height: .14rem; margin-right: .06rem; }

/* ==========================================================================
   图文列表页 twlb
   ========================================================================== */
.focus-box { margin-bottom: .36rem; }
.focus-box .swiper-container { width: 100%; height: 4.00rem; border-radius: .08rem; overflow: hidden; }
.focus-box .swiper-slide { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.fs-cap {position: absolute;left: 0;right: 0;bottom: 0;padding: .50rem .26rem .38rem;background: linear-gradient(0deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,0) 100%);color: #fff;font-size: .20rem;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.focus-box .swiper-pagination-bullet { background: #fff; opacity: .6; }
.focus-box .swiper-pagination-bullet-active { background: #fff; opacity: 1; width: .22rem; border-radius: .06rem; }

.media-list { display: flex; flex-direction: column; }
.media-item { margin-bottom: .22rem; }
.media-link { display: flex; align-items: center; padding: .20rem; background: #fff; border: 1px solid #E3E6F1; border-radius: .08rem; transition: box-shadow .25s, transform .25s, border-color .25s; }
.media-link:hover { border-color: #BBD6F5; box-shadow: 0 .10rem .26rem rgba(25,104,216,.15); -webkit-transform: translateY(-.02rem); transform: translateY(-.02rem); }
.media-pic { flex-shrink: 0; width: 2.80rem; height: 1.80rem; margin-right: .26rem; border-radius: .06rem; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.media-txt { flex: 1; min-width: 0; }
.media-tit { font-size: .19rem; font-weight: 600; line-height: 1.5; color: #2C3E50; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-link:hover .media-tit { color: #1968D8; }
.media-desc { height: .54rem; margin-top: .10rem; font-size: .15rem; line-height: 1.8; color: #6B7B8C; overflow: hidden; }
.media-date { display: flex; align-items: center; margin-top: .12rem; font-size: .13rem; color: #9AA7B4; }
.media-date img { width: .14rem; height: .14rem; margin-right: .06rem; }

/* ==========================================================================
   文字列表页 wzlb
   ========================================================================== */
.tab-bar { display: flex; margin-bottom: .18rem; border-bottom: 1px solid #E3E6F1; }
.tab-item { position: relative; padding: .13rem .26rem; font-size: .16rem; color: #6B7B8C; cursor: pointer; }
.tab-item:hover { color: #1968D8; }
.tab-item.on { color: #1968D8; font-weight: 700; }
.tab-item.on:after { content: ""; position: absolute; left: .20rem; right: .20rem; bottom: -1px; height: .03rem; background: linear-gradient(90deg, #4DA3F5 0%, #5BAEFA 100%); }
.txt-item a { display: flex; align-items: center; padding: .17rem .02rem; border-bottom: 1px dashed #E3E6F1; }
.txt-item a:hover { background: #F8FBFF; }
.txt-num { flex-shrink: 0; width: .34rem; height: .28rem; line-height: .28rem; margin-right: .16rem; background: #F2F7FE; color: #1968D8; font-size: .13rem; font-weight: 700; text-align: center; border-radius: .04rem; }
.txt-tit { flex: 1; min-width: 0; font-size: .16rem; color: #2C3E50; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.txt-item a:hover .txt-tit { color: #1968D8; }
.txt-date { flex-shrink: 0; margin-left: .20rem; font-size: .14rem; color: #6B7B8C; }
.txt-item.hide { display: none; }

/* ==========================================================================
   文章内容页 wznr
   ========================================================================== */
.art-wrap { max-width: 10.00rem; margin: 0 auto; }
.art-bar { position: relative; margin-top: .18rem; }
.art-font { position: absolute; right: 0; top: -.02rem; display: flex; align-items: center; font-size: .13rem; color: #6B7B8C; }
.art-font a { display: inline-block; margin-left: .08rem; padding: .02rem .10rem; border: 1px solid #E3E6F1; border-radius: .04rem; color: #6B7B8C; }
.art-font a:hover { border-color: #1968D8; color: #1968D8; }
.art-font a.on { background: #1968D8; border-color: #1968D8; color: #fff; }
.art-pic { height: 4.00rem; margin: .24rem 0; border-radius: .06rem; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.art-quote { margin: .24rem 0; padding: .22rem .26rem; background: #F2F7FE; border-left: .04rem solid #1968D8; border-radius: .04rem; font-size: .16rem; line-height: 2; color: #2C3E50; }
.art-attach { margin-top: .34rem; padding: .20rem .24rem; background: #F8F9FB; border: 1px solid #E3E6F1; border-radius: .06rem; }
.art-attach h4 { margin-bottom: .12rem; font-size: .16rem; font-weight: 700; color: #1A5BBF; }
.art-attach li { font-size: .15rem; line-height: 2.1; }
.art-attach li a { display: flex; align-items: center; color: #2C3E50; }
.art-attach li a:hover { color: #1968D8; }
.art-attach li a img { width: .16rem; height: .16rem; margin-right: .08rem; flex-shrink: 0; }
.art-page { margin-top: .30rem; padding-top: .24rem; border-top: 1px solid #E3E6F1; }
.ap-item { display: flex; align-items: center; font-size: .15rem; line-height: 2.2; }
.ap-label { flex-shrink: 0; color: #6B7B8C; }
.ap-item a { flex: 1; min-width: 0; color: #2C3E50; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ap-item a:hover { color: #1968D8; }
.rel-box { margin-top: .60rem; }
.rel-list { display: flex; flex-wrap: wrap; margin: 0 -.12rem; }
.rel-item { width: calc(33.3333% - .24rem); margin: 0 .12rem; box-sizing: border-box; }
.rel-item a { display: block; background: #fff; border: 1px solid #E3E6F1; border-radius: .08rem; overflow: hidden; transition: box-shadow .25s, transform .25s, border-color .25s; }
.rel-item a:hover { border-color: #BBD6F5; box-shadow: 0 .10rem .26rem rgba(25,104,216,.15); -webkit-transform: translateY(-.04rem); transform: translateY(-.04rem); }
.rel-img { height: 2.60rem; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.rel-item a:hover .rel-img { opacity: .92; }
.rel-tit { height: .48rem; padding: .16rem .18rem 0; font-size: .16rem; font-weight: 600; line-height: 1.5; color: #2C3E50; overflow: hidden; }
.rel-item a:hover .rel-tit { color: #1968D8; }
.rel-date { display: flex; align-items: center; padding: .10rem .18rem .16rem; font-size: .13rem; color: #6B7B8C; }
.rel-date img { width: .14rem; height: .14rem; margin-right: .06rem; }

/* ==========================================================================
   响应式 —— 中等屏（1024px）
   ========================================================================== */
@media screen and (max-width: 1024px) {
  .pg-jj .art-hd h1 { font-size: .26rem; }
  .pg-wznr .art-hd h1 { font-size: .24rem; }
  .pg-wznr .art-meta { flex-wrap: wrap; justify-content: flex-start; }

  .art-figure { float: none; width: 100%; margin: 0 0 .20rem; }
  .fig-pic { width: 100%; height: 2.20rem; }
  .art-gallery .swiper-container { height: 2.30rem; }
  .art-data { flex-wrap: wrap; }
  .ad-item { flex: none; width: 50%; padding: .12rem 0; }
  .ad-item + .ad-item { border-left: 0; }

  .art-font { position: static; margin-top: .10rem; }
  .art-pic { height: 2.60rem; }
  .rel-item { width: calc(50% - .24rem); }
}

/* ==========================================================================
   响应式 —— 平板（768px）
   ========================================================================== */
@media screen and (max-width: 768px) {
  .pg-jj .art-hd { padding-bottom: .16rem; margin-bottom: .22rem; }
  .pg-wznr .art-hd { padding-bottom: .16rem; margin-bottom: .24rem; }
  .pg-jj .art-hd h1 { font-size: .22rem; }
  .pg-wznr .art-hd h1 { font-size: .21rem; }
  .pg-jj .art-meta { flex-wrap: wrap; justify-content: flex-start; margin-top: .12rem; font-size: .13rem; }
  .pg-wznr .art-meta { justify-content: flex-start; font-size: .13rem; }
  .pg-jj .art-meta span { margin: 0 .12rem 0 0; }
  .pg-wznr .art-meta span { margin: 0 .12rem 0 0; }
  .pg-jj .art-sub { margin: .26rem 0 .14rem; font-size: .19rem; }
  .pg-wznr .art-sub { margin: .26rem 0 .14rem; font-size: .19rem; }
  .art-body { font-size: .15rem; line-height: 1.95; }

  .art-lead { padding: .18rem .20rem; font-size: .15rem; line-height: 1.95; }
  .art-data { margin: .24rem 0; padding: .20rem 0; }
  .ad-num { font-size: .28rem; }
  .ad-txt { font-size: .12rem; }
  .art-figure { margin: 0 0 .18rem; }
  .fig-pic { height: 2.00rem; }
  .fig-cap { font-size: .12rem; }
  .art-gallery .swiper-container { height: 1.90rem; }
  .art-gallery .swiper-button-prev, .art-gallery .swiper-button-next { display: none; }

  .pic-list { margin: 0 -.10rem; }
  .pic-item { width: calc(50% - .20rem); margin: 0 .10rem .20rem; }
  .pic-img { height: 2.00rem; }
  .pic-info { padding: .12rem .14rem .14rem; }
  .pic-tit { height: .46rem; font-size: .15rem; }
  .pic-date { margin-top: .08rem; font-size: .12rem; }

  .focus-box { margin-bottom: .26rem; }
  .focus-box .swiper-container { height: 1.90rem; }
  .fs-cap {padding: .34rem .16rem .32rem;font-size: .16rem;}
  .focus-box .swiper-button-prev, .focus-box .swiper-button-next { display: none; }
  .media-item { margin-bottom: .18rem; }
  .media-link { flex-direction: column; align-items: stretch; padding: .12rem; }
  .media-pic { width: 100%; height: 2.00rem; margin: 0 0 .14rem; }
  .media-tit { font-size: .16rem; white-space: normal; }
  .media-desc { height: .50rem; font-size: .14rem; }
  .media-date { margin-top: .08rem; font-size: .12rem; }

  .tab-bar { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .tab-item { flex: 0 0 auto; padding: .11rem .18rem; font-size: .15rem; }
  .tab-item.on:after { left: .14rem; right: .14rem; }
  .txt-item a { align-items: flex-start; padding: .13rem .02rem; }
  .txt-num { width: .30rem; height: .24rem; line-height: .24rem; margin: .03rem .10rem 0 0; font-size: .12rem; }
  .txt-tit { font-size: .15rem; line-height: 1.7; }
  .txt-date { margin-left: .10rem; font-size: .12rem; }

  .art-bar { margin-top: .14rem; }
  .art-font { position: static; margin-top: .12rem; }
  .art-font a { margin: 0 .08rem 0 0; padding: .04rem .16rem; }
  .art-pic { height: 2.00rem; margin: .18rem 0; }
  .art-quote { padding: .18rem .20rem; font-size: .15rem; }
  .art-attach { padding: .16rem .18rem; }
  .art-attach li { font-size: .14rem; }
  .art-page { margin-top: .24rem; padding-top: .18rem; }
  .ap-item { font-size: .14rem; }
  .rel-box { margin-top: .40rem; }
  .rel-list { margin: 0 -.10rem; }
  .rel-item { width: calc(50% - .20rem); margin: 0 .10rem .20rem; }
  .rel-img { height: 1.60rem; }
  .rel-tit { height: .45rem; padding: .12rem .14rem 0; font-size: .15rem; }
  .rel-date { padding: .08rem .14rem .12rem; font-size: .12rem; }
}

/* ==========================================================================
   响应式 —— 小屏手机（480px）
   ========================================================================== */
@media screen and (max-width: 480px) {
  .pg-jj .art-hd h1 { font-size: .20rem; }
  .pg-wznr .art-hd h1 { font-size: .19rem; }

  .art-gallery .swiper-container { height: 1.60rem; }

  .pic-list { margin: 0; }
  .pic-item { width: 100%; margin: 0 0 .20rem; }
  .pic-img { height: 2.10rem; }
  .pic-tit { height: auto; }

  .focus-box .swiper-container { height: 1.60rem; }
  .media-pic { height: 1.80rem; }

  .txt-tit { white-space: normal; overflow: hidden; height: .51rem; }

  .art-pic { height: 1.80rem; }
  .rel-list { margin: 0; }
  .rel-item { width: 100%; margin: 0 0 .18rem; }
  .rel-img { height: 2.00rem; }
  .rel-tit { height: auto; }
}