@charset "utf-8";/* CSS Document*/
body{margin: 0;padding: 0;font-size: 14px;min-width: 1800px;background:#ffffff; font-family: "Microsoft Yahei", 宋体, sans-serif;}
ul,li{list-style-type: none;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;font-weight: normal}
img{border: 0;}
a{text-decoration: none;color: #333333;}
a:hover{text-decoration: none;color:#cc3300; transition: all 0.6s;}
.fl{float: left !important;}
.fr{float: right !important;}
.clearboth{clear: both;border: 0;padding: 0;margin: 0;}
.w1200{width: 1200px;height: auto;margin: 0 auto; overflow: hidden;}
.boxpadding30{ padding:30px 0;}
.boxpadding50{ padding:50px 0;}
.boxpadding70{ padding:50px 0;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.relative{position:relative;}
.imghover{cursor: pointer;transition: all 0.6s;}
.imghover:hover{transform: scale(1.2);}
.i_logo{    position: absolute; left:20px;    top: 20px;}
.n_list{height: auto; padding: 0 0 0 0 !important; position: relative;}
.n_list li{width: 100%; height: 46px; line-height: 46px; display: block;color: #333333;font-size: 16px;}
.n_list li a{font-size: 16px;color: #333333;  background: url("../images/ico_001.png") left center no-repeat; padding-left: 15px; float: left}
.n_list li a:hover{color: #cc3300}
.n_list li .date{float: right; font-size: 14px; color: #999999}
.n_list li i{ font-style: normal; color: #ff9900}

.n2_list{height: auto; padding: 0 0 0 0 !important; position: relative;}
.n2_list li{width: 100%; height: 42px; line-height: 42px; display: block;color: #333333;font-size: 16px;}
.n2_list li a{font-size: 16px;color: #333333;  background: url("../images/ico_001.png") left center no-repeat; padding-left: 15px; float: left}
.n2_list li a:hover{color: #cc3300}
.n2_list li .date{float: right; font-size: 14px; color: #999999}
.n2_list li i{ font-style: normal; color: #ff9900}

.n3_list{height: auto !important; ; padding: 0 0 0 0 !important; position: relative !important; ;}
.n3_list li{width: 100% !important; ; height: 46px !important; line-height: 46px !important; ; display: block;color: #333333 !important; ;font-size: 16px !important; ;}
.n3_list li a{font-size: 16px;color: #333333;  background: url("../images/ico_002.png") left center no-repeat; padding-left: 15px; float: left}
.n3_list li a:hover{color: #cc3300}
.n3_list li .date{float: right; font-size: 14px; color: #999999}
.n3_list li i{ font-style: normal; color: #ff9900}

.i_nav{ padding:0; height:100px;  position:relative; z-index:1;  }
.i_nav a{ color:#ffff99;}
.i_nav .nLi{ float:left;  position:relative; display:inline;  }
.i_nav .nLi h3{ float:left;  position: relative }
.i_nav .nLi h3 span{ display: block; width: 100%; text-align: center; height: 40px; line-height: 40px;font-size:20px; position: absolute; bottom: 10px; }
.i_nav .nLi h3 img{ display: block; margin: 0 auto; padding: 15px 0 0 0;ransition:transform 0.7s ease-out 0s;-moz-transition:transform 0.7s ease-out 0s;-webkit-transition: transform 0.7s ease-out 0s;}
.i_nav .nLi h3:hover img{ transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);ransition: transform 0.7s ease-out 0s;-moz-transition:transform 0.7s ease-out 0s;-webkit-transition: transform 0.7s ease-out 0s;}
.i_nav .nLi h3 a{ display:block; padding:0; width:150px;height:100px; font-size:20px; font-weight:bold;  }
.i_nav .sub{ display:none; width:150px; left:0; top:100px;  position:absolute; background:#cd0000;  line-height:45px; padding:0; text-align: center  }
.i_nav .sub li{ zoom:1;  }
.i_nav .sub a{ display:block; padding:0 10px; border-bottom: #ce0100 1px solid;}
.i_nav .sub a:hover{ background:#660000; color:#ffff99;  }
.i_nav .on h3 a{ background:url("../images/i_nav_hoverbg.png") left no-repeat; color:#ffff99;   }
/*ibanner*/
.i_banner{height:450px;max-width: 1920px; background: url("../images/mayuantop.png") center top no-repeat; position: relative; overflow: hidden;
margin-left: auto !important; margin-right: auto !important;}
.i_nav_box{ height: 100px; width:100%; background: url("../images/inav_bg.png") center repeat-x;}

/* ================= 新增：主体内容区块 ================= */
.container {
    width: 1200px;
    margin: 40px auto;
}
.row-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-bottom: 40px;
}
.row-two > .col {
    min-width: 0; /* 防止 grid 子项撑破 */
}

/* 模块标题 */
.xz-module-title {
    display: flex;
    align-items: center;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.xz-title-left { color: #111; }
.xz-title-dot { color: #b71c1c; margin: 0 6px; font-size: 20px; }
.xz-title-right { color: #b71c1c; }
.xz-title-more {
    position: absolute;
    right: 0;
    top: 6px;
    width: 24px;
    height: 24px;
    border: 1px solid #b71c1c;
    border-radius: 50%;
    color: #b71c1c;
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    font-weight: normal;
    transition: all 0.3s;
}
.xz-title-more::before { content: "+"; }
.xz-title-more:hover { background: #b71c1c; color: #fff; }

/* 学院动态-左侧图文 */
.xz-left-news-box {
    display: flex;
    gap: 20px;
}
.xz-news-img {
    width: 260px;
    flex-shrink: 0;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.xz-news-img img {
    width: 100%;
    height: 176px;
    object-fit: cover;
    display: block;
}
.xz-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}
.xz-dots span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,0.6);
    border-radius: 50%;
    margin: 0 4px;
    cursor: pointer;
    transition: all 0.3s;
}
.xz-dots span.on { background: #b71c1c; }

/* 学院动态-右侧列表 */
.xz-left-news-list { flex: 1; min-width: 0; }
.xz-news-item {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
.xz-news-item:last-child { border-bottom: none; padding-bottom: 0; }
.xz-date {
    font-size: 13px;
    color: #999;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}
.xz-clock {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #b71c1c;
    border-radius: 50%;
    margin-right: 6px;
    position: relative;
}
.xz-clock::after {
    content: "";
    position: absolute;
    top: 3px; left: 5px;
    width: 1px; height: 3px;
    background: #b71c1c;
}
.xz-text {
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s;
}
.xz-text:hover { color: #b71c1c; }

/* 媒体动态列表 */
.xz-media-list {
    display: flex;
    flex-direction: column;
}
.xz-media-item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    transition: all 0.3s;
}
.xz-media-item:last-child { border-bottom: none; }
.xz-media-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70px;
    flex-shrink: 0;
    margin-right: 20px;
    color: #b71c1c;
}
.xz-md-day { font-size: 28px; font-weight: bold; line-height: 1; margin-bottom: 4px; }
.xz-md-ym { font-size: 12px; }
.xz-media-text {
    flex: 1;
    font-size: 15px;
    color: #333;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s;
}

/* 媒体动态-高亮首项 */
.xz-media-item.xz-active {
    background: #b71c1c;
    padding: 0 16px;
    height: 74px;
    border-bottom: none;
    margin-bottom: 12px; /* 与下方留出间距 */
    border-radius: 2px;
}
.xz-media-item.xz-active .xz-media-date { color: #fff; margin-right: 16px; width: auto; }
.xz-media-item.xz-active .xz-md-day { font-size: 32px; }
.xz-media-item.xz-active .xz-media-text { color: #fff; }
.xz-media-item.xz-active .xz-media-text:hover { color: #f0f0f0; }

/* 通知公告卡片（保留你提供的样式） */
.notice-row {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:24px;
    margin-bottom:36px;
}
.notice-card {
    background:#fff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    padding:20px;
    border-radius:6px;
    transition: transform 0.3s ease, box-shadow 0.3s;
}
.notice-card:hover {
    transform: translateY(-4px);
    box-shadow:0 6px 20px rgba(0,0,0,0.12);
}
.notice-card h4 {
    font-size:15px;
    font-weight: normal;
    line-height:1.6;
    margin-bottom:12px;
    color:#222;
}
.notice-card .date {
    font-size:13px;
    color:#777;
}

/* 学院动态-轮播图容器 */
.xz-news-slider {
    width: 260px;
    height: 176px;
    flex-shrink: 0;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.xz-news-slider .bd {
    width: 260px;
    height: 176px;
    overflow: hidden;
    position: relative;
}
.xz-news-slider .bd ul { margin: 0; padding: 0; }
.xz-news-slider .bd li {
    width: 260px;
    height: 176px;
    float: left;
    overflow: hidden;
}
.xz-news-slider .bd li img {
    width: 260px;
    height: 176px;
    object-fit: cover;
    display: block;
}

/* 轮播图小圆点控制 */
.xz-news-slider .hd {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.xz-news-slider .hd ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.xz-news-slider .hd ul li {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    margin: 0 4px;
    cursor: pointer;
    transition: all 0.3s;
    text-indent: -9999px; /* 隐藏文字 */
}
/* 激活状态圆点 */
.xz-news-slider .hd ul li.on {
    background: #b71c1c;
    transform: scale(1.1);
}

.i_nav_box ul{ width: 1200px; margin: 0 auto;}
.i_no1_box{ height: 122px;width:100%; background: url("../images/i_no1_box_bg.png") top repeat-x; padding: 25px  0;}
.i_no1_title{ background: url("../images/i_no1bg.jpg") center no-repeat; width: 1200px; margin:0 auto; height:123px;  text-align: center;}
.i_no1_title h1{ display: block; line-height: 120px; height: 120px; color: #cc0000; font-size: 42px; font-weight: bold;}
/*p_box*/
.p_box{width: 100%; margin: 0 auto; padding: 0; height: auto; overflow: hidden;}
.p_box_bg01{ background: url("../images/i_bkbg_01.jpg") center no-repeat; }
.p_box_bg02{ background: url("../images/i_bkbg_02.jpg") center no-repeat; }
.i_bk_title{ width: 100%; margin: 0 auto 35px auto; text-align: center;}

/*news_pic*/
.news_pic{width:650px;height:392px;overflow:hidden;position:relative;float: left;}
.news_pic .hd{height:15px;overflow:hidden;position:absolute;right:10px;bottom:8px;z-index:1;}
.news_pic .hd ul{overflow:hidden;zoom:1;float:left;}
.news_pic .hd ul li{float:left;margin-right:4px;width:7px;height:7px;line-height:7px;text-align:center;background:#fff;cursor:pointer;font-size: 10px;}
.news_pic .hd ul li.on{background:#cc0000;color:#fff;}
.news_pic .bd{position:relative;height:100%;z-index:0;}
.news_pic .bd li{zoom:1;vertical-align:middle;}
.news_pic .bd img{width:650px;height:392px;display:block;}
.news_pic .bd span{position:absolute;bottom:0;background:url();width:100%;line-height:56px;height:56px;color:#fff;}
.news_pic .bd h1{color:#fff;font-size:24px;margin:0;padding:0 10px;height:56px;line-height:56px; text-align: center}
.news_pic .prev, .news_pic .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:50px;background:url("../images/slider-arrow.png") -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.news_pic .next{left:auto;right:3%;background-position:8px 5px;}
.news_pic .prev:hover,
.news_pic .next:hover{filter:alpha(opacity=100);opacity:1;}
.news_pic .prevStop{display:none;}
.news_pic .nextStop{display:none;}

.news_xxsx_right{ width:490px; height: 332px; overflow: hidden; float: right; background: #ffffff; padding: 30px 30px}
.news_xxsx_right h2{ font-size: 30px; line-height: 50px; color: #cc0000;}
.news_xxsx_right p{ font-size:16px; line-height: 36px; color: #333333; margin: 0; padding:15px 0;}
.xxsx_twzy_box{ margin:50px auto 30px auto; height: auto; overflow: hidden;}
.xxsx_twzy{ width:580px; float: left}
.xxsx_twzy_img{ float: left; width: 184px; height: 115px; overflow: hidden; margin: 10px 0 0 0}
.xxsx_twzy_img img{ width: 184px; height: 115px;}
.xxsx_twzy_list{ float: right; width:380px }
/*xxxd*/
.xxxd_bqqh{ width:100%; text-align:left;  }
.xxxd_bqqh .parHd{ width:882px; height:50px; line-height:50px; background: url("../images/i_qh_there.png") center no-repeat; position:relative;margin:0 auto 40px auto; }
.xxxd_bqqh .parHd ul{ float:left;  position:absolute;  height:50px;   }
.xxxd_bqqh .parHd ul li{ float:left; width: 193px; text-align: center; cursor:pointer; font-size: 22px; font-weight: bold;  }
.xxxd_bqqh .parHd ul li.on{background: url("../images/i_qh_here.png") no-repeat; color: #ffffff}

.xxxd_bqqh .parBd ul{ padding:0;   zoom:1; background: #ffffff; height:400px;   }
.xxxd_bqqh .parBd li{ height:24px; line-height:24px;   }
.xxxd_bqqh .parBd li .date{ float:right; color:#999;  }
.news_xxxd_left{ float: left; width:490px; padding:30px;}
.news_xxxd_right{float: right;width:650px;}
.news_xxxd_left h2{ color: #cc0000; font-size: 24px; line-height: 40px;}
.news_xxxd_left p{ margin:8px 0; padding: 0; font-size: 14px; color:#666666; line-height: 30px;}

.xxxd_news_pic{width:650px;height:400px;overflow:hidden;position:relative;}
.xxxd_news_pic .nhd{height:10px !important;width:100px !important; overflow:hidden;position:absolute;right:0 !important;bottom:-15px !important ;z-index:1; background: none !important; }
.xxxd_news_pic .nhd ul{zoom:1;float:left; margin: 0 !important; background:none !important;}
.xxxd_news_pic .nhd ul li{float:left;margin-right:5px !important;width:10px !important;height:10px !important;line-height:10px;text-align:center;background:#fff;cursor:pointer;font-size: 10px;  }
.xxxd_news_pic .nhd ul li.on{background:#cc0000;color:#fff;width:10px !important;height:10px !important;}
.xxxd_news_pic .nbd{position:relative;height:100%;z-index:0;}
.xxxd_news_pic .nbd li{zoom:1;vertical-align:middle;}
.xxxd_news_pic .nbd img{width:650px;height:400px;display:block;}
.xxxd_news_pic .nbd span{position:absolute;bottom:0;background:url("../images/title_bg.png");width:100%;line-height:56px;height:56px;color:#fff;}
.xxxd_news_pic .nbd h1{color:#fff;font-size:20px;margin:0;padding:0 10px;height:56px;line-height:56px; text-align: center}

.xxxd_news_pic .sPrev,.xxxd_news_pic .sNext{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.xxxd_news_pic .sNext{ left:auto; right:3%; background-position:8px 5px; }
.xxxd_news_pic .sPrev:hover,
.xxxd_news_pic .sNext:hover{ filter:alpha(opacity=100);opacity:1;  }
.xxxd_news_pic .prevStop{ display:none;  }
.xxxd_news_pic .nextStop{ display:none;  }


/*xxjd*/
.xxjd_twzy_box{ margin:40px auto 0 auto; height: auto; overflow: hidden;}
.xxjd_twzy{ width:580px; float: left}
.xxjd_twzy_img{ float: left; width: 254px; height: 182px; overflow: hidden; margin: 13px 0 0 0}
.xxjd_twzy_img img{ width: 254px; height: 182px;}
.xxjd_twzy_list{ float: right; width:295px }


/*xxkt*/
.xxkt_twzy_box{ margin:0 auto; height: auto; overflow: hidden;}
.xxkt_twzy{ width:580px; float: left}
.xxkt_twzy_img{ float: left; width: 184px; height:auto; overflow: hidden; margin: 10px 0 0 0}
.xxkt_twzy_img a{ display:block;width: 184px; height: 115px; overflow: hidden; margin: 0 0 20px 0}
.xxkt_twzy_img img{ width: 184px; height: 115px;}
.xxkt_twzy_list{ float: right; width:370px }

/*ad_banner*/
.ad_banner{ width: 100%; height: auto; overflow: hidden;}
.ad_banner img{width:1200px; height: 128px; margin: 0 auto;display: block}

/*lm_box*/
.lm_box{ width: 1200px; margin: 20px auto; height: auto; overflow: hidden;}
.lm_box_left{ width: 800px; padding:10px 30px 30px 30px;  float: left; height: auto; background: #FFFFff;overflow: hidden;}
.lm_box_right{ width: 300px; float: right; overflow: hidden; background: #FFFFff; padding:25px 10px 20px 10px }
.lm_r_title{ font-size: 22px; display: block;  height:47px;line-height: 30px; font-weight: normal; background: url("../images/right_title_bg.png") bottom  right no-repeat; color: #cc0000;}
.lm_r_title h2{font-weight: normal; font-size: 24px;}
.lm_r_title span{ color: #333333;}
.lm_name{ border-bottom: #cc0000 3px solid; line-height:60px; height: 60px; }
.lm_name h2{ float: left; font-size: 24px; color: #cc0000; font-weight: bold;}
.lm_name span{ float:right;font-size: 14px; color: #666666; }
.lm_name span a{color: #666666; }
/*list_box*/

.list_box {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
}

.list_box li {
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    color: #999999;
    text-align: right;
    padding: 0;
    background: url("../images/dxhx.png") bottom repeat-x;
}

.list_box li a {
    color: #333333;
    float: left;
    padding-left: 15px;
    background: url("../images/ico_003.png") left center no-repeat;
}

.list_box li:hover {
    background: url("../images/dxhx.png") bottom repeat-x f8f8f8;
    color: #cc0000;
}

.list_box li:hover a {
    background: url("../images/ico_002.png") left center no-repeat;
    color: #cc0000;
}

.list-fy {
    text-align: center;
    margin: 0 auto 40px auto;
    min-height: 40px;
}

/*content_box*/
.content_box{width: 1140px; margin: 20px auto; height: auto; overflow: hidden; background: #ffffff; padding:20px 30px}
/*content*/
.c-content {
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 30px auto 40px auto;
    padding: 0 20px;
}

.c-content .c-title {
    font-size: 30px;
    color: #cc3333;
    line-height: 50px;
    text-align: center
}

.c-content .other-s {
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #666666;
    background: #f5f5f5;
    margin: 15px auto 0 auto;
    position: relative;
}

.c-content .other-s .sjfx {
    position: absolute;
    right: 10px;
    top: 10px;
}

.c-content .nr-info {
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: left
}

.c-content .nr-info p {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    margin: 15px 0;
    text-indent: 2em;
    text-align: left
}

.wz_fj {
}

.wz_fj p {
    line-height: 36px;
    color: #0d8100;
    font-size: 16px;
 
    padding: 0 0 0 20px
}

.wz_fj a {
    line-height: 36px;
    font-size: 16px;
}

.wzclose-relative {
    text-align: center;
    margin-top: 30px;
}

.wzclose-relative span {
    margin: 0 15px;
}

.i-sxt {
    border-top: #d9d9d9 1px solid;
    margin: 20px auto;
    padding: 20px 0; position: relative;
}

.i-sxt p {
    display: block;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.i-sxt a {
    color: #555555;
    font-size: 14px;
    line-height: 30px;
}

.i-sxt a:hover {
    color: #cc0010;
}
.wafx{ padding: 0; position: absolute; right: 0;top:40px;}
/*end_piclink*/
.pic_yqlink{ width:1200px; height:100px;  overflow:hidden; position:relative; margin:30px auto; background: url("../images/end_link_bg.jpg")   }
.pic_yqlink .bd{ padding:21px 25px;}
.pic_yqlink .bd ul{ overflow:hidden; zoom:1; }
.pic_yqlink .bd ul li{ margin:0 22px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;width:264px; height:64px;  }
.pic_yqlink .bd ul li .pic{ text-align:center; }
.pic_yqlink .bd ul li .pic img{ width:264px; height:64px; display:block;  padding:0; }

.footer{ width: 100%; text-align: center; background: #cc0000; color: #ffffff; font-size:18px; line-height: 40px; padding: 10px 0;}
.footer p{color: #ffffff; font-size:18px; line-height: 40px; }


/* ================= 修复：通知公告标题居中 ================= */
.xz-notice-section .xz-module-title {
    justify-content: center; /* 让标题内容居中 */
}
/* 隐藏通知公告右侧的“+”号按钮（因为居中后它会影响布局） */
.xz-notice-section .xz-title-more {
    display: none;
}

/* ================= 新增：媒体动态 Hover 高亮 ================= */
.xz-media-item {
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 4px; /* 加一点圆角更美观 */
    padding: 12px 10px; /* 调整内边距，避免鼠标移上去文字贴边 */
    margin: 0 -10px; /* 配合 padding 使用，保持整体宽度对齐 */
}
.xz-media-item:hover {
    background-color: #b71c1c; /* 背景变红 */
    border-bottom-color: transparent; /* 隐藏原本的灰色底边框 */
}
.xz-media-item:hover .xz-media-text {
    color: #ffffff; /* 字体变白 */
    font-weight: bold; /* 字体加粗 */
}
.xz-media-item:hover .xz-media-date {
    color: #ffffff; /* 日期变白 */
}

.xz-media-item:hover .xz-media-date span {
    font-weight: bold; 
}





        /* 基础重置与变量定义 */
:root {
    --primary-red: red; /* 主红色 */
    --text-gray: #666666;   /* 文字灰色 */
    --line-gray: #e0e0e0;   /* 分割线灰色 */
}

/* 整体容器 */
.friend-links-section {
    max-width: 1200px;
    margin: 0 auto;
}

/* 标题部分 (包含左右两侧的横线) */
.section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.section-title::before,
.section-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--line-gray);
}

.title-text {
    color: var(--primary-red); /* 红色标题 */
    font-size: 24px;
    padding: 0 30px;
    letter-spacing: 2px;
}

/* 链接内容布局 - Flexbox */
.links-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

/* 单个格子 */
.link-item {
    flex: 1; /* 均分空间 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-decoration: none;
    border-right: 1px solid var(--line-gray); /* 右侧垂直分割线 */
    transition: all 0.3s ease;
}

/* 最后一个格子去掉右边框 */
.link-item:last-child {
    border-right: none;
}

/* 图片占位符样式 */
.img-placeholder {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    color: #999;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* 如果你后续放入真实的 img 标签，请加上这个样式限制大小 */
.img-placeholder img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* 文字样式 */
.link-text {
    color: var(--text-gray);
    font-size: 15px;
    text-align: center;
    transition: color 0.3s ease;
}

/* 悬停交互效果 (鼠标移上去变红) */
.link-item:hover .link-text {
    color: var(--primary-red);
}