@charset "utf-8";

/* ========== 教务处风格 - 基于原始模板class ========== */
:root {
  --color-primary: #1a4b9c;
  --color-accent: #0c489c;
  --color-highlight: #f68836;
  --color-text: #333;
}

body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 16px; color: var(--color-text); background: #f5f7fa; margin: 0; padding: 0; line-height: 1.6; }
* { box-sizing: border-box; }
a { text-decoration: none; color: inherit; transition: color 0.3s; }
a:hover { color: var(--color-accent); }
img { max-width: 100%; vertical-align: middle; border: 0; }
ul, ol { list-style: none; margin: 0; padding: 0; }

/* ========== Header ========== */
.topWrap { background: var(--color-primary) url(../img/head-bg.jpg) no-repeat center/cover; width: 100%; }
.topDiv { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 32px 15px; }
.topDiv .logo { display: flex; align-items: center; }
.topDiv .logo a img { height: 80px; }
.topR { display: flex; align-items: center; gap: 15px; }
.topR .topR_t { display: flex; align-items: center; }
.topR .topR_t a { color: #fff; font-size: 15px; margin: 0 10px; }
.topR .topR_t a:hover { text-decoration: underline; }
.topR .Search { display: flex; align-items: center; border: 1px solid rgba(255,255,255,.6); border-radius: 22px; padding: 0 15px; height: 40px; }
.topR .Search .search_text { background: none; border: none; outline: none; color: #fff; font-size: 15px; width: 160px; }
.topR .Search .search_text::placeholder { color: rgba(255,255,255,.7); }
.topR .Search .fdj { display: flex; align-items: center; }
.topR .Search .fdj .button { background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center/16px; border: none; cursor: pointer; width: 28px; height: 28px; border-radius: 50%; transition: background-color 0.3s; }
.topR .Search .fdj .button:hover { background-color: rgba(255,255,255,.15); }

/* ========== Navigation ========== */
.navWrap { background: var(--color-primary); border-top: 1px solid rgba(255,255,255,.2); }
.nav { max-width: 1200px; margin: 0 auto; }
.nav > ul { display: flex; justify-content: space-between; align-items: center; }
.nav > ul > li { position: relative; text-align: center; flex: 1; }
.nav > ul > li > a.link { display: block; font-size: 17px; color: #fff; line-height: 54px; font-weight: 500; letter-spacing: 1px; }
.nav > ul > li > a.link:hover { font-weight: bold; background: rgba(255,255,255,.1); }
.nav > ul > li dl { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #e4e8f0; z-index: 10000; box-shadow: 0 4px 12px rgba(0,0,0,.15); min-width: 140px; padding: 10px 0; text-align: center; border-radius: 0 0 4px 4px; }
.nav > ul > li dl dd a { display: block; padding: 8px 22px; font-size: 15px; color: #174f85; white-space: nowrap; }
.nav > ul > li dl dd a:hover { background: #fff; color: var(--color-accent); }

/* ========== Banner ========== */
.banner_three { width: 100%; overflow: hidden; position: relative; max-height: 400px; }
.banner_three .eachBox { position: relative; overflow: hidden; max-height: 400px; }
.banner_three .changeBox_a1 { position: relative; overflow: hidden; }
.banner_three .changeBox_a1 .slide-track { display: flex; transition: transform 0.6s ease; }
.banner_three .changeDiv { flex-shrink: 0; }
.banner_three .changeDiv img { width: 100%; height: 400px; object-fit: cover; display: block; }
.banner_three .changeDiv h3 { display: none; }
.banner_three .ul_change_a2 { position: absolute; bottom: 30px; width: 100%; text-align: center; z-index: 10; }
.banner_three .ul_change_a2 li { display: inline-block; width: 30px; height: 6px; background: rgba(255,255,255,.5); margin: 0 5px; border-radius: 3px; cursor: pointer; transition: all 0.3s; }
.banner_three .ul_change_a2 li.on,
.banner_three .ul_change_a2 span.on { background: #fff; width: 50px; }

/* ========== Content Area ========== */
.container { max-width: 100%; margin: 0 auto; padding: 20px 20px; }
.vsb-box { width: 100%; overflow: hidden; }
.vsb-container.container { max-width: 100%; margin: 0 auto; padding: 20px 20px; overflow: hidden; }

/* ========== 通知公告 - 全宽两列（对标教务处） ========== */
.section-notice { width: 100%; margin-bottom: 40px; background: var(--color-primary) url(../img/head-bg.jpg) no-repeat center/cover; border-radius: 6px; padding: 40px 45px; }
.section-notice .section-header { border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 20px; padding-bottom: 12px; }
.section-notice .section-header h2 { color: #fff; border-left-color: var(--color-highlight); }
.section-notice .section-header span a { color: rgba(255,255,255,.8); }
.section-notice .section-header span a:hover { color: #fff; }
.section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--color-primary); }
.section-header h2 { font-size: 24px; font-weight: bold; color: var(--color-text); padding-left: 15px; border-left: 4px solid var(--color-highlight); }
.section-header span a { font-size: 14px; color: #999; }
.section-header span a:hover { color: var(--color-primary); }
.notice-cols { display: flex; gap: 40px; }
.notice-cols > div { flex: 1; }
.notice-cols ul { padding: 0; margin: 0; }
.notice-cols li { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.15); font-size: 18px; }
.notice-cols li a { flex: 1; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 15px; }
.notice-cols li a:hover { color: #e6ca9d; }
.notice-cols li span { color: rgba(255,255,255,.6); font-size: 13px; flex-shrink: 0; }

/* ========== 学院新闻 - 左侧65%（对标教务处） ========== */
.section-news { width: 63% !important; }
.news-content { display: flex; gap: 25px; margin-top: 0; }
.news-pic { width: 45%; flex-shrink: 0; border-radius: 6px; overflow: hidden; }
.news-pic .slideBox { overflow: hidden; }
.news-pic .slideBox .bd { height: 350px; overflow: hidden; position: relative; }
.news-pic .slideBox .bd ul { position: relative; }
.news-pic .slideBox .bd li { position: absolute; top: 0; left: 0; width: 100%; }
.news-pic .slideBox .bd li p { position: relative; background: #fff; color: var(--color-text); font-size: 14px; padding: 10px 0; margin: 0; line-height: 1.6; }
.news-pic img { width: 100%; height: 300px; object-fit: cover; display: block; }
.news-list { flex: 1; min-width: 0; }
.news-list ul, .news-list .dynamic_list { padding: 0; margin: 0; float: none !important; width: 100%; }
.news-list li, .news-list .dynamic_list li { padding: 8px 0; border-bottom: 1px solid #eee; }
.news-list li a, .news-list .dynamic_list li a { display: block; }
.news-list li a span, .news-list .dynamic_list li a span { display: block; color: #999; font-size: 13px; margin-bottom: 4px; }
.news-list li a em, .news-list .dynamic_list li a em { font-style: normal; display: block; font-size: 16px; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list li a:hover em, .news-list .dynamic_list li a:hover em { color: var(--color-primary); }

/* ========== 学术交流 - 右侧35%（对标教务处） ========== */
.section-academic { width: 34% !important; margin-left: 3% !important; }
.academic-list { padding: 0; }
.academic-list .infor_list { padding: 0; }
.academic-list .infor_list ul { padding: 0; margin: 0; float: none !important; width: 100%; }
.academic-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
.academic-list li a { display: block; font-size: 15px; color: var(--color-text); line-height: 1.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.academic-list li a:hover { color: var(--color-primary); }
.academic-list li a em { font-style: normal; }
.academic-list .dynamic, .academic-list .dynamicb, .academic-list .dynamice { display: none; }
.academic-list li a span { display: none; }

/* ========== 友情链接 ========== */
.content.contentf { padding: 25px 20px; border-top: 1px solid #eee; text-align: center; }
.link_one { margin-bottom: 15px; }
.link_one dl { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.link_one dt { font-size: 18px; font-weight: bold; color: var(--color-primary); margin-right: 20px; line-height: 2; flex-shrink: 0; }
.link_one dd { display: flex; flex-wrap: wrap; justify-content: center; }
.link_one dd a { font-size: 15px; color: #666; margin: 0 12px; line-height: 2.2; }
.link_one dd a:hover { color: var(--color-primary); }

/* ========== Footer ========== */
.footWrap { background: var(--color-primary); padding: 40px 0; text-align: center; width: 100%; }
.footWrap p, .footWrap a, .footWrap span { color: #fff; font-size: 14px; line-height: 1.8; }
.footWrap a:hover { text-decoration: underline; }
.footDiv_one { background: var(--color-primary); padding: 40px 15px; text-align: center; width: 100%; }
.foot_one { max-width: 1200px; margin: 0 auto; }
.foot_one p { color: #fff; font-size: 14px; line-height: 2.2; letter-spacing: 0.5px; white-space: pre-line; }
.foot_one img { display: block; margin: 20px auto 0; width: 120px; }

/* ========== Service Icons (banner下方) ========== */
.service-icons { padding: 20px 0; border-bottom: none; }
.service-wp { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-around; align-items: center; }
.service-item { text-align: center; cursor: pointer; text-decoration: none; display: block; }
.service-item .service-icon { width: 70px; height: 70px; border-radius: 50%; border: 2px solid #c8d6e8; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; transition: all 0.3s; }
.service-item .service-icon img { width: 32px; height: 32px; }
.service-item p { font-size: 16px; color: #555; }
.service-item:hover .service-icon { border-color: var(--color-primary); box-shadow: 0 4px 12px rgba(26,75,156,.2); }
.service-item:hover p { color: var(--color-primary); }
.footWrap p, .footWrap a, .footWrap span { color: #fff; font-size: 14px; line-height: 1.8; }
.footWrap a:hover { text-decoration: underline; }
.foot_icon { margin-top: 10px; }

/* ========== 图片区域 ========== */
/* 隐藏"左侧检索下的图片链接列表"控件及其容器 */
.zp_pic { display: none; }
.inner-links { display: none; }

/* ========== SlideBox (SuperSlide) ========== */
.slideBox { position: relative; overflow: hidden; border-radius: 6px; }
.slideBox .hd { position: absolute; bottom: 10px; width: 100%; text-align: center; z-index: 5; }
.slideBox .hd ul li { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.5); margin: 0 4px; cursor: pointer; }
.slideBox .hd ul li.on { background: #fff; }
.slideBox .bd li img { width: 100%; display: block; }
.slideBox .bd li p { font-size: 14px; padding: 8px 0; color: var(--color-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ========== Responsive ========== */
@media screen and (max-width: 1024px) {
  .topDiv { flex-wrap: wrap; padding: 15px; }
  .informBoxb2 { width: 100%; }
  .new_inforBox { width: 100%; margin-left: 0; margin-top: 20px; }
  .newBox { flex-direction: column; }
  .new_pic, .new_list { width: 100%; }
}

@media screen and (max-width: 768px) {
  .nav > ul { flex-wrap: wrap; }
  .nav > ul > li { flex: none; width: 33.3%; }
  .nav > ul > li > a.link { font-size: 14px; line-height: 40px; }
}

/* ========== 内页 Banner ========== */
.ban { position: relative; width: 100%; overflow: hidden; }
.ban .ban-img { width: 100%; }
.ban .ban-img img { width: 100%; display: block; min-height: 200px; max-height: 350px; object-fit: cover; object-position: center; }
.ban-breadcrumb { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px 0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%); }
.ban-breadcrumb .wp { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: flex-end; align-items: center; }
.ban-breadcrumb a, .ban-breadcrumb span, .ban-breadcrumb p { color: #fff; font-size: 14px; }
.ban-breadcrumb a:hover { text-decoration: underline; }

/* ========== 内页二级导航 ========== */
.ejlm_pc { width: 100%; background: #eee; overflow: hidden; }
.ejlm_pc .wp { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.ejlm_pc .ejlm_dl { display: flex; align-items: center; width: 100%; margin: 0; padding: 0; flex-wrap: wrap; }
.ejlm_pc .ejlm_dl dt { height: 54px; line-height: 54px; font-size: 20px; color: #fff; background: var(--color-primary); padding: 0 28px; position: relative; white-space: nowrap; font-weight: bold; flex-shrink: 0; margin: 0; }
.ejlm_pc .ejlm_dl dt::after { content: ""; position: absolute; left: 100%; top: 0; border-left: 22px solid var(--color-primary); border-bottom: 54px solid transparent; }
.ejlm_pc .ejlm_dl dt::before { content: ""; position: absolute; right: 100%; top: 0; width: 200px; height: 100%; background: var(--color-primary); }
.ejlm_pc .ejlm_dl dt a { color: #fff; font-size: 20px; font-weight: bold; }
.ejlm_pc .ejlm_dl dd { padding: 0; margin: 0 0 0 28px; line-height: 54px; }
.ejlm_pc .ejlm_dl dd a { color: #333; font-size: 16px; display: inline-block; line-height: 54px; position: relative; transition: color 0.3s; padding: 0 8px; }
.ejlm_pc .ejlm_dl dd a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 3px; background: var(--color-primary); transition: all 0.3s; }
.ejlm_pc .ejlm_dl dd.active a, .ejlm_pc .ejlm_dl dd a:hover, .ejlm_pc .ejlm_dl dd.on a, .ejlm_pc .ejlm_dl dd.cur a { color: var(--color-primary); }
.ejlm_pc .ejlm_dl dd.active a::after, .ejlm_pc .ejlm_dl dd a:hover::after, .ejlm_pc .ejlm_dl dd.on a::after, .ejlm_pc .ejlm_dl dd.cur a::after { left: 0; right: 0; }
/* 兼容控件直接输出 a 标签的情况 */
.ejlm_pc .ejlm_dl > a { color: #333; font-size: 16px; display: inline-block; line-height: 54px; position: relative; transition: color 0.3s; padding: 0 15px; margin: 0; }
.ejlm_pc .ejlm_dl > a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 3px; background: var(--color-primary); transition: all 0.3s; }
.ejlm_pc .ejlm_dl > a:hover, .ejlm_pc .ejlm_dl > a.on, .ejlm_pc .ejlm_dl > a.cur { color: var(--color-primary); }
.ejlm_pc .ejlm_dl > a:hover::after, .ejlm_pc .ejlm_dl > a.on::after, .ejlm_pc .ejlm_dl > a.cur::after { left: 0; right: 0; }

/* ========== 内页主体 ========== */
.inner { padding: 60px 0 70px; position: relative; background: #fff; }
.inner .wp { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

/* ========== 文章正文 ========== */
.article { width: 100%; }
.article .tit, .article h2.tit, .article > h3, .article > form > h3, .article .main_conRt > h3, .article .main_conR > h2 { font-size: 28px; font-weight: bold; text-align: center; padding-bottom: 18px; position: relative; color: var(--color-text); margin-bottom: 25px; }
.article .tit::after, .article h2.tit::after, .article > h3::after, .article > form > h3::after, .article .main_conRt > h3::after, .article .main_conR > h2::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: var(--color-primary); }
.article .conttime { padding: 12px 0; margin-bottom: 30px; display: flex; justify-content: center; flex-wrap: wrap; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }
.article .conttime span { font-size: 13px; color: #888; padding: 0 15px; }
.article .cont, .article #vsb_content { font-size: 16px; color: #333; line-height: 2.1; text-align: justify; }
.article .cont p, .article #vsb_content p { margin-bottom: 12px; text-indent: 2em; }
.article .cont p img, .article #vsb_content p img { max-width: 100%; height: auto; display: block; margin: 10px auto; }
.article .new_miew { border-top: 1px solid #c9c9c9; padding: 15px 0 0; margin-top: 40px; }
.article .new_miew p { font-size: 14px; color: #333; line-height: 1.6; margin-bottom: 10px; }
.article .new_miew p a { transition: color 0.3s; }
.article .new_miew p:hover a { color: var(--color-primary); }

/* ========== 内页链接区 ========== */
.inner-links { padding: 20px 0; }
.inner-links .wp { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

/* ========== Scroll Entrance Animation ========== */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
.vsb-container { opacity: 0; transform: translateY(40px); transition: opacity 0.6s ease, transform 0.6s ease; }
.vsb-container.visible { opacity: 1; transform: translateY(0); }

/* ========== 内页响应式 ========== */
@media screen and (max-width: 1024px) {
  .ban .ban-img img { min-height: 150px; }
  .ejlm_pc .ejlm_dl dt { font-size: 16px; padding: 0 15px; height: 44px; line-height: 44px; }
  .ejlm_pc .ejlm_dl dt::after { border-bottom-width: 44px; border-left-width: 15px; }
  .ejlm_pc .ejlm_dl dd { line-height: 44px; margin-left: 15px; }
  .ejlm_pc .ejlm_dl dd a, .ejlm_pc .ejlm_dl > a { font-size: 14px; line-height: 44px; }
  .inner { padding: 30px 0 40px; }
}
@media screen and (max-width: 768px) {
  .ban-breadcrumb { display: none; }
  .ejlm_pc .ejlm_dl dt::before { display: none; }
  .ejlm_pc .ejlm_dl dd { margin-left: 10px; }
  .article .tit, .article h2.tit { font-size: 20px; }
  .article .cont, .article #vsb_content { font-size: 15px; }
}

/* ========== 列表页 ========== */
.list-wrap { width: 100%; }

/* 控件输出 .main_conR > h2 + .main_conRC > #vsb_content */
.list-wrap .main_conR { width: 100%; }
.list-wrap .main_conR > h2 { font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 15px; position: relative; color: var(--color-text); margin-bottom: 20px; }
.list-wrap .main_conR > h2::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: var(--color-primary); }
.list-wrap .main_conRC { font-size: 16px; color: #333; line-height: 2; text-align: justify; }
.list-wrap .main_conRC p { margin-bottom: 8px; }
.list-wrap .main_conRC #vsb_content { font-size: 16px; color: #333; line-height: 2; }
.list-wrap .main_conRC #vsb_content p { margin-bottom: 8px; }
.list-wrap .main_conRC #vsb_content img { max-width: 100%; height: auto; display: block; margin: 10px auto; }

/* 新闻列表（ul>li 格式）- 直接搬教务处 .tzgg 原样式 */
.list-wrap ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin: 0; list-style: none; }
.list-wrap ul li { width: 48%; margin-bottom: 25px; }
.list-wrap ul li a { display: flex; align-items: flex-start; height: 90px; transition: 0.5s; }
.list-wrap ul li * { transition: 0.5s; }

/* 日期区 - 1:1正方形，暖黄底，右对齐 */
.list-wrap ul li a .date {
  width: 100px; height: 90px; background: #fff7e9; display: flex; flex-direction: column;
  justify-content: center; align-items: flex-end; padding: 0 15px 0 0; flex-shrink: 0;
}
.list-wrap ul li a .date span { font-size: 26px; color: #1e50a2; display: block; font-weight: bold; white-space: nowrap; }
.list-wrap ul li a .date p { font-size: 16px; color: #9b9b9b; margin-top: 8px; }

/* 标题区 - 浅灰底，垂直居中 */
.list-wrap ul li a .con {
  padding: 17px; flex: 1; min-width: 0; height: 100%; background: hsl(0, 0%, 97%);
  position: relative; z-index: 1; display: flex; align-items: center;
}
.list-wrap ul li a .con::after {
  content: ""; position: absolute; width: 100%; height: 0; left: 0; bottom: 0;
  background: linear-gradient(to right, #1e50a2, #f68836); z-index: -1; transition: 0.5s;
}
.list-wrap ul li a .con h3 {
  font-size: 16px; color: #333; line-height: 1.7; font-weight: normal; margin: 0;
  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

/* hover - 底部渐变条出现 */
.list-wrap ul li a:hover .con::after { height: 3px; }
.list-wrap ul li a:hover .con h3 { color: #1e50a2; font-weight: bold; }
.list-wrap ul li a:hover .date span { color: #f68836; }

/* 翻页 */
.list-wrap #page,
.list-wrap .page,
.list-wrap .pb_sys_common { text-align: center; padding: 30px 0 0; clear: both; }
.list-wrap #page a,
.list-wrap .page a,
.list-wrap .pb_sys_common a { display: inline-block; padding: 6px 14px; margin: 0 3px; font-size: 14px; color: #666; border: 1px solid #ddd; border-radius: 4px; transition: 0.3s; }
.list-wrap #page a:hover,
.list-wrap .page a:hover,
.list-wrap .pb_sys_common a:hover,
.list-wrap #page a.on,
.list-wrap .page a.on,
.list-wrap .pb_sys_common a.on { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.list-wrap #page span,
.list-wrap .page span,
.list-wrap .pb_sys_common span { display: inline-block; padding: 6px 10px; font-size: 14px; color: #999; }
.list-wrap #page input,
.list-wrap .page input,
.list-wrap .pb_sys_common input { padding: 5px 12px; font-size: 14px; border: 1px solid #ddd; border-radius: 4px; }
.list-wrap #page input[type="submit"],
.list-wrap .page input[type="submit"],
.list-wrap .pb_sys_common input[type="submit"] { background: var(--color-primary); color: #fff; border: none; cursor: pointer; margin-left: 5px; }

/* Footer 兼容（footDiv_three 原模板class） */
.footDiv_three { background: var(--color-primary); padding: 50px 15px; text-align: center; width: 100%; }
.foot_three { max-width: 1200px; margin: 0 auto; }
.foot_three .foot-left p { color: #fff; font-size: 15px; line-height: 2.4; letter-spacing: 0.5px; }

/* 列表页响应式 */
@media screen and (max-width: 768px) {
  .list-wrap ul li { width: 100%; margin-bottom: 20px; }
  .list-wrap .news_list li, .list-wrap .list2 li { width: 100%; }
}

/* ========== 图文列表页（pic_list） ========== */
.pic-list-wrap { width: 100%; }
.pic-list-wrap .main_conR,
.pic-list-wrap .main_conRa { width: 100%; float: none; margin: 0; padding: 0; }
.pic-list-wrap .main_conRCa { width: 100%; }
.pic-list-wrap .main_conRCa > ul { display: flex; flex-wrap: wrap; gap: 28px; padding: 0; margin: 0; list-style: none; }
.pic-list-wrap .main_conRCa > ul > li { width: calc(50% - 14px); background: #fff; border: 1px solid #eee; border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s, border-color 0.3s; }
.pic-list-wrap .main_conRCa > ul > li:hover { border-color: var(--color-primary); box-shadow: 0 4px 16px rgba(26,75,156,.12); }
.pic-list-wrap .main_conRCa > ul > li > a { display: flex !important; align-items: stretch; width: 100% !important; height: auto !important; overflow: visible !important; text-decoration: none; }
.pic-list-wrap .main_rpicL { width: 150px; height: 180px; flex-shrink: 0; overflow: hidden; background: #f5f5f5; }
.pic-list-wrap .main_rpicL img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pic-list-wrap .main_rpicR { flex: 1; padding: 22px 24px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.pic-list-wrap .main_rpicR h3 { font-size: 18px; font-weight: bold; color: var(--color-text); margin: 0 0 12px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pic-list-wrap .main_rpicR p { font-size: 14px; color: #666; line-height: 1.9; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.pic-list-wrap .main_rpicR p.time { display: none; }
.pic-list-wrap .main_conRCa > ul > li:hover .main_rpicR h3 { color: var(--color-primary); }

/* 图文列表翻页 */
.pic-list-wrap .pb_sys_common,
.pic-list-wrap #page,
.pic-list-wrap .page { text-align: center; padding: 30px 0 0; clear: both; width: 100%; }
.pic-list-wrap .pb_sys_common a,
.pic-list-wrap #page a,
.pic-list-wrap .page a { display: inline-block; padding: 6px 14px; margin: 0 3px; font-size: 14px; color: #666; border: 1px solid #ddd; border-radius: 4px; transition: 0.3s; }
.pic-list-wrap .pb_sys_common a:hover,
.pic-list-wrap #page a:hover,
.pic-list-wrap .page a:hover { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.pic-list-wrap .pb_sys_common span { display: inline-block; padding: 6px 10px; font-size: 14px; color: #999; }
.pic-list-wrap .pb_sys_common .p_no_d { background: var(--color-primary); color: #fff; border-radius: 4px; padding: 6px 14px; }
.pic-list-wrap .pb_sys_common .p_fun_d { color: #ccc; }

/* 图文列表响应式 */
@media screen and (max-width: 768px) {
  .pic-list-wrap .main_conRCa > ul > li { width: 100%; }
  .pic-list-wrap .main_rpicL { width: 110px; height: 140px; }
  .pic-list-wrap .main_rpicR { padding: 12px 14px; }
  .pic-list-wrap .main_rpicR h3 { font-size: 15px; }
}

/* ========== 学校风光（下方5条图片链接列表，公用） ========== */
.linkDiv_two { max-width: 1200px; margin: 0 auto; padding: 50px 15px 60px; }
.linkDiv_two .link_tit { margin-bottom: 25px; border-bottom: 2px solid var(--color-primary); padding-bottom: 14px; }
.linkDiv_two .link_tit h3 { font-size: 22px; font-weight: bold; color: var(--color-text); padding-left: 15px; border-left: 4px solid var(--color-highlight); display: inline-block; }
.linkDiv_two .link_tit h3 i { font-style: normal; color: #ccc; margin-left: 8px; }
.linkDiv_two .link_two ul { display: flex; gap: 16px; padding: 0; margin: 0; list-style: none; }
.linkDiv_two .link_two ul li { flex: 1; overflow: hidden; border-radius: 6px; float: none !important; margin: 0 !important; }
.linkDiv_two .link_two ul li a { display: block; width: 100%; height: 180px; overflow: hidden; border-radius: 6px; }
.linkDiv_two .link_two ul li a img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }
.linkDiv_two .link_two ul li a:hover img { transform: scale(1.08); }

/* 学校风光响应式 */
@media screen and (max-width: 1024px) {
  .linkDiv_two .link_two ul { flex-wrap: wrap; }
  .linkDiv_two .link_two ul li { flex: none; width: calc(33.3% - 8px); margin-bottom: 12px !important; }
  .linkDiv_two .link_two ul li a { height: 130px; }
}
@media screen and (max-width: 768px) {
  .linkDiv_two .link_two ul li { width: calc(50% - 6px); }
  .linkDiv_two .link_two ul li a { height: 120px; }
}