:root {
	--blue-deep:#0d3d91;
	--blue-mid:#1560c8;
	--blue-nav:#1a6fd4;
	--orange:#f39c12;
	--text-dark:#333;
	--text-gray:#777;
	--line:#e5e5e5;
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
	color:var(--text-dark);
	background:#fff;
}
a {
	text-decoration:none;
	color:inherit;
}
ul,dl,dd {
	list-style:none;
	margin:0;
	padding:0;
}
img {
	display:block;
	max-width:100%;
}
.wrap {
	max-width:1200px;
	margin:0 auto;
	padding:0 15px;
}
.topbar {
	display:flex;
	height:100px;
}
.tb-left {
	flex:1 1 0;
	background:linear-gradient(180deg,#0f47a8 0%,#0d3d91 100%);
	display:flex;
	align-items:center;
	padding-left:38px;
}
.tb-left img {
	height:72px;
	width:auto;
}
.tb-mid {
	flex:1 1 0;
	background:url(../../images/images/topbar-mid-bg.jpg) center/cover;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}
.tb-mid::after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.14));
}
.tb-mid img {
	max-height:100%;
	max-width:100%;
	width:auto;
	height:auto;
	position:relative;
	z-index:1;
}
.tb-right {
	flex:1 1 0;
	background:linear-gradient(180deg,#f9a025 0%,#ee8a17 100%);
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	position:relative;
}
.tb-right a,.tb-right .tb-btn {
	display:flex;
	align-items:center;
	gap:9px;
	color:#fff;
	font-size:15px;
	letter-spacing:1px;
	cursor:pointer;
	background:none;
	border:0;
}
.tb-right a:hover,.tb-right .tb-btn:hover {
	opacity:.85;
}
.tb-right img {
	width:24px;
	height:24px;
}
.search-panel {
	display:none;
	position:absolute;
	right:18px;
	top:78px;
	background:#fff;
	padding:10px;
	box-shadow:0 8px 20px rgba(0,0,0,.16);
	z-index:40;
	border-radius:4px;
}
.search-panel.open {
	display:block;
}
.search-panel input {
	height:32px;
	border:1px solid #ddd;
	padding:0 8px;
	width:180px;
}
.search-panel button {
	height:32px;
	border:0;
	background:var(--blue-mid);
	color:#fff;
	padding:0 12px;
	margin-left:6px;
	cursor:pointer;
}
.lang-menu {
	display:none;
	position:absolute;
	top:78px;
	background:rgba(18,38,92,.94);
	min-width:110px;
	padding:6px 0;
	z-index:40;
	border-radius:4px;
}
.lang-wrap {
	position:relative;
}
.lang-wrap.open .lang-menu,.lang-wrap:hover .lang-menu {
	display:block;
}
.lang-menu a {
	display:block;
	padding:6px 14px;
	color:#fff;
}
.hero {
	position:relative;
}
.hero-slides {
	position:relative;
	height:620px;
	overflow:hidden;
	background:#0d3d91;
}
.hero-slide {
	position:absolute;
	inset:0;
	opacity:0;
	transition:opacity .7s ease;
}
.hero-slide.is-on {
	opacity:1;
	z-index:1;
}
.hero-img {
	width:100%;
	height:620px;
	object-fit:cover;
	object-position:center 30%;
}
.hero-btn {
	position:absolute;
	top:46%;
	z-index:6;
	width:42px;
	height:42px;
	border:0;
	border-radius:50%;
	background:rgba(13,61,145,.45);
	color:#fff;
	font-size:24px;
	cursor:pointer;
}
.hero-btn:hover {
	background:rgba(13,61,145,.8);
}
.hero-btn.prev {
	left:16px;
}
.hero-btn.next {
	right:16px;
}
.hero-dots {
	position:absolute;
	left:0;
	right:0;
	bottom:180px;
	z-index:6;
	display:flex;
	justify-content:center;
	gap:8px;
}
.hero-dots span {
	width:10px;
	height:10px;
	border-radius:50%;
	background:rgba(255,255,255,.55);
	cursor:pointer;
}
.hero-dots span.on {
	background:#fff;
	width:24px;
	border-radius:5px;
}
.navbar {
	position:absolute;
	top:22px;
	left:10%;
	right:10%;
	z-index:30;
	border-radius:10px;
	background:linear-gradient(90deg,rgba(64,138,235,.58) 0%,rgba(24,92,190,.62) 100%);
	backdrop-filter:blur(6px);
	box-shadow:0 4px 16px rgba(10,40,100,.25);
}
.nav-list {
	display:flex;
	padding:0 14px;
}
.nav-list>li {
	flex:1;
	text-align:center;
	position:relative;
}
.nav-list>li+li::before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:16px;
	background:rgba(255,255,255,.45);
}
.nav-list>li>a {
	display:block;
	color:#fff;
	font-size:15.5px;
	padding:14px 4px;
	white-space:nowrap;
	letter-spacing:.5px;
	border-radius:8px;
}
.nav-list>li>a:hover,.nav-list>li>a.active {
	background:rgba(255,255,255,.18);
	font-weight:700;
}
.nav-list>li>dl {
	display:none;
	position:absolute;
	left:50%;
	top:100%;
	transform:translateX(-50%);
	min-width:168px;
	margin:0;
	padding:6px 0;
	background:rgba(13,61,145,.94);
	border-radius:0 0 8px 8px;
	text-align:left;
	z-index:40;
	box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.nav-list>li:hover>dl {
	display:block;
}
.nav-list dd {
	margin:0;
	border-bottom:1px dotted rgba(255,255,255,.25);
}
.nav-list dd:last-child {
	border-bottom:0;
}
.nav-list dd a {
	display:block;
	padding:8px 16px;
	color:#fff;
	font-size:14px;
	white-space:nowrap;
	font-weight:400;
	border-radius:0;
}
.nav-list dd a:hover {
	background:#fff;
	color:var(--blue-deep);
}
.quick {
	position:absolute;
	left:22px;
	right:22px;
	bottom:28px;
	z-index:5;
	border-radius:14px;
	background:linear-gradient(180deg,rgba(150,200,250,.48) 0%,rgba(56,120,215,.62) 55%,rgba(20,80,175,.72) 100%);
	backdrop-filter:blur(5px);
	box-shadow:0 6px 18px rgba(10,40,100,.28);
	padding:20px 14px 17px;
}
.quick-list {
	display:flex;
}
.quick-list li {
	flex:1;
	text-align:center;
}
.quick-list a {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:11px;
	color:#fff;
	font-size:14px;
	letter-spacing:1px;
}
.quick-list a:hover {
	transform:translateY(-4px);
}
.quick-list .ic {
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.quick-list .ic img {
	width:40px;
	height:40px;
}
.sec {
	position:relative;
	overflow:hidden;
}
.sec-title {
	display:flex;
	align-items:center;
	gap:10px;
}
.sec-title .bar {
	width:6px;
	height:30px;
	border-radius:3px;
	background:linear-gradient(180deg,#2b83e9,#0d3d91);
}
.sec-title h2 {
	font-size:32px;
	color:#0d3d91;
	font-weight:800;
	letter-spacing:2px;
}
.sec-mark {
	display:block;
	width:30px;
	height:30px;
	margin-bottom:8px;
}
.sec-sub {
	display:flex;
	align-items:center;
	gap:6px;
	margin-top:10px;
	color:#4a90d9;
	font-size:14px;
}
.sec-sub img {
	width:24px;
	height:24px;
}
.watermark {
	position:absolute;
	font-family:Arial Black,Arial,sans-serif;
	font-weight:900;
	color:#f2f4f7;
	pointer-events:none;
	user-select:none;
	line-height:1;
	z-index:0;
}
.news-sec {
	padding:60px 0 30px;
}
.news-sec .watermark {
	font-size:190px;
	right:130px;
	top:40px;
	letter-spacing:6px;
}
.news-layout {
	display:flex;
	gap:50px;
	margin-top:34px;
	position:relative;
	z-index:1;
}
.news-left {
	flex:1;
	min-width:0;
}
.col-label {
	display:inline-block;
	background:var(--blue-mid);
	color:#fff;
	font-size:15px;
	padding:6px 18px;
	border-radius:3px 3px 0 0;
	letter-spacing:2px;
}
.news-item {
	display:flex;
	gap:18px;
	padding:18px 4px;
	border-bottom:1px solid var(--line);
}
.news-item:first-of-type {
	border-top:1px solid var(--line);
}
.news-date {
	flex:none;
	width:64px;
	text-align:center;
	color:#9aa7b8;
}
.news-date .d {
	font-size:20px;
	font-weight:700;
	color:#5d6b7e;
}
.news-date .y {
	font-size:12px;
	margin-top:2px;
}
.news-ctx {
	min-width:0;
}
.news-ctx h3 {
	font-size:16.5px;
	font-weight:700;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news-ctx h3:hover {
	color:var(--blue-mid);
}
.news-ctx p {
	font-size:13.5px;
	color:#8a8a8a;
	line-height:1.75;
	margin-top:7px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.qr-box {
	flex:none;
	width:200px;
	text-align:center;
	align-self:flex-start;
	margin-top:70px;
}
.qr-box .qr {
	width:160px;
	height:160px;
	margin:0 auto;
	background:#fff;
	border:1px solid #eee;
	padding:10px;
	box-shadow:0 4px 14px rgba(0,0,0,.06);
}
.qr-box svg {
	width:100%;
	height:100%;
}
.qr-box .cap {
	margin-top:12px;
	font-size:14px;
	color:#0d3d91;
	letter-spacing:2px;
}
.qr-box .cap b {
	color:var(--orange);
}
.notice-sec {
	padding:24px 0 70px;
	position:relative;
	z-index:1;
}
.notice-body {
	display:flex;
	gap:44px;
	margin-top:22px;
}
.notice-photo {
	flex:none;
	width:430px;
	height:295px;
	overflow:hidden;
	border-radius:4px;
	position:relative;
	box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.notice-photo img {
	width:100%;
	height:295px;
	object-fit:cover;
	position:absolute;
	inset:0;
	opacity:0;
	transition:opacity .5s;
}
.notice-photo img.is-on {
	opacity:1;
}
.notice-list {
	flex:1;
	min-width:0;
}
.notice-list li {
	border-bottom:1px dashed #d9dee6;
}
.notice-list a {
	display:flex;
	align-items:center;
	gap:12px;
	padding:15px 2px;
	font-size:15px;
	color:#444;
}
.notice-list a:hover {
	color:var(--blue-mid);
	padding-left:8px;
}
.notice-list .tri {
	flex:none;
	width:0;
	height:0;
	border-left:9px solid var(--orange);
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
}
.notice-list .t {
	flex:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.notice-list .dt {
	flex:none;
	font-size:13px;
	color:#9aa7b8;
	font-family:Arial;
}
.slogan {
	line-height:0;
}
.slogan img {
	width:100%;
	height:auto;
}
.campus-sec {
	padding:62px 0 52px;
}
.campus-sec .wm {
	position:absolute;
	right:40px;
	top:36px;
	width:400px;
	opacity:.85;
	pointer-events:none;
}
.campus-tabs {
	display:flex;
	align-items:center;
	gap:26px;
	margin:26px 0 10px;
	position:relative;
	z-index:1;
}
.campus-tabs a {
	font-size:15px;
	color:#666;
}
.campus-tabs a.on,.campus-tabs a:hover {
	color:var(--blue-mid);
	font-weight:700;
}
.gallery {
	position:relative;
	max-width:1400px;
	margin:34px auto 0;
	padding:0 26px;
}
.gal-viewport {
	overflow:hidden;
	padding:6px 2px 10px;
}
.gal-track {
display: flex;
  gap: 18px;
  /* 删掉原来transition，改用animation无限动画 */
  animation: scrollLoop 20s linear infinite;
}
/* 鼠标悬停暂停滚动（可选，需要就保留） */
.gal-track:hover {
  animation-play-state: paused;
}
@keyframes scrollLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    /* 这里数值 = 你一整组图片的总宽度，需要你自己替换 */
    transform: translateX(-100%);
  }
}
.gal-item {
	flex:0 0 calc((100% - 5 * 18px) / 6);
	border-radius:8px;
	overflow:hidden;
	position:relative;
	box-shadow:0 6px 16px rgba(13,61,145,.14);
}
.gal-item img {
	width:100%;
	height:290px;
	object-fit:cover;
	transition:transform .5s;
}
.gal-item:hover img {
	transform:scale(1.07);
}
.gal-btn {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:46px;
	height:46px;
	border:0;
	border-radius:50%;
	background:rgba(13,61,145,.5);
	color:#fff;
	font-size:26px;
	cursor:pointer;
	z-index:5;
	opacity:0;
	transition:opacity .3s ease;
}
.gallery:hover .gal-btn {
	opacity:1;
}
.gal-btn:hover {
	background:rgba(13,61,145,.85);
}
.gal-btn.prev {
	left:34px;
}
.gal-btn.next {
	right:34px;
}
.gal-dots {
	display:flex;
	justify-content:center;
	gap:9px;
	margin-top:22px;
}
.gal-dots span {
	width:9px;
	height:9px;
	border-radius:50%;
	background:#c9d6ea;
	cursor:pointer;
}
.gal-dots span.on {
	width:26px;
	border-radius:5px;
	background:var(--blue-mid);
}
footer {
	background:#12265c;
	color:#fff;
}
.foot-top {
	display:flex;
	align-items:flex-start;
	gap:40px;
	padding:64px 0 46px;
}
.foot-logo {
	flex:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:16px;
	margin-right:20px;
}
.foot-logo .emblem {
	width:104px;
	height:104px;
	border-radius:50%;
	background:#fff;
	object-fit:cover;
}
.foot-logo .lockup {
	height:84px;
	width:auto;
}
.campus-cols {
	flex:1;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:38px 30px;
	padding-top:6px;
}
.campus-cols h4 {
	font-size:17px;
	font-weight:700;
	margin-bottom:10px;
}
.campus-cols p {
	font-size:12.5px;
	line-height:1.8;
	color:#b9c4de;
}
.foot-qr {
	flex:none;
	text-align:center;
	margin-left:20px;
}
.foot-qr .qr {
	width:118px;
	height:118px;
	background:#fff;
	padding:7px;
	border-radius:4px;
}
.foot-qr svg {
	width:100%;
	height:100%;
}
.foot-qr .cap {
	margin-top:9px;
	font-size:13px;
	color:#c6d0e8;
	letter-spacing:2px;
}
.foot-bottom {
	border-top:1px solid rgba(255,255,255,.16);
	padding:16px 0;
	text-align:center;
	font-size:12.5px;
	color:#93a1c4;
}
@media (max-width:1000px) {
	.tb-mid {
	display:none;
}
.navbar {
	position:static;
	margin:10px 12px 0;
}
.hero-slides,.hero-img {
	height:420px;
}
.quick-list {
	flex-wrap:wrap;
}
.quick-list li {
	flex:1 1 25%;
	margin-bottom:12px;
}
.news-layout,.notice-body {
	flex-direction:column;
}
.notice-photo {
	width:100%;
}
.gal-item {
	flex:0 0 calc((100% - 2 * 18px) / 3);
}
.foot-top {
	flex-wrap:wrap;
}
.campus-cols {
	grid-template-columns:1fr 1fr;
}
}@media (max-width:640px) {
	.gal-item {
	flex:0 0 calc((100% - 18px) / 2);
}
.gal-item img {
	height:190px;
}
.gallery {
	padding:0 14px;
}
.gal-btn {
	width:38px;
	height:38px;
	font-size:22px;
}
}

/* 博达组件实际结构：导航 li>dd>dl，检索 form，新闻 .highlights，通知 .study-serve */
.navbar {
	display:flex;
	align-items:stretch;
	padding:0 6px;
}
.navbar > li {
	flex:1;
	position:relative;
	list-style:none;
	text-align:center;
}
.navbar > li > a {
	display:block;
	color:#fff;
	font-size:14px;
	padding:14px 2px;
	white-space:nowrap;
	border-radius:8px;
}
.navbar > li > a:hover {
	background:rgba(255,255,255,.18);
	font-weight:700;
}
.navbar > li.dropdown > dd {
	display:none;
	position:absolute;
	left:50%;
	top:100%;
	transform:translateX(-50%);
	min-width:168px;
	margin:0;
	padding:6px 0;
	background:rgba(13,61,145,.94);
	border-radius:0 0 8px 8px;
	text-align:left;
	z-index:40;
	box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.navbar > li.dropdown:hover > dd {
	display:block;
}
.navbar dd dl {
	margin:0;
	border-bottom:1px dotted rgba(255,255,255,.25);
}
.navbar dd dl:last-child {
	border-bottom:0;
}
.navbar dd dl a {
	display:block;
	padding:8px 16px;
	color:#fff;
	font-size:14px;
	white-space:nowrap;
	font-weight:400;
}
.navbar dd dl a:hover {
	background:#fff;
	color:var(--blue-deep);
}
.tb-right #submenu-search {
	display:inline-flex !important;
	align-items:center;
	margin:0;
}
.tb-right #submenu-search .form-group,
.tb-right #header-search-field,
.tb-right .clear-search,
.tb-right #submenu-search iframe {
	display:none !important;
}
.tb-right #site-search-submit {
	display:flex;
	align-items:center;
	gap:9px;
	width:auto;
	height:auto;
	border:0;
	padding:0;
	background:none;
	color:#fff;
	font-size:15px;
	letter-spacing:1px;
	cursor:pointer;
}
.tb-right #site-search-submit::after {
	content:"Search";
}
.tb-right #site-search-submit img {
	width:24px;
	height:24px;
}
.news-left > li,
.notice-body > li {
	list-style:none;
	width:100%;
}
.highlights > h2,
.highlights > .ling,
.highlights .news-arrow-items,
.study-serve > h2,
.study-serve > .ling,
.study-serve > a,
.study-serve .img_serve,
.study-serve .er {
	display:none;
}
.highlights ul.news-body {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
.highlights ul.news-body > li {
	display:flex;
	gap:18px;
	padding:18px 4px;
	border-bottom:1px solid var(--line);
	list-style:none;
}
.highlights .notices-date {
	flex:none;
	width:110px;
	text-align:left;
	padding-top:3px;
}
.highlights .calendar {
	display:inline-flex !important;
	align-items:center;
	gap:6px;
	margin:0;
	font-size:13px;
	font-weight:400;
	color:#9aa7b8;
	background:none !important;
        line-height:60px;
}
.highlights .calendar::before {
	content:"";
	width:14px;
	height:14px;
	flex:none;
	background:url(/images/images/banner/time.png) center/contain no-repeat;
}
.highlights .calendar span {
	display:inline;
	font-size:13px;
	font-weight:400;
}
.highlights .title a {
	font-size:16.5px;
	font-weight:700;
	color:#333;
}
.highlights .title a:hover {
	color:var(--blue-mid);
}
.highlights .info a {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin-top:7px;
	font-size:13.5px;
	line-height:1.75;
	color:#8a8a8a;
}
.study-serve ul {
	margin:0;
	padding:0;
	list-style:none;
}
.study-serve ul li {
	border-bottom:1px dashed #d9dee6;
	list-style:none;
}
.study-serve ul li a {
	display:block;
	padding:15px 2px 15px 18px;
	font-size:15px;
	color:#444;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
}
.study-serve ul li a::before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-6px;
	border-left:9px solid var(--orange);
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
}
.study-serve ul li a:hover {
	color:var(--blue-mid);
	padding-left:24px;
}
.study-serve .ndate {
	float:right;
	display:inline-flex;
	align-items:center;
	gap:5px;
	font-size:13px;
	font-weight:400;
	color:#9aa7b8;
}
.study-serve .ndate::before {
	content:"";
	width:13px;
	height:13px;
	flex:none;
	background:url(/images/images/banner/time.png) center/contain no-repeat;
}