/* 导航栏样式 */
.navbar {
	background: linear-gradient(to bottom, rgba(10, 36, 99, 0.8), rgba(10, 36, 99, 0));
	left: 0;
	right: 0;
	width: 100%;
}
/* 所有页面统一吸顶，避免页面专属样式或 Bootstrap 加载顺序导致导航失去 fixed 定位 */
.navbar.fixed-top {
	position: fixed!important;
	top: 0;
	right: 0;
	left: 0;
	width: 100vw!important;
	max-width: 100vw;
	box-sizing: border-box;
	z-index: 1100;
}
.navbar.active {
	background: #4A4A4A;
}
.navbar .container {
	width: 100%;
	max-width: none;
	min-width: 0;
	box-sizing: border-box;
}
.navbar-brand img {
		height: 55px;
		margin-right: 8px;
}
.navbar-nav .nav-link {
		color: #fff;
		font-weight: 400;
		margin: 0 8px;
		word-break: keep-all;
		white-space: nowrap;
}
.navbar-nav .nav-link.on {
	font-weight: bold;
}
.navbar-nav .dropdown-item.on {
		color: #0086C9;
}
.navbar-nav .nav-link:hover {
		color: #fff;
}
.navbar .nav-search {
	cursor: pointer;
	margin-right: 28px
}
.nav-search-input {
	border-radius: 20px;
	padding: 0;
	box-sizing: border-box;
	width: 0;
	border: 0;
	transition: width 0.5s ease;
}
.enn-nav-bar{
	padding-left: 28px;
}
.nav-search-input.show {
	width: 10rem;
	margin-right: 1rem;
	padding: 0 1rem;
}
/* 
* 为下拉菜单添加自定义动画
* Bootstrap 5 自带的 .fade 类只有淡入效果，我们添加一个 transform 来实现滑出效果
*/
#navbarNav .dropdown-menu {
	/* 初始状态：完全透明且向上偏移 10px */
	opacity: 0;
	transform: translateY(-10px);
	/* 添加过渡效果，让 opacity 和 transform 的变化在 0.3 秒内完成 */
	transition: opacity 0.3s ease, transform 0.3s ease;
	/* 确保下拉菜单在父容器的上方显示 */
	display: block;
	visibility: hidden; /* 初始状态下不可见，避免影响布局 */
}

/* 
* 当父级 .dropdown 元素被 hover 时，
* 其内部的 .dropdown-menu 会应用这些样式
*/
#navbarNav .dropdown:hover .dropdown-menu {
	/* 最终状态：完全不透明且回到原来的位置 */
	opacity: 1;
	transform: translateY(0);
	visibility: visible; /* 变为可见 */
}

.nav-language .btn{
	color: #fff;
	border: 0;
	word-break: keep-all;
	
}
.dropdown-toggle::after{
	display: none;
}
.mobile-submenu-toggle {
	display: none;
}
.mobile-lang-toggle {
	display: none;
}
	/* 轮播图容器样式 */
.carousel-item {
	position: relative;
	overflow: hidden;
}
/* 页脚 */
footer {
		height: 526px;
		box-sizing: border-box;
		padding: 4rem 0 0;
		margin-top: 0rem;
		background: url(../image/common/footer-banner.png) no-repeat;
		background-size: 100% 100%;
}
.special-margin footer {
	margin-top: 40px;
}
.footer-list {
	display: flex;
	justify-content: center;
}
.footer-item {
	flex: 1;
}
.footer-list .footer-item:first-child {
	padding-right: 61px;
}
/**
.footer-list .footer-item:nth-child(3) {
	min-width: 230px;
}
*/
.footer-list .footer-item:last-child {
	padding-right: 0;
	display: flex;
}

.footer-logo {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
}
.footer-logo img {
		margin-right: 10px;
}
.footer-logo h3 {
		font-size: 1.2rem;
		font-weight: bold;
	}
	.footer-desc {
		font-size: 1.5rem;
		color: #005195;
		opacity: 0.9;
		margin-bottom: 20px;
}
.footer-title {
		font-size: 1rem;
		font-weight: bold;
		margin-bottom: 6px;
		padding-bottom: 8px;
		color: #535862;
}
.footer-nav {
		list-style: none;
		padding: 0;
}
.footer-nav li {
		margin-bottom: 6px;
}
.footer-nav a {
		color: #005195;
		text-decoration: none;
		font-size: 0.85rem;
		opacity: 0.9;
		font-weight: 500;
}
.footer-nav a:hover {
		opacity: 1;
		text-decoration: underline;
}
.footer-sub-link a {
	color: #535862;
}
.footer-sub-link span {
	color: #535862;
	padding: 0 1.85rem;
}
.footer-icon {
	margin-right: 5px;
}
.footer-copyright {
	padding-top: 5rem;
	font-size: 1rem;
	color: #fff;
}

/* 英文页脚菜单文字较长，桌面端按内容重新分配栏目宽度，避免投资者关系和业务介绍互相挤压。 */
@media (min-width: 1400px) {
		html[lang="en"] footer .footer-list {
			display: grid;
			grid-template-columns: 1.7fr minmax(110px, .85fr) minmax(205px, 1.45fr) minmax(210px, 1.4fr) minmax(130px, 1.05fr) minmax(160px, 1.15fr) minmax(170px, 1.1fr) 180px;
			column-gap: 1rem;
		align-items: start;
	}
	html[lang="en"] footer .footer-item,
	html[lang="en"] footer .footer-list .footer-item:first-child {
		min-width: 0;
		padding-right: 0;
	}
	html[lang="en"] footer .footer-list .footer-item:first-child {
		padding-right: 2rem;
	}
	html[lang="en"] footer .footer-nav a {
		line-height: 1.45;
	}
html[lang="en"] footer .footer-nav li {
		margin-bottom: 5px;
	}
}
@media (min-width: 768px) {
	html[lang="en"] footer .footer-list > .footer-item[data-diy-item="262"] {
		margin-left: 2rem;
	}
}
/* 头部banner */
.common-banner  {
	width: 100%;
	height: 800px;
	overflow: hidden;
	position: relative;
}
.second-level-banner {
	height: 600px;
}
.common-banner  img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*
 banner-text */
.banner-text {
		min-width: 569px;
		position: absolute;
		box-sizing: border-box;
    top: 50%;
    left: 8%;
    padding: 2rem 2rem 1rem 2rem;
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    background: rgba(10, 36, 99, 0.5);
    border-radius: 0.25rem;
}
.common-banner-business .banner-text {
	top: 41%;
}
.banner-text .line {
	height: 6px;
	background: url(../image/common/banner-line.png);
	background-size: auto 100%;
	margin-bottom: 1rem;
}
.banner-text h1 {
		font-weight: bold;
		margin-bottom: 10px;
}
.banner-text p {
		opacity: 0.9;
		font-size: 0.9rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.navbar-brand {
		width: 210px;
	}
	.navbar-brand img {
			height: 30px;
			margin-right: 8px;
	}
	.dropdown-toggle::after{
		display: inline-block;
	}
	.navbar .nav-language {
		display: none!important;
	}
	.navbar .nav-search {
		display: none;
	}
	.enn-nav-bar{
		padding-left: 0;
	}
	.navbar-toggler {
		padding: 0;
	}
	.navbar .container {
		overflow: visible;
		flex-wrap: wrap;
	}
	.navbar-collapse {
		flex-basis: 100%;
	}
	.footer-nav li {
		margin-right: 20px;
		display: inline-block;
	}
	footer {
		background: none;
		margin-top: 0;
		padding-top: 2rem;
	}
	.footer-list {
		display: block;
		white-space: normal;
	}
	.footer-list .footer-item {
		padding: 0;
		display: block;
	}
	.footer-copyright {
		padding: 0 0 2rem;
	}
	.common-banner {
		height: auto!important;
	}
	.banner-text {
				min-width: 50%;
				position: absolute;
				top: 50%;
			left: 10%;
			padding: 0.5rem 0.5rem 0 0.5rem;
	}
	.common-banner-business .banner-text {
		top: 50%;
	}
	.banner-text .line {
			margin-bottom: 0.25rem;
	}
	.banner-text h1 {
		font-size: 1.2rem;
		margin-bottom: 0.25rem;
	}
	.banner-text p {
			font-size: 0.6rem;
			margin-bottom: 0.25rem;
	}
	/* 首页首图文字较多，移动端按容器宽度换行，避免内容被裁切 */
	.carousel-container .banner-text {
		left: 5%;
		top: 50%;
		width: 90%;
		min-width: 0;
		padding: 0.35rem 0.5rem 0.25rem;
	}
	.carousel-container .banner-text h1 {
		font-size: 0.78rem;
		line-height: 1.25;
		margin-bottom: 0.1rem;
		white-space: normal;
	}
	/* 首张轮播含多条宣传语，移动端保留完整内容并避免标题区域被裁切。 */
	.carousel-container .carousel-item:first-child .banner-text {
		top: 42%;
		transform: translateY(-50%);
		max-height: 80%;
		overflow: visible;
	}
}

/* 投资者关系列表/表格：移动端保留可读列宽，内容超出时横向滑动 */
@media (max-width: 768px) {
	.notice-table,
	.doc-list,
	.table-responsive,
	.financial-table-container {
		max-width: 100%;
		overflow-x: auto!important;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.notice-table-header,
	.notice-row {
		width: 560px!important;
		min-width: 560px!important;
		grid-template-columns: 120px minmax(320px, 1fr) 80px!important;
		grid-template-rows: none!important;
		box-sizing: border-box;
	}
	.notice-table-header {
		padding: 12px 16px!important;
	}
	.notice-row {
		padding: 14px 16px!important;
		row-gap: 0!important;
	}
	.notice-col.title {
		min-width: 0;
		word-break: break-word;
		white-space: normal;
	}
	.notice-col.action {
		grid-column: auto!important;
		justify-self: center!important;
		margin-top: 0!important;
	}

	.table-card-container,
	.doc-list {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}
	.doc-list__table {
		width: 100%!important;
		min-width: 0!important;
		table-layout: fixed!important;
	}
	.doc-list__table th,
	.doc-list__table td {
		padding: 12px 8px!important;
		box-sizing: border-box;
	}
	.doc-list__th--date,
	.doc-list__cell--date {
		width: 72px!important;
		min-width: 72px!important;
		white-space: nowrap;
	}
	.doc-list__th--title,
	.doc-list__cell--title {
		width: auto!important;
		min-width: 0!important;
		max-width: 100%;
	}
	.doc-list__cell--title {
		display: flex;
		align-items: center;
		gap: 8px;
		overflow: hidden;
	}
	.doc-list__cell--title img {
		flex: 0 0 32px;
		margin-right: 0!important;
	}
	.doc-list__cell--title a,
	.doc-list__cell--title a > div {
		display: block;
		min-width: 0;
		max-width: 100%;
		white-space: normal!important;
		word-break: break-word;
		overflow-wrap: anywhere;
	}
	.doc-list__th--actions,
	.doc-list__cell--actions {
		width: 44px!important;
		min-width: 44px!important;
		white-space: nowrap;
	}

	.financial-table-container table,
	.resource-table,
	.ratings-table {
		width: 720px!important;
		min-width: 720px!important;
		table-layout: auto;
	}
	.financial-table-container th,
	.financial-table-container td,
	.resource-table th,
	.resource-table td,
	.ratings-table th,
	.ratings-table td {
		white-space: nowrap;
	}

	/* 发布会录播：封面按比例完整显示，并在手机端居中 */
	.performance-tabs .tab-header {
		justify-content: flex-start!important;
		flex-wrap: nowrap!important;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.performance-tabs .tab-header::-webkit-scrollbar {
		display: none;
	}
	.performance-tabs .performance-tab {
		flex: 0 0 auto;
		width: auto!important;
		min-width: 110px;
		padding: .9rem 1.25rem!important;
		white-space: nowrap;
	}
	#load-replay .row > [class*="col-"] {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}
	.video-grid-item {
		width: 100%!important;
		max-width: 459px;
		margin: 0 auto!important;
	}
	.video-card {
		width: 100%!important;
		max-width: 459px;
		margin: 0 auto;
	}
	.video-thumb {
		height: auto!important;
		aspect-ratio: 16 / 9;
		padding-top: 0!important;
		background-position: center!important;
		background-size: cover!important;
		background-repeat: no-repeat!important;
		background-color: #f4f9fc;
	}
}
.multiline-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示的行数为2 */
  overflow: hidden;
}

.pagination {
	justify-content: center;
}
.page-link {
	color: #0086C9!important;
}
.page-item.active .page-link {
	background: #0086C9!important;
	color: #fff!important;
}
.common-big-title {
  color: #181D27;
  font-size: 36px;
	font-weight:700;
}

@media (max-width: 768px) {
	html,
	body {
		overflow-x: hidden;
	}
	.navbar {
		background-color: #0086C9;
		width: 100vw!important;
		max-width: 100vw;
		box-sizing: border-box;
		overflow-x: clip;
	}
	.navbar .container {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	.navbar-brand {
		width: auto;
		max-width: calc(100% - 52px);
		min-width: 0;
		flex: 1 1 auto;
	}
	.navbar-brand img {
		max-width: 100%;
		object-fit: contain;
	}
	/* 移动端始终保留可见的菜单按钮，避免依赖 Bootstrap 图标字体/背景资源 */
	.navbar .navbar-toggler {
		display: flex!important;
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		flex-shrink: 0;
		padding: 0;
		border: 0;
		box-shadow: none!important;
		position: relative;
		z-index: 1001;
		appearance: none;
		-webkit-appearance: none;
	}
	.mobile-lang-toggle {
		display: flex;
		flex: 0 0 34px;
		width: 34px;
		height: 32px;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		padding: 0;
		border: 1px solid rgba(255, 255, 255, 0.85);
		border-radius: 4px;
		background: transparent;
		color: #fff;
		font-size: 12px;
		line-height: 1;
		font-weight: 600;
		cursor: pointer;
	}
	.navbar .navbar-toggler {
		margin-left: 14px!important;
	}
	.navbar .navbar-toggler-icon {
		display: block;
		width: 24px;
		height: 18px;
		background-image: none!important;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		position: relative;
	}
	.navbar .navbar-toggler-icon::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 7px;
		border-top: 2px solid #fff;
	}
	.nav-link::after {
		display: none;
	}
	#navbarNav .nav-item .dropdown-menu {
		position: static;
		float: none;
		display: none!important;
		padding: 0.25rem 0 0.5rem 1rem;
		margin: 0;
		opacity: 1!important;
		visibility: visible!important;
		background: rgba(0, 55, 120, 0.28);
		border: 0;
		border-left: 2px solid rgba(255, 255, 255, 0.5);
		border-radius: 0;
		transform: none!important;
	}
	#navbarNav .nav-item.has-submenu {
		position: relative;
	}
	#navbarNav .nav-item.mobile-expanded > .dropdown-menu {
		display: block!important;
	}
	.navbar .nav-item .dropdown-item {
		padding: 0.45rem 0.75rem;
		font-size: 0.95rem;
		line-height: 1.35;
	}
	.navbar .nav-item.has-submenu > .nav-link {
		position: relative;
		padding-right: 3rem;
		background-image: none!important;
	}
	.navbar .nav-item.has-submenu > .nav-link::after {
		content: '';
		display: block;
		position: absolute;
		right: 1rem;
		top: 50%;
		width: 8px;
		height: 8px;
		margin: 0!important;
		border: 0!important;
		border-right: 2px solid #fff!important;
		border-bottom: 2px solid #fff!important;
		transform: translateY(-65%) rotate(45deg);
		transition: transform .2s ease;
	}
	.navbar .nav-item.has-submenu.mobile-expanded > .nav-link::after {
		transform: translateY(-25%) rotate(225deg);
	}
	.navbar .nav-item.has-submenu > .mobile-submenu-toggle {
		display: block!important;
		position: absolute;
		top: 0;
		right: 0;
		width: 64px;
		height: 100%;
		padding: 0;
		border: 0;
		background: transparent;
		opacity: 0;
		pointer-events: auto!important;
		z-index: 3;
		cursor: pointer;
	}
	.navbar .dropdown-item {
		color: #fff;
	}
}
@media (max-width: 1399px) {
	footer {
		height: 690px;
	}
	.footer-list {
		display: block;
		white-space: nowrap;
	}
	.footer-item {
		display: inline-block;
		vertical-align: top;
		padding-right: 61px
	}
	.footer-list .footer-item:first-child {
		display: block;
	}
	.footer-list .footer-item:last-child {
	 display: inline-block;
	}
}
@media (max-width: 1184px) {
	.footer-item {
		padding-right: 10px;
	}
	.footer-list {
		white-space: normal;
	}
	.footer-list .footer-item:nth-child(3) {
		min-width: 170px;
	}
	.footer-list .footer-item:last-child img {
	 	margin:0!important;
	}
	footer .pe-5 { 
		padding: 10px!important;
	}
	
}


      .custom-pagination {
        display: inline-flex;
        align-items: center;
        border-radius: 8px;
        padding: 0;
        border: 1px solid #d5d7da;
      }

      .custom-pagination-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: none;
        cursor: pointer;
        color: #535862;
        font-size: 14px;
        transition: background-color 0.2s;
        user-select: none;
        background-color: #fff;
      }

      .custom-pagination-button:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
      }

      .custom-pagination-button:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
      }

      .custom-pagination-button:hover:not(:disabled) {
        /* background-color: #e8e8e8; */
      }

      .custom-pagination-button:disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }

      .custom-pagination-page {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 36px;
        height: 36px;
        padding: 0 8px;
        background-color: #fff;
        border: none;

        border-right: 1px solid #e0e0e0;
        cursor: pointer;
        color: #535862;
        font-size: 14px;
        transition: background-color 0.2s;
        user-select: none;
      }

      .custom-pagination .custom-pagination-page:nth-child(2) {
        border-left: 1px solid #e0e0e0;
      }

      .custom-pagination-page:hover {
        background-color: #fafafa;
      }

      .custom-pagination-page.active {
        background-color: #fafafa;
        font-weight: 600;
        color: #252b37;
      }

      .custom-pagination-ellipsis {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 36px;
        height: 36px;
        padding: 0 8px;
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        color: #535862;
        font-size: 14px;
        user-select: none;
      }

      .custom-pagination-container {
        display: flex;
        justify-content: center;margin: 12px 0 16px;
      }

/* 页脚移动端布局 */
@media (max-width: 768px) {
	footer {
		height: auto!important;
		padding: 2rem 0 1rem!important;
	}
	footer > .container {
		width: 100%;
		padding: 0 1rem;
	}
	footer .footer-list {
		display: grid!important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: 1.25rem 0.75rem;
		white-space: normal!important;
	}
	footer .footer-list .footer-item {
		box-sizing: border-box;
		display: block!important;
		grid-column: span 1;
		min-width: 0;
		padding: 0!important;
		text-align: left;
	}
	footer .footer-list .footer-item:first-child {
		grid-column: 1 / -1;
		text-align: center;
	}
	footer .footer-logo {
		justify-content: center;
	}
	footer .footer-logo img {
		width: min(290px, 80vw)!important;
		height: auto;
	}
	footer .footer-list .footer-item:last-child {
		grid-column: 1 / -1;
		display: flex!important;
		justify-content: center;
		align-items: center;
		gap: 1rem;
		padding-top: 0.25rem!important;
	}
	footer .footer-list .footer-item:last-child img {
		width: 84px!important;
		height: 84px!important;
		margin: 0!important;
	}
	footer .footer-title {
		font-size: 0.9rem;
		margin-bottom: 0.35rem;
	}
	footer .footer-nav {
		margin: 0;
	}
	footer .footer-nav li {
		display: block!important;
		margin: 0 0 0.25rem!important;
	}
	footer .footer-sub-link {
		display: flex;
		justify-content: center;
		margin: 1.25rem 0 0;
		text-align: center!important;
	}
	footer .footer-sub-link .col {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 0.25rem 0.65rem;
	}
	footer .footer-sub-link span {
		padding: 0!important;
	}
	footer .pt-2.d-flex {
		display: grid!important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.5rem;
		align-items: start;
		padding-top: 1rem!important;
	}
	footer .pt-2.d-flex p {
		display: flex;
		flex-direction: column;
		align-items: center;
		min-width: 0;
		padding: 0!important;
		text-align: center;
		font-size: 0.72rem;
		line-height: 1.4;
		overflow-wrap: anywhere;
	}
	footer .pt-2.d-flex .footer-icon {
		width: 24px;
		height: 24px;
		margin: 0 0 0.35rem;
	}
	footer .footer-copyright {
		padding: 1.25rem 0 0!important;
		font-size: 0.7rem;
		line-height: 1.5;
		text-align: center!important;
	}
}

/* 统一普通页面移动端首图比例，与首页轮播保持一致 */
@media (max-width: 768px) {
	.common-banner {
		height: auto!important;
		aspect-ratio: 16 / 9;
		overflow: hidden;
	}
	.common-banner > img {
		display: block;
		width: 100%;
		height: 100%!important;
		object-fit: cover;
	}
}

/* 英文页脚：内容自适应高度，避免联系方式和版权被截断 */
.footer-en {
    height: auto;
    min-height: 526px;
    padding-bottom: 1.5rem;
}

/* Logo 固定最大尺寸，但不能超出所在列 */
.footer-en .footer-logo img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 英文桌面端页脚 */
@media (min-width: 1400px) {
    html[lang="en"] footer.footer-en .footer-list {
        display: grid;
        grid-template-columns:
            minmax(320px, 1.7fr)
            minmax(0, 0.9fr)
            minmax(0, 1.45fr)
            minmax(0, 1.4fr)
            minmax(0, 0.8fr)
            minmax(0, 1.00fr)
            minmax(0, 1.1fr)
            100px;
        column-gap: 1rem;
        align-items: start;
    }

    html[lang="en"] footer.footer-en .footer-list > .footer-item {
        min-width: 0;
        padding-right: 0;
    }

    html[lang="en"] footer.footer-en
    .footer-list > .footer-item:first-child {
        padding-right: 0;
    }
}

/* 英文长单词和长栏目名称允许换行 */
.footer-en .footer-title,
.footer-en .footer-nav a {
    overflow-wrap: anywhere;
}

/* 辅助链接空间不够时自动换行 */
.footer-en .footer-sub-link .col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
}

.footer-en .footer-sub-link span {
    padding: 0;
}

/* 地址、电话和邮箱自动换行，不向页脚外溢出 */
.footer-en .pt-2.d-flex {
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
}

.footer-en .pt-2.d-flex p {
    min-width: 0;
    padding: 0 !important;
    overflow-wrap: anywhere;
}

/* 原来的 5rem 间距太大，会把版权推到页脚外 */
.footer-en .footer-copyright {
    padding-top: 2rem;
    overflow-wrap: anywhere;
}

/* 英文页脚二维码改为竖排后，给联系方式和版权区保留适当的下方空间。 */
@media (min-width: 1400px) {
    html[lang="en"] footer.footer-en {
        height: 560px;
    }
}

@media (min-width: 769px) and (max-width: 1399px) {
    html[lang="en"] footer.footer-en {
        height: 720px;
    }
}