@charset "utf-8";
/* ============================================================
   盐城工业职业技术学院 主样式表
   设计稿宽度 1920px，PC 下 1rem = 100px（html{font-size:5.21vw}）
   字体：思源黑体 SourceHanSansCN-Regular（粗细以 font-weight 区分）
   ============================================================ */
/*Technical Support SudyTech*/
/* -------------------- 字体 -------------------- */
@font-face {
  font-family: 'SourceHanSansCN';
  src: local('Source Han Sans CN'), local('SourceHanSansCN-Regular'), local('思源黑体 CN'), local('思源黑体'),
       url('../fonts/SourceHanSansCN-Regular.woff2') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
 @font-face {
    font-family: "SourceHanSerif";
    src: url(../fonts/SourceHanSerifCN-VF.woff2) format('embedded-opentype'),
    url(../fonts/SourceHanSerifCN-VF.woff2) format('truetype');
  }

/* -------------------- 基础重置 -------------------- */
html { font-size: 5.21vw; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body {
  margin: 0;
  font-family: 'SourceHanSansCN', 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-size: 0.16rem;
  color: #333;
     background: #f6f6fb;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
div, ul, li, p, h1, h2, h3, h4, h5, form, input, span, em, a, img { margin: 0; padding: 0; }
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; }
img { border: 0; vertical-align: middle; max-width: none; }
em { font-style: normal; }
input { font-family: inherit; outline: none; border: none; background: none; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { *zoom: 1; }

/* 单行/多行截断 */
.line1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.line2, .line3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line2 { -webkit-line-clamp: 2; }
.line3 { -webkit-line-clamp: 3; }

/* -------------------- 布局骨架 -------------------- */
.wrapper { width: 100%; }
.inner { width: 15rem; margin: 0 auto; position: relative; }

/* 进场动画：滚动进入视口加 .on */
.gsapdom { opacity: 0; transition: opacity .8s ease, transform .8s ease; }
.gsapdom[gsap-direction="Y"] { transform: translateY(0.5rem); }
.gsapdom[gsap-direction="X"] { transform: translateX(0.5rem); }
.gsapdom[gsap-direction="X"][gsap-position^="-"] { transform: translateX(-0.5rem); }
.gsapdom[gsap-direction="Y"][gsap-position^="-"] { transform: translateY(-0.5rem); }
.gsapdom.on, .gsapdom.on[gsap-direction] { opacity: 1; transform: translate(0, 0); }
.gsapdom[delay="0.3"] { transition-delay: .3s; }
.gsapdom[delay="0.4"] { transition-delay: .4s; }

/* ============================================================
   头部 header（参考 Pixso DSL: 105px高 = 1.05rem，渐变独立 overlay）
   ============================================================ */
.header {
      position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 4;
        /* background: linear-gradient(to bottom, #2B5BC1, transparent);*/
    transition: background 0.6s ease, box-shadow 0.6s ease, height 0.4s ease;
}
.header.fix {
  background: #2B5BC1 !important;
  box-shadow: 0 0.04rem 0.2rem rgba(0,0,0,.18);

  position: fixed; top: 0; left: 0;
}
.header .inner { width: 18.1rem; }
.header .mod {
  display: -ms-flexbox; display: flex;
  -ms-flex-pack: justify; justify-content: space-between;
  -ms-flex-align: center; align-items: center;
  height: 1.3rem;
}
.head-left { /* flex 子项 */ }
.sitelogo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.sitelogo .logo { display: inline-block;     margin-top: 0.2rem;}
.sitelogo .logo img {width: 3.94rem;display: block;height: auto;}
.head-right {
    display: flex;
    align-items: center;
    column-gap: 0.4rem;
}
/* 右侧：顶部链接行 + 主导航，纵向堆叠 */
.right-leftwrap {
    display: flex;
    align-items: flex-end;
    gap: 0.1rem;
    flex-direction: column;
}

/* 顶部链接行（flex 横排，竖线分隔） */
.head-top {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}.site-links ul {
    display: flex;
}
.site-links { display: -ms-flexbox; display: flex; }
.site-links li { display: -ms-flexbox; display: flex; }
.site-links li a {
  font-size: 0.18rem; color: #fff; line-height: 0.16rem;
  padding: 0 0.14rem; border-left: 0.01rem solid rgba(255,255,255,.5);
  transition: opacity .3s;
}.pagelist .post-hotnews .news .news_title:hover {
    color: #3661BD;
}
.site-links li:first-child a { border-left: 0; padding-left: 0; }
.site-links li a:hover { opacity: .8; }
.site-linkst a {
    font-size: 0.18rem;
    text-transform: uppercase;
    border-radius: 0.15rem;
    background: rgb(255 255 255 / 20%);
    color: #fff;
    width: 0.62rem;
    height: 0.41rem;
    line-height: 0.41rem;
    text-align: center;
    display: block;
}
/* 搜索框（整块半透明背景，搜索按钮绝对定位右上） */
.searchbox {
  display: inline-block; vertical-align: middle;
  width: 1.54rem; height: 0.44rem; margin-left: 0rem;
  background: rgba(255,255,255,.2); border-radius: 0.15rem;
  position: relative; overflow: hidden;
}
.wp-search { position: relative; height: 100%; }
.wp-search form { height: 100%; }
.search-input {
  position: absolute; left: 0; top: 0; right: 0.44rem; height: 100%;
  margin-left: 0.2rem;
}
.search-input .search-title {
  width: 100%; height: 0.44rem; line-height: 0.44rem;
  font-size: 0.16rem; color: #fff; background: none; border: 0; outline: 0;
  padding: 0;
  font-family: 'Arial';
}
.search-input .search-title::-webkit-input-placeholder { color: rgba(255,255,255,.8); }
.search-input .search-title::-moz-placeholder { color: rgba(255,255,255,.8); }
.search-input .search-title:-ms-input-placeholder { color: rgba(255,255,255,.8); }
.search-btn {
  position: absolute; right: 0; top: 0;
  width: 0.44rem; height: 0.44rem; cursor: pointer;
}
.search-btn .search-ic { position: absolute; left: 50%; top: 50%; width: 0.16rem; height: 0.16rem; margin: -0.08rem 0 0 -0.08rem; pointer-events: none; }
.search-btn .search-submit { position: relative; z-index: 2; width: 100%; height: 100%; cursor: pointer;  filter: alpha(opacity=0);     background: url(../images/sous2.svg) no-repeat center;background-size: 0.18rem;}

/* 英文入口（参考站 .site-en） */
.site-linkst { display: inline-block; vertical-align: middle; margin-left: 0rem; }
.lang-en {
  display: inline-block; vertical-align: middle;
  width: 0.62rem; height: 0.41rem; line-height: 0.41rem;
  background: rgba(255,255,255,.2); border-radius: 0.15rem;
  font-size: 0.16rem; color: #fff; text-align: center;
  transition: background .3s;
}
.lang-en:hover { background: rgba(255,255,255,.35); }

/* 汉堡按钮（参考站：半透明圆形，三横线，点击变叉） */
.menu-btn {
     width: .8rem;
    height: .8rem;
    background: url(../images/menubg.png) no-repeat;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    align-items: center;
    justify-content: center;
    float: none;
    border-radius: 0.1rem;
    cursor: pointer;    position: relative;    background-size: cover;
}
.menu-btn:hover { background: rgba(255,255,255,.28); }
.menu-btn .xian {
  display: block; width: 0.36rem; height: 0.03rem;
  background: #fff; border-radius: 0.02rem;
  transition: all .4s ease-in-out;
}
.menu-btn .xian1 {  }
.menu-btn.arrow .xian2 { display: none; }
.menu-btn.arrow .xian1 { width: 0.36rem; }
.menu-btn.arrow .xian3 { width: 0.36rem; }
.menu-btn.arrow .xian1, .menu-btn.arrow .xian3 {
  position: absolute; 
}
.menu-btn.arrow .xian1 { transform: rotate(-45deg); }
.menu-btn.arrow .xian3 { transform: rotate(45deg); }

/* 主导航（flex space-between，等间距排布） */
.nav { position: relative; margin-top: 0rem; }
.nav .wp-menu {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    column-gap: 0.65rem;
}
.menu-item { position: relative; }
.menu-link {
  display: block; font-size: 0.2rem; font-weight: 700; color: #fff;
  line-height: 0.4rem; padding: 0; position: relative;
}
/* hover 下划线：伪元素 scale(0) → scale(1) */
.menu-link:after {
  content: ""; position: absolute; bottom: 0; left: 0;
  width: 100%; height: 0.01rem; background: #fff;
  transform: scale(0); transition: all .4s ease-in-out;
}
.menu-item.cur .menu-link:after, .menu-link:hover:after { transform: scale(1); }

/* 二级导航（hover 展开：scale(0) → 1，0.4s ease-in-out） */
.nav .sub-menu {
  position: absolute; left: 50%; top: 100%; z-index: 100;
  min-width: 1.6rem; background: #3661BD;
  border-radius: 0.08rem; overflow: hidden;
  opacity: 0; visibility: hidden;
  transform: translateX(-50%) scale(0);
  transition: all .4s ease-in-out;
}
.nav .sub-menu .sub-item a {
  display: block; padding: 0 0.17rem; line-height: 0.5rem;
  font-size: 0.16rem; color: #fff; white-space: nowrap; text-align: center;
  transition: background .3s, color .3s;
}
.nav .sub-menu .sub-item a:hover { color: #333; background: #fff; }
.nav .wp-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateX(-50%) scale(1); }
/* 二级展开箭头（仅 ≤767 的展开面板内显示，见 media.css） */
.menu-switch-arrow { display: none; }

/* 点击汉堡展开导航（克隆主导航到 .navbox，右上角圆形裁切展开 + 菜单上滑） */
body.prevent-scroll { overflow: hidden;    width: var(--screen-width, 100vw);
    height: var(--screen-height, 100vh); }
.fixbox.navbox {
  display: block;
  position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  z-index: 99; background: #2B5BC1;
  padding: 1.7rem 4% 0.6rem; box-sizing: border-box;
  overflow-y: auto; text-align: center;
  visibility: hidden; opacity: 0;
  -webkit-clip-path: circle(0.35rem at 100% 0);
  clip-path: circle(0.35rem at 100% 0);
  transition: clip-path .6s ease, -webkit-clip-path .6s ease, opacity .4s ease, visibility .6s;
      z-index: 3;
}
.fixbox.navbox.open {
  visibility: visible; opacity: 1;
  -webkit-clip-path: circle(24rem at 100% 0.55rem);
  clip-path: circle(25rem at 100% 0.55rem);
}
.fixbox.navbox .wp-menu {
     display: flex;
    padding: 0;
    font-size: 0;
    opacity: 0;
    transform: translateY(2rem);
    transition: all .5s ease .15s;
    justify-content: space-between;    border-bottom: 1px solid #ffffff4d;
    padding-bottom: 0.5rem;
}
.fixbox.navbox.open .wp-menu { opacity: 1; transform: translateY(0); }
/* 克隆进面板的顶部链接 / 搜索 / 英文入口（参考站：随面板一起滑入） */
.fixbox.navbox .site-links, .fixbox.navbox .site-linkst, .fixbox.navbox .searchbox {
  display: inline-block; vertical-align: middle; margin: 0.6rem 0.3rem 0;
  opacity: 0; transform: translateY(2rem);
  transition: all .5s ease .15s;
}
.fixbox.navbox.open .site-links, .fixbox.navbox.open .site-linkst, .fixbox.navbox.open .searchbox { opacity: 1; transform: translateY(0); }
.fixbox.navbox .menu-item { display: inline-block; vertical-align: top; font-size: 0; }
.fixbox.navbox .menu-link { display: inline-block; font-size: 0.26rem; line-height: 0.44rem; padding: 0; border: 0; }
.fixbox.navbox .sub-menu {
  position: static; min-width: 0; background: none; border-radius: 0;
  opacity: 1; visibility: visible; transform: none; margin-top: 0.2rem;
  overflow: visible;
}
.fixbox.navbox .sub-item a {
  display: block; padding: 0; font-size: 0.16rem; line-height: 0.4rem;
  color: rgba(255,255,255,.7); background: none; white-space: normal; text-align: center;
}
.fixbox.navbox .sub-item a:hover { color: #fff; background: none; }

/* ============================================================
   banner 轮播（高 960px，支持视频）
   ============================================================ */
.mbanner { margin-top: 0;     height: 100vh;
    overflow: hidden;}
.mbanner .inner { width: 100%; }
.carousel-swiper { width: 100%;  overflow: hidden; position: relative; }
.mbanner .carousel-swiper__image {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.carousel-swiper .swiper-slide { width: 100%; }
.carousel-swiper__item { position: relative; }
.carousel-swiper__item a { display: block; position: relative; }
.carousel-swiper__image img {     display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    transition: all 0.4s ease-in-out;
    object-fit: cover}
/* 每张 banner 图标题 */
.carousel-swiper__title {
    position: absolute;
    left: 1.47rem;
    bottom: 1.6rem;
    z-index: 4;
    margin: 0;
    font-size: 0.6rem;
    font-weight: bold;
    color: #fff;
    line-height: 0.8rem;
    text-shadow: 0 0.04rem 0.1rem rgba(0, 0, 0, .35);
    width: 49%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: none;
}.mbanner .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 0.33rem;
    width: 100%;
    text-align: center;
}.mbanner .swiper-pagination span.swiper-pagination-bullet {
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 0.1rem;
    background: #FFFFFF;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.6;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
}.mbanner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 0.4rem;
    height: 0.37rem;
    border-radius: 0;
    background: url(../images/dot.svg) no-repeat center; background-size: 0.4rem;
}
.carousel-swiper__video {      display: none; 
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden; }
.carousel-swiper__video video {     width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    transition: all 0.4s ease-in-out;
    object-fit: cover;}
.carousel-swiper__item.has-video .carousel-swiper__video { display: block; position: absolute; left: 0; top: 0; z-index: 2; }
/* 展示视频时不再展示图片 */
.carousel-swiper__item.has-video .carousel-swiper__image { display: none; }
/* 顶部蓝色渐变 / 底部黑色渐变（压暗，便于头部与白字显示） */
.carousel-swiper:before {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3.2rem; z-index: 3;
  background: linear-gradient(to bottom, rgb(43,91,193), rgba(43,91,193,0));
  pointer-events: none;
}
.carousel-swiper:after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; z-index: 3;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.47));
  pointer-events: none;
}
/* 自定义分页点（当前项显示校徽，其余为圆点） */
.carousel-dots {
  position: absolute; left: 0; bottom: 0.37rem; width: 100%; z-index: 5;
  height: 0.37rem; line-height: 0.37rem;
  text-align: center; font-size: 0;
}
.carousel-dots .dot {
  display: inline-block; vertical-align: middle;
  width: 0.12rem; height: 0.12rem; margin: 0 0.11rem;
  background: #fff; opacity: .6; border-radius: 50%; cursor: pointer;
  transition: opacity .3s;
}
.carousel-dots .dot.cur { width: 0.4rem; height: 0.37rem; background: none; opacity: 1; border-radius: 0; }
.carousel-dots .dot .dot-badge { display: none; width: 0.4rem; height: 0.37rem; }
.carousel-dots .dot.cur .dot-badge { display: block; }

/* ============================================================
   栏目标题通用 tt
   ============================================================ */
.tt { position: relative; margin-bottom: 0.2rem;     display: flex;
    align-items: center;}
.tt .tit { font-size: 0; }
.tt .tit-brush { display: inline-block; vertical-align: bottom; }
.tt .tit-brush img {     display: block;
    width: auto;
    max-width: 0.63rem;
    margin: 0 0.07rem;}
.tt .title {
     display: inline-block;
    vertical-align: bottom;
    font-size: 0.42rem;
    font-weight: 700;
    color: #333;
    font-family: "SourceHanSerif";
}
.tt .tt_en {
    display: block;
    vertical-align: bottom;
    font-size: 0.18rem;
    color: #BA141A;
    line-height: 0.3rem;
    font-weight: 400;    text-transform: uppercase;
}
/* 白色标题（蓝色区块内） */
.tt-w .title { color: #fff; }
.tt-w .tt_en { color: rgba(255,255,255,.5); }
/* 居中标题 */
.tt-c { text-align: center;     display: flex;
    justify-content: center;}

/* 更多按钮（红） */
.more_btn { position: absolute; right: 0; bottom: 0.18rem; }
.more_btn a { display: inline-block; font-size: 0; }
.more_btn .more_txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.18rem;
    color: #BA141A;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    }
.post-21 .more_btn .more_txt {
    color: #fff;
}
.more_btn .more_plus {
  display: inline-block; vertical-align: middle;
  width: 0.16rem; height: 0.16rem; line-height: 0.16rem; margin-left: 0.1rem;
  background: #BA141A; color: #fff; font-size: 0.14rem; text-align: center;
  border-radius: 0.02rem;
}.post.post1.post-31.mbox .tt {
    margin-bottom: 0.4rem;
}
.more_btn a:hover .more_plus { background: #3661BD; }
/* 白色更多（蓝底区块） */
.more_btn.more_w .more_txt { color: #fff; }
.more_btn.more_w .more_plus { background: #fff; color: #3661BD; }

/* ============================================================
   main1 盐工新闻（参考 s1401：flex 双列 + 左固定宽右自适应 + 日期竖线列表）
   ============================================================ */
.main1 { position: relative; overflow: hidden; z-index: 1; }
.main1 .inner { padding: 0.45rem 0 1.2rem; }
.main1 .mbottom {
  display: -ms-flexbox; display: flex;
  -ms-flex-align: flex-start; align-items: flex-start;
}
.main1 .deco { position: absolute; pointer-events: none; z-index: 0; }
.main1 .deco-ink { left: -1.12rem; top: -1.5rem; width: 21.44rem; opacity: .24; }
.main1 .deco-tex { left: -0.4rem; top: 1.78rem; width: 19.2rem; opacity: .1; }
.main1 .deco-pic { left: 5.33rem; top: 7.69rem; width: 8.14rem; opacity: .12; }

/* 进入新闻网胶囊按钮 */
.more_pill {}
.more_pill a {
  display: block; width: 1.6rem; height: 0.5rem; line-height: 0.5rem;
  background: #fff; border-radius: 0.25rem;
  box-shadow: 0 0.06rem 0.2rem rgba(0,0,0,.1);
  font-size: 0;
  transition: box-shadow .3s;
}.col_list a.col_item_link.selected {
    opacity: 1;
    font-weight: bold;color: #3661BD; 
}.col_news_list.listcon {
    float: right;
    width: 100%;
}.col_news_list.listcon .col_news_box {
    margin-left: 3.5rem;
}
.more_pill a:hover { box-shadow: 0 0.08rem 0.25rem rgba(54,97,189,.3); }
.more_pill .more_txt { display: inline-block; vertical-align: middle; font-size: 0.14rem; color: #3661BD; margin-left: 0.15rem; }
.more_pill .more_circle {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    background: #3661BD;
    border-radius: 50%;
    position: relative;
    float: left;
}
.more_pill .more_circle img { position: absolute; left: 50%; top: 50%; width: 0.2rem; height: 0.2rem; margin: -0.1rem 0 0 -0.1rem; }

/* 左侧焦点轮播（固定宽 8.5rem，右间隙 0.62rem） */
.post-12 {
  -ms-flex: none; flex: none;
  width: 8.5rem; margin-right: 0.62rem;
  position: relative; z-index: 2;
}
.news-focus { position: relative; }
.news-swiper { overflow: hidden; }
.news-img {
  width: 100%; overflow: hidden;
     position: relative;
}.post.post1.post-12.mbox .news-img a img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    transition: all 0.4s ease-in-out;
    object-fit: cover;
}.post.post1.post-12.mbox .news-img a {
    padding-top: 59%;
}.post.post1.post-12.mbox .news-arrow {
    top: 50%;
    margin-top: -1.2rem;
    border-radius: 0;
}
.news-img a { display: block; overflow: hidden; }
.news-img img { width: 100%; height: auto; display: block; transition: transform .5s; }
.news-img a:hover img { transform: scale(1.1); }
.news-info {  }
.news-title { margin-top: 0.22rem; }
.news-title a { font-size: 0.24rem; font-weight: 500; color: #333; line-height: 0.36rem; transition: color .3s; }
.news-title a:hover { color: #3661BD; }
.news-line { width: 8.1rem; height: 1px; margin-top: 0.12rem; background: linear-gradient(to right, #3661BD, rgba(54,97,189,0)); }
.news-desc { margin-top: 0.14rem; font-size: 0.16rem; line-height: 0.28rem; color: rgba(51,51,51,.7); height: 0.56rem; }
/* 轮播箭头 */
.news-arrow {
  position: absolute; top: 2.24rem; z-index: 5;
  width: 0.7rem; height: 0.7rem; border-radius: 50%;
  background: rgba(54,97,189,.3); cursor: pointer;
  transition: background .3s;
}
.news-arrow img { position: absolute; left: 50%; top: 50%; width: 0.14rem; height: 0.28rem; margin: -0.14rem 0 0 -0.07rem; }
.news-arrow:hover { background: rgba(54,97,189,.8); }
.news-prev { left: 0.15rem; }
.news-next { right: 0.15rem; }
.news-next img { transform: rotate(180deg); }
.post.post1.post-12.mbox .news-title {
    font-size: 0.24rem;
}
/* 右侧新闻列表（flex:1 自适应 + 日期竖线分隔） */
.post-13 { -ms-flex: 1; flex: 1; width: 0; position: relative; z-index: 2; }
.main1 .list1 {
  display: -ms-flexbox; display: flex;
  -ms-flex-direction: column; flex-direction: column;
}
.main1 .list1 .news {
  margin-top: 0.47rem;
}
.main1 .list1 .news:first-child { margin-top: 0; }
.main1 .list1 .news > a {
  display: -ms-flexbox; display: flex;
  -ms-flex-align: center; align-items: center;    height: 0.48rem;
}
.main1 .news_meta {
  -ms-flex: none; flex: none;
  width: 0.9rem; height: 0.48rem; padding-right: 0.22rem; box-sizing: border-box;
  border-right: 0.02rem solid #D9E4ED;
  display: -ms-flexbox; display: flex;
  -ms-flex-direction: column; flex-direction: column;
  -ms-flex-pack: center; justify-content: center;
  -ms-flex-align: flex-end; align-items: flex-end;
  text-align: right;
}
.main1 .news_year {
  font-size: 0.14rem; color: #2352B5; line-height: 1;
}
.main1 .news_days {
  font-size: 0.26rem; font-weight: 400; color: #2352B5; line-height: 1; margin-top: 0.08rem;
}
.main1 .news_title {
  -ms-flex: 1; flex: 1;
  padding-left: 0.24rem; overflow: hidden;
  font-size: 0.18rem; font-weight: 500; color: #333; line-height: 0.30rem;
 
  transition: color .3s;
}
.main1 .list1 .news:hover .news_title { color: #3661BD; }
.qb1 {
  background: url(../images/m1.jpg) no-repeat left top;        background-size: 100% auto;}
/* ============================================================
   main2 盐工专栏（蓝色区块）
   ============================================================ */
.main2 { position: relative; overflow: hidden;  padding: 1.1rem 0 0.6rem; margin-top: -0.01rem; }
.m2-wave { position: absolute; left: 50%; top: -4.4rem; width: 26.37rem; margin-left: -13.19rem; z-index: 1; }
.m2-wave img { width: 100%; display: block; }
.m2-mask { position: absolute; left: 50%; top: 0; width: 24.38rem; margin-left: -12.19rem; z-index: 0; }
.m2-mask img { width: 100%; display: block; }
.main2 .inner { z-index: 2; }
.main2 .deco-badge { position: absolute; right: 0.4rem; bottom: 0.3rem; width: 2.5rem; opacity: .06; z-index: 1; }
.post.post1.post-22.mbox .box {
    background: #fff;
    border-radius: 0.1rem;
    overflow: hidden;transition: all 0.4s ease-in-out;
}.post.post1.post-22.mbox .box .news-img a img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    transition: all 0.4s ease-in-out;
    object-fit: cover;
}.post.post1.post-22.mbox .box .news-img a {
    padding-top: 69%; 
}
/* 卡片轮播 */
.post-22 { position: relative; padding: 0; }
.cards-swiper { overflow: hidden; }
.cards-swiper .swiper-slide { height: auto; }
.card {
      background: #fff;
    border-radius: 0.1rem;
    padding: 0.3rem 0.3rem 0.3rem 0.3rem;
    position: relative;
}.post.post1.post-22.mbox .box .card-date {
     position: absolute;
    left: 0.32rem;
    z-index: 1;
    bottom: 0;
  
}.post.post1.post-22.mbox .box:hover {
       box-shadow: 0 0.03rem 0.1rem rgb(54 97 189 / 22%);
}.post.post1.post-22.mbox .cards-arrow {
    margin-top: -1.7rem;
}.main5 {
    display: none;
}
.cards-swiper .swiper-slide:nth-child(odd) .box{ margin-top: 0.4rem; }
.card-date { position: relative; width: 1.15rem; height: 0.49rem; }
.card-date img { width: 100%; height: 100%; display: block; }
.card-date span {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  font-size: 0.16rem; font-weight: 500; color: #fff; line-height: 0.49rem; text-align: center;
}.post.post1.post-22.mbox .box .card:before {
    content: "";
    background: url(../images/lih.png) no-repeat;
    content: '';
    width: 2.3rem;
    position: absolute;
    height: 2.12rem;
    top: 0.14rem;
    right: 0.14rem;
    opacity: 0;
    background-size: cover;
    transition: 0.7s;
}.post.post1.post-22.mbox .box:hover .card:before {
    opacity: 1;
}
.card-title {  height: 0.64rem;     position: relative;}
.card-title a { font-size: 0.18rem; font-weight: 500; color: #333; line-height: 0.32rem; transition: color .3s; }
.card-title a:hover { color: #3661BD; }
.card-desc { margin-top: 0.12rem; font-size: 0.14rem; line-height: 0.26rem; color: rgba(51,51,51,.7); height: 0.78rem; }
.card-more { display: inline-block; margin-top: 0.18rem; font-size: 0.14rem; color: #3661BD; position: relative; padding-bottom: 0.08rem; }
.card-more:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0.8rem; height: 1px; background: #3661BD; }
.card-more img { width: 0.14rem; height: 0.14rem; margin-left: 0.08rem; }
.card-more:hover { color: #BA141A; }
.card-more:hover:after { background: #BA141A; }
/* 卡片箭头 */
.cards-arrow {
  position: absolute; top: 50%; z-index: 5;
  width: 0.6rem; height: 0.6rem; margin-top: -0.3rem;
  background: rgba(255,255,255,.2); border-radius: 50%;
  cursor: pointer; transition: background .3s;
}.post.post1.post-22.mbox .cards-swiper {
    padding-bottom: 0.3rem;
}
.cards-arrow img { position: absolute; left: 50%; top: 50%; width: 0.2rem; height: 0.2rem; margin: -0.1rem 0 0 -0.1rem; }
.cards-arrow:hover { background: rgba(255,255,255,.45); }
.cards-prev { left: -1.0rem; }
.cards-next { right: -1.0rem; }
.cards-next img { transform: rotate(180deg); }
.qb2 {
  background: url(../images/m2.png) no-repeat bottom center;
        background-size: 100% auto;
}
.more_btn img {
    display: inline-block;
    width: 0.14rem;
    margin-left: 0.1rem;
}
/* ============================================================
   main3 媒体聚焦
   ============================================================ */
.main3 {  padding: 0rem 0 0.9rem; }
.main3 .mod { position: relative; }
.post-32 { float: left; width: 3.64rem; }
.post-33 { float: left; width: 6.8rem; margin: 0 0.46rem; }
.post-34 { float: right; width: 3.64rem; }

/* 左右媒体列表 */
.media_list .news a { display: block; padding: 0.1rem 0; }
.media_list .news { border-bottom: 0; }
.media_list .news.n1 {  }
ul.media_list li:nth-child(1) {
    border: 0;
}ul.media_list li:nth-child(1) .news-img a img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    transition: all 0.4s ease-in-out;
    object-fit: cover;
}ul.media_list li:nth-child(1) a {
        padding-top: 60%;
    border-radius: 0.1rem;
    padding-bottom: 0;
}ul.media_list li:nth-child(1) .news-img {
    border-radius: 0.1rem;
}
.media_list .src { display: block; font-size: 0.18rem; font-weight: 500; color: #BA141A; line-height: 0.3rem;     margin-bottom: 0.15rem;}
.media_list .news_title {
  font-size: 0.18rem; font-weight: 500; color: #333; line-height: 0.3rem; height: 0.6rem;
  transition: color .3s;
}
.media_list .news a:hover .news_title { color: #3661BD; }
.post-42 li.news  a{
    padding: 0.2rem 0;
}
/* 中间图片轮播 */
.post.post1.post-33.mt.mbox .media-img {
    padding-top: 70.5%;
    background-color: #efefef;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 0.1rem;
}.post.post1.post-33.mt.mbox .media-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    transition: all 0.4s ease-in-out;
    object-fit: cover;
}
.media-focus { position: relative; }
.media-swiper { height: 100%; }
.media-img { width: 6.8rem; height: auto; overflow: hidden; }
.media-img img { width: 100%; height: auto; display: block; transition: transform .5s; }
.media-focus a:hover .media-img img { transform: scale(1.1); }
.media-cap {     display: flex;
    gap: 0.28rem;
    align-items: center;    margin-top: 0.3rem;    padding-left: 0.05rem;}
.media-cap:before {
  content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 0rem;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5));
}
.media-badge {
 z-index: 4;
    width: 1.5rem;
    height: 0.8rem;
    background: #fff;
    border-radius: 0.06rem;
    box-shadow: 0 0.03rem 0.08rem rgb(0 0 0 / 8%);
    line-height: 0.8rem;
    text-align: center;
    color: #BA141A;    flex: none;    background-color: #fff !important;
}
.media-badge img { position: absolute; left: 50%; top: 50%; width: 1.26rem; height: 0.3rem; margin: -0.15rem 0 0 -0.63rem; }
.media-title {
 position: relative;
    z-index: 4;
    font-size: 0.22rem;
    font-weight: 500;
    line-height: 0.3rem;
}.media-title:hover {
    color: #3661BD;
}
.post-33 span.media-badge.ycxww {
    font-size: 0;
    background: url(../images/mt/ycxww.png) no-repeat center;
        background-size: contain;
}
.post-33 span.media-badge.xhw {
    font-size: 0;
    background: url(../images/mt/xhw.png) no-repeat center;
        background-size: contain;
}
.post-33 span.media-badge.yzwb {
    font-size: 0;
    background: url(../images/mt/yzwb.png) no-repeat center;
        background-size: contain;
}
.post-33 span.media-badge.zgjsw {
    font-size: 0;
    background: url(../images/mt/zgjsw.png) no-repeat center;
        background-size: contain;
}
.post-33 span.media-badge.zgw {
    font-size: 0;
    background: url(../images/mt/zgw.png) no-repeat center;
        background-size: contain;
}
.media-arrow {
position: absolute;
    top: 50%;
    z-index: 5;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.9rem;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    cursor: pointer;
    transition: background .3s;
}.post.post1.post-33.mt.mbox .swiper-container {
    padding-bottom: 0.1rem;
}

.media-arrow img {    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.24rem;
    height: auto;
    margin: -0.12rem 0 0 -0.12rem;}
.media-arrow:hover { background: rgba(255,255,255,.45); }
.media-prev { left: 0.2rem; }
.media-next img { transform: rotate(180deg); }
.media-next { right: 0.2rem; }

/* ============================================================
   main4 光影校园 / 通知公告
   ============================================================ */
.main4 {  
    padding-bottom: 1.4rem; }
.post-41 { float: left; width: 8.4rem; }
.post-42 { float: right; width: 6.3rem; }
.main4 .tt {
    margin-bottom: 0.3rem;
}

/* 光影校园组合图（流式排版，重叠用负 margin 实现） */
.gy-pics { position: relative;  }
.gy-pic {
  display: block; 
  box-sizing: border-box;
}
.gy-pic img { width: 100%; height: auto; display: block; transition: transform .5s; }
.gy-pic:hover img {  }
.gy-pic1 { position: relative; }.gy-pic1 img {
   
}.gy-pic:hover img {
    transform: scale(1.1);
}
.post-41 li.n1 img.shib {
    width: 1.8rem;
    position: absolute;
    left: -1rem;
    bottom: -0.5rem;
}
.gy-pic2 {     position: relative;
    z-index: 2;
    width: 4.8rem;
    margin: -2rem 0 0 3.6rem;
    border: 0.04rem solid #fff;
    border-radius: 0.2rem;    height: 3.4rem;overflow: hidden;}.gy-pic2 img {
    height: 100%;
    object-fit: cover;
}.gy-pic1 {
    position: relative;
    border: 0.04rem solid #fff;
    border-radius: 0.2rem;
    overflow: hidden;
    height: 4.4rem;
}.gy-pic1 img {
    height: 100%;
    object-fit: cover;
}
.gy-video {
  position: absolute;
    left: 5.0rem;
    top: -1rem;
    z-index: 3;
    width: 2.0rem;
    height: 2.0rem;
    border-radius: 50%;
    background: url(../images/xcp.png);
    background-size: 100% 100%;
    text-align: center;
    transition: transform .3s;
}.post-41 li.n2 {
    position: relative;
}.post-41 .tt {
    position: static;
}.post-41 {
    position: relative;
}.post-41 .more_btn {
    left: 0;
    right: auto;
    bottom: 0.4rem;    z-index: 1;
}.post-61 .tt {
    margin: 0;
}
.post-41 li.n1 {
    position: relative;
    width: 71%;
}

.gy-video:hover {  }
.gy-video-txt { display: block; font-size: 0.32rem; font-weight: 600; color: #fff; line-height: 2.0rem; }
.gy-deco { position: absolute; left: -0.5rem; bottom: -0.3rem; z-index: 0; width: 1.8rem; }
.gy-deco img { width: 100%; display: block; }

/* 通知公告（.tz-top 为 hover 效果，非固定样式） */
.tz-top { display: block; padding: 0.2rem; margin: -0.2rem; border-radius: 0.1rem; transition: background .4s ease, box-shadow .4s ease; }
.tz-top:hover { background: #fff; box-shadow: 0 0.1rem 0.3rem rgba(23,58,128,.12); }
.tz-top .tz-title a { font-size: 0.24rem; font-weight: 500; color: #333; line-height: 0.34rem; transition: color .3s; }
.tz-top:hover .tz-title a { color: #3661BD; }
.tz-line { width: 6.3rem; height: 0.02rem; margin: 0.18rem 0; background: linear-gradient(to right, #3661BD, rgba(54,97,189,0)); }
.tz-desc { font-size: 0.18rem; line-height: 0.3rem; color: rgba(51,51,51,.7); height: 0.6rem; }
.main4 .list2 { margin-top: 0.15rem; }
.main4 .list2 .news a {     display: flex;
    position: relative;
    justify-content: space-between;}
.main4 .list2 .news_title {     font-size: 0.18rem;
    font-weight: 500;
    color: #333;
    line-height: 0.3rem;
    transition: color .3s;
    padding-bottom: 0rem;    transition: all 0.4s ease-in-out;    width: 77%;
    min-width: 77%;
    max-width: 77%;}
    .post-42 li.news.active h4.news_title {
   
}.main4 .list2 a:before {
    content: "";
    width: 100%;
    height: 0.02rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right, #3661BD, transparent);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}.post-42 li.news.active a:before {
    opacity: 0.7;
}.post-42 li.news .time {
    color: #3661BD;
    line-height: 0.3rem;
    font-size: 0.16rem;
}
.main4 .list2 .news_desc { font-size: 0.16rem; line-height: 0.26rem; color: rgba(51,51,51,.7); margin-top: 0.06rem; height: 0.52rem; }
.main4 .list2 .news a:hover .news_title { color: #3661BD; }
.post-42 li.news.active h4.news_title {
    font-size: 0.24rem;

}
/* ============================================================
   main5 教研动态（蓝色区块）
   ============================================================ */
.main5 { position: relative; overflow: hidden; background: #3661BD; padding: 1.0rem 0 1.1rem; }
.m5-waves { position: absolute; left: 50%; top: -4.8rem; width: 24.08rem; margin-left: -12.04rem; opacity: .3; }
.m5-waves img { width: 100%; display: block; }
.m5-lines { position: absolute; left: 0; top: 1.0rem; width: 8rem; opacity: .2; }
.m5-lines img { width: 100%; display: block; }
.main5 .inner { z-index: 2; }

/* 教研轮播 */
.jy-focus { position: relative; padding-bottom: 0.2rem; }
.jy-swiper { overflow: visible; }
.jy-swiper .swiper-slide { width: 9.6rem; transition: transform .5s; transform: scale(0.78); }
.jy-swiper .swiper-slide-active { transform: scale(1); }
.jy-img { position: relative; width: 9.6rem; height: auto; overflow: hidden; border-radius: 0.1rem; }
.jy-img img { width: 100%; height: auto; display: block; }
.jy-swiper .swiper-slide .jy-img:after {
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,.3); transition: opacity .5s;
}
.jy-swiper .swiper-slide-active .jy-img:after { background: rgba(0,0,0,0); }
.jy-cap {
  width: 6.4rem; margin: -0.6rem auto 0; position: relative; z-index: 3;
  background: #fff; border-radius: 0.06rem;
  box-shadow: 0 0.1rem 0.3rem rgba(23,58,128,.2);
  padding: 0.25rem 0.4rem; text-align: center;
  box-sizing: border-box;
}
.jy-title { font-size: 0.18rem; font-weight: 500; color: #333; line-height: 0.3rem; }
.jy-swiper .swiper-slide-active .jy-title { font-size: 0.2rem; }
.jy-date { display: block; font-size: 0.16rem; color: #3661BD; line-height: 0.28rem; margin-top: 0.05rem; }
.jy-swiper .swiper-slide-active .jy-date { font-size: 0.18rem; }
/* 教研箭头 */
.jy-arrow {
  position: absolute; bottom: 0.1rem; z-index: 5;
  width: 0.64rem; height: 0.64rem; border-radius: 0.04rem;
  cursor: pointer; transition: opacity .3s;
}
.jy-arrow img { position: absolute; left: 50%; top: 50%; width: 0.14rem; height: 0.28rem; margin: -0.14rem 0 0 -0.07rem; }
.jy-arrow:hover { opacity: .85; }
.jy-prev { right: 0.84rem; background: #6B8ACE; }
.jy-next img { transform: rotate(180deg); }
.jy-next { right: 0.1rem; background: #3661BD; box-shadow: 0 0 0 1px rgba(255,255,255,.4); }

/* ============================================================
   main6 融媒盐工
   ============================================================ */
.main6 { position: relative; overflow: hidden;  padding: 0rem 0 1.4rem; }
.m6-bg { position: absolute; left: 50%; top: 0; width: 20.7rem; margin-left: -10.35rem; opacity: .07; }
.m6-bg img { width: 100%; display: block; }
.main6 .inner { z-index: 2; }
.ft-links .ft-ic svg {
    max-width: 0.41rem;
    max-height: 0.39rem;
}
.post-61 { position: relative; z-index: 3; }
.tt-right { position: absolute; left: 6.2rem; top: 0.12rem; }
.rm-sns { display: inline-block; vertical-align: middle; }
.rm-sns li { float: left; position: relative; }
.rm-sns li + li { margin-left: 0.3rem; }
.rm-sns li a {
      display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: #fff;
    position: relative;
    transition: transform .3s;
    text-align: center;
    border: 0.01rem dashed #3661BD;
}.tt-right li.n4 a img {
    max-width: 0.25rem;
    margin: -0.12rem 0 0 -0.12rem;
}
.rm-stage .l1 .news-img {
    padding-top: 143%;
}
.rm-stage .l2 .news-img {
    padding-top: 61.5%;
}.rm-stage .l3 .news-img {
    padding-top: 84.5%;
}
.rm-stage .l3 a.rm-pic:last-child .news-img {
    padding-top: 61.5%;
}

.rm-sns li a:hover { transform: translateY(-0.05rem); }
.rm-sns li > a img { position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    margin: -0.12rem 0 0 -0.15rem;
    max-width: 0.3rem; }
/* 触摸/悬停弹出二维码 */
.rm-qr {
  position: absolute; left: 50%; top: 0.72rem; z-index: 6;
  width: 1.4rem; margin-left: -0.7rem; padding: 0.06rem;
  background: #fff; border-radius: 0.06rem;
  box-shadow: 0 0.08rem 0.28rem rgba(23,58,128,.22);
  opacity: 0; visibility: hidden;
  transform: translateY(-0.12rem) scale(.9); transform-origin: 50% 0;
  transition: all .35s ease;
}
.rm-qr img { position: static; display: block; width: 100%; height: auto; margin: 0; }
.rm-qr:after {
  content: ""; position: absolute; left: 50%; top: -0.07rem;
  width: 0.14rem; height: 0.14rem; margin-left: -0.07rem;
  background: #fff; transform: rotate(45deg);
}
.rm-sns li:hover .rm-qr, .rm-sns li.on .rm-qr {
  opacity: 1; visibility: visible; transform: translateY(0) scale(1);
}
.main6 .more_btn { position: absolute; left: 3.04rem; top: 1.17rem; right: auto; bottom: auto; }

/* 融媒图墙（flex 三列，底边对齐，重叠关系由图片比例自然形成） */
.rm-stage {
  display: -ms-flexbox; display: flex;
  -ms-flex-align: end; align-items: flex-end;
  margin-top: -1.1rem;
}
.rm-stage ul { display: block; min-width: 0; font-size: 0; }
.rm-stage .l1 { width: 4.2rem; }
.rm-stage .l2 { width: 5.2rem; margin-left: 0.2rem; }
.rm-stage .l3 { width: 5.2rem; margin-left: 0.2rem; }
.rm-pic { position: relative; display: block; overflow: hidden;  }
.rm-pic + .rm-pic { margin-top: 0.2rem; }
.rm-pic > img { width: 100%; height: auto; display: block; transition: transform .5s; }
.rm-pic:hover > img { transform: scale(1.1); }
.rm-bar {
      position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    padding: 0.9rem 0.2rem 0.2rem 0;
    box-sizing: border-box;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    font-size: 0;
}.post-62 .news-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    transition: all 0.4s ease-in-out;
    object-fit: cover;
}

.rm-tag {
    display: inline-block;
    vertical-align: middle;
    width: 0.6rem;
    height: 0.4rem;
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    position: relative;
}
.rm-tag img { position: absolute; left: 50%; top: 50%; height: 0.24rem; width: auto; transform: translate(-50%, -50%); }
.tag-douyin { background: #000 url(../images/tag-douyin.png) no-repeat center;     background-size: 0.2rem;}
.tag-wechat { background: rgb(109,193,47) url(../images/tag-wechat.png) no-repeat center;     background-size: 0.26rem;}
.tag-weibo { background: rgb(244,170,20) url(../images/tag-weibo.png) no-repeat center;    background-size: 0.29rem; }
.tag-video { background: rgb(249,124,155) url(../images/tag-video.png) no-repeat center;     background-size: 0.26rem;}
.rm-txt {
  display: inline-block; vertical-align: middle;
  font-size: 0.18rem; color: #fff; line-height: 0.4rem; margin-left: 0.2rem;
  max-width: 80%;
}
.rm-pic:hover img {
    transform: scale(1.1);
}
/* ============================================================
   main7 校园视觉
   ============================================================ */
.main7 { position: relative; overflow: hidden;     /* height: 8.6rem;*/ }
.m7-bg { width: 100%; height: 100%; }
.m7-bg .news-img {
    padding-top: 45%;
}.post.post1.post-71.mbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}
/* 大图（Swiper）：等比裁切填满，兼容 IE11 */
.vs-big, .vs-big .swiper-wrapper, .vs-big .swiper-slide { width: 100%; height: 100%; }
.vs-big .swiper-slide { position: relative; overflow: hidden; }
.vs-big .swiper-slide img {
      position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}
.vs-big .swiper-slide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(54, 97, 189, .85), transparent);
    z-index: 2;
}
.post-71 span.tt_en {
    color: #fff;
}
.main7:after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.0rem; z-index: 1;
  background: rgba(0,0,0,.5);
}
.main7 .inner { z-index: 2; height: 100%;     position: static;}
.main7 .tt { padding-top: 0.67rem;
    margin-bottom: 0.4rem;
    width: 15rem;
    margin-left: auto;
    margin-right: auto;}
.post.post1.post-72.mbox {
    position: absolute;
    bottom: 0.3rem;
    width: 100%;
    left: 0;
    z-index: 2;
}
/* 视觉跑马灯 */
.vs-focus { position: relative; padding-top: 0rem; }
/* 大图标题：位于每张大图下方、缩略图条上方（左对齐，与内容区对齐） */
.vs-big .vs-caption {
  position: absolute; left: 50%; bottom: 2.3rem; z-index: 3;
  width: 15rem; margin-left: -7.5rem;
  text-align: left; font-size: 0.32rem; font-weight: 700; color: #fff;
  line-height: 0.46rem;   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
}
.vs-swiper { overflow: visible; margin-top: 0rem; }
.vs-swiper .swiper-slide {     width: 2.2rem;
    border: 0.02rem solid #fff;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .4s;
    cursor: pointer;
    margin: 0 0.15rem; }
/* 小图比例盒（220×120，参考 .news_imgs 写法，高度自适应） */
.vs-thumb { display: block; position: relative; overflow: hidden; padding-top: 56%; background: #ccc; }
.vs-thumb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;     object-fit: cover;}
.vs-swiper .swiper-slide-active {     width: 2.56rem;
    border: 0.04rem solid #3661BD;margin: 0 0.05rem;}.vs-swiper .swiper-slide-active span.vs-thumb {
    padding-top: 55%;
}
.vs-arrow {
    position: absolute;
    top: 1.3rem;
    z-index: 5;
    width: 0.6rem;
    height: 0.6rem;
    border: 0.02rem solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    opacity: .7;
    cursor: pointer;
    transition: opacity .3s;
}
.vs-arrow img {     position: absolute;
    left: 50%;
    top: 50%;
    width: 0.14rem;
    height: 0.28rem;
    margin: -0.14rem 0 0 -0.07rem;
    font-weight: bold; }
.vs-arrow:hover { opacity: 1; }
.vs-prev {     left: 1.1rem;
    top: 50%;
    margin-top: -0.3rem; }
.vs-next { right: 1.1rem; top: 50%;
    margin-top: -0.3rem; }
.vs-next img { transform: rotate(180deg); }
.post-72 .swiper-wrapper {
    display: flex;
    align-items: center;
}
/* ============================================================
   页脚 footer
   ============================================================ */
.footer { position: relative; overflow: hidden; background: #326bca;}
.footer .ft-tex { display: none;}
.footer .ft-tex img { width: 100%; display: block; }
.footer .inner { z-index: 2; }

/* 顶部快捷图标链接 */
.ft-links { border-bottom: 1px solid rgba(255,255,255,.2); padding: 0.36rem 0; }
.ft-links li { float: left; width: 11.11%; }
.ft-links li a { display: block; text-align: center; }
.ft-links .ft-ic { position: relative; display: inline-block; width: 0.41rem; height: 0.41rem; }
.ft-links .ft-ic img { position: relative; z-index: 2; width: 0.41rem; height: 0.41rem; display: block; transition: transform .4s ease; }
/* 触摸时 SVG 描边动画 */
.ft-links .ft-ring {
  position: absolute; left: -0.07rem; top: -0.07rem; z-index: 1;
  width: 0.55rem; height: 0.55rem;
  transform: rotate(-90deg);
}
.ft-links .ft-ring circle {
  stroke-dasharray: 132; stroke-dashoffset: 132;
  transition: stroke-dashoffset .8s ease;
}
.ft-links li a:hover .ft-ring circle { stroke-dashoffset: 0; }
.ft-links li a:hover .ft-ic img { transform: scale(1.1); }
.ft-links .ft-txt { display: block; font-size: 0.16rem; color: #fff; line-height: 0.3rem; margin-top: 0.12rem; transition: opacity .3s; }
.ft-links li a:hover .ft-txt { opacity: .75; }

/* 中部信息 */
.ft-main {
    p    padding: 0.35rem 0;
    display: flex;
    padding: 0.3rem 0;
    align-items: center;
    }
.foot-left {     float: left;
    align-items: center;
    gap: 0.3rem;
    flex: 1;}.foot-cen {
    flex: 1;
    display: contents;
}
.ft-logo img {width: 3.2rem;height: auto;display: block;}
.contant {  }
.contant p {font-size: 0.16rem;color: #ffffffb3;line-height: 0.38rem;}
.contant .ft-c-ic { width: 0.16rem;  margin-right: 0.1rem; }
.foot-right {     display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem; }.foot-bottom .con {
    display: flex;
    gap: 0.3rem;
}
.shares .news_list {display:flex;text-align:center;gap:.17rem;}
.shares .news_list .imgs {width:1rem;height:1rem;position:absolute;bottom:127%;left:50%;margin-left:-.5rem;transform:translateY(-.4rem);opacity:0;transition:all .4s ease-in-out;}
.shares .news_list .imgs img {width:100%;height:100%unset;}
.shares .news_list .news_icon {display:block;background-color:#ffffff2e;width:.5rem;height:.5rem;border-radius:50%;background-repeat:no-repeat;background-position:center;opacity:.7;background-size:53%;}
.shares .news_list .news {position:relative;}
.shares .news_list .n1 .news_icon {background-image:url(../images/weixin.svg);}
.shares .news_list .n2 .news_icon {background-image:url(../images/weibo.svg);}
.shares .news_list .news_icon:hover {opacity:1;}
.shares .news_list .news:hover .imgs {opacity:1;transform:none;}
.shares .news_list .news_title {color:#fff;font-size:var(--small-size);line-height:1.4;margin-top:.13rem;}
.copyright span {
    margin-right: 0.13rem;
}.ft-links ul.clearfix {
    margin: 0 -0.66rem 0 -0.5rem;
}.arti_meta span span {
    margin: 0;
}
/* 底部版权条 */
.foot-bottom { }
.foot-bottom .con {  }
.copyright {    font-size: 0.16rem;
    color: rgba(255, 255, 255, .4);
    display: flex;
    flex-direction: column; }
.copyright img { width: 0.2rem; height: 0.2rem; margin: 0 0.06rem; }
.to-top {     float: right;
    font-size: 0.18rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 0.9rem;
    justify-content: center; }
.to-top .tt-ic {    margin-bottom: 0.15rem; }
.to-top .tt-ic img { width: 0.14rem; height: 0.07rem; display: block; }

/* ============================================================
   悬浮导航 quick-nav
   ============================================================ */
.quick-nav {
  position: fixed; right: 0.2rem; top: 50%; z-index: 200;
  width: 1.0rem; margin-top: -2.6rem;
  opacity: 0; visibility: hidden;
  transform: translateX(1.4rem);
  transition: transform .6s ease, opacity .6s ease, visibility .6s;
}
.quick-nav.on { opacity: 1; visibility: visible; transform: translateX(0); }
.qn-badge {    position: absolute;
    left: 50%;
    top: -0.3rem;
    width: 1.1rem;
    margin-left: -0.7rem;
    z-index: 2; }
.qn-badge img { width: 100%; display: block; }
.qn-panel {
 position: relative;
    overflow: hidden;
    background: linear-gradient(to bottom, rgb(85, 135, 242), rgb(54, 97, 189));
    border-radius: 0.5rem 0.5rem 0.1rem 0.1rem;
    box-shadow: 0 0.1rem 0.3rem rgba(23,58,128,.3);    padding-top: 0.4rem;
}
.qn-tex { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.qn-tex img { width: 100%; height: 100%; display: block; }
.qn-list { position: relative; z-index: 2; padding: 0.15rem 0; }
.qn-list li a {
     display: block;
    font-size: 0.16rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    transition: background .3s;
}
.qn-list li.cur a, .qn-list li a:hover { background: rgba(255,255,255,.18); }
.qn-top {     position: relative;
    z-index: 2;
    display: flex;
    text-align: center;
    padding: 0rem 0 0.12rem 0;
    cursor: pointer;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.1rem;
    font-size: 0.16rem;
    font-weight: bold;
    color: #fff; }
.qn-top img { width: 0.14rem; height: 0.07rem; }
.fixbox.navbox.open .searchbox {
    width: 4rem;
}
/* ============================================================
   列表页 / 详情页（listcolumn / displayinfo）
   ============================================================ */
/* 栏目 banner */
.l-banner-wrap { position: relative; }.l-banner:after {
     content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0));
    pointer-events: none;
}.possplit::after {content:"/";font-size:.15rem;}
.possplit {margin:0 .08rem;width:auto;background-image:none;color:#666;text-indent:inherit;font-size:0;}
.l-banner { position: relative; height: 5rem; overflow: hidden; background-repeat: no-repeat;
    background-size: cover;}
.l-banner img { width: 100%; display: block; }


/* 栏目头部（参考站：白色栏目名 + 面包屑悬浮于 banner 底部，栏目条紧贴 banner 下方） */
.list-main {
    background: url(../images/list_bg.png) no-repeat bottom left;
    background-size: contain;
    padding: 0rem 0 1.4rem;
    position: relative;
    }
.col_menu_head { }
.col_name { margin-bottom: 0.3rem; }
.col_name .col_name_text {
  display: inline-block; vertical-align: bottom;
  font-size: 0.4rem; font-weight: 700; color: #fff; line-height: 0.5rem;
}
.col_name .col_name_en {
  display: inline-block; vertical-align: bottom;
  font-size: 0.18rem; color: rgba(255,255,255,.55); line-height: 0.62rem; margin-left: 0.15rem;
}
.col_path {
  display: inline-block; padding-left: 0.26rem; margin-bottom: 0.63rem;
  background: url(../images/ic-home.svg) no-repeat left center; background-size: 0.16rem 0.16rem;
  font-size: 0.16rem; color: #fff; line-height: 1.3;
}
.col_path a { color: #fff; transition: opacity .3s; }
.col_path a:hover { opacity: .8; }
.col_path .possplit { color: #333;     color: #333;
    line-height: 0.25rem;}
/* 图片容器（参考站 .news_imgs 写法：容器相对定位 + 比例盒 + 绝对铺满） */
.news_imgs { overflow: hidden; background: #ccc; position: relative; }
.news_imgs a, .news_imgs span { display: block; overflow: hidden; }

/* 栏目分类条（参考站：蓝色梯形条贯穿版心并紧贴 banner 下方，右端斜切，移动端由 .column-switch 点击展开） */
.col_list {
     position: relative;
    width: 100%;
    height: auto;
    background: #fff;
}
.col_list:before {
  content: ""; display: block; position: absolute; right: 0; top: 0;
  width: calc(50vw + 7.5rem); height: 0;
  border-bottom: 0.9rem solid #3661BD;
  border-right: 0.35rem solid transparent;
}.col_list:before {
    width: 0;
    border: 0;
}
.col_list ul { position: relative; width: 100%; font-size: 0; }
.col_list .col_column {  }
.col_list .col_item_link {
     display: block;
    font-size: 0.2rem;
    color: #333;
    line-height: 0.4rem;
    padding: 0.1rem 0.1rem 0.1rem 0.04rem;
    opacity: 1;
    transition: opacity .3s;
    border-left: 0.06rem solid #3661BD;
    text-align: center;
}
.col_list .col_item_link:hover { opacity: 1;    color: #3661BD; }
.col_list .col_column.cur .col_item_link { opacity: 1; font-weight: 700; }
.column-switch { display: none; }
/* 栏目条下方主体内容留白（用 padding 避免 margin 穿透 .inner 影响悬浮的栏目头部） */
.list-main .mod { padding-top: 0.4rem; }

/* 列表 list2：左图右文 */
.col_news_list .list2 .news { padding: 0.3rem 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.col_news_list .list2 .news:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.col_news_list .news_imgs { float: left; width: 3.6rem; border-radius: 0.06rem; }
/* 比例盒：360×220 ≈ 61.11% */
.col_news_list .news_imgs a { padding-top: 61.11%; }
.col_news_list .news_imgs img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; transition: transform .5s; }
.col_news_list .news_imgs a:hover img { transform: scale(1.1); }
.col_news_list .news_wz { margin-left: 3.95rem; }.col_news_list .no-img .news_imgs {
    display: none;
}
.col_news_list .no-img .news_wz { margin-left: 0; }
.col_news_list .news_meta { font-size: 0; margin-bottom: 0.08rem; }
.col_news_list .news_year { display: inline-block; font-size: 0.18rem; color: #999; line-height: 0.3rem; }
.col_news_list .news_day {
  display: inline-block; font-family: Barlow, Arial, sans-serif;
  font-size: 0.22rem; color: #2352B5; line-height: 0.3rem; margin-left: 0.1rem;
}
.col_news_list .news_title a { font-size: 0.22rem; font-weight: 500; color: #333; line-height: 0.36rem; transition: color .3s; }
.col_news_list .news_title a:hover { color: #3661BD; }
.col_news_list .news_text { margin-top: 0.1rem;     color: #666;}
.col_news_list .news_text a { font-size: 0.16rem; color: rgba(51,51,51,.7); line-height: 0.28rem; }
.col_news_list .news_text a:hover { color: inherit; }

/* 分页 */
.page_div { margin-top: 0.5rem; text-align: center; font-size: 0; }
.page_div .page_no, .page_div .page_prev, .page_div .page_next {
  display: inline-block; vertical-align: middle;
  min-width: 0.44rem; height: 0.44rem; line-height: 0.44rem; margin: 0 0.05rem;
  border: 1px solid rgba(0,0,0,.12); border-radius: 0.04rem;
  font-size: 0.16rem; color: #333; text-align: center;
  transition: all .3s; box-sizing: border-box;
}
.page_div .page_prev, .page_div .page_next { padding: 0 0.18rem; }
.page_div .page_no.cur { background: #3661BD; border-color: #3661BD; color: #fff; }
.page_div a:hover { border-color: #3661BD; color: #3661BD; }
.page_div a.page_no:hover { background: #3661BD; color: #fff; }

/* 详情页 */
.arti-main .col_menu_head { margin-bottom: 0rem; }
.arti_title {
  font-size: 0.36rem; font-weight: 700; color: #333; line-height: 0.56rem;
    text-align: left;
}
.arti_meta {
  margin-top: 0.2rem; padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0,0,0,.08);
  text-align: left; font-size: 0.14rem; color: #999; line-height: 0.3rem;
}
.arti_meta span { margin: 0 0.18rem; }
.entry { padding: 0.4rem 0 0.2rem; }
.wp_articlecontent p {
  font-size: 0.18rem;
  color: #333;
  line-height: 0.38rem;
  /* margin-bottom: 0.24rem; */
  text-align: justify;
}
.wp_articlecontent p.arti-sign { text-align: right; margin-bottom: 0.08rem; }
.wp_articlecontent img {max-width: 100%;height: auto;display: block;margin: 0 auto;}

/* 上一篇 / 下一篇 */
.wp_art_adjoin { border-top: 1px solid rgba(0,0,0,.08); padding: 0.25rem 0 0.1rem; }
.wp_art_adjoin li { font-size: 0.16rem; line-height: 0.4rem; color: #333; }
.wp_art_adjoin .adjoin-t { float: left; color: #999; }
.wp_art_adjoin .adjoin-link { display: block; margin-left: 1.0rem; color: #333; transition: color .3s; }
.wp_art_adjoin .adjoin-link:hover { color: #3661BD; }
#d-container {
    min-height: 5rem;
}body.gg .header {
    background: linear-gradient(to bottom, #2B5BC1, transparent);
}

#d-container .mod {
    display: flex;
}#d-container .mod .arti {
    flex: 1;
    width: 60%;
}#d-container .mod .post.post1.post-hotnews.mbox {
    width: 23%;
    margin-left: 10%;
}.post.post1.post-hotnews.mbox span.title {
    font-size: 0.24rem;
    color: #252525;
    font-family: 'SourceHanSansCN';
}



.pagelist .post-hotnews .news_list {
    padding-left: 0.215rem;
    position: relative;
}
.pagelist .post-hotnews .news_list:before {
    content: '';
    position: absolute;
    width: 0.01rem;
    top: 0.06rem;
    bottom: 0.9rem;
    background: rgb(199 199 199);
    left: 0;
    opacity: 0.6;
}
.pagelist .post-hotnews .news {
    margin-bottom: 0.17rem;
    position: relative;
}
.pagelist .post-hotnews .news:before {
    content: '';
    width: 0.09rem;
    height: 0.09rem;
    background: #326bca;
    border: 0.01rem solid #0061AA;
    position: absolute;
    left: -0.265rem;
    border-radius: 0;
    border-radius: 50%;
    top: 0.03rem;
    transition: .7s;
}
.pagelist .post-hotnews .news .news_meta {
    color: #326bca;
    opacity: 0.8;
    font-size: var(--smailSize);
    margin-bottom: 0.2rem;
}.pagelist .sharefix.slide{position:fixed;top: 20%;}
.pagelist .sharefix{position: absolute;top: 8%;left: 0.92rem;display: flex;flex-direction: column;align-items: center;}
.pagelist .sharefix .social-share{display:flex;flex-direction: column;}
.pagelist .sharefix > .social-share .social-share-icon{width:0.45rem;height:0.45rem;line-height: 0.45rem;font-size: 0.25rem;display: none;margin: 0.07rem 0;}
.pagelist .sharefix > .social-share .icon-weibo{background:url(../images/webomedia.svg)no-repeat;border-color: transparent;display: block;background-size: cover;}
.pagelist .sharefix >.social-share .icon-wechat{background:url(../images/wechamedia.svg)no-repeat;border-color: transparent;display: block;background-size: cover;}
.pagelist .sharefix >.social-share .icon-wechat:before{display:none;}
.pagelist .sharefix  >.social-share .icon-weibo:before{display:none;}
.pagelist .sharefix .share{
    margin-top: 0.07rem;
    position: relative;
}.pagelist .sharefix .share img{}
.pagelist .sharefix .share img{cursor:pointer;width: 0.45rem;}
.pagelist .sharefix .share .share_list{position:absolute;top:50%;transform:translateY(-50%);left:100%;display: none;}
.pagelist .sharefix .share .share_list .social-share .icon-weibo,.pagelist .sharefix .share .share_list .social-share .icon-wechat{display:none;}
.pagelist .sharefix .share:hover .share_list{display:block;}
.pagelist .post-hotnews .news .news_title {
        line-height: 0.3rem;
    min-height: 0.6rem;    font-size: 0.18rem;
}


.col_menu {
    width: 2.8rem;
    float: left;
    margin-right: -2.9rem;
    position: relative;
    margin-top: -1rem;
}.col_menu h3.col_name {

}.col_menu h3.col_name {
    background: #3661BD;
    text-align: center;
    margin: 0;
    padding: 0.2rem 0;
}
.col_news_list.listcon .col_news_box .col_news_head {
    border-bottom: 0.02rem solid #3661BD;    padding-bottom: 0.2rem;    margin-bottom: 0.3rem;
}.col_news_list.listcon .col_news_box .col_news_head li.col_title {
    float: left;
    font-size: 0.25rem;
    line-height: 0.4rem;
}.col_news_list.listcon .col_news_box .col_news_head li.col_path a {
    color: #333;
}.col_news_list.listcon .col_news_box .col_news_head li.col_path {
    float: right;
    margin: 0;
    line-height: 0.4rem;    color: #333;
}.col_news_list .list2 li#lb1 {
    display: none;
}.col_news_list .list2 li#lb2 {
    padding: 0.2rem 0;
}.col_news_list .list2 li#lb2 span.news_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    float: left;
    line-height: 0.4rem;
}.col_news_list .list2 li#lb2 span.news_meta {
    font-size: 0.2rem;
    float: right;
    margin-left: 2px;
    color: #9C9C9C;
}


#d-container .mod .arti .col_menu_head {
    display: flex;
    align-items: center;
    justify-content: space-between;    margin-bottom: 0.3rem;
}#d-container .mod .arti .col_menu_head .col_path {
    margin: 0;
    color: #333;
}
#d-container .mod .arti .col_menu_head .col_path  a{
    margin: 0;
    color: #333;    line-height: 0.4rem;
}#d-container .mod .arti .col_menu_head a.returnList svg path {
    stroke: #2B5BC1 !important;
}#d-container .mod .arti .col_menu_head a.returnList {
    font-size: 0.18rem;line-height: 0.4rem;
    font-weight: bold;#d-container .mod .arti .col_menu_head a.returnList svg {
    width: 0.2rem;
    margin-right: 0.05rem;
    vertical-align: middle;
}
}