@charset "utf-8";
/* 课题组官网纯净标准版 CSS + IE8/9/10/11 兼容修复 */
.nicescroll-rails, .nicescroll-cursors, .ascrail2020, [class*="nicescroll"], [class*="ascrail"] {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    z-index: -9999 !important;
    position: absolute !important;
}

/* 全局隐藏滚动条（所有浏览器）*/
* {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
*::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 修复页面滚动与底部空白 */
html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

/* 清除所有浮动，消除底部空白 */
.wrap:after,
.contain:after,
.bsbg:after,
.footer:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* 内容区不显示滚动条 */
.menlist, .bsbg, .contain {
    overflow: hidden !important;
}

/* 底部彻底贴底 */
.footer {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    float: none !important;
}
/* 全局重置 + IE兼容 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
      /* word-break: keep-all;*/
    overflow-wrap: break-word;
    white-space: normal;
}
html, body {
    height: 100%;
    background: #f5f5f5;
    font-family: "Microsoft YaHei", sans-serif;
}
img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic; /* IE图片缩放清晰 */
}
.wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.bsbg {
    max-width: 1200px;
    width: 96%;
    background: #fff;
    box-shadow: 0 1px 5px #cfcfcf;
    border-radius: 5px;
    margin: 25px auto;
    min-height: 200px;
    position: relative;
}
.pd {
    padding: 35px;
}

/* 顶部栏 */
.top {
    height: 35px;
    background: #2a2929;
    width: 100%;
}
.Language, .search {
    float: right;
    height: 35px;
    line-height: 31px;
    border-right: 1px solid #504f4f;
}
.Language a {
    color: #fff;
    display: block;
    padding: 0 15px;
    height: 35px;
}
.Language a:hover {
    background: #504f4f;
}
.Language a i {
    display: inline-block;
    width: 17px;
    height: 19px;
    margin: 0 10px;
    background: url(../images/en.png) no-repeat;
    vertical-align: middle;
}
.search .ss {
    width: 110px;
    height: 25px;
    padding-left: 5px;
    line-height: 25px;
    vertical-align: middle;
}
.search .ssbtn {
    width: 50px;
    height: 27px;
    background: url(../images/ssbtn.png) no-repeat center center #5b5b5b;
    vertical-align: middle;
    margin-right: 15px;
    cursor: pointer;
    border: 0;
}

/* 头部 */
.nrbg {
    width: 100%;
    background: url(../images/headerbg.png) no-repeat right top;
    position: relative;
}
.header {
    padding: 23px 0;
    zoom: 1;
}
.header:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.header .logo {
    width: 230px;
    height: 65px;
    display: inline-block;
    vertical-align: middle;
}
.header .logo img {
    max-width: 100%;
    max-height: 65px;
}
.header .Subtitle {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #fff;
    line-height: 50px;
}
.line {
    height: 1px;
    background: #8f3540;
    width: 100%;
    overflow: hidden;
}


/*导航*/
.nav{height:40px;width:1200px; margin:0 auto}
li.yiji_nav {float: left;  position: relative; left: 0px;top: 0px;height:40px; line-height:40px;}
li.yiji_nav .jt{ display:none}
a.yiji_nav {display:block; padding:0 40px; height:40px; line-height:40px; text-align:center; float:left; margin-left:0px; color:#fff; font-size:16px;text-decoration:none;}
li.yiji_nav:hover a.yiji_nav, a.yiji_nav:hover {background:#2a2929; color:#fff; }
.select_box li.yiji_nav,.select_box .more_ul li a,.select_box a.yiji_nav{height:auto!important; padding:10px;word-break: break-word; line-height:30px!important; }
.select_box li.yiji_nav{border-bottom:1px solid #e5e5e5; padding:0}
.select_box li.yiji_nav a:hover{background:#8E000B;}
li.erji_nav:hover a.erji_nav, a.erji_nav:hover {color: #fff;background:#8E000B;}

/* 这是控制菜单显示与隐藏的重点 */
a.yiji_nav:hover ul.erji_nav, li.yiji_nav:hover ul.erji_nav {visibility: visible;}
a.erji_nav {display: block; text-align: center;min-height: 40px;line-height: 40px;color: #fff;text-decoration:none;font-size:14px;}
#menu{width:calc(100% - 60px);  float:left;height:40px;}      
#menu ul {width:100%;}
ul.erji_nav {visibility: hidden;position: absolute;left: 0px;top:40px;width:100%!important; background:#2a2929; z-index:999}
li.erji_nav {position: relative; /* 这里把第二级菜单项设成相对定位，以使得它包含的三级菜单相对它自己定位 */left: 0px;top: 0px;}
.more_ul{width:128px;height:auto;position:absolute!important;position:absolute;z-index:999;top:40px;left:0px; background:#2a2929;  text-align:center; }
.more_ul li{width:100%;}
.more_ul li a{display:block;line-height:40px;width:100%; float:left;cursor:pointer;color:#fff;}
.more_ul li a:hover{background:#8E000B; color:#fff;}
.select_box{position:relative; width:60px; height:40px; text-align:center; float:right}
.select_box i{display:block; line-height:70px;  width:80px; float:left; color:#3156a3; font-size:18px;}
.select_box span{width:60px;height:40px;float:left;line-height:40px;color:#fff;cursor:pointer; display:block; font-size:18px;}

/*手机导航*/
.nav-icon{position:absolute; right:15px; top:30px; width:18px; height:14px; display:none}
#navbg{ position:fixed; width:100%; height:100%;background:rgba(0, 0, 0, 0.3); left:0; top:0;display:none; z-index:999 }
.navlist{ position:fixed; right:-240px; top:0; background:#2a2929; width:220px; height:100%; z-index:9999; overflow-y:auto}
.navlist li{line-height:30px;font-size:16px;    position:relative;background:#2a2929; border-bottom:1px solid #777; }
.navlist li:active,.navlist li:link,.navlist li:visited,.navlist li:hover{background:#8F000B;}
.navlist li a{ color:#fff;  width:85%; display:block;word-break: break-word; padding: 8px 0 8px 10px;}
.navlist li i{ display:block; width:17px; height:17px; z-index:122; position:absolute; right:10px; top:17px; background:url(../images/jtx.png) center 7px no-repeat; background-size:17px}
.navlist li i.icon{}
.navlist li .ejnav{ display:none}
.navlist li .ejnav li{ width:100%; border:0; line-height: 30px;  font-size:14px; background:#640008}
.navlist li .ejnav li a{ width:100%;}
.open{right:0}
/* Banner */
.banner {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border: 2px solid #fff !important;
    overflow: hidden !important;
    position: relative !important;
    height: auto !important;
}
.banner img {
display: block !important;
     /* width: 100% !important;
   height: auto !important; */
    /* object-fit: cover !important; */
    /* object-position: center !important; */
    max-width: 100%;
    /* max-height: 100%; */
    width: auto !important;
    margin: 0 auto;
}

/* 2、内页 sban 小banner（你现在变形最多的地方） */
.sban {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    font-size: 0 !important;
}
.sban img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    vertical-align: top !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* 3、轮播slideBox横幅图也加固 */
.slideBox {
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
}
.slideBox .bd li span img {
  /*  width: 100% !important;
    height: auto !important;
    object-fit: contain !important;*/
}

/* ========== 手机端强制锁比例，杜绝拉伸 ========== */
@media (max-width:768px){
    .banner img,
    .sban img {
       /* width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        object-position: center !important;*/
        height: 220px !important;
    }
}


/* 内容区 */
.contain {
    max-width: 1200px;
    width: 100%;
    margin: 25px auto;
}
#yd-list, #tyyd-list, #rjyd {
    display: none;
}

/* 首页课题组介绍 */
.team {
    float: left;
    width: 40%;
    border-radius: 10px 10px 0 0;
    background: #fff;
    overflow: hidden;
    height: 590px;
    box-shadow: 0 1px 5px #cfcfcf;
    position: relative;
}
.tit {
    background: url(../images/btbg.jpg) no-repeat right bottom #8f000b;
    color: #fff;
    font-size: 20px;
    padding: 15px;
    line-height: 28px;
    word-break: keep-all;
    overflow-wrap: break-word;
    white-space: normal;
}
.neir {
    padding: 10px;
}

/* 轮播 - 最终版：PC/手机通用，图片完整居中，无截断、无拉伸、无白边 */
.slideBox {
    height: 296px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}
.slideBox .hd ul {
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0;
}
.slideBox .hd ul li {
    float: left;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: #fff;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    list-style: none;
}
.slideBox .hd ul li.on {
    background: #8f000b;
    color: #8f000b;
}
.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
    width: 100%;
}
.slideBox .bd li {
    vertical-align: middle;
    position: relative;
    list-style: none;
    width: 100%;
}
/* 🔴 核心：给图片父容器加flex，强制水平+垂直居中 */
.slideBox .bd li span {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    padding: 0 10px !important; /* 左右留边，避免贴边 */
    box-sizing: border-box !important;
}
.slideBox .bd li span a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
}
.slideBox .bd li .bdtit {
    height: 40px;
    background: #000;
    filter: alpha(opacity=40);
    line-height: 40px;
    width: 100%;
    color: #fff;
    padding: 0 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.slideBox .bd li span a img {
   display: block !important;
    /* max-width: 100% !important; */
    /* max-height: 100% !important; */
    width: auto !important;
    /* height: auto !important; */
    margin: 0 auto !important; /* 双重保险：强制水平居中 */
    /* object-fit: contain !important; */ /* 完整显示，不裁剪，保持比例 */
    /* object-position: center !important; */ /* 图片内容居中 */
    /* vertical-align: middle !important; */
}
/* 课题组文字 */
.nrwz {
    margin-top: 10px;
}
.nrwz p {
    line-height: 28px;
    font-size: 14px;
}
.nrwz a, .compage a.morebtn {
    display: block;
    float: right;
    border: 1px solid #8f000b;
    background: url(../images/gdjt.png) no-repeat 63px center;
    color: #8f000b;
    padding-left: 12px;
    margin-top: 10px;
    width: 84px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
}

/* 课题组成员 */
.team_member {
    float: right;
    width: 57%;
    border-radius: 10px 10px 0 0;
    background: #fff;
    overflow: hidden;
    height: 590px;
    box-shadow: 0 1px 5px #cfcfcf;
    padding-bottom: 10px;
    position: relative;
}
.team_member .m_tit {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #8f000b;
}
.team_member .m_tit h3 {
    font-size: 20px;
    color: #2e2e2e;
    background: url(../images/yd.png) no-repeat left center;
    padding-left: 40px;
    margin-left: 10px;
    float: left;
}
.team_member .m_tit .more {
    font-size: 14px;
    float: right;
    background: url(../images/gdjt.png) no-repeat right center;
    color: #8f000b;
    padding-right: 20px;
    margin-right: 20px;
}
.menlist {
    min-height: 530px; /* 有内容时最小高度530px，无内容时自动收缩 */
    height: auto !important;
    overflow-y: auto;
    padding: 0;
}
.menlist li {
    display: inline-block;
    width: 26%;
    margin-left: 5%;
    margin-top: 15px;
    list-style: none;
}
.menlist li span {
    display: block;
    width: 100%;
    height: 205px;
    padding: 7px;
    border: 1px solid #e5e5e5;
    text-align: center;
}
.menlist li span, .js_pic {
    /* 取消固定宽高比，改为自适应宽度 */
    aspect-ratio: unset !important;
    width: 100% !important;
    height: 224px !important; /* 统一设置一个足够高的固定高度（可微调） */
    padding: 5px !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    border: 1px solid #ccc;
}

/* 图片内部样式：居中显示，保持比例 */
.menlist li span img, .js_pic img {
   max-width:100%;
       max-height: 100%;

}
.menlist li p {
    text-align: center;
    line-height: 28px;
}

/* 首页选项卡 */
.tabox {
    margin-top: 15px;
    zoom: 1;
}
.tabox:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.tabox .hd {
    width: 24%;
    float: left;
}
.tabox .hd ul {
    padding: 0;
}
.tabox .hd ul li {
    height: 90px;
    display: block;
    width: 100%;
    padding-left: 10%;
    margin-top: 10px;
    font-size: 18px;
    color: #8f000b;
    background: #fffaf3;
    cursor: pointer;
    box-shadow: 0 1px 5px #cfcfcf;
    border-radius: 10px 0 0 10px;
    position: relative;
    list-style: none;
}
.tabox .hd ul li span {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    height: 60px;
}
.tabox .hd ul li i {
    display: block;
    position: absolute;
    right: -24px;
    top: 50%;
    margin-top: -24px;
    background: url(../images/yq.png) no-repeat;
    width: 48px;
    height: 48px;
    display: none;
}
.tabox .hd ul li.on {
    background: url(../images/tabbg.png) no-repeat right bottom #8f000b;
    color: #fff;
    border-bottom: 2px solid #fff;
}
.tabox .hd ul li.on i {
    display: block;
}
.tabox .bd {
    float: right;
    width: 75%;
    margin-top: 10px;
    height: 390px;
    padding: 15px 25px;
    background: #fff;
    box-shadow: 0 1px 5px #cfcfcf;
}
.tabox .het {
    height: 305px;
    overflow: hidden;
}
.tabox .diva dt {
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
}
.tabox .diva dd {
    font-size: 14px;
    line-height: 28px;
    padding-left: 15px;
}
.tab .morebtn {
    display: block;
    border: 1px solid #8f000b;
    background: url(../images/gdjt.png) no-repeat 63px center;
    color: #8f000b;
    padding-left: 12px;
    margin-top: 10px;
    width: 84px;
    height: 32px;
    line-height: 32px;
}
.tabox .divb li,
.tabox .divc li {
    background: url(../images/gdjt.png) no-repeat left 8px;
    padding-left: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    list-style: none;
}

/*首页友情链接*/
.link{ margin-top:20px; display:table;background:#fff;-moz-box-shadow:0px 1px 5px #cfcfcf; -webkit-box-shadow:0px 1px 5px #cfcfcf; box-shadow:0px 1px 5px #cfcfcf;width:100%}
.link:after,.column_tit:after{visibility:hidden; display:block; content:""; clear:both}
.link .bt{ color:#fff; display:table-cell; vertical-align:middle; text-align:center;width: 120px;; height:100%; font-size:20px; background:url(../images/linkbg.png) no-repeat center top #8f000b; }
.link .list{padding:10px 20px 20px 0; display:table-cell;width:calc(1200px - 120px);}
.link .list a{ display:inline-block; padding:5px 15px; margin-top:10px; line-height:28px; border:1px solid #e5e5e5; margin-left:15px;}
/* 底部 - 还原原table布局，二维码右侧悬浮 */
.footer{ width:100%; display:table; background:#333; min-height:177px; clear:both; }
.foot_txt{ display:table-cell; line-height:30px; color:#fff; width:59%; padding:50px 5px 0 5px; vertical-align:top; }
.ewmbox{width:14%;display:table-cell;vertical-align:middle;text-align:center;background:rgba(143,0,11,0.6);padding: 24px 16px;}
.ewmbox p{ color:#fff; text-align:center; line-height:30px; }

/* 内页Banner - 针对 IE 兼容模式 彻底重写 */
.sban{ 
    position: relative !important; /* 强制启用相对定位 */
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    font-size: 0 !important; /* 解决行内元素空隙 */
}
.sban img{ 
    display: block !important; /* 转为块级，消除空隙 */
    width: 100% !important;
    height: auto !important;
    max-width: 100%; 
    vertical-align: top; /* 彻底消除缝隙 */
}
.sban h2{ 
    position:absolute; 
    left:0; 
    bottom:15px; 
    padding:20px; 
    font-size:24px; 
    color:#fff; 
    background:rgba(141,0,11,0.5);
    box-sizing: border-box; /* IE7 兼容宽度计算 */
    margin: 0; /* 清除默认边距 */
}
/* 教师介绍 */
.teacher_pic {
    width: 23.5%;
    float: left;
    background: url(../images/bk.png) no-repeat;
    background-size: 100% 100%;
    padding: 15px 15px 25px 15px;
    text-align: center;
}
.teacher_pic img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.teacher_int {
    float: left;
    margin-left: 30px;
    width: 72%;
    line-height: 28px;
}
.teacher_int h3 {
    font-size: 24px;
    margin-bottom: 15px;
}
.teacher_int h3 i {
    width: 20%;
    margin-right: 15px;
}
.teacher_int h3 i img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

/* 研究方向 */
.list_R dt {
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    background: url(../images/yd02.png) no-repeat left 18px;
    padding-left: 13px;
    border-bottom: 1px dashed #999;
    padding: 5px 0 5px 15px;
}
.list_R dd {
     line-height: 38px;
    font-size: 14px;
    border-bottom: 1px dashed #999;
    /* margin-bottom: 10px; */
    /* padding-bottom: 10px; */
    padding-left: 20px;
}

/* 团队成员 */
.pd-m{ padding:25px 0; }
.member:after,.tplist:after{ content:""; clear:both; display:block; visibility:hidden; }
.member{ padding:0; margin:0; list-style:none; font-size:0; }
.member li{ width:16%; margin:15px 2%; float:left; display:inline-block; vertical-align:top; font-size:14px; }
.member li span{display:table;width:100%;height: 300px;border:1px solid #e5e5e5;padding:10px 10px 27px 10px;box-sizing:border-box;}
.member li span a{display: block;text-align:center;vertical-align:middle;height: 100%;position: relative;}
.member li span a img{max-width:100%;width:100%;height: auto !important;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.member li p{background:url(../images/namebg.png) no-repeat;background-size:100%;width:85%;margin:-16px auto 0;text-align:center;}
.member li p a{ color:#fff; line-height:23px; }

/* 分页 */
.page {
    text-align: center;
    margin: 40px auto 0;
}
.page * {
    line-height: 26px;
}
.page button {
    margin: 5px 3px;
    min-width: 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #5e5e5e;
    cursor: pointer;
    outline: 0;
    text-align: center;
}
.page button:hover {
    background: #8c000b;
    color: #fff;
}
.page .btn_dis {
    cursor: default;
    opacity: .7;
    filter: alpha(opacity=70);
    background: #eee;
    color: #5e5e5e;
}
.page .btn_dis:hover {
    background: #eee;
    color: #5e5e5e;
}
.page .current_page {
    background: #8c000b;
    color: #fff;
}
.page .input_page_num {
    width: 30px;
    height: 26px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #5e5e5e;
    outline: 0;
}
.page .page_total, .page .page_text {
    color: #2b2b2b;
    font-size: 13px;
}
.pages {
    text-align: center;
}
/* 分页栏完全居中修复（适配所有浏览器+IE兼容） */
.pages, .page {
    text-align: center !important; /* 容器整体居中 */
    margin: 40px auto 0 !important;
    width: 100% !important;
}
.pages table, .page table {
    margin: 0 auto !important; /* 表格本身居中 */
    border-collapse: collapse !important;
    width: auto !important; /* 取消100%宽度，让表格自适应内容，才能居中 */
}
.pages table td, .page table td {
    text-align: center !important; /* 单元格内文字/按钮居中 */
    padding: 5px 10px !important;
    vertical-align: middle !important;
}
/* 分页按钮样式统一，确保对齐 */
.pages table td button, .page table td button,
.pages table td a, .page table td a {
    display: inline-block !important;
    margin: 0 3px !important;
    vertical-align: middle !important;
}
/* 综合页面 */
.compage {
    padding: 0 30px;
    background: url(../images/sxbg.jpg) repeat-y 62px 0;
}
.flow {
    padding: 25px 0;
}
.column_tit {
    background: url(../images/zhbt.png) no-repeat left center;
    height: 60px;
    padding-left: 70px;
    line-height: 30px;
    padding: 15px 0 15px 70px;
    zoom: 1;
}
.column_tit h1 {
    font-size: 20px;
    float: left;
}
.flow .pl, .tplist {
    padding-left: 70px;
    line-height: 28px;
}
.zhlist {
    padding-left: 70px;
}

.zhlist  li {
       padding: 10px 0 10px 15px;
    position: relative;
    line-height: 28px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
    border-bottom: 1px dashed #c3c3c3;
}

.tplist {
    padding: 0;
}
.tplist li {
    width: 21.5%;
    margin: 10px 1.5%;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e5e5e5;
    list-style: none;
}
.tplist li span {
    display: block;
    width: 100%;
    height: 157px;
    text-align: center;
}
.tplist li span a {
    display: block;
    text-align: center;
}
.tplist li span a img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.tplist li p {
    text-align: center;
    line-height: 28px;
}

/* 教师图片页 */
.particular {
    float: left;
    width: 20%;
}
.particular li {
    padding: 20px 10px;
    background: #fff9f0;
    box-shadow: 0 1px 5px #cfcfcf;
    margin-bottom: 15px;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    list-style: none;
}
.particular li.on {
    background: url(../images/tabbg.png) no-repeat right bottom #8f000b;
    color: #fff;
}
.particular li.on a {
    color: #fff;
}
.piclist {
    width: 100%;
    padding: 0;
}
.piclist li, .zhpiclist li {
    width: 22%;
    margin: 0 0 20px 2.2%;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e5e5e5;
    list-style: none;
}
.piclist li span, .zhpiclist li span {
    display: block;
    width: 100%;
    height: 170px;
    text-align: center;
    line-height: 164px;
}
.piclist li span img, .zhpiclist li span img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.piclist li p, .zhpiclist li p {
    text-align: center;
    line-height: 28px;
    /* 核心：一行显示 + 多余省略 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px; /* 加内边距避免贴边 */
}
.zhpiclist {
    width: 98%;
    margin-left: 3%;
}

/* 内容页 */
.content h1 {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.content .Subtitle {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}
.content .Subtitle .time {
    display: inline-block;
    background: url(../images/zb.png) no-repeat 20px center;
    padding: 15px 20px 15px 50px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.content .Subtitle .click {
    display: inline-block;
    background: url(../images/shou.png) no-repeat 20px center;
    padding: 15px 20px 15px 50px;
    border-right: 1px solid #e5e5e5;
}
.content .subs {
    margin: 25px 0;
    line-height: 28px;
}
.content .subs p img{    height: auto !important;}
.enclosure {
    border: 1px solid #e5e5e5;
    padding: 20px;
}
.enclosure h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
    background: url(../images/yd.png) no-repeat left center;
    padding-left: 45px;
}
.enclosure .wzlist {
    padding-left: 20px;
}
.enclosure .wzlist li {
    background: url(../images/gdjt.png) no-repeat left 9px;
    line-height: 28px;
    margin: 5px 0;
    background-size: 5px;
    padding-left: 15px;
    list-style: none;
}
.enclosure .imglist {
    margin-top: 10px;
    padding: 0;
}
/* 附件图片统一高度 + 不变形 + 居中 */
.enclosure .imglist li {
    display: block;
    float: left;
    width: 18%;
    height: 200px !important; /* 统一固定高度，可按需调整 */
    vertical-align: top;
    margin: 10px 1%;
    background: #f5f5f5;
    text-align: center;
    list-style: none;
    /* 核心：容器flex居中 */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 5px !important;
}

.enclosure .imglist li span {
    width: 100% !important;
    height: 100% !important;
    display: block;
    position: relative;
}

.enclosure .imglist li img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important; /* 完整显示，不变形 */
    object-position: center !important;
    vertical-align: middle !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.flip {
    margin-top: 10px;
    padding: 0;
}
.flip li {
    margin: 10px 0;
    list-style: none;
}
.flip li span {
    display: inline-block;
    width: 125px;
    background: url(../images/byq.png) no-repeat left 0;
    height: 43px;
    line-height: 43px;
    padding: 0 10px 0 30px;
    font-weight: bold;
}

/* 结构化内容 */
.structure {
    margin: 20px 0;
    width: 100%;
}
.structure dl {
    width: 100%;
    display: block;
    zoom: 1;
}
.structure dl:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}
.structure dl dt {
    width: 24%;
    float: left;
    line-height: 28px;
    padding: 10px 0 10px 5%;
}
.structure dl dd {
    float: left;
    width: 71%;
    line-height: 28px;
 /*   padding: 10px;
    word-break: keep-all;
    overflow-wrap: break-word;
    white-space: normal;*/
}
.bsbg .pd .structure dl dd{    padding: 10px 0 10px 5%;}
/* 标题列表 */
.titlist {
    padding: 0;
}
.titlist li {
    line-height: 28px;
    padding: 10px 0 10px 20px;
    background: url(../images/gdjt.png) no-repeat left 19px;
    background-size: 5px;
    border-bottom: 1px dashed #a3a3a3;
    list-style: none;
}

/* 第三方分页样式 */
.pages table td, .pages table td div {
    font-family: "微软雅黑" !important;
  
}
.pages .PrevDisabled, .pages .Next, .pages a.Prev, .pages .NextDisabled {
    border: 1px solid #8c000b !important;
    height: 25px !important;
    line-height: 23px !important;
    color: #8c000b !important;
    padding: 0 10px !important;
    font-family: "微软雅黑" !important;
    vertical-align: middle;
}
.pages input[type="button"] {
    padding: 0 10px !important;
    height: 25px !important;
    line-height: 23px !important;
    background: #8c000b !important;
    color: #fff !important;
    border: 0 !important;
    vertical-align: top;
}
.pages input.defaultInputStyle {
    margin: 0 5px !important;
    border: 1px solid #333 !important;
    height: 25px !important;
    line-height: 23px !important;
    vertical-align: top;
    padding: 0 5px !important;
}
.defaultButtonStyle {
    background: #8c000b !important;
    cursor: pointer;
    line-height: 14px;
}


.piclist li p a{    text-align: center;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}

/* 响应式 + IE兼容 */
@media (max-width:1024px) {
     .select_box { display:block !important; }
    .wrap{width:100%;}
    .bsbg{ width:95%}
    .header{padding-left:10px;}
    .nav{display:none}
    .nav-icon{display:block}
    #menu{width:0;}
    .more_ul{ width:220px; right:0; left:auto}
    ul.erji_nav{ position:relative; left:auto; top:auto; display:none}
    a.yiji_nav{ text-align:left; width:85%; float:left; text-indent:10px;}
    li.yiji_nav .jt{ display:block; width:.2rem; height:.2rem; position:absolute; right:10px; top:11px; background:url(../images/jtx.png) center center no-repeat; background-size:.15rem}
    .banner{ width:100%; }
    .contain{ width:100%; padding:0 20px;}
    .team{ width:380px; height:540px;}
    .slideBox{height:195px}
    .slideBox .bd li span{width:358px; height:195px}
    .team_member {height:630px;}
    .menlist li a.js_pic{ height:185px;line-height:165px}
    .member li span{height: 300px;display: block;}
    .enclosure .imglist li{ width:23%; height:150px;}
    .structure dl dt{ width:30%;}
    .pages{margin-top: 20px;}
}
@media (max-width:993px) {

    .wrap{max-width:96%;}
    #yd-list,#tyyd-list,#rjyd{ display:block; }
    #pc-list,#typc-list,#rjpc{ display:none; }
    .bsbg{ width:95%}
    .nav{display:none}
    .nav-icon{display:block}
    .banner{ width:100%; }
    .contain{max-width:100%; padding:0 20px;}
    .team,.team_member{height:630px;}
    .team{ width:100%; height:365px;}
    .slideBox{width:55%; height:260px; float:left; margin-right:15px;}
    .team_member { width:100%; /*height:auto;*/ margin-top:25px;}
    .teacher_int{ width:97%; float:none;margin-left:0}
    .member li{ width:21%;}
    .tplist li{ width:29.5%;}
    .piclist li,.zhpiclist li{ width:29.8%}
    .enclosure .imglist li{ width:31%; height:150px;}
    .structure dl dt{ width:25%;}
}

@media (max-width:768px) {

.zhpiclist{    width: 86%;
    margin-left: 13%;}
    .header{padding-left:10px;}
    .header .logo{ width:33%;}
    .header .Subtitle{ margin-left:0; padding-left:0; border-left:0; font-size:20px;}
    .wrap{width:100%;}
    .bsbg{ width:95%; min-height:400px;}
    .team{ width:100%; height:365px;}
    .tabox .hd{ width:100%; float:none}
    .tabox .hd ul {
        flex-wrap: wrap !important; /* 允许换行，适配小屏 */
        justify-content: center !important; /* 选项卡居中 */
    }
    .tabox .hd ul li {
        width: 100% !important; /* 每行2个，完美适配手机 */
        flex: none !important; /* 取消flex拉伸 */
        height: 60px !important;
        margin: 5px 1% !important;
        font-size: 14px !important;
        border-radius: 10px !important;
        white-space: normal !important; /* 允许文字换行，避免溢出 */
        text-align: center !important;
        padding: 0 5px !important;
    }
    .tabox .hd ul li.on {
        border-radius: 10px !important;
        width: 100% !important;
    }
    .tabox .bd {
        width: 100% !important;
        padding: 15px !important;
        min-height: auto !important;
    }
    .tabox .het{ min-height:280px;}
    .teacher_pic{ margin:0 auto; width:60%; float:none; margin-bottom:20px;}
    .teacher_int{ width:100%; float:none; margin-left:0;}
    .member li{ width:21%;}
    .tplist li,.piclist li,.zhpiclist li{ width:45.5%!important;}
    .enclosure .imglist li{ width:31%; height:150px;}
    .structure dl dt{ width:30%;}
.team_member {
    width: 100% !important;
    height: 630px;
    min-height: auto !important;
    overflow: hidden !important; 
    overflow-x: hidden !important;
}
    .member li span {
        height: 260px;
        display: block;
    }
/* 标题栏固定不动 */
.team_member .m_tit {
    height: 60px !important;
    line-height: 60px !important;
    border-bottom: 1px solid #8f000b !important;
    position: sticky !important;
    top: 0 !important;
    background: #fff !important;
    z-index: 10 !important; /* 标题在最上层，不被遮挡 */
}
/* 只给照片列表加滚动 */
.menlist {
    height: auto !important; /* 改为自适应 */
    min-height: 0 !important; /* 确保最小高度也是0 */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overflow-x: hidden !important;
    padding: 10px 5px !important;
    justify-content: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
}
.menlist li {
    width: 29% !important; /* 手机端每行2张，完美对齐 */
    margin: 10px 1.5% !important;
}
.menlist li span, .js_pic {
    aspect-ratio: 3/4 !important;
    padding: 5px !important;
    box-sizing: border-box !important;
}
.menlist li p {
    font-size: 14px !important;
    line-height: 24px !important;
    margin: 5px 0 !important;
}

.bsbg .enclosure2 .tplist .tm_jjtp{width:100%!important}
}



@media (max-width:640px){
    .wrap{width:100%;}
    .bsbg{ width:90%}
    .header{padding:10px; width:85%; float:left;}
    .header .logo{ width:158px; height:44px;}
    .header .Subtitle{ font-size:14px; margin-left:0; padding-left:0; border-left:none; line-height:30px; }
    .team{ width:100%; height:auto;padding-bottom:15px;}
    .slideBox{width:100%;}
    .link .bt{ float:none; height:40px; line-height:40px; width:100%; display:block;}
    .link .list{ float:none; width:100%; display:block;}
    .foot_txt{ width:100%; display:block;padding:15px;}
   .ewmbox{display:block;width: 40%;margin:0 auto}
    .teacher_pic{ margin:0 auto; width:42%; float:none;}
    .member li{ width:29%;}
    .particular li{ width:29%; display:inline-block; margin:10px 1.5%; border-radius:10px;}
    .piclist li,.zhpiclist li{ width:46%!important;}
    .enclosure .imglist li{ width:48%; height:150px;}
    .structure dl dt{ width:100%; display:block; background:#f5f5f5;}
    .structure dl dd{ display:block;      /*  padding:10px; */ background:#fff;        width: 100%;}

.content .Subtitle .time{    border: none;}
.content .Subtitle .click{    border: none;}
.content .Subtitle{    border: none;}
.table_td ul li{width:100%;}

.compage{          padding: 0 10px 0px 10px;
    background: url(../images/sxbg.jpg) repeat-y 40px 0;}
.zhlist {
    padding-left: 35px;
}
.flow .pl, .tplist{   padding-left: 50px;}

.nrwz a, .compage a.morebtn{    font-size: 12px;
    width: 57px;
 background: url(../images/gdjt.png) no-repeat 45px center;
    padding-left: 5px;
    height: 28px;
    line-height: 28px;}

.piclist li p a{    text-align: center;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}

/*
.table_tr{    border: none !important;}
.table_tr .table_tr_two{      border: none !important;}
.rjgj .article_title{ border: none !important;}*/
}

@media (max-width:500px){
    .menlist li {
        width: 46% !important;
    }
.team_member{        height:auto;}

}

@media (max-width:414px){
    .wrap{width:100%;}
    .pd{ padding:13px;}
    .bsbg{ width:90%}
    .slideBox{height:217px}
    .slideBox .bd li span{height:214px}
    .menlist li a.js_pic{ height:105px;line-height:85px}
    .member li,.tplist li,.piclist li,.zhpiclist li { width:46%!important; }
    .enclosure .imglist li{ width:48%; height:93px;}
}
@media (max-width:380px) {
    .wrap{width:100%;}
    .bsbg{ width:90%}
    .pd{ padding:20px}
    .menlist li{ width:41%;}
    .member li{ width:44%; margin:15px 3%}
    .particular li{ width:46%; display:inline-block; margin:10px 1.5%; border-radius:10px;}
    .enclosure { padding:10px;}
}

.swiper-container{    background: #eee;}


/* 只给 .content 里面的表格加边框（不再全局污染） */
.content table,
.content table td,
.content table tr,
.content table th {
    border: 1px solid #000 !important;
}


.compage table,
.compage table td,
.compagetable tr,
.compage table th {
    border: 1px solid #000 !important;
}

/* 给 .pages 里面的表格取消边框（优先级足够高） */
.pages table,
.pages table td,
.pages table tr,
.pages table th,
.pages table td div {
    font-family: "微软雅黑" !important;
    border: none !important;
}