@charset "utf-8";
/*Technical Support SudyTech*/
/*字体：与引擎 tools.loadFonts 保持一致，页面统一使用 syh*/
@font-face{font-family:'syh';src:url(../fonts/SourceHanSansCN-VF.woff2) format('woff2');font-weight:250 900;font-style:normal;font-display:swap;}
/*页面根字号：1920 设计稿 1rem = 100px*/
html{font-size:calc(100vw / 19.2);}
/*覆盖 global.css 的通用宽度限制（--inner-width / --wrapper-width），宽度统一由本文件 rem 规则控制*/
.wrapper{max-width:none;}
.inner{max-width:none;}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0;
}

img {
    vertical-align: top;
}

html {
    overflow-x: hidden;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

[hidefocus],
summary {
    outline: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%;
}

sup,
sub {
    font-size: 83%;
}

pre,
code,
kbd,
samp {
    font-family: inherit;
}

q:before,
q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label,
summary {
    cursor: default;
}

a,
button {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
    font-weight: bold;
}

del,
ins,
u,
s,
a,
a:hover {
    text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
    font: 13px/1 arial, \5b8b\4f53;
    color: #333;
    outline: 0;
}

:focus {
    outline: 0;
}

/*备用样式表*/
.none {
    display: none;
}

.wcb {
    width: 100%;
    height: 30px;
    border: 2px dashed #97CBE0;
}

.hidden {
    visibility: hidden;
}

.clear {
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both;
    display: block;
    _display: inline;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: block;
    *zoom: 1;
}

.icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background: url(../images/icon.png) no-repeat;
}

/*css3扩展*/

::-webkit-input-placeholder {
    color: #ccc;
    /* WebKit browsers */
}

::-moz-placeholder {
    color: #ccc;
    /* Mozilla Firefox 4 to 18 */
}

::-moz-placeholder {
    color: #ccc;
    /* Mozilla Firefox 19+ */
}

::-ms-input-placeholder {
    color: #ccc;
    /* Internet Explorer 10+ */
}

/**布局开始**/
body {
    line-height: 1;
    font-size: 13px;
    font-family: 'syh';
    color: #333;
}

p {
    line-height: 1.75;
}

a {
    color: #3b3b3b;
    text-decoration: none;
}

a:hover {
    color: #0a7af9;
}
.header .menu-btn{display:none}
/*页面尺寸*/
.wrapper {
    width: 100%;
    margin: 0 auto;
}

.wrapper .inner {
    width: 17.2rem;
    margin: 0 auto;
}

/**页面全局宽度**/

/*head开始*/
.header{
    position:absolute;
    z-index:1150;
    left:0;
    top:0;
    width:100%;
    border-bottom: none;
    height: auto;
    line-height: inherit;
    background:linear-gradient(#001145,#00114500);
}
.header.fixed{
    position:fixed;
    animation: showHeader 0.6s linear;
    box-shadow: 0 0.1rem 0.15rem 0 #0000001a;
}
.mbanner{margin-top:0;}

.header .inner {
    height: auto;
    padding: 0.36rem 0 0.63rem;
    position: relative;
    z-index: 100;
}
.header.fixed{background: #073480;}
.header.fixed .inner{
    padding:0.2rem 0 0.1rem;
}
/**站点名称**/

.header .head-left {
    float: left;
    width:3.54rem;
}
.header .head-left img{width:100%;}

.header .head-right {
    float: right;
    margin-top: 0.1rem;
}
.header .head-right .right-top{
    display:flex;
    justify-content:flex-end;
}

/*lang样式*/
.site-lang {margin-right: 0.23rem;}

.site-lang ul li.links {
    float: left;
    padding:0 0.23rem;
    border-right:0.01rem solid #fff;
}

.site-lang ul li.links a {
    display: block;
    line-height: 1.05;
    font-size: 0.16rem;
   /* font-weight:500;*/
    color: #fff;
}

.site-lang ul li.links a:hover {
    color: #fff;
}

/*默认主导航样式*/
#nav {
    transform:translateX(0.25rem);
}

#nav .inner {}

#nav .inner .wp-panel {}

/*导航*/
#nav .inner .wp-panel .wp-window {}

#nav .inner .wp-panel .navbg {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    background: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
}

/*导航样式：后台绑定时也可以定义配置*/
.nav .wp-menu {
    margin: 0 auto
}

.nav .wp-menu .menu-item {
    display: inline-block;
    float: left;
    position: relative;
}

.nav .wp-menu .menu-item.i1 {
    background: none;
}

.nav .wp-menu .menu-item a>.menu-switch-arrow {
    display: none;
    width: 20px;
    height: 20px;
    background: url(../images/nav_j.png) no-repeat center center;
    vertical-align: middle;
}

.nav .wp-menu .menu-item a.menu-link {
    display: inline-block;
    padding: 0 0.25rem;
    line-height: 0.6rem;
    color: #fff;
    font-size: 0.2rem;
    font-weight: 700;
    position:relative;
}

.nav .wp-menu .menu-item a.menu-link::after{
    content:'';
    position:absolute;
    z-index:10;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    display:block;
    width:0;
    height:0.03rem;
    border-radius:0.05rem;
    background-color:#fff;
    transition:0.4s;
}
.nav .wp-menu .menu-item:hover a.menu-link::after,
.nav .wp-menu .menu-item a:hover::after {
    width:60%;
}
.nav .menu-item:hover >.sub-menu{display:block; }
.nav .sub-menu {
    display: none;
    text-align:center;
    position: absolute;
    left: 50%;
    top: 0.6rem;
    transform:translateX(-50%);
    min-width: 100%;
    z-index: 100;
    background: #0B2577b3;
}

.nav .sub-menu .sub-item {
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    _zoom: 1;
}

.nav .sub-menu .sub-item a {
    display: block;
    color: #fff;
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.17rem;
    font-size: 0.17rem;
    background: none;
}

.nav .sub-menu .sub-item.hover>a,
.nav .sub-menu .sub-item a:hover {
    color: #fff;
    background-color: #0B2577;
    display: block;
}
.nav .sub-menu li:hover > .sub-menu{display:block}
.nav .sub-menu .sub-menu {
    left: 100%;
    top: 0px;
    z-index: 200;
    /* background: #fff; */
    transform: none;
    display: none;
}

/**主页banner开始**/
#banner {
    background: #e7e2df;
}

#banner .inner {
    width: auto;
    text-align: center;
    position: relative;
}
/* 日历样式 */
body.main .news_metar{
    width: 0.9rem;
    height: 0.44rem;
    text-align: center;
    white-space: nowrap;
    color: #802D44;
    overflow: hidden;
    transition: 0.4s;
}
.news_metar .news_days{
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.3rem;
}
.news_metar .news_year{
    font-size: 0.14rem;
    line-height: 0.18rem;
}
/**主体模块样式**/
#m-container {}

#m-container .inner {}
.news a{
    color: inherit;
}
.news a:hover{
    color:#0a7af9;
}
.news_imgs{
    overflow: hidden;
    position: relative;
    background-color: #e5e5e5;
}
.news_imgs img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s;
    object-fit: cover;
}
.news_imgs a img:hover{
    transform: scale(1.05);
}
.news_title{
    display:-webkit-box;
    word-break:break-all;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition: 0.4s;
}
.news_intro{
    display:-webkit-box;
    word-break:break-all;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height: 1.5;
    transition: 0.4s;
}
.news_timer{
    transition: 0.4s;
}
/**首页三列布局**/
/* 首屏（.body_home）与内容层（.body_b）都在文档流里，整张页面由浏览器原生滚动：
     页面高度 = 首屏 100vh + 内容层实际高度，右侧浏览器滚动条常驻、不会消失；
     滚轮在任何位置（首屏、内容层、吸顶头部、搜索/菜单弹层）都能滚页面。
   早期版本把 .body_b 做成 fixed 独立滚动层（知识库 layout-004-hero-content-switch 的双层写法），
   代价是滚轮只在鼠标正好落在 .body_b 上时生效，鼠标一放到吸顶头部上就滚不动，页面滚动条也消失，
   所以这里改回文档流；层切换交给 js/module/main.js 里的滚动监听（滚过首屏头部吸顶）。
   IE9+ 可用：只用到 relative / overflow，不依赖 CSS 变量、inset、flex gap*/
.body_home{
    position:relative;
    z-index:1;
    overflow:hidden;            /**兜底：slick 轨道偶尔会比容器高一点，裁掉防止把页面顶出滚动条*/
}
.mbanner{
    position:relative;          /**首屏走普通流*/
    z-index:99;                 /**压在 .body_b 之下，视觉上内容层从首屏下沿推上来*/
}
.body_b {
    position: fixed;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow-x: hidden;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 888;
    outline: none;
  }
  .body_b.showdiv {
    top: 0;
  }
/* 内容层从视口顶端铺开，吸顶头部盖在上面，
   .main1 顶部留出头部的高度，否则"学校要闻"这类标题会被压掉 */
.body_b .main1{
    /* padding-top:1.2rem; */
}
/* 480px 及以下：不使用一屏切换，两层退回文档流原生滚动
   断点要和 js/module/main.js 里的 $(window).width()>480 保持一致，
   否则窄屏下 .body_b 会被 fixed 藏在屏幕下方，内容层既看不到也滚不动 */
@media screen and (max-width:480px){
    .body_home{
        z-index:auto;
    }
    .body_b{
        position:static;
        height:auto;
        overflow:visible;
        transition:none;
    }
    .body_b .main1{
        padding-top:0;
    }
}
.mbanner::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 17%;
    background: linear-gradient(#00114500,#0011454d);
}
.mbanner .goCon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.1rem;
    position: absolute;
    z-index: 100;
    left: 50%;
    bottom: 0.28rem;
    transform: translateX(-50%);
    font-size: 0.16rem;
    font-weight: 500;
    color: #fff;
    animation: goCon 2s ease-in-out infinite;
    cursor: pointer;
}
.mbanner .goCon img{width: 0.21rem;}
@keyframes goCon {
    0%{opacity: 0.2;transform: translate(-50%,-20%);}
    50%{opacity: 1;transform: translate(-50%,0%);}
    100%{opacity: 0.2;transform: translate(-50%,-20%);}
}
/**大图**/
.mbanner {perspective:1920px;transform-style:preserve-3d;}
#banner .inner {width:100%;text-align:center;max-width:100%;}
.carousel-swiper__item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
}
.carousel-swiper__item a:before{content:'';background:url(../images/bannerbg.png)repeat-x;position:absolute;left:0;right:0;bottom:0;height:1.61rem;z-index:1}
.carousel-swiper__item .carousel-swiper__image,
.carousel-swiper__item .carousel-swiper__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.carousel-swiper__item .carousel-swiper__video {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.carousel-swiper__item .carousel-swiper__image img,
.carousel-swiper__item .carousel-swiper__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
}
.carousel-swiper__item:has(video[src]:not([src=""])) .carousel-swiper__video {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mbanner.fixBanner {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #ccc;}
.mbanner .slick-dots{
    display: flex;
    align-items: center;
    left: calc(50% - 8.6rem);
    bottom: 0.5rem;
    z-index: 1;
    column-gap: 0.32rem;
}
.mbanner .slick-dots li{
    width: 0.08rem;
    height: 0.08rem;
    background: #fff;
    opacity: 0.5;
    margin: 0;
}
.mbanner .slick-dots li.slick-active{
    width: 0.36rem;
    height: 0.26rem;
    opacity: 1;
}
.mbanner .slick-dots li.slick-active{
    border-radius: 0;
    background: url(../images/dot_act.png) no-repeat center / 100% 100%;
}
/*首屏 Swiper 分页器：外观与 .mbanner .slick-dots 保持一致（0.08rem 白点 + 选中态 dot_act.png）
  选择器比 swiper-bundle.min.css 里的 .swiper-pagination-bullets / .swiper-horizontal>.swiper-pagination-bullets 更具体，
  所以不用 !important。left: calc(50% - 8.6rem) 对齐 .inner 的 17.2rem 版心左边缘*/
.mbanner .carousel-swiper .swiper-pagination,
.mbanner .swiper-pagination.swiper-pagination-horizontal{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    left: calc(50% - 8.6rem);
    bottom: 0.5rem;
    width: 100%;
    text-align: left;
    z-index: 1;
    column-gap: 0.32rem;
}
.mbanner .carousel-swiper .swiper-pagination .swiper-pagination-bullet{
    width: 0.08rem;
    height: 0.08rem;
    flex: none;
    margin: 0;
    border-radius: 0;
    background: #fff;
    opacity: 0.5;
    transition: width 0.3s, height 0.3s, opacity 0.3s;
    border-radius: 50%;
}
.mbanner .carousel-swiper .swiper-pagination .swiper-pagination-bullet-active{
    width: 0.36rem;
    height: 0.26rem;
    border-radius: 0;
    background: url(../images/dot_act.png) no-repeat center / 100% 100%;
    opacity: 1;
}
/*移动端（断点与 media.css 一致）：分页点居中，与 .mbanner .slick-dots 的移动端规则对齐*/

.wave_wrapper{
    --height:1.15rem;
    position: absolute;
    left: 0;
    top: calc(-1 * var(--height));
    width: 100%;
    height: var(--height);
}
.wave_box{
    position:relative;
    width: 100%;
    height: var(--height);
    overflow: hidden;
    /*波浪是常驻动画，隔离布局与绘制范围，滚动时只重绘自身这条带，不带累整页*/
    contain: layout paint;
}
.main1{background: url(../images/main1_bg.png) no-repeat center / 100.5% auto;}
.main2{background: url(../images/main2_bg.png) no-repeat left -5.5rem top / 144% auto;}
.main4{background: #eceef6;}

.main1 .inner{/* padding: 1.36rem 0 1.2rem; */}
.main2 .inner{padding: 0.1rem 0 1.48rem;margin-top: -0.3rem;}
.main3 .inner{padding: 0.2rem 0 0.46rem;}

/* main1 */
.main1 .con{
    display: flex;
    justify-content: space-between;
}
.main1 .ml{width: 48.84%;}
.main1 .mr{width: 48.84%;}
.main1 .con>div img{width: 100%;}
/* main2 */
.main2{position: relative;}
.main2 .wave_box .bannerMask_21{
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--height);
    background: url(../images/bannerMask_21.png) repeat-x 0 bottom / auto 100%;
    animation: wave 80s linear infinite;
}
.main2 .wave_box .bannerMask_20{
    position: absolute;
    z-index: 14;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--height);
    background: url(../images/bannerMask_20.png) repeat-x 0 bottom / auto 100%;
    animation: wave 70s linear infinite;
}
@keyframes wave {
    0% {
        background-position-x: 0%;
        transform: scaleX(100%)
    }

    50% {
        transform: scaleX(125%)
    }

    to {
        background-position-x: -227.3%;
        transform: scaleX(100%);
    }
}
.main2 .mod{
    display: flex;
    justify-content: space-between;
}
.main2 .ml,
.main2 .mc,
.main2 .mr{width: 30.99%;}
.main2 .con img{width: 100%;}
/* main3 */
.main3{position: relative;}
.main3 .wave_wrapper{
    --height:1.05rem;
}
.main3 .wave_box .bannerMask_31{
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--height);
    background: url(../images/bannerMask_w.png) repeat-x 0 bottom / auto 100%;
    animation: wave 80s linear infinite;
}
.main3 .wave_box .bannerMask_30{
    position: absolute;
    z-index: 14;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--height);
    background: url(../images/bannerMask_w.png) repeat-x 0 bottom / auto 100%;
    opacity: 0.44;
    animation: wave 70s linear infinite;
}
.main3 .post9 .tt{
    position: relative;
    z-index: 1;
    width: 5.94rem;
    margin-bottom: 0;
}
.main3 .con{/* margin-top: -0.76rem; */}
.main3 .con img{width: 100%;}
/* main4 */
.main4 .con img{width: 100%;}
/* main5 */
.main5 .news_imgs{padding-top: 26.34%;}

/**标题栏新闻窗口**/
.post9 .tt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}
.post9 .tt .tit .title{
    font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
}
.post9 .tt .tit .title img{
    width: auto;
    height: 0.76rem;
}
.post9 .tt .more_btn .more_text{
    display: block;
    font-size: 0.18rem;
    font-weight: 500;
    color: #333;
    padding-right: 0.29rem;
    background: url(../images/more_bg.png) no-repeat right center / 0.21rem auto;display:none;
}
.post .news .news_title{
    font-size: var(--regular-size);
    line-height: 1.7777;
}
/**自定义新闻列表**/
.news_list {}

.news_list li.news {
    line-height: 0.3rem;
}
body.list_pic #l-container .col_news_list .news_list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
body.list_pic #l-container .col_news_list .news{
    width: calc((100% - 0.14rem*2)/3);
}
body.list_pic #l-container .col_news_list .news_imgs{padding-top:67%}
body.list_pic #l-container .col_news_list .news_wz{padding-top:14px}
/**标题图标**/
.news_list li.news span.news_title {
    float: left;
}

/*标题*/
.news_list li.news span.news_title img {
    vertical-align: middle;
}

.news_list li.news span.news_meta {
    float: right;
    margin-left: 2px;
    color: #9C9C9C;
}

/*属性*/
.news_list li.news .news_time,
.news_list li.news .news_time span {
    color: #666;
}

/*发布时间*/
.news_list li.news .news_icon {
    display: inline-block;
    margin: 0 auto;
    border: 0px solid red;
}

.news_list li.news .news_text {
    line-height: 22px;
    color: #666;
}

/*默认简介*/
.news_list li.news .news_bg {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 30px;
    background: #000;
    opacity: .7;
    filter: Alpha(opacity=70);
}

.news_list li.news p {
    line-height: 34px;
}

/*标题文*/
.news_text {}

.news_text .news_list {}

.news_text .news_list li.news {
    margin-bottom: 10px;
}

.news_text .news_list li.news .news_title {
    line-height: 24px;
    font-size: 15px;
}

.news_text .news_list li.news .news_text {
    line-height: 22px;
    font-size: 13px;
}

.news_text .news_list li.news .news_time {
    line-height: 28px;
    font-size: 13px;
}


/***********************************************************
 * 列表页
 */
/**首页三列布局**/
/**列表页**/
/*栏目图片*/
.l-banner {
    height: 4.8rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.l-banner img {
    display: none;
    height: 100%;
    vertical-align: top;
}

/**主体列表页开始**/
body.list{background: #F8F9FF;}
body.list_intro{background: #fff;}
#l-container .inner {
    padding: 0.53rem 0 2.59rem;
}
#l-container img{/* width: 100%; */}

/*列表页波浪：颜色对齐 body.list 的 #F8F9FF 底色*/
body.list #l-container{
    position: relative;
    /*不能裁剪：顶部 .wave_wrapper 在 -1.05rem 处*/
    overflow: visible;
}
body.list #l-container .wave_wrapper{
    --height:1.05rem;
}
body.list #l-container .wave_box .bannerMask_l1,
body.list #l-container .wave_box .bannerMask_l0{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--height);
    /*用白色波浪图做遮罩，再填 #F8F9FF，得到同形状的浅色波浪*/
    background-color: #F8F9FF;
    -webkit-mask-image: url(../images/bannerMask_w.png);
    mask-image: url(../images/bannerMask_w.png);
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-position: 0 bottom;
    mask-position: 0 bottom;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
}
body.list #l-container .wave_box .bannerMask_l1{
    /*低于 banner 内文字层（.col_meta z-index:10），避免窄屏时波浪盖住栏目名称/标签*/
    z-index: 9;
    animation: waveMask 80s linear infinite;
}
body.list #l-container .wave_box .bannerMask_l0{
    z-index: 8;
    opacity: 0.44;
    animation: waveMask 70s linear infinite;
}
/*学校简介页内容区是白底，波浪同色*/
body.list_intro #l-container .wave_box .bannerMask_l1,
body.list_intro #l-container .wave_box .bannerMask_l0{
    background-color: var(--white-color, #ffffff);
}
@keyframes waveMask{
    0%{
        -webkit-mask-position: 0% bottom;
        mask-position: 0% bottom;
        transform: scaleX(100%);
    }

    50%{
        transform: scaleX(125%);
    }

    to{
        -webkit-mask-position: -227.3% bottom;
        mask-position: -227.3% bottom;
        transform: scaleX(100%);
    }
}

.col_menu {
    width: 2.4rem;
    margin-right: 0.5rem;
    float: left;
    position: relative;
}

.col_menu .l-qh {
    margin-bottom: 10px;
}

.col_menu .col_menu_head {
    background: #0a7af9;
}

/**位置栏目背景**/
.col_menu .col_menu_head h3.col_name {
    font-size: 0.2rem;
    font-weight: normal;
    color: #fff;
}

/**位置栏目字体**/
.col_menu .col_menu_head h3.col_name .col_name_text {
    display: block;
    line-height: 0.5rem;
    padding: 0 0.05rem 0 0.3rem;
}

/**栏目名称图标**/
.col_menu .col_menu_con {
    border: 1px solid #e4e4e4;
}

/*栏目列表*/
.col_list {}

.col_list .wp_listcolumn {
    border-top: 0px solid #2867A0;
    border-bottom: 0px solid #fff;
}

.col_list .wp_listcolumn .wp_column a {
    color: #333;
    font-size: 0.15rem;
    font-weight: normal;
    background: none;
    border-top: 0px solid #fff;
    border-bottom: 1px solid #F6EAEA;
}

.col_list .wp_listcolumn .wp_column a .column-name {
    padding: 0.05rem 0 0.05rem 0.28rem;
    line-height: 0.32rem;
}

.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected {
    color: #0a7af9;
    background: #eee;
}

.col_list .wp_listcolumn .wp_column a.selected span.column-name {
    color: #0a7af9;
}

.col_list .wp_listcolumn .wp_subcolumn .wp_column a {
    color: #454545;
    background: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bbb;
}

.col_list .wp_listcolumn .wp_column.parent>a .column-name {
    font-weight: bold;
    color: #0a7af9;
}

/*二级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list a {
    color: #333;
    border-top: 1px solid #eee;
    margin-top: -1px;
}

.col_list .wp_listcolumn .sub_list a .column-name {
    display: inline-block;
    line-height: 0.28rem;
    padding: 0.05rem 0.1rem 0.05rem 0.52rem;
    cursor: pointer;
}

.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected {
    font-weight: bold;
    font-weight: bold;
    color: #0a7af9;
}

/*三级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a {
    background: none;
}

.col_list .wp_listcolumn .sub_list .sub_list a .column-name {
    padding: 5px 10px 5px 51px;
    cursor: pointer;
}

.col_list .wp_listcolumn .sub_list .sub_list a :hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected {
    font-weight: bold;
    color: #0a7af9;
}

/*栏目大标题 col_title*/
.banner_box .col_title {
    flex: 0 0 auto;
    margin-bottom: 0.4rem;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.04rem;
    color: var(--white-color, #ffffff);
    text-shadow: 0 0.04rem 0.2rem rgba(0, 20, 60, .35);
}

/*栏目列表：新结构 col_listcolumn / col_column / col_item_link / sub_list*/
.col_list {}

.col_list .col_listcolumn {
    /*display: flex;*/
    align-items: center;
    /* flex-wrap: wrap; */
    gap: 0.34rem 0.4rem;display:none;
    /* justify-content: space-between; */
}

.col_list .col_column {
    position: relative;
}

.col_list .col_item_link,
.col_list .sub-item-link {
    display: inline-block;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
    transition: var(--transition-normal, all .4s ease-in-out);
}
.col_list .col_item_link.selected{background: url(../images/dot_act.png)no-repeat left center;background-size: 0.36rem 0.26rem;padding-left: 0.47rem;}
.col_list .col_item_link:hover,
.col_list .sub-item-link:hover {
    color: var(--white-color, #ffffff);
}

/*当前栏目*/
.col_list .col_column.current > .col_item_link,
.col_list .col_item_link.current,
.col_list .sub-item-link.current {
    color: var(--white-color, #ffffff);
    font-weight: 500;
}

/*当前栏目名称前的白色圆点*/
.col_list .col_column.current > .col_item_link .column-name,
.col_list .col_item_link.current .column-name {
    position: relative;
    display: inline-block;
    padding-left: 0.18rem;
}

.col_list .col_column.current > .col_item_link .column-name::before,
.col_list .col_item_link.current .column-name::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.08rem;
    height: 0.08rem;
    margin-top: -0.04rem;
    border-radius: 50%;
    background: var(--white-color, #ffffff);
}

/*二级/三级栏目不在 banner 中展示*/
.col_list .sub_list {
    display: none;
}

/*键盘可见焦点*/
.col_list .col_item_link:focus-visible,
.col_list .sub-item-link:focus-visible {
    outline: 0.02rem solid rgba(255, 255, 255, .85);
    outline-offset: 0.04rem;
}

/*移动端：标题缩小，标签横排、可左右滑动*/
@media screen and (max-width: 999px) {
    .banner_box .col_title {
        font-size: 22px;
        letter-spacing: 1px;
    }

    /*窄屏 banner 较矮，压低波浪高度，避免盖住栏目标题与标签*/
    body.list #l-container .wave_wrapper {
        --height: 0.4rem;
    }

    .col_list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .col_list::-webkit-scrollbar {
        display: none;
    }

    .col_list .col_listcolumn {
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: 0.16rem;
    }

    .col_list .col_item_link,
    .col_list .sub-item-link {
        font-size: 0.13rem;
        line-height: 1.5;
    }
}

@media (prefers-reduced-motion: reduce) {

    .col_list .col_item_link,
    .col_list .sub-item-link {
        transition: none;
    }
}

/**栏目新闻**/
.col_news {
    width: calc(100% - 2.9rem);
    min-height: 500px;
    float: right;
}

.col_news .col_news_box {
}

.col_news_head {
    border-bottom: 1px solid #DBDBDB;
}

.col_metas .col_title {
    display: inline-block;
    float: left;
    height: 0.48rem;
    line-height: 0.48rem;
}

/**当前栏目**/
.col_metas .col_title h2 {
    display: inline-block;
    font-size: 0.2rem;
    font-family: 'syh';
    font-weight: normal;
    color: #0a7af9;
    border-bottom: 0.03rem solid #CBCBCB;
}

.col_metas .col_path {
    display: inline-block;
    float: right;
    white-space: nowrap;
    height: 0.46rem;
    line-height: 0.46rem;
    color: #666;
}

/**当前位置**/
.col_metas .col_path a {
    color: #2F2F2F;
}

.col_news_con {
    padding: 0.05rem 0 0.1rem;
    margin: 0 0.07rem;
}

.col_news_list {
    /* margin-top: 0.07rem; */
}
.col_news_list .wp_single{background:#fff;padding:0.2rem}
.col_news_list .news_meta{
    font-size: 0.16rem;
}
body.defaultList .col_news_list .news_title{
    max-width:calc(100% - 1.2rem);
    -webkit-line-clamp: 1;
    font-size:0.16rem;
}
body.defaultList #l-container .col_news_list .news_wz{
    display: flex;
    align-items: center;
}
.col_news_list .wp_article_list .list_item {}

/**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index {}

/**栏目新闻图标序号**/
.col_news_list .wp_entry,
.col_news_list .wp_entry p {
    line-height: 1.75;
    font-size: 0.14rem;
    color: #333;
}

.col_news_list .wp_entry p {
    margin-bottom: 0.1rem;
}

.col_news_list .wp_entry table {
    margin-bottom: 0.04rem;
}

.col_news_list .wp_entry img {
    max-width: 680px;
}

/**列表页文章图片大小限制**/
/**文章页**/
.infobox {
    width: auto;
    margin: 0 auto;
    padding: 0.2rem 0.6rem;
}

.article {
    padding-top: 0.1rem;
    min-height: 5rem;
}

.article h1.arti_title {
    line-height: 0.48rem;
    font-family: 'syh';
    font-size: 0.22rem;
    text-align: center;
    color: #0a7af9;
}

/**文章标题**/
.article h2.arti_title {
    line-height: 0.4rem;
    font-family: 'syh';
    font-size: 0.17rem;
    text-align: center;
    color: #1B1B1B;
}

/**文章副标题**/
.article .arti_metas {
    /* padding: 0.1rem; */
    text-align: center;
    /* border-top: 1px solid #ececec; */
}

.article .arti_metas span {
    margin: 0 0.05rem;
    font-size: var(--small-size);
    color: #787878;
}
body.info #l-container{
    padding: 0;
    background: #F8F9FF;
}
/**文章其他属性**/
.article .entry {
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
   
}

/**文章内容**/
.article .entry .read{
    min-height:400px;
}
.article .entry .read,
.article .entry .read p {
    line-height: 1.75;
    font-size: 14px;
    color: #333;
}

/**阅读字体**/
.article .entry .read p {
    margin-bottom: 10px;
}

.article .entry .read img {
    margin: 0 auto;
    max-width: 940px;
    _width: expression(this.width > 940 ? "940px" : this.width);
}

/**文章阅读部分图片大小限制**/
.article .entry .read table {
    margin: 0 auto;
    border: none !important;
}



#wp_paging_w6 .wp_paging {
    font-size: 0.12rem;
    line-height: 0.34rem;
    padding: 0.04rem 0 0.72rem;
    text-align: right;
}

#wp_paging_w6 .wp_paging li {
    margin: 0;
    line-height: 0.2rem;
    height: 0.2rem;
    float: none;
    display: inline-block;
}

#wp_paging_w6 .wp_paging li.pages_count {
    display: none;
}

.wp_paging li span,
.wp_paging li a {
    display: inline-block;
    float: left;
    margin-left: 0.1rem;
}

#wp_paging_w6 .wp_paging li a {
    height: 0.2rem;
    line-height: 0.2rem;
    padding: 0 0.09rem;
    border: 1px solid #9E9E9E;
    color: #000;
}

.wp_paging li input {
    border: 1px solid #d5d5d5;
    background: #fff;
    text-align: center;
}

#wp_paging_w6 .wp_paging li a:hover {
    background: #0a7af9;
    color: #fff;
}

#wp_paging_w6 .wp_paging li input {
    font-size: 0.12rem;
    width: 0.4rem;
    height: 0.2rem;
    margin: 0;
    line-height: 0.34rem;
    border: 1px solid #9E9E9E;
    background: transparent;
}

#wp_paging_w6 .wp_paging li span:last-child {
    margin: 0;
}

#wp_paging_w6 .wp_paging li em {
    font-weight: 400;
}

.wp_paging li span.pages {
    padding: 0 0.1rem;
}

#wp_paging_w6 .wp_paging li span.all_count {
    margin: 0 0.15rem;
}
.wave_box>div{width:76.6rem !important;}
/**页脚开始**/
#footer{position: relative;}
#footer .wave_wrapper{
    --height:1.5rem;
}
/*主波浪：纯色 #0262AE（与 #footer 渐变顶端的 #0262AE 同色，衔接无缝）。
  用 bannerMask_b.png 的 alpha 当遮罩再填充底色，
  改色只需动 background-color，不必重画 png（做法与 body.list 的波浪一致）；
  位移动画随之从 background-position 换成 mask-position，即 @keyframes waveMask*/
#footer .wave_box .bannerMask_b{
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--height);
    background-color: #0262AE;
    -webkit-mask-image: url(../images/bannerMask_b.png);
    mask-image: url(../images/bannerMask_b.png);
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-position: 0% bottom;
    mask-position: 0% bottom;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    animation: waveMask 150s linear infinite;
}
#footer .wave_box .bannerMask_lb{
    position: absolute;
    z-index: 14;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--height);
    background: url(../images/bannerMask_lb.png) repeat-x 0 bottom / auto 100%;
    opacity: 0.44;
    animation: wave 140s linear infinite;
}
#footer img{
    position: relative;
    width: 100%;
}

#footer .inner {
    position: relative;
}

#footer .inner p {
    font-size: 0.15rem;
    line-height: 0.21rem;
    font-weight: normal;
    text-align: left;
    color: #fff;
    opacity: 0.7;
}
#footer .inner p span {margin: 0 0.03rem;}

#footer .inner .foot-left{float: left;}
#footer .inner .foot-right{float: right;}
.foot-right .siteCounter4 span{
    padding: 0;
    background-color: transparent;
    margin: 0;
    display: inline;
}
.foot-right .visit{font-size:0.15rem;line-height: 1.5;opacity: 0.7;margin-top: 0.24rem;}
.WP_VisitCount *{display:inline;font-size: 0.15rem;color: #fff;line-height: 1.5;}
#footer .inner .foot-left.left1{margin-right: 2rem;}



/**************************************************************
 * 组件功能
 */
/*系统默认搜索*/
.wp_search {
    display: inline-block;
    position: relative;
    padding-left: 4px;
    border: 1px solid #d0d0d0;
}

.wp_search #keyword {
    width: 160px !important;
    padding: 4px 0;
    border: none;
    height: 20px;
    line-height: 20px;
    background: transparent;
    color: #fff;
}

.wp_search .search {
    width: 32px;
    height: 30px;
    border: 0px;
    background: #FFFFFF url(../images/sous.png) no-repeat center;
    cursor: pointer;
    vertical-align: top;
}

/*自定义输入框*/
.searchbox {
    text-align: right;
    border-radius:0.5rem;
    width:1.8rem;
    height:0.3rem;
}

.wp-search {
    position: relative;
}

.wp-search form {
    display: block;
}

.wp-search .search-input {
    margin-left: 0.15rem;
    margin-right: 0.3rem;
}

.wp-search .search-input input.search-title {
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    background: none;
    color: #FFFFFF;
    font-size: 0.14rem;
    border: 0;
    outline: 0;
    font-family: 'syh';
}
.wp-search .search-input input.search-title::-webkit-input-placeholder{
    color:#fff;
}
.wp-search .search-btn {
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    right: 0.1rem;
    top: 0%;
}

.wp-search .search-btn input.search-submit {
    width: 0.3rem;
    height: 0.3rem;
    border: 0;
    outline: 0;
    background:url(../images/sous.png) no-repeat center / 0.2rem auto;
    cursor: pointer;
}

/* 分享二维码 */
/**分享**/
.shares{margin-top:0.28rem;margin-left: 0.86rem;}
.shares .news_list {display:flex;text-align:center;gap: .18rem;}
.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: rgb(255 255 255 / 10%);width: .52rem;height: .52rem;m;border-radius:50%;background-repeat:no-repeat;background-position:center;opacity: 1;background-size:53%;}
.shares .news_list .news {position:relative;}
.shares .news_list .news_icon[media="微信"]{background-image:url(../images/weixin.svg);}
.shares .news_list .news_icon[media="微博"] {background-image:url(../images/weibo.svg);}
.shares .news_list .news_icon[media="抖音"] {background-image:url(../images/douyin.svg);}
.shares .news_list .news_icon[media="视频号"]{background-image:url(../images/shipinhao.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;}
/**友情链接**/
.botlinks .links-wrap {
    position: relative;
    float: left;
    display: inline-block;
    width: 200px;
    line-height: 32px;
    background: #ffffff80;
    border: 1px solid #d0d0d0;
    box-sizing:border-box;
}

.botlinks .links-wrap a.links-arrow {
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left:19px;
    color: #ffffff;
    position:relative;
}

.botlinks .links-wrap a.links-arrow:hover,
.botlinks .wrap-open a.links-arrow {
    color: #0a7af9;
    cursor: pointer;
}
.botlinks .links-wrap a.links-arrow:after{
    content:'';
    width:10px;
    height:6px;
    background:url(../images/arrow.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    z-index:30;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    transition:0.4s;
}
.botlinks .links-wrap a.links-arrow:hover:after{
    transform:rotateX(180deg) translateY(50%);
}
.botlinks .links-wrap .link-items {
    display: none;
    position: absolute;
    left: 0;
    bottom: 32px;
    width: 100%;
    height: auto;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
    background: #f5f5f5;
}

.botlinks .links-wrap .link-items a {
    display: block;
    line-height: 24px;
    padding: 5px 0;
    color: #444;
}

.botlinks .links-wrap .link-items a span {
    display: block;
    margin: 0 6px;
    white-space: nowrap;
}

.botlinks .links-wrap .link-items a:hover {
    color: #fff;
    background: #0a7af9;
    cursor: pointer;
}

/**链接样式**/
/*列表页*/
/*banner*/
.mbanner .focus .focus-title-bar {
    bottom: 0.68rem;
    left: calc(50% - 7.5rem);
    margin-left: 0px;
    height: auto;
}

.mbanner .focus .focus-title-bg {
    display:none;
}
.mbanner .focus .focus-title{
    position:static;
    padding: 0;
    height:0.24rem;
    line-height: 0.24rem;
    font-size: 0.24rem;
    font-weight: bold;
}
.mbanner .focus .focus-pagination {
    position: absolute;
    right: calc(50% - 7.5rem);
    bottom: 0.64rem;
    height: auto;
    margin-right: 0px;
    z-index: 60;
}

.mbanner .focus .focus-page {
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    margin-left: 6px;
    background: #ffffff4d;
}

.mbanner .focus .focus-page-active {
    width: 0.12rem;
    background: #fff;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.mbanner .focus .focus-navigation {
    width: 0.58rem;
    height: 0.53rem;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-indent: -999em;
}

.mbanner .focus .focus-navigation:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mbanner .focus .focus-navigation:active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mbanner .focus .focus-prev {
    left: 0px;
    background: url(../images/slide_prev.png) no-repeat;
    background-size: 100% 100%;
}

.mbanner .focus .focus-next {
    right: 0px;
    background: url(../images/slide_next.png) no-repeat;
    background-size: 100% 100%;
}
.post-11 .focus .focus-title {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    font-size: 14px;
}

.post-11 .focus .focus-title-bar {
    height: 34px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-left: 0px;
}

.post-11 .focus .focus-title-bg {
    background-color: #000;
}

.post-11 .focus .focus-pagination {
    position: absolute;
    right: 14px;
    bottom: 46px;
}

.post-11 .focus .focus-page {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 0px;
    background-color: #fff;
    color: #000;
}

.post-11 .focus .focus-page span {
    display: block;
}

.post-11 .focus .focus-page:hover {
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.post-11 .focus .focus-page-active {
    background-color: #146CC1;
    color: #fff;
}

.post-11 .focus .focus-navigation {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.post-11 .focus .focus-navigation:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.post-11 .focus .focus-navigation:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.maskBox{
    display: none;
}
.showMaskBox{
    display: block;
}
.mask{
    position:absolute;
    z-index:999;
    width:100%;
    height: 100%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}
.maskInner{
    width: 3rem;
    height: 3rem;
    background-color: rgba(0,0,0,0.4);
    border-radius:10px;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
.innerTop{
    margin-top:0.5rem;
    text-align:center;
    font-size: 1rem;
    margin-left:0.5rem;
}
.innerBottom{
    height:1rem;
    line-height:1rem;
    font-size: 0.338rem;
}
.specialScroll::-webkit-scrollbar {
    width: 4px; /* 设置滚动条宽度 */
}
.specialScroll::-webkit-scrollbar-thumb {
    background-color: #888; /* 设置滑块背景颜色 */
    border-radius: 4px; /* 设置滑块圆角 */
}
.white-img img:hover{
    filter: brightness(0) invert(1);
}
/* maskSearch */
.layer{
	position: fixed;
	opacity: 0;
	filter: alpha(opacity=0);
	left: 0;
	top: 0;
	z-index: 1200;
	background-color: rgba(0, 0, 0, .85);
	width: 100%;
	height: 0%;
    overflow: hidden;
    transition: all 0.8s ease-in-out;
}

.close{
	width: 0.5rem;
    height:0.5rem;
	text-align: center;
	position: absolute;
	right: 2vw;
	top: 2vw;
	transition: transform .4s ease-out;
	cursor: pointer;
}
.close img{
    width:100%;
    height:100%;
}
.close i{
	color: #fff;
	font-size: 0.4rem;
	cursor: pointer;
}

.close:hover{
	transform: rotate(180deg);
}
.searchbox{
    cursor: pointer;
    width: 0.16rem;
    height: 0.16rem;
}
.searchbox img{
    width:100%;
    height:auto;
}
.search_box{
   width: 50%;
   overflow: hidden;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}
.layer.on .search_box{
   transform: translate(-50%, -50%);
}
.search_box .searchKeyword{
   height: 0.5rem;
   line-height: 0.5rem;
   background-color: #fff;
   width: 100%;
   padding-right: 1rem;
   padding-left: 0.1rem;
   border: 0;
   box-sizing: border-box;
}
.search_box .searchSubmit {
   width: 1rem;
   background-color: #16236E;
   color: #fff;
   height: 0.5rem;
   line-height: 0.5rem;
   text-align: center;
   position: absolute;
   right: 0;
   top: 0;
   border: none;
   font-size: 0.18rem;
   letter-spacing: 1px;
   cursor: pointer;
   padding: 0;
}
.layer.on {z-index: 1200;opacity: 1; height: 100%;filter: alpha(opacity=100);}

.wp-navi-aside .search_box{
    position:static;
    transform:none;
    width:calc(100% - 30px);
    margin:0 auto;
}
.wp-navi-aside .search_box form{
    display:flex;
}
.wp-navi-aside .search_box .searchSubmit{
    position:static;
    flex-shrink:0;
}
/* mobile site-lang */
.wp-navi-aside .lang_link{
    display:flex;
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 0 15px;
}
.wp-navi-aside .lang_link .links{
    border:1px solid #fff;
}
.wp-navi-aside .lang_link .links a{
    padding: 3px 8px;
}
@keyframes fanzhuan{
    0%{transform: rotateY(0deg)}
    50%{transform: rotateY(180deg)}
    100%{transform: rotateY(0deg)}
}
@keyframes doudong {
    0% {
        transform: rotate(10deg)
    }
    25% {
        transform: rotate(-10deg)
    }
    50% {
        transform: rotate(7deg)
    }
    75% {
        transform: rotate(-7deg)
    }
    100% {
        transform: rotate(0deg)
    }
}
/* 头部划入 */
@keyframes showHeader{
    0%{
        transform:translateY(-100%);
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    }
    100%{
        transform:translateY(0);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}
/* 呼吸灯光圈扩散动画 */
@keyframes expand {
    0%{
        transform: scale(1);
        box-shadow: 0 0 0 0 #ffffff01;
        background-color: #503374;
    }
    50%{
        transform: scale(1);
        box-shadow: 0 0 0 0.07rem #D9D3E1;
        background-color: #50337480;
    }
    75%{
        transform: scale(1);
        box-shadow: 0 0 0 0.13rem #F3F1F6;
        background-color: #503374cc;
    }
    100%{
        transform: scale(1);
        box-shadow: 0 0 0 0.15rem #ffffff01;
        background-color: #503374;
    }
  }
/*************************************************************
 * 特殊页面
 */
/*二级页面*/
html{font-size: 100px;}
.myAos .tt{opacity: 0;transform: translateY(-50%);transition: 1s;}
.myAos .ml{opacity: 0;transform: translateX(-50%);transition: 1s;}
.myAos .mr{opacity: 0;transform: translateX(50%);transition: 1s;}
.myAos .con{opacity: 0;transform: translateY(50%);transition: 1s;}
.myAos.showDiv .tt,
.myAos.showDiv .ml,
.myAos.showDiv .mr,
.myAos.showDiv .con{opacity: 1;transform: none;}
/**兼容模式提示**/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;display: flex;align-items: center;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1;}
#browser-modal .browser-content{width:700px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:30px;background-color:#fff;border-radius:5px;}
#browser-modal .browser-content .browser-dpc-logo{height:62px;margin:45px auto 30px;background: url(../images/logo.png)no-repeat center/100% 100%;}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px;}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:40px;font-size:14px;}
#browser-modal .browser-content .browser-list{width:600px;margin:40px auto;height:130px;}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto;}
#browser-modal .browser-content .browser-item .iconfont{width:80px;height:80px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:30px;background-size: 100%;}
#browser-modal .browser-content .browser-item .iconfont.iconchrome{background-image: url(../images/Chrome.svg);}
#browser-modal .browser-content .browser-item .iconfont.iconfirefox{background-image: url(../images/Firefox.svg);}
#browser-modal .browser-content .browser-item .iconfont.iconsafari{background-image: url(../images/Safari.svg);}
#browser-modal .browser-content .browser-item .iconfont.iconEdge{background-image: url(../images/Edge.svg);}
#browser-modal .browser-content .browser-item a{color:#921041;cursor:pointer;display:block;}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px;}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700;}
/* banner_box */
.banner_box{position: relative;}
.banner_box .col_menu_head{
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 1.35rem;
    transform: translateX(-50%);
}
.banner_box .return{display:none}
.banner_box .returHome{
    display: block;
    font-size: 0.16rem;
    font-weight: 500;
    color: #fff;
    /* padding-left: 0.15rem; */
    /* background: url(../images/arrow01.png) no-repeat left center / 0.06rem auto; */
}
.banner_box .col_list img{width: auto;height: 0.28rem;}
.portal-w{min-height:10px;}

/*************************************************************
 * 首页改版 2026（按设计稿：header / mbanner / main1~main5 / footer）
 * 单位：1rem = 100px（1920 设计稿等比缩放）
 */
html{font-size:clamp(60px, calc(100vw / 19.2), 100px);}

/* ---------- 栏目通用：标题栏 ---------- */
/* ---------- 最热新闻 ---------- */
#l-container .post-hot {
    width: 29%;
    background: #FFFFFF;
}

#l-container .post-hot .tt {
    margin-bottom: 0.22rem;
    padding-bottom: 0.16rem;
    border-bottom: 0.01rem solid #e8ecf5;
    padding: 0.33rem 0.34rem 0.35rem;
}

#l-container .post-hot .tit .title {
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1B3B8C;
}

#l-container .post-hot .news_list {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0 0.34rem 0.62rem;
}

 #l-container .post-hot .news_box {
    display: flex;
    align-items: flex-start;
    gap: 0.14rem;
}

#l-container .post-hot .news_imgs {
    flex: 0 0 auto;
    width: 1.34rem;
    height: 0.89rem;
    padding-top: 0;
    /* border-radius: 0.05rem; */
    overflow: hidden;
    background: var(--image-color, #f0f0f0);
}

#l-container .post-hot .news_imgs img {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition-normal, all .4s ease-in-out);
}

#l-container .post-hot .news:hover .news_imgs img {
    transform: scale(1.06);
}

 #l-container .post-hot .news_wz {
    flex: 1;
    min-width: 0;
}

#l-container .post-hot .news_meta {
    font-size: var(--base-size);
    line-height: 1.4;
    color: #1B3B8C;
}

#l-container .post-hot .news_title {
    margin-top: 0.04rem;
    font-size: var(--regular-size);
    line-height: 1.5;
    color: var(--title-color, #333333);
}

 #l-container .post-hot .news:hover .news_title {
    color: var(--hover-accent, #0b2577);
}
.post .tt{
    display:flex;
    justify-content:space-between;
    align-items: center;
}
.post .tt .tit{line-height:0;}
.post .tt .title{display:block;line-height:0;}
.post .tt .title img{display:block;width:auto;height:auto;}
.post .more_btn .more_text{
    display:flex;
    align-items:center;
    font-size:0.16rem;
    font-weight:400;
    color:#333333;
    line-height:1;
    white-space:nowrap;
}
.post .more_btn .more_text img{
    width:0.16rem;
    height:auto;
    margin-left:0.06rem;
    vertical-align:middle;
}
.post .more_btn .more_text:hover{color:var(--theme-color,#0b2577);}

/* ---------- 栏目通用：新闻列表 ---------- */
.main .news_list li.news{line-height:1.5;}
.main .news_list li.news a.news_box,
.main .news_list li.news .news_box{color:inherit;}
.main1 .list1 .news_box,
.main1 .list2 .news_box,
.main2 .post-21 .news_box,
.main2 .post-22 .news_box,
.main3 .post-31 .news_box,
.main5 .post-53 .news_box{display:block;}

.main .news_list li.news .news_title{
    font-weight:400;
    transition:var(--transition-normal,all .4s ease-in-out);
}
.main .news_list li.news .news_text{
    font-size:0.14rem;
    color:var(--text-color,#666666);
    line-height:1.75;
    margin-top:0.08rem;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.main .news_list li.news .news_meta{
    font-size: var(--base-size);
    color:#0B2577;
    font-weight: 600;
}
.main .news_list li.news a.news_box:hover .news_title{/* color:var(--theme-color,#0b2577); */}

/* ---------- main1 学校要闻 ---------- */
.main1{background:#fff;}
.main1 .inner{padding: 1.92rem 0 1.55rem;}
.main1 .post-11 .tt{margin-bottom:0.16rem;}
.main1 .post-11 .title img{width: 1.86rem;}
.main1 .mbottom{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.main1 .post-12{
    width: 12.2rem;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-right: 0.47rem;
}
.main1 .post-12 .list1{width: 8.4rem;margin-right: 0.4rem;}
.main1 .post-12 .list2{
    /* width: 0; */
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex: 1;
}
.main1 .post-13{flex: 1;border-top: 0.01rem solid rgb(11 37 119 / 20%);padding-top: 0.32rem;}
.main1 .post-13 .con{display:block;}

/* 大图新闻 */
.main1 .list1 .news_imgs{padding-top: 66.6%;border-radius:0.08rem;}
.main1 .news_list.list1 li.news .news_title{
    font-size:0.28rem;
    font-weight:700;
    line-height:1.45;
    margin-top:0.24rem;
    -webkit-line-clamp:2;
    color: #0B2577;
}
/* 中列两图 */
.main1 .list2 .news{margin-bottom:0.28rem;}
.main1 .list2 .news:last-child{margin-bottom:0;}
.main1 .list2 .news_imgs{padding-top:66.5%;border-radius:0.08rem;}
.main1 .list2 .news_title{
    font-weight:700;
    margin-top: 0.19rem;
    -webkit-line-clamp:2;
}
/* 右列日期列表 */
.main1 .post-13 .news{padding-bottom: 0.26rem;margin-bottom: 0.26rem;border-bottom:0.01rem solid #ececec;}
.main1 .post-13 .news:last-child{}
.main1 .post-13 .news_box .news_wz{display:flex;align-items:flex-start;}
.main1 .post-13 .news_meta{
    font-size:0.15rem;
    font-weight:700;
    line-height:1.6;
    border-right: 0.01rem solid rgb(11 37 119 / 20%);
    margin-right: 0.13rem;
    padding-right: 0.15rem;
}
.main1 .post-13 .news_wz{flex:1;}
.main1 .post-13 .news_title{
    /* font-size:0.16rem; */
    line-height:1.6;
    -webkit-line-clamp:2;
    flex: 1;
    height: calc(var(--regular-size)*2*1.6 );
}

/* ---------- main2 通知公告 / 综合要闻 / 媒体报道 ---------- */
.main2{
    /* background:linear-gradient(180deg,#ffffff 0%,#eceef6 4%,#f3f5fa 55%,#eceef6 96%,#ffffff 100%); */
}

.main2 .mod{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.main2 .post{width: 5.33rem;}
.main2 .post .tt{margin-bottom:0.28rem;}
.main2 .news_list .news{padding-top: 0.22rem;border-bottom: 0.01rem solid rgb(11 37 119 / 20%);}
.main2 .news_list .news:last-child{margin-bottom:0;}

/* 通知公告：日期块 + 标题 */
.main2 .post-21 .title img{width: 1.86rem;}
.post-21 .news{padding-bottom:0.24rem}
.main2 .post-21 .news_box{display:flex;align-items:flex-start;}
.main2 .post-21 .news_meta{
    flex:0 0 0.88rem;
    width:0.88rem;
    height:0.88rem;
    background:#0B2577;
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.main2 .post-21 .news_year{
    font-size: 0.12rem;
    line-height:1;
    color:#fff;
    order:2;
    margin-top:0.1rem;
}
.main2 .post-21 .news_days{
    font-size: 0.4rem;
    font-weight:700;
    line-height:1;
    color:#fff;
    order:1;
}
.main2 .post-21 .news_wz{flex:1;padding-left:0.16rem;}
.main2 .post-21 .news_title{-webkit-line-clamp:2;}
.main2 .post .news .news_title{color:#666666}
/* 综合要闻：标题 + 日期 */
.main2 .post-22 .title img{width: 1.86rem;}
.main2 .post-22 .news_box{display:flex;justify-content:space-between;align-items:flex-start;}
.main2 .post-22 .news_wz{flex:1;padding-right:0.1rem;}
.post-22 .news{padding-bottom: 0.22rem;}
.main2 .post-22 .news_title{-webkit-line-clamp:1;}
.main2 .post-22 .news_meta{
    flex:0 0 0.62rem;
    width:0.62rem;
    text-align:right;
    font-size:0.14rem;
    font-weight:400;
    line-height:1.55;
}

/* 媒体报道：只有一个新闻列表。未激活 = 标题 + 日期的小行；激活（触摸 / 悬停）= 带图大卡 */
.main2 .post-23 .title img{width: 1.91rem;}
.main2 .post-23 .news_list .news{padding: 0.24rem;transition:padding 0.4s ease,border-color 0.4s ease;}
.main2 .post-23 .news_list .news.on{padding:0 0}
.main2 .post-23 .news_list .news:last-child{/* padding-bottom:0; *//* border-bottom:0; */}
.main2 .post-23 .con{
    height: 5rem;
}
.main2 .post-23 .news_box{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    border-radius:0.04rem;
    transition:background 0.4s ease,padding 0.4s ease,box-shadow 0.4s ease,transform 0.4s ease;
}
/* 未激活：图片收起为 0，只剩标题与日期 */
.main2 .post-23 .news_imgs{
    flex:0 0 0;
    width:0;
    height:0;
    padding-top:0;
    opacity:0;
    border-radius:0.04rem;
    transition:flex-basis 0.4s ease,width 0.4s ease,height 0.4s ease,opacity 0.4s ease;
}
/* 未激活：标题在左、日期在右（结构里日期在前，这里反向排列） */
.main2 .post-23 .news_wz{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:flex-start;
    flex:1;
    min-width:0;
    color:inherit;
}
.main2 .post-23 .news_title{flex:1;min-width:0;padding-right:0.1rem;-webkit-line-clamp:1;}
.main2 .post-23 .news_meta{flex:0 0 0.62rem;width:0.62rem;text-align:right;font-size:0.14rem;font-weight:400;}
/* 激活：变回带图大卡（原 list1 样式） */
.main2 .post-23 .news.on .news_box{
    background:#fff;
    padding: 0.19rem 0.34rem 0.3rem 0.18rem;
    border: 0.01rem solid rgb(19 99 134 / 11%);
}
.main2 .post-23 .news.on .news_imgs{
    flex: 0 0 2.39rem;
    width: 2.39rem;
    height: 1.6rem;
    opacity:1;
}
.main2 .post-23 .news.on .news_wz{
    display:flex;
    flex-direction:column;
    padding-left:0.14rem;
}
.main2 .post-23 .news.on .news_meta{
    flex:none;
    width:auto;
    text-align:left;
    font-size: var(--base-size);
    line-height:1.4;
    margin: 0.04rem 0;
}
.main2 .post-23 .news.on .news_title{flex:none;padding-right:0;-webkit-line-clamp: 4;}
/* ---------- main3 科学研究 ---------- */
.main3{background:#fff;position:relative;}
.main3 .inner{padding: 0.3rem 0 1.5rem;}
.main3 .mod{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.main3 .post-31{width: 5.94rem;margin-right: 1.275rem;margin-top: -0.3rem;position: relative;z-index: 1;}
.main3 .post-31 .tt{margin-bottom: 0.354rem;}
.main3 .post-31 .title img{width: 1.89rem;}
.main3 .post-32{
    flex: 1;
}
.main3 .post-32 .con{display:block;margin-top:0;}
.main3 .post-31 .news_list .news{
    border-bottom:0.01rem solid #ececec;
    margin-bottom:0;
}
.main3 .post-31 .news:last-child{}
.main3 .post-31 .news_box{
    display:flex;
    align-items:flex-start;
    padding: 0.295rem 0.16rem;
    position: relative;
    /* border-radius:0.04rem; */
}
.main3 .post-31 .news.selected .news_box:before{opacity:1}
.main3 .post-31 .news .news_box:before{content:'';background:#0B2577;position: absolute;top: 0;bottom: 0;left: 0;/* right: 0; */opacity: 0;width: 7.34rem;transition: 0.7s;z-index: -1;}
.main3 .post-31 .news_meta{
    flex: 0 0 0.69rem;
    width: 0.69rem;
    /* text-align:center; */
    padding-top:0.02rem;
}
.main3 .post-31 .meta_top{font-size:0.13rem;color:#0B2577;line-height:1.2;}
.main3 .post-31 .meta_bottom{
    display:flex;
    align-items: flex-start;
    justify-content:center;
    margin-top:0.04rem;
}
.main3 .post-31 .news_day{
    font-size:0.4rem;
    font-weight:700;
    line-height:1;
    color:#0B2577;
}
.main3 .post-31 .week{
    font-size: var(--small-size);
    margin-left:0.04rem;
    color:#0B2577;
}
.main3 .post-31 .news_wz{flex:1;padding-left: 0.368rem;}
.main3 .post-31 .news_title{
    /* font-size:0.18rem; */
    font-weight:700;
    /* line-height:1.5; */
    color:#1a1a1a;
    -webkit-line-clamp:2;
}
.main3 .post-31 .news_con{margin-top:0.1rem;display: none;}
.main3 .post-31 .selected .news_con{
    display: block;
}
.main .post-31 .news_list .news .news_text{color: #fff;opacity:0.6;font-size: var(--base-size);}
.main3 .post-31 .news_info{
    display:flex;
    align-items:center;
    font-size:0.14rem;
    color:var(--text-color,#666666);
    line-height:1.9;
}
.main3 .post-31 .news_info i{
    display:inline-block;
    width:0.16rem;
    height:0.16rem;
    margin-right:0.06rem;
    background:no-repeat center / 100% 100%;
}
.main3 .post-31 .news_info .ico-user{background-image:url(../images/people.svg);}
.main3 .post-31 .news_info .ico-site{background-image:url(../images/address.svg);}
/* 激活项（sudyTab 给 handle 加 selected） */
.main3 .post-31 .news.selected{/* border-bottom:none; */margin-right: -1rem;}
.main3 .post-31 .news.selected .news_box{/* background:#0B2577; */}
.main3 .post-31 .news.selected .meta_top,
.main3 .post-31 .news.selected .news_day,
.main3 .post-31 .news.selected .week{color:#fff;}
.main3 .post-31 .news.selected .news_title{color:#fff;font-size: 0.28rem;line-height: 1.57;}
.main3 .post-31 .news.selected .news_info{color:#dbe2f5;}
.main3 .post-31 .news.selected .news_info i{filter:brightness(0) invert(1);}
/* 右侧配图 */
.main3 .post-32 .news{display:none;background: #0B2577;}
.main3 .post-32 .news.active{display:block;}
.main3 .post-32 .news.active .news_imgs{transform: translate(-0.326rem, -0.293rem);}
.main3 .post-32 .news_imgs{padding-top: 66.6%;/* border-radius:0.08rem; */transition: 0.7s;transform:none}

/* ---------- main4 数据大海大 ---------- */
.main4{
    position:relative;
    /*不能裁剪：顶部 .wave_wrapper 在 -1.15rem 处*/
    overflow:visible;
}
.main4 .inner{padding: 0 0 1.35rem;}
/* main4 波浪：颜色对齐 main4 的浅灰底（复用 bannerMask_21/_20） */
.main4 .wave_box .bannerMask_41{
    position:absolute;
    z-index:15;
    left:0;
    top:0;
    width:100%;
    height:var(--height);
    background:url(../images/bannerMask_21.png) repeat-x 0 bottom / auto 100%;
    animation:wave 80s linear infinite;
}
.main4 .wave_box .bannerMask_40{
    position:absolute;
    z-index:14;
    left:0;
    top:0;
    width:100%;
    height:var(--height);
    background:url(../images/bannerMask_20.png) repeat-x 0 bottom / auto 100%;
    animation:wave 70s linear infinite;
}
.main4 .post-41 .tt{margin-bottom: 0.393rem;}
.main4 .post-41 .title img{width: 2.33rem;}
.main4 .news_list{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.main4 .news_list .news:nth-child(2) .news_imgs{width: 0.43rem;}
.main4 .news{width:16.3%;text-align:center;}
.main4 .news .news_box{display:block;border-right: 0.01rem solid rgb(11 37 119 / 10%);}
.main4 .news:last-child .news_box{border-right:0}
.main4 .news_imgs{
    padding-top:0;
    width: 0.52rem;
    height: auto;
    margin: 0 auto 0.21rem;
    background:none;
}
.main4 .news_imgs img{
    position:static;
    width:100%;
    height: auto;
    object-fit:contain;
}
.main4 .news_sub{
    font-size: 0.48rem;
    font-weight:700;
    line-height:1.1;
    color: #333333;
}
.main4 .news_title{
    font-size:0.17rem;
    color:var(--title-color,#333333);
    line-height:1.5;
    margin-top:0.06rem;
    -webkit-line-clamp:1;
}
.main4 .news_short{
    font-size: var(--regular-size);
    color: #333333;
    line-height:1.6;
    margin-top:0.02rem;
}

/* ---------- main5 印象大海大 ---------- */
.main5{background:#fff;position:relative;}
.main5 .inner{padding: 0 0 1.87rem;}
/* main5 波浪：颜色对齐 main5 的白色底（复用 bannerMask_w） */
.main5 .wave_box .bannerMask_51{
    position:absolute;
    z-index:15;
    left:0;
    top:0;
    width:100%;
    height:var(--height);
    background:url(../images/bannerMask_w.png) repeat-x 0 bottom / auto 100%;
    animation:wave 80s linear infinite;
}
.main5 .wave_box .bannerMask_50{
    position:absolute;
    z-index:14;
    left:0;
    top:0;
    width:100%;
    height:var(--height);
    background:url(../images/bannerMask_w.png) repeat-x 0 bottom / auto 100%;
    opacity:0.44;
    animation:wave 70s linear infinite;
}
.main5 .post-51 .tt{margin-bottom:0.25rem;}
.main5 .post-51 .title img{width: 2.3rem;}
.main5 .post-53 .con .listwrap{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    /*三块定宽合计 16.72rem，容器只要窄十几像素（内容层出现滚动条时就会）
      就会从右侧溢出到相邻 slide，表现为"露出下一张的边"；裁掉更保险*/
    overflow:hidden;
}
/*允许三块在容器变窄时等比收缩（默认是 flex:0 0 auto 的刚性宽度），
  溢出从根上消失，图片只窄 1% 左右，肉眼无感*/
.main5 .post-53 .news_list{flex:0 1 auto;min-width:0;}
.main5 .post-53 .list1{width:7rem;}
.main5 .post-53 .list2{
    width:3.53rem;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.main5 .post-53 .list3{width:6.19rem;}
.main5 .post-53 .news{margin:0;}
.main5 .post-53 .news_box{
    position:relative;
    display:block;
    overflow:hidden;
}
.main5 .post-53 .news_imgs{padding-top:0;height:100%;}
.main5 .post-53 .list1 .news_imgs{height:4.58rem;}
.main5 .post-53 .list2 .news_imgs{height:2.18rem;}
.main5 .post-53 .list3 .news_imgs{height:4.58rem;}
.main5 .post-53 .news_wz{
    position:absolute;
    z-index:20;
    left:0;
    right:0;
    bottom:0;
    padding:0.4rem 0.16rem 0.14rem;
    background:linear-gradient(180deg,rgba(0,17,69,0) 0%,rgba(0,17,69,.65) 100%);
}
.main5 .post-53 .news_title{
    color:#fff;
    /* font-size:0.17rem; */
    -webkit-line-clamp:1;
}
.main5 .post-53 .list2 .news_title{/* font-size:0.15rem; */}
/* CMS 窗口内容层：不生成盒子，避免打断 .con 的 flex 布局 */
.con > [frag="窗口内容"]{display:contents;}
/* main5 轮播箭头 */
.main5 .post-53{position:relative;}
.main5 .post-53 .news_list{position:relative;}
.main5 .post-53 .slick-arrow{
    position:absolute;
    z-index:40;
    opacity: 1;
    top:50%;
    margin-top:-0.22rem;
    width:0.44rem;
    height:0.44rem;
    padding:0;
    border:none;
    border-radius:50%;
    background: #0B2577;
    font-size:0;
    line-height:0;
    color:transparent;
    overflow:hidden;
    cursor:pointer;
    transition:var(--transition-normal,all .4s ease-in-out);
}
.main5 .post-53 .slick-prev{left:0.16rem;}
.main5 .post-53 .slick-next{right:0.16rem;}
.main5 .post-53 .slick-prev{left:0.16rem;}:
.main5 .post-53 .slick-next:hover{background:rgba(2,20,60,.85);}
.main5 .post-53 .slick-prev::before,
.main5 .post-53 .slick-next::before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:0.11rem;
    height:0.11rem;
    border-left:0.02rem solid #fff;
    border-bottom:0.02rem solid #fff;
}
.main5 .post-53 .slick-prev::before{transform:translate(-38%,-50%) rotate(45deg);}
.main5 .post-53 .slick-next::before{transform:translate(-62%,-50%) rotate(-135deg);}
.main5 .post-53 .slick-slide{outline:none;}

/* ---------- footer ---------- */
#footer{
    position:relative;
    /*页脚整体渐变：顶部 #0262AE（与页脚波浪同色，无缝衔接）→ 底部 #08206C；波浪本身保持纯色*/
    background: linear-gradient(0deg, #08206C,#0262AE);
    color:#fff;
    /*不能裁剪：.wave_wrapper 在顶部 -1.5rem 处，overflow:hidden 会把波浪裁掉*/
    overflow:visible;
}
#footer .wave_wrapper{top: calc(var(--height) * -1 + 0.02rem);--height: 1rem;}
#footer .inner{
    position:relative;
    /*底部原本 0.28rem 的留白已移交给同级的 .foot-bottom .inner，版权条位置不变*/
    padding:0.86rem 0 0;
}
#footer .foot-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
#footer .foot-left{width:47%;}
#footer .foot-right{width:50%;}
#footer .foot-logo img{width:3rem;}
#footer .share{
    display:flex;
    align-items:center;
    margin-top:0.25rem;
}
#footer .share .share_item{
    display:block;
    width:0.42rem;
    height:0.42rem;
    margin-right:0.2rem;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
}
#footer .share .share_item img{width:0.22rem;height:auto;filter:brightness(0) invert(1);}
#footer .share .share_item:hover{background:rgba(255,255,255,.28);}
#footer .foot_sketch{margin-top:0.22rem;}
#footer .foot_sketch img{width:7.2rem;opacity: 0.2;}
#footer .contant_title{
    font-size:0.18rem;
    font-weight:700;
    color:#fff;
    line-height:1;
}
#footer .contant{
    display: flex;
    /* grid-template-columns:repeat(2,1fr); */
    /* grid-template-rows:repeat(3,auto); */
    grid-auto-flow:column;
    gap: 0.16rem 0.28rem;
    margin-top:0.22rem;
    flex-direction: column;
}
#footer .contant_item{
    font-size: 0.15rem;
    color: #fff;
    line-height:1.6;
    white-space:nowrap;
    opacity: 0.7;
}
#footer .contant_item a{color:#dfe4f5;}
#footer .contant_item a:hover{color:#fff;}
#footer .contant_lab{/* color:#dfe4f5; */}
#footer .foot_motto{
    margin-top:0.42rem;
    text-align:right;
}
#footer .foot_motto img{width:4.3rem;height:auto;}
/*版权条：已从 #footer .inner 中抽出，作为 #footer 的同级节点（.wrapper.foot-bottom）。
  外层 100% 宽铺 #08206C 底色，内部 .inner 沿用 17.2rem 版心，
  分隔线、字号、间距全部保持抽出前的样子*/
.foot-bottom{
    background:#08206C;
}
.foot-bottom .inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    /*原 #footer .inner 的 padding-bottom 0.28rem 移到此处，版权条纵向位置不变*/
    padding:0 0 0.28rem;
    font-size: 0.15rem;
    color:#c9d2ea;
    border-top: 0.01rem solid rgb(255 255 255 / 20%);
}
.foot-bottom .bottom-left{line-height:1.6;}
/*版权文字：原 #footer .inner p 的样式，节点移出 #footer 后同步过来*/
.foot-bottom p{
    font-size:0.15rem;
    line-height:0.21rem;
    font-weight:normal;
    text-align:left;
    color:#fff;
    opacity:0.7;
}
.foot-bottom p span{margin:0 0.03rem;}
.foot-bottom .bottom-right img{width:0.5rem;height:auto;margin-top: 0.2rem;}

/*汉堡菜单按钮：桌面端隐藏，移动端样式见 css/mobile.css 与 css/media.css*/
.menu-btn{display: none;}

/* =========================================================
   首页交互（鼠标悬停 / 触摸按下）动效 —— 集中放最后，方便单独调节
   覆盖模块：main1 学校要闻 / main2 通知公告·综合要闻·媒体报道 /
            main4 数据大海大 / main5 印象大海大
   不覆盖：mbanner、main3、footer
   过渡时长统一 0.7s（改这里的 0.7s 即可整体调节）
   ========================================================= */

/* 悬停主色：--theme-color 本身就是 #0B2577（和标题同色，悬停看不出变化），
   所以这里单独开一个亮蓝色变量，想换悬停色只改这一行 */
.main1,
.main2,
.main4{
    --hover-accent: #0b2577;
}

/* ---------- 公共：过渡时长 ---------- */
.main1 .news_box,
.main2 .news_box,
.main4 .news_box,
.main5 .news_box,
.main1 .news_imgs img,
.main2 .news_imgs img,
.main4 .news_imgs img,
.main5 .news_imgs img,
.main1 .news_list li.news .news_title,
.main2 .news_list li.news .news_title,
.main4 .news_list li.news .news_title,
.main5 .news_list li.news .news_title,
.post .more_btn .more_text img{
    transition: all 0.7s ease;
}

/* 更多按钮：悬停箭头右移 */
.post .more_btn:hover .more_text img{
    transform: translateX(0.06rem);
}

/* ---------- main1 学校要闻 ---------- */
/* 大图 + 中列两图：悬停放大、整卡上浮 */
.main1 .list1 .news_box:hover,
.main1 .list2 .news_box:hover{
    transform: translateY(-0.06rem);
}
.main1 .list1 .news_box:hover .news_imgs img,
.main1 .list2 .news_box:hover .news_imgs img{
    transform: scale(1.08);
}
/* 标题悬停变主题色：选择器带上 .news_list li.news，权重压过各模块自带的标题颜色 */
.main1 .news_list li.news .news_box:hover .news_title,
.main2 .news_list li.news .news_box:hover .news_title,
.main4 .news_list li.news .news_box:hover .news_title{
    color: var(--hover-accent, #0b2577);
}
/* 右列日期列表：悬停整行右移、日期与标题变主题色 */
.main1 .post-13 .news{
    transition: all 0.7s ease;
}
.main1 .post-13 .news:hover{
    padding-left: 0.14rem;
    border-bottom-color: rgba(1, 104, 183, 0.35);
}
.main1 .post-13 .news:hover .news_meta,
.main1 .post-13 .news:hover .news_title{
    color: var(--hover-accent, #0b2577);
}

/* ---------- main2 通知公告 / 综合要闻 / 媒体报道 ---------- */
/* 通知公告：悬停日期块换主题色、整行右移 */
.main2 .post-21 .news{
    transition: all 0.7s ease;
}
.main2 .post-21 .news:hover{
    padding-left: 0.1rem;
}
.main2 .post-21 .news:hover .news_meta{
    background: var(--hover-accent, #0b2577);
}
.main2 .post-21 .news:hover .news_title{
    color: var(--hover-accent, #0b2577);
}
/* 综合要闻：悬停右移、日期变主题色 */
.main2 .post-22 .news{
    transition: all 0.7s ease;
}
.main2 .post-22 .news:hover{
    padding-left: 0.1rem;
    border-bottom-color: rgba(1, 104, 183, 0.35);
}
.main2 .post-22 .news:hover .news_meta{
    color: var(--hover-accent, #0b2577);
}
.main2 .post-22 .news:hover .news_title{
    color: var(--hover-accent, #0b2577);
}
/* 媒体报道：激活卡带投影，悬停上浮 + 图片放大 */
.main2 .post-23 .news.on .news_box{
    box-shadow: 0 0.14rem 0.34rem rgba(11, 37, 119, 0.14);
}
.main2 .post-23 .news.on .news_box:hover{
    transform: translateY(-0.06rem);
    box-shadow: 0 0.18rem 0.4rem rgba(11, 37, 119, 0.18);
}
.main2 .post-23 .news_imgs img{
    transition: transform 0.7s ease;
}
.main2 .post-23 .news.on .news_box:hover .news_imgs img{
    transform: scale(1.08);
}
.main2 .post-23 .news.on .news_title{
    
    color: #666666;
}
.main2 .post-23 .news.on:hover .news_title{color: var(--hover-accent, #0b2577);}
/* ---------- main4 数据大海大 ---------- */
/* 数字用等宽数字：滚动计数时宽度不抖 */
.main4 .news_sub,
.main4 .news_title,
.main4 .news_short{
    font-variant-numeric: tabular-nums;
}
/* 悬停：图标与文字整体上浮，图标放大、大数字变主题色（分隔线不动，避免上下错位） */
.main4 .news_box .news_imgs,
.main4 .news_box .news_wz,
.main4 .news_box .news_sub{
   transition: 0.7s;
}
.main4 .news_box:hover .news_imgs,
.main4 .news_box:hover .news_wz{
    transform: translateY(-0.08rem);
}
.main4 .news_box:hover .news_imgs img{
    transform: scale(1.12);
}
.main4 .news_box:hover .news_sub,
.main4 .news_box:hover .news_title{
    color: var(--hover-accent, #0b2577);
}

/* ---------- main5 印象大海大 ---------- */
/* 悬停：图片放大 + 深色遮罩渐显 + 标题微上移 */
.main5 .post-53 .news_box::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 17, 69, 0.28);
    opacity: 0;
    transition: opacity 0.7s ease;
    pointer-events: none;
}
.main5 .post-53 .news_box:hover::after{
    opacity: 1;
}
.main5 .post-53 .news_box:hover .news_imgs img{
    transform: scale(1.08);
}
.main5 .post-53 .news_wz{
    transition: all 0.7s ease;
}
.main5 .post-53 .news_box:hover .news_wz{
    /* transform: translateY(-0.06rem); */

}

/* ---------- 触摸端（无 hover）按下反馈 ---------- */
@media (hover: none){
    .main1 .news_box:active,
    .main2 .news_box:active,
    .main4 .news_box:active,
    .main5 .news_box:active{
        transform: scale(0.98);
        opacity: 0.92;
    }
}
.fenl .title {
    font-size: 22px;
    font-weight: bolder;
    margin-bottom: 4px;
    color: #0f5499;
    text-align: left;
    text-indent: 0px !important;
}
.nav .i1 >.sub-menu> .sub-item:nth-child(3)>.sub-menu,.fixbox .wp-menu  .i1 >.sub-menu> .sub-item:nth-child(3)>.sub-menu,.fixbox .wp-menu  .i1 >.sub-menu> .sub-item:nth-child(3) .menu-switch-arrow{display:none}
.news.noimg .news_imgs { display: none; }