﻿@charset "utf-8";
#content { max-width: none; margin: 0; padding: 0; }
.rowGroup { padding: 60px 0; }
.column-5 { float: left; width: 450px; margin-right: 30px; }
.column-6 { float: left; width: 685px; margin-right: 30px; }
.column-7 { float: left; width: 920px; margin-right: 30px; }
.column-5:last-child,
.column-6:last-child,
.column-7:last-child { margin-right: 0; }

/* 背景 */
.bgGray { background: #FBFAF6; }


/* banner */
#rowBanner { padding: 30px 0 50px; }
.banner { position: relative; overflow: hidden; background: #D20302; }
.banner .bd li { position: relative; height: 500px; }
.banner .bd .pic img { width: 100%; height: 500px; object-fit: contain; }
.banner .bd .con { position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); }
.banner .bd .title { padding: 15px 20px; color: #fff; font-size: 20px; line-height: 30px; text-align: center; font-weight: bold; }
.banner .bd .title a { color: inherit; text-decoration: none; }
.banner .hd { display: none; }
.banner .prev,
.banner .next { position: absolute; left: 100px; top: 50%; width: 58px; height: 58px; background: rgba(0, 0, 0, 0.1); border-radius: 50%; border: 1px solid #fff; transform: translateY(-50%); }
.banner .next { left: auto; right: 100px; transform: translateY(-50%) rotateY(180deg); }
.banner .prev::after,
.banner .next::after { position: absolute; content: ''; width: 63px; height: 1px; background: #fff; top: 35px; left: 17px; }
.banner .prev::before,
.banner .next::before { position: absolute; content: ''; width: 30px; height: 1px; background: #fff; top: 35px; left: 17px; transform-origin: left bottom; transform: rotate(-45deg); }
.banner .prev:hover,
.banner .next:hover { background: rgba(0, 0, 0, 0.6); }

/* box */
.box.bgWhite > .bd { background: #fff; padding: 30px; }
.box.bdGray > .bd { border: 1px solid #eee; padding: 30px; }

/* 通知列表 */
.noticeList li { display: flex; align-items: center; gap: 20px; margin-top: 10px; padding: 26px 20px; background: #fff; border-left: 3px solid #D20302; }
.noticeList li:first-child { margin-top: 0; }
.noticeList .date { position: relative; text-align: left; line-height: 1; padding: 0 10px; width: 80px; font-family: "SourceHanSerifCN"; font-weight: 600; }
.noticeList .date::after { content: ''; position: absolute; top: 50%; left: 42%; width: 1px; height: 60px; background: #eee; margin: -30px 0 0; transform-origin: center center; transform: rotate(45deg); }
.noticeList .date .dd { display: block; font-size: 24px; font-weight: bold; color: #D20302; }
.noticeList .date .ym { display: block; text-align: right; font-size: 14px; margin-top: 12px; color: #999; }
.noticeList li > a { flex: 1 0 0%; font-size: 18px; line-height: 30px; max-height: 60px; overflow: hidden; }