body#page-index {
	background: #ffffff;
}
.page-container {
	max-width: 78em;
	width: 95%;
}
.site-header {
	background: #fff;
	top: 0;
	z-index: 999;
	box-shadow: 5px 2px 5px #f7f7f7;
	position: sticky;
	top: 0;
}
.site-header .page-container {
	display: block;
	padding: 0.2em 0;
}
.site-logo {
	display: block;
	z-index: 99;
	display: flex;
	align-items: center;
	/* 垂直置中 */
	justify-content: center;
}
.site-logo img {
	display: block;
	width: 99%;
}
.site-logo h1 {}
.site-nav {
	position: relative;
	text-align: right;
	background-color: #f3f4f6;
}
.site-nav .page-container {
	display: inline-block;
}
.site-nav-list li a {
	padding: 0;
	font-size: 0.9em;
}
.site-nav-list li a:hover {
	color: #4a90e2;
}
.site-nav .box-functions {
	text-align: left;
}
.site-wrapper {
	padding: 5px 0;
}
.site-wrapper .page-container {
	display: flex;
}
body#page-index .site-content {
	padding: 0;
}
.box-menu {
	background: #fff;
	clear: both;
	width: 100%;
	position: relative;
	z-index: 10;
	border-top: none;
	border-bottom: none;
	box-shadow: none;
}
.box-menu .page-container {
	padding: 0.1em;
	width: 100%;
	float: right;
}
.box-menu .site-menu {
	float: right;
	margin-left: auto;
}
.box-menu .site-menu .menu-list.menu-level-0>.menu-item {
	float: left;
	list-style: none;
	position: relative;
	padding: 0.5em;
	font-size: .9rem;
	border-bottom: none;
	font-weight: bold;
	border-radius: 10px;
	color: #444444;
}
.box-menu .site-menu .menu-list.menu-level-0>.menu-item a {
	color: #444444;
}
.box-menu .site-menu .menu-list.menu-level-0>.menu-item:hover {
	border-bottom: none;
	animation: hoverFlash 1s ease forwards;
	z-index: 100;
}
.box-menu .site-menu .menu-list.menu-level-0>.menu-item:hover>.caret {
	position: relative;
	bottom: 2px;
	transition: 0.5s;
}
.box-menu .site-menu .menu-list.menu-level-0>.menu-item:hover>a {
	color: #3c5b83;
}
@keyframes hoverFlash {
	/* 初始 */
	0% {
		background-color: #ffffff;
		transform: translateY(0);
	}
	/* 第一次亮 */
	15% {
		background-color: #f1f4f8;
		transform: translateY(-2px);
	}
	/* 第一次暗 */
	30% {
		background-color: #ffffff;
		transform: translateY(-2px);
	}
	/* 第二次亮 */
	45% {
		background-color: #f1f4f8;
		transform: translateY(-2px);
	}
	/* 第二次暗 */
	70% {
		background-color: #ffffff;
		transform: translateY(-2px);
	}
	/* 最終停留 */
	100% {
		background-color: #f1f4f8;
		transform: translateY(-2px);
	}
}
.box-menu .site-menu .menu-list.menu-level-0>.menu-item:hover>.sub-menu {
	top: calc(100% + 0px);
}
ul.sub-menu.menu-level-1 {
	border-top: 4px #3c5b83 solid;
}
.box-menu .site-menu .menu-list .sub-menu .menu-item:hover {
	background: #ffffff00;
}
.box-menu .site-menu .menu-list .sub-menu .menu-item a {
	position: relative;
	font-size: .9em;
}
.box-menu .site-menu .menu-list .sub-menu .menu-item:hover {
	transform: translateX(4px);
	transition: 0.5s;
}
.site-banner .page-container {
	padding: 0;
	width: 100%;
	max-width: 100%;
}
.site-banner .swiper {
	box-shadow: none;
}
.block-top {
	position: relative;
	padding: 2em;
}
.block-top .page-container {
	width: 93%;
}
.block-top h2.box-title {
	display: none;
}
.block-top .box-news .news-list {
	display: flex;
	flex-wrap: wrap;
}
.block-top li.news-item {
	position: relative;
	background-color: #ffffff;
	border-top: none;
	width: calc(33.3% - 20px);
	margin: 1.25rem 0.625rem 2.5rem;
	padding: 2em;
	border-radius: 20px;
}
.block-top li.news-item:hover {
	transition: 0.5s;
	transform: translateY(-10px);
	box-shadow: 0 1.25em 3.125em rgba(0, 0, 0, 0.2);
}
.block-top span.news-postdate {
	display: none;
}
.block-top .news-list .news-item>a {
	float: left;
	width: 100%;
	font-size: 1.4em;
	margin: 10px 0;
	color: #3c5b83;
	font-weight: bold;
}
.block-top .news-list .news-item .news-subtitle {
	float: left;
	width: 100%;
	font-size: 1rem;
	line-height: 1.5em;
	color: #666666;
	margin: 0.3125em 0 0;
}
.block-top li.news-item:hover>span.news-pic {
	background-color: #577fb0;
	transform: scale(1.05) rotate(5deg);
	transition: 0.3s;
}
.block-top span.news-pic {
	display: inline-block;
	background-color: #3c5b83;
	border-radius: 20px;
}
.focus {
	position: relative;
}
.focus .page-container {
	background-color: #3c5b83;
	border-radius: 50px;
	text-align: center;
	color: #ffffff;
	padding: 4em 2em;
}
.focus .box-news .news-list {
	display: flex;
	flex-wrap: wrap;
}
.focus h2.box-title {
	font-size: 2.5em;
}
.focus li.news-item {
	position: relative;
	background-color: #ffffff;
	border-top: none;
	width: calc(33.3% - 20px);
	margin: 1.25rem 0.625rem 2.5rem;
	padding: 1em;
	border-radius: 20px;
}
.focus li.news-item:hover {
	transition: 0.5s;
	transform: translateY(-10px);
	box-shadow: 0 1.25em 3.125em rgba(0, 0, 0, 0.2);
}
.focus li.news-item:hover>span.news-pic img {
	transform: scale(1.05);
	transition: 0.5s;
}
.focus .news-list .news-item>a {
	float: left;
	width: 100%;
	font-weight: 700;
	color: #3c5b83;
	font-size: 1.05rem;
	margin-top: 10px;
}
.focus li.news-item span.news-pic {
	display: block;
	overflow: hidden;
}
.focus li.news-item img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}
.focus a.more {
	border: 1px #ffffff solid;
	padding: 5px 25px;
	border-radius: 20px;
	color: #ffffff;
	font-weight: bold;
}
.focus a.more:hover {
	background-color: #ffffff;
	color: #3c5b83;
	;
}
.block-news {
	position: relative;
	margin: 30px 0;
}
.block-news .page-container {
	width: 97%;
	background-color: #f0f4f8;
	border-radius: 50px;
	padding: 6em 2em;
}
.block-news h2.box-title {
	font-size: 2.5em;
	color: #3c5b83;
	margin-bottom: 40px;
	text-align: center;
}
.block-news .news-list .news-postdate {
	display: none;
}
.block-news ul.news-list {
	column-count: 2;
	column-gap: 32px;
	position: relative;
}
.block-news .news-list .news-item {
	border-top: none;
	list-style: none;
	overflow: hidden;
	margin: 0 0 0.9375em;
	padding: 0.9375em 0 0;
	break-inside: avoid;
	margin-bottom: 24px;
	background-color: #ffffff;
	padding: 1em;
	border-radius: 20px;
}
.block-news span.news-category {
	color: #315c87;
	background-color: #f0f4f8;
	padding: 5px 14px;
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 800;
}
.news-list .news-item>a {
	float: left;
	width: 100%;
	position: relative;
}
.block-news span.news-title {
	float: left;
	width: 100%;
	font-size: 0.9375rem;
	color: #333;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.6;
	margin: 10px 0;
}
.block-news .news-top {
	background-color: #315c87;
	color: #fff;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: bold;
}
.block-news .news-hot {
	background: #a31f34;
	color: #fff;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: bold;
}
.block-news a.more {
	border: 1px #0d6efd solid;
	padding: 5px 25px;
	border-radius: 20px;
	color: #0d6efd;
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: -10%;
}
.block-news a.more:hover {
	background-color: #0d6efd;
	color: #ffffff;
}
.search {
	position: relative;
	background-color: #ffffff;
	padding: 100px o;
}
.search .page-container {
	width: 85%;
}
.news-list .news-item {
	border-top: none;
	position: relative;
	background-color: #ffffff;
	box-shadow: 0px 1em 0.5em rgb(0 0 0 / 6%);
	border-radius: 50px;
	padding: 0;
}
.search span.news-pic {
	display: block;
	float: left;
	width: 48%;
	overflow: hidden;
}
.search img {
	border-radius: 50px 0 0 50px;
	display: inline-block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.search .news-list .news-item>a {
	color: #315c87;
	font-weight: 900;
	font-size: 3rem;
	letter-spacing: 2px;
	margin: 50px 0 0 0;
	line-height: 1;
	width: calc(100% - 52%);
	position: relative;
	float: right;
}
.search .news-list .news-item .news-subtitle {
	width: calc(100% - 52%);
	float: right;
	color: #666;
	font-weight: 700;
	font-size: 1.2rem;
	margin-bottom: 25px;
	letter-spacing: 1px;
}
.search span.news-content {
	width: calc(100% - 52%);
	float: right;
	margin-bottom: 25px;
	letter-spacing: 1px;
	line-height: 2em;
}
.search h2.box-title {
	display: none;
}
.search span.news-postdate {
	display: none;
}
.search span.news-category {
	display: none;
}
.search a.more {
	background: #315c87;
	color: #fff;
	border-radius: 30px;
	padding: 10px 30px;
	font-weight: 700;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	width: max-content;
	border: none;
	font-size: 0.95rem;
	letter-spacing: 1px;
	position: absolute;
	right: 5%;
	bottom: 5%;
}
.search a.more:hover {
	box-shadow: 0px 0.5em 1em 0px #577fb0b3;
	transition: 0.5s;
	transform: translateX(5px);
	background-color: #577fb0;
}
.video {
	position: relative;
	background-color: #f0f4f8;
	border-radius: 0 0 50px 50px;
	padding: 6em 1em;
	margin-top: 50px;
}
.video ul.video-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-inline-start: 0px;
}
.video h2.box-title {
	font-weight: 900;
	color: #315c87;
	font-size: 2.5rem;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 40px;
}
.video li.video-item {
	position: relative;
	background-color: #ffffff;
	border-top: none;
	width: calc(50% - 20px);
	margin: 1.25rem 0.625rem 2.5rem;
	padding: 1em;
	border-radius: 20px;
	min-height: 300px;
}
.video iframe {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
.video-title {
	display: block;
	border-bottom: none;
	text-align: center;
	padding: 3px;
	background-color: #ffffff00;
	color: #2279ba;
	border-radius: 5px 5px 0 0;
	margin-top: 20px;
	display: none;
}
.video span.more {
	background: #315c87;
	color: #fff;
	border-radius: 30px;
	padding: 10px 30px;
	font-weight: 700;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	width: max-content;
	border: none;
	font-size: 0.95rem;
	letter-spacing: 1px;
	display: flex;
	justify-content: center;
	/* 水平置中 */
	align-items: center;
	margin: auto;
}
.video span.more:hover {
	box-shadow: 0px 0.5em 1em 0px #577fb0b3;
	transition: 0.5s;
	transform: translateX(5px);
	background-color: #577fb0;
}
.site-footer {
	border-top: none;
	padding: 2em 1em;
	background-color: #111e2c;
	color: #ffffff;
}
.footer-block {
	display: flex;
	flex-wrap: wrap;
}
.footer-info {
	position: relative;
	border-top: none;
	width: calc(44% - 20px);
	margin: 1.25rem 0.625rem 2.5rem;
	padding: 0 0 20px 0;
}
.footer-info h5 img {
	filter: brightness(0) invert(1);
	margin-bottom: 20px;
}
.footer-list {
	position: relative;
	border-top: none;
	width: calc(28% - 20px);
	margin: 1.25rem 0.625rem 2.5rem;
	padding: 0 0 20px 0;
}
.footer-list h2.box-title {
	font-size: 1.5em;
	margin-bottom: 20px;
}
.footer-list span.link-title {
	color: #ffffff;
}
.footer-list span.link-title:hover {
	color: #8de1f8;
	transition: 1s;
	border-bottom: 2px #8de1f8 solid;
}
.footer-icon {
	position: relative;
	border-top: none;
	width: calc(28% - 20px);
	margin: 1.25rem 0.625rem 2.5rem;
	padding: 0 0 20px 0;
	text-align: right;
}
.footer-icon h2.box-title {
	font-size: 1.5em;
	margin-bottom: 20px;
}
.footer-icon ul.link-list {}
.footer-icon span.link-title {
	display: none;
}
.footer-icon .box-link .link-item {
	display: inline-block;
	margin: 0 0.5em;
	border-radius: 99%;
	background: rgba(255, 255, 255, 0.08);
}
.footer-icon img {
	width: 95%;
	height: 95%;
}
.footer-icon .box-link .link-item:hover {
	animation: footer 0.5s ease forwards;
}
@keyframes footer {
	/* 初始 */
	0% {
		transform: translateY(0);
	}
	100% {
		background-color: #3c5b83;
		transform: translateY(-5px);
	}
}
.footer-info2 {
	text-align: center;
}
/* rwd */

@media (max-width: 1000px) {
	.site-header {
		overflow: hidden;
	}
	.site-wrapper .page-container {
		display: block;
	}
	.focus li.news-item {
		width: calc(50% - 20px);
	}
	.block-news ul.news-list {
		column-count: 1;
	}
	.search .page-container {
		width: 90%;
	}
	.search span.news-pic {
		width: 100%;
	}
	.search img {
		border-radius: 50px 0 0 0;
	}
	.search .news-list .news-item>a {
		width: 100%;
		padding: 0 20px;
	}
	.search .news-list .news-item .news-subtitle {
		width: 100%;
		padding: 0 20px;
	}
	.search span.news-content {
		width: 100%;
		padding: 0 20px;
	}
	.search img {
		height: revert-rule;
	}
	.search .news-list .news-item {
		padding: 0 0 50px 0;
	}
	.video li.video-item {
		width: 100%;
		min-height: 500px;
	}
	.footer-info {
		width: 100%;
	}
	.footer-list {
		width: calc(50% - 20px);
	}
	.footer-icon {
		width: calc(50% - 20px);
	}
}
/* rwd */

@media (max-width: 40em) {
	.block-top li.news-item {
		width: 100%;
	}
	.focus li.news-item {
		width: 100%;
	}
	.block-news a.more {
		bottom: -8%;
	}
	.video li.video-item {
		width: 100%;
		min-height: 300px;
	}
	.footer-list {
		width: 100%;
	}
	.footer-icon {
		text-align: left;
		width: 100%;
	}
    .footer-list {
        width: calc(50% - 20px);
    }
    .footer-icon {
        width: calc(50% - 20px);
    }
}