/* ==========================================================
   responsive-fixes.css
   模块：响应式兼容层
   作用：承接原页面后置补丁，保持移动端、页脚、section02、section03 等最终视觉一致
   说明：从原首页内联样式拆分，保留原视觉效果与响应式行为。
   ========================================================== */

/* 首页优化补丁 & 移动端完善：放在全部模块 CSS 之后，用于承接原页面最终覆盖规则。 */
html {
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}
body {
	min-width: 0;
	overflow-x: hidden;
}
#main, #luxy {
	width: 100%;
}
#main > div, #main > section {
	max-width: 100%;
}

/* 统一标题换行：移动端不强制保留 <br> 导致过窄 */
@media (max-width: 768px) {
#luxy {
	position: relative !important;
	transform: none !important;
}
.luxy-el {
	transform: none !important;
}
/* ========== 移动端导航 ========== */
.header-fixed {
	left: 0;
	transform: none;
	max-width: none;
	background: rgba(255,255,255,.96);
	box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.header-fixed .nav-main>li>a,  .header-fixed .top-right-tools .tel,  .header-fixed .lang-switch,  .header-fixed .search-icon {
	color: #000;
}
.header-fixed .mobile-menu-btn span {
	background: #000;
}
.nav-box {
	height: 64px;
}
.logo img {
	height: 38px;
}
.mobile-menu-btn {
	width: 30px;
	height: 23px;
}
.mobile-menu-btn span {
	height: 2px;
}
.mobile-nav {
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
	width: 100%;
	padding: 10px 18px 18px;
	max-height: calc(100vh - 64px);
	overflow-y: auto;
	box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.mobile-nav>li>a {
	padding: 13px 0;
	font-size: 16px;
}
.mobile-submenu {
	padding: 0 10px 10px;
}
.mobile-submenu li a {
	padding: 8px 0;
}
.mobile-top-tool {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.mobile-top-tool .tel,  .mobile-top-tool .lang-switch {
	color: #111;
	font-size: 14px;
}
/* ========== section01 Banner ========== */
.banner-wrap {
  height: calc(100vw * 900 / 1960);
  min-height: 0;
  max-height: none;
}
.banner-bg {
	object-position: center center;
}
.banner-text {
	width: 100%;
	max-width: 360px;
}
.item-1 .banner-text {
	top: 38%;
	left: 6%;
}
.item-2 .banner-text {
	top: 34%;
	left: 6%;
}
.item-3 .banner-text {
	top: 38%;
	left: 5%;
}
.item-4 .banner-text {
	top: 32%;
	left: 5%;
}
.banner-indicators {
	bottom: 18px;
}
/* ========== section02：移动端无 hover，直接展示详细信息 ========== */
#section02 {
	padding: 38px 0 62px;
}
#section02 .section-content {
	padding: 0 16px;
}
#section02 .section-header {
	margin-bottom: 28px;
}
#section02 .section-header .main-title {
	font-size: 22px;
	letter-spacing: 4px;
	line-height: 1.45;
	padding-bottom: 16px;
}
#section02 .section-header .main-title::after {
	width: 76px;
	height: 3px;
}
#section02 .section-header .en-title {
	display: block;
	font-size: 11px;
	line-height: 1.45;
	letter-spacing: .4px;
	color: #555;
	margin-top: 10px;
	padding: 0 6px;
	word-break: break-word;
}
#section02 .section-header .sub-desc {
	font-size: 14px;
	line-height: 1.75;
	margin-top: 14px;
	text-align: left;
}
#section02 .section-header .sub-desc br {
	display: none;
}
.row {
	gap: 18px;
}
.column {
	flex: 0 0 100%;
	max-width: 100%;
}
.effect-1 {
	min-height: 360px;
	height: auto;
	overflow: hidden;
	border-radius: 0;
}
.effect-1 .effect-img {
	position: absolute;
	inset: 0;
	height: 100%;
	background-size: cover;
}
.effect-1 .blue-layer,  .effect-1:hover .blue-layer {
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	transform: none;
	padding: 28px 18px;
	background: rgba(0,64,153,.78);
	justify-content: center;
}
.effect-1 .default-content {
	display: none;
}
.effect-1 .hover-content,  .effect-1:hover .hover-content {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	width: 100%;
	opacity: 1;
	pointer-events: auto;
	padding: 0;
}
.effect-1 .hover-content .hover-title-cn {
	font-size: 20px;
}
.effect-1 .hover-content .hover-title-en {
	font-size: 12px;
	margin: 2px 0 8px;
}
.effect-1 .hover-content .hover-list {
	font-size: 13px;
	line-height: 1.75;
	margin-bottom: 14px;
}
/* ========== section03：服务模式移动端优化 ========== */
.banner-7in1 .left {
	aspect-ratio: 716 / 670;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #020d20;
}
.banner-7in1 .middle-title {
	height: 68px;
}
.banner-7in1 .middle-title h1 {
	font-size: 22px;
	letter-spacing: 1px;
}
.banner-7in1 .right {
	padding: 24px 0 32px;
}
.banner-7in1 .grid {
	width: 92vw;
	height: auto;
	min-height: 420px;
	max-width: 430px;
	max-height: none;
}
.banner-7in1 .card {
	min-height: 210px;
	padding-top: 18px;
}
.banner-7in1 .desc p {
	white-space: normal;
}
/* ========== section04：产业/文章模块移动端优化 ========== */
#section04 {
	padding: 18px 0 24px;
}
.news-module {
	padding: 24px 16px 22px;
	border: none;
}
.module-header .main-title {
	font-size: 16px;
	letter-spacing: .5px;
	line-height: 1.7;
}
.module-header .main-title br {
	display: none;
}
.divider-bar {
	width: 76px;
	margin: 12px auto 22px;
}
.modules-grid {
	grid-template-columns: 1fr;
	gap: 16px;
}
.modules-grid .module-card:last-child {
	grid-column: auto;
}
.card-image {
	height: clamp(160px, 52vw, 260px);
}
.blue-bar {
	height: 42px;
}
.blue-bar .bar-title {
	font-size: 16px;
	letter-spacing: 2px;
}
.article-list {
	padding: 13px 14px 15px;
}
.article-list .list-item {
	font-size: 13px;
	line-height: 1.65;
}
/* ========== section05：培训表格改为移动端卡片 ========== */
#section05 {
	min-height: auto;
}
#section05 .parallax-bg {
	top: -20%;
	height: 140%;
}
#section05 .parallax-section {
	height: auto;
	min-height: 520px;
	padding: 42px 16px;
}
#section05 .parallax-section .content {
	height: auto;
	padding: 0;
}
#section05 .main-title {
	font-size: 20px;
	letter-spacing: 2px;
	margin-bottom: 12px;
}
#section05 .sub-title {
	font-size: 13px;
	line-height: 1.65;
	letter-spacing: .5px;
	margin-bottom: 18px;
}
#section05 .list-header {
	display: none;
}
#section05 .training-list {
	gap: 12px;
}
#section05 .training-item {
	display: block;
	padding: 13px 14px;
	border-radius: 8px;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.10);
}
#section05 .training-item:hover {
	transform: none;
}
#section05 .training-item .col-direction,  #section05 .training-item .col-time,  #section05 .training-item .col-info {
	display: block;
	text-align: left;
	padding: 0;
	font-size: 12px;
	line-height: 1.55;
}
#section05 .training-item .col-direction {
	font-size: 13px;
	margin-bottom: 8px;
}
#section05 .training-item .col-time {
	margin-bottom: 5px;
}
#section05 .training-item .col-direction::before,  #section05 .training-item .col-time::before,  #section05 .training-item .col-info::before {
	color: #c9a84c;
	font-weight: 600;
}
#section05 .training-item .col-direction::before {
	content: "专业方向：";
	display: block;
	margin-bottom: 3px;
}
#section05 .training-item .col-time::before {
	content: "时间安排：";
}
#section05 .training-item .col-info::before {
	content: "培训地点：";
}
/* ========== section06：资质轮播移动端优化 ========== */
#section06 {
	padding: 38px 0 48px;
}
#section06 .section-inner {
	padding: 0 14px;
}
#section06 .module-header {
	margin-bottom: 24px;
}
#section06 .module-header .main-title {
	font-size: 15px;
	letter-spacing: .8px;
	line-height: 1.75;
}
#section06 .divider-bar {
	width: 76px;
	margin-top: 16px;
}
#czizhi .swiper-container {
	height: 410px;
}
#czizhi .swiper-slide {
	width: min(72vw, 300px);
 height: min(calc(72vw * 1.414), 424px);
}
#czizhi .s-left,  #czizhi .s-right {
	width: 36px;
	height: 36px;
}
/* ========== 页脚移动端微调 ========== */
#site-footer .footer-wrap {
	padding: 0 18px;
}
#site-footer .city-row {
	justify-items: center;
}
#site-footer .city-item .icon img {
	margin: 0 auto;
}
}

@media (max-width: 480px) {
.banner-wrap {
  height: calc(100vw * 900 / 1960);
  min-height: 0;
  max-height: none;
}
.banner-text {
	width: 78%;
	max-width: 300px;
}
#section02 .section-header .main-title {
	font-size: 20px;
	letter-spacing: 2px;
}
.effect-1 {
	min-height: 340px;
}
.effect-1 .hover-content .hover-list {
	font-size: 12px;
	line-height: 1.65;
}
.banner-7in1 .grid {
	width: 94vw;
	min-height: 400px;
}
.banner-7in1 .card {
	min-height: 200px;
	padding: 14px 6px 0;
}
.banner-7in1 .icon img {
	width: 32px;
}
.banner-7in1 .title a {
	font-size: 15px;
}
.banner-7in1 .desc p {
	font-size: 11px;
	line-height: 1.65;
}
#section05 .parallax-section {
	min-height: 560px;
	padding: 36px 12px;
}
#section05 .main-title {
	font-size: 17px;
}
#czizhi .swiper-container {
	height: 360px;
}
#czizhi .swiper-slide {
	width: 72vw;
 height: calc(72vw * 1.414);
}
#site-footer .city-row {
	grid-template-columns: repeat(2, 1fr);
}
}

/* ========== 移动端页脚城市图标：两行三列，居中对齐 ========== */
@media (max-width: 768px) {
#site-footer .city-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-items: center;
	align-items: center;
	gap: 18px 10px;
	width: 100%;
}
#site-footer .city-item {
	width: 100%;
	text-align: center;
}
#site-footer .city-item .icon img {
	width: 84px;
	margin: 0 auto;
}
}

@media (max-width: 380px) {
#site-footer .city-row {
	grid-template-columns: repeat(3, 1fr);
	gap: 14px 6px;
}
#site-footer .city-item .icon img {
	width: 74px;
}
}

/* 滚动条美化 */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.02);
}
::-webkit-scrollbar-thumb {
background: rgba(26, 42, 94, 0.25);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(26, 42, 94, 0.40);
}
/* ===== 通用占位 ===== */
.header-gap {
	display: none;
}

/* ==========================================================
   最新移动端修正：section02 英文标题位置、section03 左图居中、页脚图标/邮箱居中
   ========================================================== */
@media (max-width: 768px) {
/* 1. section03 左侧脑图：移动端背景图居中完整显示 */
.banner-7in1 .left {
	background-position: center center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-color: #020d20;
}
/* 2. section02 英文标题：显示在中文标题下方、蓝色装饰条上方 */
#section02 .section-header .main-title {
	display: block;
	padding-bottom: 0 !important;
	margin-bottom: 8px;
}
#section02 .section-header .main-title::after {
	display: none !important;
	content: none !important;
}
#section02 .section-header .en-title {
	display: block !important;
	font-size: 12px !important;
	line-height: 1.45;
	color: rgba(0, 0, 0, 0.58) !important;
	letter-spacing: 0.6px;
	margin: 0 auto 14px !important;
	max-width: 92%;
	word-break: normal;
}
#section02 .section-header .en-title::after {
	content: '';
	display: block;
	width: 70px;
	height: 3px;
	background: #004099;
	border-radius: 2px;
	margin: 14px auto 0;
}
#section02 .section-header .sub-desc {
	margin-top: 16px !important;
}
/* 页脚信息区：移动端整体居中对齐 */
#site-footer .footer-info {
	width: 100%;
	text-align: center !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#site-footer .tel-row,  #site-footer .address-row,  #site-footer .address-row > div,  #site-footer .address-row > div:nth-child(1),  #site-footer .address-row > div:nth-child(2) {
	width: 100%;
	text-align: center !important;
}
#site-footer .address-row {
	justify-items: center !important;
}
/* 3. 页脚城市图标：移动端两行三列，图片在各自格子中居中 */
#site-footer .city-row {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	justify-items: center !important;
	align-items: center !important;
	gap: 18px 10px !important;
	width: 100%;
}
#site-footer .city-item {
	width: 100%;
	text-align: center !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
#site-footer .city-item .icon {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}
#site-footer .city-item .icon img {
	width: 84px;
	height: auto;
	margin: 0 auto !important;
}
/* 4. 页脚邮箱：移动端三行居中显示 */
#site-footer .email-row {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 8px !important;
	justify-items: center !important;
	align-items: center !important;
	text-align: center !important;
	width: 100%;
	margin-bottom: 22px;
}
#site-footer .email-row > div,  #site-footer .email-row > div:nth-child(1),  #site-footer .email-row > div:nth-child(2),  #site-footer .email-row > div:nth-child(3) {
	width: 100%;
	text-align: center !important;
}
}

@media (max-width: 380px) {
#site-footer .city-row {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 14px 6px !important;
}
#site-footer .city-item .icon img {
	width: 74px;
}
}
/* ==========================================================
   导航 LOGO 响应式保护补丁
   解决：浏览器未进入移动版时，PC 导航内容挤压导致左上角 LOGO 变小或不显示。
   原因：.logo 作为 flex 子项默认允许收缩，且全局 img { max-width:100%; } 会跟随父级被压缩。
   ========================================================== */
.header-fixed .nav-box {
	gap: clamp(18px, 2vw, 42px);
}
.header-fixed .logo {
	flex: 0 0 auto;
	min-width: 176px;
	max-width: 260px;
}
.header-fixed .logo picture {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}
.header-fixed .logo img {
	width: auto;
	height: 58px;
	max-width: none;
	flex: 0 0 auto;
}
.header-fixed .nav-right-wrap {
	flex: 1 1 auto;
	min-width: 0;
}
.header-fixed .nav-wrap, .header-fixed .nav-main {
	gap: clamp(20px, 2.2vw, 46px);
}

/* 中等桌面宽度：不切移动版，但压缩导航间距和字号，保证 LOGO 不被挤压 */
@media screen and (max-width: 1360px) and (min-width: 1201px) {
.header-fixed .nav-inner-1440 {
	padding: 0 18px;
}
.header-fixed .logo {
	min-width: 160px;
}
.header-fixed .logo img {
	height: 50px;
}
.header-fixed .nav-wrap,  .header-fixed .nav-main {
	gap: 24px;
}
.header-fixed .nav-main > li {
	padding-left: 4px;
	padding-right: 4px;
}
.header-fixed .nav-main > li > a,  .header-fixed .top-right-tools .tel,  .header-fixed .lang-switch {
	font-size: 15px;
}
.header-fixed .top-right-tools {
	gap: 18px;
}
}

/* 导航专用断点：1200px 以下提前切换移动导航，避免 PC 菜单继续挤压 LOGO */
@media screen and (max-width: 1200px) {
.header-fixed {
	left: 0;
	transform: none;
	max-width: none;
	background: rgba(255,255,255,.96);
	box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.header-fixed .nav-box {
	height: 64px;
}
.header-fixed .logo {
	min-width: auto;
	max-width: none;
}
.header-fixed .logo img {
	height: 38px;
	max-width: none;
}
.header-fixed .nav-right-wrap {
	display: none;
}
.header-fixed .mobile-menu-btn {
	display: flex;
	width: 30px;
	height: 23px;
}
.header-fixed .mobile-menu-btn span {
	height: 2px;
	background: #000;
}
.header-fixed .mobile-nav {
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff;
	padding: 10px 18px 18px;
	max-height: calc(100vh - 64px);
	overflow-y: auto;
	box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.header-fixed .mobile-nav > li > a {
	padding: 13px 0;
	font-size: 16px;
	color: #000;
}
.header-fixed .mobile-submenu {
	padding: 0 10px 10px;
}
.header-fixed .mobile-submenu li a {
	padding: 8px 0;
}
.header-fixed .mobile-top-tool {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.header-fixed .mobile-top-tool .tel,  .header-fixed .mobile-top-tool .lang-switch {
	color: #111;
	font-size: 14px;
}
}
/* ==========================================================
   二次本地修改适配补丁
   1）移动端导航完整同步 PC 二级导航内容
   2）section03 四宫格卡片增加内容后的桌面/移动端适配
   3）页脚地址 PC 左对齐并保持 200px 间距，移动端继续居中
   ========================================================== */

/* 移动端完整二级导航显示样式 */
.header-fixed .mobile-submenu .mobile-submenu-title {
	font-size: 14px;
	color: #004099;
	font-weight: 700;
	line-height: 1.5;
	padding: 12px 0 6px;
	margin-top: 8px;
	border-top: 1px solid #eef2f7;
}
.header-fixed .mobile-submenu .mobile-submenu-title:first-child {
	margin-top: 0;
	border-top: none;
}
.header-fixed .mobile-submenu li a {
	line-height: 1.55;
}

/* section02 三张悬浮卡片：内容增加后的安全高度与字号 */
@media screen and (min-width: 768px) {
.effect-1 {
	min-height: 420px;
	max-height: none;
}
.effect-1 .hover-content {
	width: 92%;
}
.effect-1 .hover-content .hover-title-cn {
	font-size: 18px;
}
.effect-1 .hover-content .hover-title-en {
	font-size: 12px;
	margin-bottom: 6px;
}
.effect-1 .hover-content .hover-list {
	font-size: 16px;
	line-height: 1.80;
	margin-bottom: 0;
}
}

@media screen and (max-width: 767px) {
.effect-1 {
	min-height: 390px;
}
.effect-1 .blue-layer,  .effect-1:hover .blue-layer {
	padding: 24px 18px;
}
.effect-1 .hover-content .hover-list {
	font-size: 13px;
	line-height: 1.58;
	margin-bottom: 0;
}
}
/* section03 四宫格：内容增加后压缩图标、标题、说明行距，避免文字顶到十字线 */
.banner-7in1 .grid {
 --card-top: calc(var(--grid-size) * 0.0336);      /* 18 / 536 */
 --line-gap: calc(var(--grid-size) * 0.0448);      /* 24 / 536 */
 --outer-gap: calc(var(--grid-size) * 0.1045);     /* 56 / 536 */
 --right-gap: calc(var(--grid-size) * 0.0373);     /* 20 / 536 */
 --icon-size: calc(var(--grid-size) * 0.0784);     /* 42 / 536 */
 --title-size: calc(var(--grid-size) * 0.0410);    /* 22 / 536 */
 --desc-size: calc(var(--grid-size) * 0.0299);     /* 16 / 536 */
}
.banner-7in1 .icon {
 margin-bottom: calc(var(--grid-size) * 0.0149);   /* 8 / 536 */
}
.banner-7in1 .title {
 margin-bottom: calc(var(--grid-size) * 0.0149);   /* 8 / 536 */
}
.banner-7in1 .desc p {
	line-height: 1.65;
}

@media (max-width: 768px) {
.banner-7in1 .grid {
	width: 94vw;
	max-width: 430px;
	min-height: 460px;
}
.banner-7in1 .card {
	min-height: 230px;
	padding-top: 16px;
}
.banner-7in1 .desc p {
	font-size: 12px;
	line-height: 1.55;
	white-space: normal;
}
}
/* 页脚地址：PC 左对齐，两个地址之间固定 200px；移动端继续居中 */
#site-footer .address-row {
	display: flex !important;
	grid-template-columns: none !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	gap: 200px !important;
	margin-right: 0 !important;
}
#site-footer .address-row > div, #site-footer .address-row > div:nth-child(1), #site-footer .address-row > div:nth-child(2) {
	width: auto !important;
	text-align: left !important;
}

@media (max-width: 1024px) {
#site-footer .address-row {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-right: 0 !important;
}
#site-footer .address-row > div,  #site-footer .address-row > div:nth-child(1),  #site-footer .address-row > div:nth-child(2) {
	width: 100% !important;
	text-align: center !important;
}
}

/* ==========================================================
   section03 四宫格最终补丁：PC 描述文字固定 16px 后的整体适配
   说明：
   1）1025px 及以上按 PC 横向版显示，.desc p 固定 16px；
   2）同步调整四宫格最小尺寸、图标、标题、间距和行高，避免内容增加后挤压十字线；
   3）769px-1024px 使用平板纵向版，避免横向空间不足；
   4）768px 以下继续沿用移动端逻辑。
   ========================================================== */
@media (min-width: 1025px) {
.banner-7in1 .grid {
 --grid-size: clamp(430px, 27.35vw, 536px);
 --card-top: clamp(12px, calc(var(--grid-size) * 0.0280), 18px);
 --line-gap: clamp(18px, calc(var(--grid-size) * 0.0448), 24px);
 --outer-gap: clamp(36px, calc(var(--grid-size) * 0.0950), 56px);
 --right-gap: clamp(16px, calc(var(--grid-size) * 0.0373), 20px);
 --icon-size: clamp(34px, calc(var(--grid-size) * 0.0784), 42px);
 --title-size: clamp(18px, calc(var(--grid-size) * 0.0410), 22px);
}
.banner-7in1 .card {
	padding-top: var(--card-top);
	min-width: 0;
	overflow: hidden;
}
.banner-7in1 .icon {
 margin-bottom: clamp(5px, calc(var(--grid-size) * 0.0120), 7px);
}
.banner-7in1 .title {
 margin-bottom: clamp(5px, calc(var(--grid-size) * 0.0120), 7px);
}
.banner-7in1 .title a {
	font-size: var(--title-size);
	line-height: 1.2;
 letter-spacing: clamp(1px, calc(var(--grid-size) * 0.0037), 2px);
}
.banner-7in1 .desc p {
	font-size: 16px;
	line-height: 1.55;
	white-space: nowrap;
}
}

@media (max-width: 1440px) and (min-width: 1025px) {
.banner-7in1 {
	min-height: 520px;
}
.banner-7in1 .left,  .banner-7in1 .middle-title {
	min-height: 520px;
}
.banner-7in1 .right {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 44px 32px 0;
}
.banner-7in1 .middle-title h1 {
	font-size: clamp(28px, 2vw, 40px);
}
}

@media (max-width: 1024px) and (min-width: 769px) {
.banner-7in1 {
	width: 100%;
	height: auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow: visible;
	background: #020d20;
}
.banner-7in1 .left {
	width: 100%;
	height: auto;
	min-height: 0;
	aspect-ratio: 16 / 7;
	background-position: center center;
	background-size: cover;
}
.banner-7in1 .middle-title {
	width: 100%;
	height: 82px;
	min-height: 0;
	flex-shrink: 0;
}
.banner-7in1 .middle-title h1 {
	writing-mode: horizontal-tb;
	text-orientation: mixed;
	font-size: 26px;
	line-height: 1.2;
	letter-spacing: 2px;
}
.banner-7in1 .right {
	width: 100%;
	flex: none;
	display: block;
	padding: 34px 0 42px;
	background-position: center center;
	background-size: cover;
}
.banner-7in1 .grid {
 --grid-size: 430px;
	width: min(92vw, 430px);
	height: auto;
	min-height: 460px;
	max-width: 430px;
	max-height: none;
	margin: 0 auto;
}
.banner-7in1 .card {
	min-height: 230px;
	padding: 16px 10px 0;
	text-align: center !important;
	overflow: hidden;
}
.banner-7in1 .card:nth-child(1),  .banner-7in1 .card:nth-child(2),  .banner-7in1 .card:nth-child(3),  .banner-7in1 .card:nth-child(4) {
	padding-left: 10px;
	padding-right: 10px;
}
.banner-7in1 .card:nth-child(1) .icon,  .banner-7in1 .card:nth-child(2) .icon,  .banner-7in1 .card:nth-child(3) .icon,  .banner-7in1 .card:nth-child(4) .icon {
	justify-content: center;
}
.banner-7in1 .icon {
	margin-bottom: 7px;
}
.banner-7in1 .icon img {
	width: 36px;
}
.banner-7in1 .title {
	margin-bottom: 7px;
}
.banner-7in1 .title a {
	font-size: 18px;
	line-height: 1.25;
	letter-spacing: 1px;
}
.banner-7in1 .desc p {
	font-size: 14px;
	line-height: 1.55;
	white-space: normal;
}
}

/* ==========================================================
   section03 四宫格文字对齐补丁
   说明：PC 端左侧两个 card 的说明文字右对齐，右侧两个 card 左对齐；
   解决“组织设计与职业发展体系”等较长文字没有贴右对齐的问题。
   ========================================================== */
@media (min-width: 1025px) {
#section03 .banner-7in1 .card:nth-child(1),  #section03 .banner-7in1 .card:nth-child(3) {
	text-align: right !important;
}
#section03 .banner-7in1 .card:nth-child(1) .desc,  #section03 .banner-7in1 .card:nth-child(1) .desc p,  #section03 .banner-7in1 .card:nth-child(3) .desc,  #section03 .banner-7in1 .card:nth-child(3) .desc p {
	width: 100%;
	display: block;
	text-align: right !important;
}
#section03 .banner-7in1 .card:nth-child(2),  #section03 .banner-7in1 .card:nth-child(4) {
	text-align: left !important;
}
#section03 .banner-7in1 .card:nth-child(2) .desc,  #section03 .banner-7in1 .card:nth-child(2) .desc p,  #section03 .banner-7in1 .card:nth-child(4) .desc,  #section03 .banner-7in1 .card:nth-child(4) .desc p {
	width: 100%;
	display: block;
	text-align: left !important;
}
}

@media (max-width: 1024px) {
#section03 .banner-7in1 .card,  #section03 .banner-7in1 .card .desc,  #section03 .banner-7in1 .card .desc p {
	text-align: center !important;
}
}

/* ==========================================================
   section03 固定设计画布 + 整体缩放最终方案（desc 19px / line-height 2.0 版）
   说明：PC端不再让四宫格内部元素分别使用 vw / clamp 重算，
   而是以 1960×720 设计稿为固定画布整体缩放。
   这样在不同分辨率、浏览器缩放比例下，十字线、文字、图标、间距关系保持不变。
   ========================================================== */
@media (min-width: 769px) {
#section03 {
 --section03-scale: 1;
	position: relative !important;
	z-index: 10 !important;
	width: 100% !important;
	max-width: 100% !important;
 height: calc(720px * var(--section03-scale)) !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 auto !important;
	overflow: hidden !important;
	background: #061329 !important;
}
#section03 .banner-7in1 {
	width: 1960px !important;
	height: 720px !important;
	max-width: none !important;
	min-width: 1960px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	z-index: 10 !important;
	overflow: hidden !important;
	background: #020d20 !important;
	transform-origin: top center !important;
	transform: translateX(-50%) scale(var(--section03-scale)) !important;
}
#section03 .banner-7in1 .left {
	width: 716px !important;
	height: 720px !important;
	flex: 0 0 716px !important;
	background: url('../../images/qw1.jpg') center center no-repeat !important;
	background-size: cover !important;
}
#section03 .banner-7in1 .middle-title {
	width: 190px !important;
	height: 720px !important;
	flex: 0 0 190px !important;
	background: #082b73 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
#section03 .banner-7in1 .middle-title h1 {
	writing-mode: vertical-rl !important;
	text-orientation: upright !important;
	color: #f3b13f !important;
	font-size: 40px !important;
	font-family: "SimSun", "STSong", serif !important;
	letter-spacing: 8px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	margin: 0 !important;
}
#section03 .banner-7in1 .right {
	width: 1054px !important;
	height: 720px !important;
	flex: 0 0 1054px !important;
	padding: 52px 264px 0 150px !important;
	background: url('../../images/qw3.jpg') center center no-repeat !important;
	background-size: cover !important;
}
#section03 .banner-7in1 .grid {
	width: 640px !important;
	height: 640px !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	position: relative !important;
	display: grid !important;
	grid-template-columns: 320px 320px !important;
	grid-template-rows: 320px 320px !important;
 --grid-size: 640px !important;
 --card-top: 16px !important;
 --line-gap: 28px !important;
 --outer-gap: 70px !important;
 --right-gap: 20px !important;
 --icon-size: 48px !important;
 --title-size: 24px !important;
 --desc-size: 19px !important;
}
#section03 .banner-7in1 .grid::before {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 0 !important;
	width: 1px !important;
	height: 100% !important;
	background: rgba(255, 255, 255, 0.75) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}
#section03 .banner-7in1 .grid::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 0 !important;
	width: 100% !important;
	height: 1px !important;
	background: rgba(255, 255, 255, 0.75) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}
#section03 .banner-7in1 .card {
	padding-top: 16px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	position: relative !important;
	z-index: 3 !important;
	transform: none !important;
}
#section03 .banner-7in1 .card:nth-child(1),  #section03 .banner-7in1 .card:nth-child(3) {
	padding-left: 70px !important;
	padding-right: 28px !important;
	text-align: right !important;
}
#section03 .banner-7in1 .card:nth-child(2),  #section03 .banner-7in1 .card:nth-child(4) {
	padding-left: 27px !important;
	padding-right: 20px !important;
	text-align: left !important;
}
#section03 .banner-7in1 .icon {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	margin-bottom: 8px !important;
}
#section03 .banner-7in1 .card:nth-child(1) .icon,  #section03 .banner-7in1 .card:nth-child(3) .icon {
	justify-content: flex-end !important;
}
#section03 .banner-7in1 .card:nth-child(2) .icon,  #section03 .banner-7in1 .card:nth-child(4) .icon {
	justify-content: flex-start !important;
}
#section03 .banner-7in1 .icon img {
	width: 48px !important;
	height: auto !important;
	max-width: none !important;
	display: block !important;
}
#section03 .banner-7in1 .title {
	width: 100% !important;
	margin-bottom: 6px !important;
}
#section03 .banner-7in1 .title a {
	color: #ffffff !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	letter-spacing: 2px !important;
	white-space: nowrap !important;
}
#section03 .banner-7in1 .title a:hover {
	color: #f0cb58 !important;
}
#section03 .banner-7in1 .desc {
	width: 100% !important;
	display: block !important;
}
#section03 .banner-7in1 .desc p {
	width: 100% !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 19px !important;
	line-height: 2.0 !important;
	white-space: nowrap !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}
#section03 .banner-7in1 .card:nth-child(1) .title,  #section03 .banner-7in1 .card:nth-child(1) .title a,  #section03 .banner-7in1 .card:nth-child(1) .desc,  #section03 .banner-7in1 .card:nth-child(1) .desc p,  #section03 .banner-7in1 .card:nth-child(3) .title,  #section03 .banner-7in1 .card:nth-child(3) .title a,  #section03 .banner-7in1 .card:nth-child(3) .desc,  #section03 .banner-7in1 .card:nth-child(3) .desc p {
	text-align: right !important;
}
#section03 .banner-7in1 .card:nth-child(2) .title,  #section03 .banner-7in1 .card:nth-child(2) .title a,  #section03 .banner-7in1 .card:nth-child(2) .desc,  #section03 .banner-7in1 .card:nth-child(2) .desc p,  #section03 .banner-7in1 .card:nth-child(4) .title,  #section03 .banner-7in1 .card:nth-child(4) .title a,  #section03 .banner-7in1 .card:nth-child(4) .desc,  #section03 .banner-7in1 .card:nth-child(4) .desc p {
	text-align: left !important;
}
}

@media (max-width: 768px) {
#section03 {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}
#section03 .banner-7in1 {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	margin: 0 !important;
	transform: none !important;
	transform-origin: initial !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: visible !important;
}
#section03 .banner-7in1 .left {
	width: 100% !important;
	height: auto !important;
	flex: none !important;
	aspect-ratio: 716 / 670 !important;
	background-position: center center !important;
	background-size: cover !important;
}
#section03 .banner-7in1 .middle-title {
	width: 100% !important;
	height: 76px !important;
	flex: none !important;
}
#section03 .banner-7in1 .middle-title h1 {
	writing-mode: horizontal-tb !important;
	text-orientation: mixed !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
	letter-spacing: 2px !important;
}
#section03 .banner-7in1 .right {
	width: 100% !important;
	height: auto !important;
	flex: none !important;
	padding: 28px 0 36px !important;
	background-position: center center !important;
	background-size: cover !important;
}
#section03 .banner-7in1 .grid {
	width: 92vw !important;
	height: 92vw !important;
	max-width: 420px !important;
	max-height: 420px !important;
	margin: 0 auto !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: 1fr 1fr !important;
}
#section03 .banner-7in1 .card {
	padding: 20px 8px 0 !important;
	text-align: center !important;
	overflow: hidden !important;
}
#section03 .banner-7in1 .card .icon {
	justify-content: center !important;
}
#section03 .banner-7in1 .icon img {
	width: 40px !important;
}
#section03 .banner-7in1 .title a {
	font-size: 18px !important;
	line-height: 1.25 !important;
	letter-spacing: 1px !important;
}
#section03 .banner-7in1 .desc,  #section03 .banner-7in1 .desc p {
	width: 100% !important;
	text-align: center !important;
}
#section03 .banner-7in1 .desc p {
	font-size: 13px !important;
	line-height: 1.65 !important;
	white-space: normal !important;
}
}

/* ==========================================================
   section02 卡片图片尺寸修正
   说明：
   1. PC/平板端让 .effect-1 按背景图设计比例显示，避免父级背景色大于图片。
   2. .effect-img 改为绝对定位铺满卡片，图片使用 cover 填满卡片区域。
   3. 移动端保留原有安全高度，避免文字内容过多时被压缩。
   ========================================================== */
@media screen and (min-width: 768px) {
#section02 .lan3 .effect-1 {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	aspect-ratio: 4 / 3;
	overflow: hidden !important;
	background: transparent !important;
}
#section02 .lan3 .effect-1 .effect-img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	z-index: 1;
}
#section02 .lan3 .effect-1 .effect-img::after {
	z-index: 2;
}
#section02 .lan3 .effect-1 .blue-layer {
	z-index: 3;
}
}

@media screen and (max-width: 767px) {
#section02 .lan3 .effect-1 {
	background: transparent !important;
	overflow: hidden !important;
}
#section02 .lan3 .effect-1 .effect-img {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
}

/* ==========================================================
   section02 蓝色标题框下溢 30px 修正
   说明：
   1. .effect-1 只作为图片视觉区域，尺寸与 .effect-img 背景图片一致。
   2. 默认状态下蓝色标题框向下溢出图片 30px。
   3. 父级允许溢出显示，避免标题框被裁切。
   4. 悬停时蓝色层仍然回到图片区域内并覆盖整张图片。
   ========================================================== */
@media screen and (min-width: 768px) {
#section02 .lan3 .row {
	align-items: flex-start;
	padding-bottom: 30px;
}
#section02 .lan3 .column {
	overflow: visible !important;
}
#section02 .lan3 .effect-1 {
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	aspect-ratio: 4 / 3;
	overflow: visible !important;
	background: transparent !important;
}
#section02 .lan3 .effect-1 .effect-img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	z-index: 1;
}
#section02 .lan3 .effect-1 .effect-img::after {
	z-index: 2;
}
#section02 .lan3 .effect-1 .blue-layer {
	bottom: -30px !important;
	z-index: 3;
	overflow: hidden !important;
}
#section02 .lan3 .effect-1:hover .blue-layer {
	width: 100% !important;
	height: 100% !important;
	bottom: 0 !important;
	left: 0 !important;
	transform: translateX(0) !important;
}
}

@media screen and (max-width: 767px) {
#section02 .lan3 .row {
	padding-bottom: 25px;
}
#section02 .lan3 .column {
	overflow: visible !important;
}
#section02 .lan3 .effect-1 {
	overflow: visible !important;
	background: transparent !important;
}
#section02 .lan3 .effect-1 .effect-img {
	overflow: hidden !important;
}
#section02 .lan3 .effect-1 .blue-layer {
	bottom: -25px !important;
}
#section02 .lan3 .effect-1:hover .blue-layer {
	bottom: 0 !important;
}
}

/* ==========================================================
   section02 移动端取消 hover / 点击动效补丁
   说明：
   1. 768px 以下不再加载 i18x.png / i19x.png / i20x.png 悬停背景。
   2. 默认状态下半透明蓝色层直接铺满整张图片。
   3. 手机端点击、触摸、hover 都不触发覆盖层展开动画。
   4. 手机端默认直接显示 .hover-content 详细内容。
   ========================================================== */
@media screen and (max-width: 767px) {
#section02 .lan3 .row {
	padding-bottom: 0 !important;
}
#section02 .lan3 .column {
	overflow: hidden !important;
}
 #section02 .lan3 .effect-1,  #section02 .lan3 .effect-1:hover,  #section02 .lan3 .effect-1:active,  #section02 .lan3 .effect-1:focus,  #section02 .lan3 .effect-1:focus-within {
 overflow: hidden !important;
 background: transparent !important;
 box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
 transform: none !important;
 transition: none !important;
}
#section02 .lan3 .effect-1 .effect-img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	z-index: 1 !important;
}
 #section02 .lan3 .effect-1 .blue-layer,  #section02 .lan3 .effect-1:hover .blue-layer,  #section02 .lan3 .effect-1:active .blue-layer,  #section02 .lan3 .effect-1:focus .blue-layer,  #section02 .lan3 .effect-1:focus-within .blue-layer {
 position: absolute !important;
 top: 0 !important;
 right: 0 !important;
 bottom: 0 !important;
 left: 0 !important;
 width: 100% !important;
 height: 100% !important;
 transform: none !important;
 background: rgba(0, 64, 153, 0.58) !important;
 background-image: none !important;
 z-index: 3 !important;
 overflow: hidden !important;
 transition: none !important;
 backdrop-filter: none !important;
}
 #section02 .lan3 .effect-1.card-1:hover .blue-layer,  #section02 .lan3 .effect-1.card-2:hover .blue-layer,  #section02 .lan3 .effect-1.card-3:hover .blue-layer,  #section02 .lan3 .effect-1.card-1:active .blue-layer,  #section02 .lan3 .effect-1.card-2:active .blue-layer,  #section02 .lan3 .effect-1.card-3:active .blue-layer,  #section02 .lan3 .effect-1.card-1:focus .blue-layer,  #section02 .lan3 .effect-1.card-2:focus .blue-layer,  #section02 .lan3 .effect-1.card-3:focus .blue-layer,  #section02 .lan3 .effect-1.card-1:focus-within .blue-layer,  #section02 .lan3 .effect-1.card-2:focus-within .blue-layer,  #section02 .lan3 .effect-1.card-3:focus-within .blue-layer {
 background: rgba(0, 64, 153, 0.58) !important;
 background-image: none !important;
}
 #section02 .lan3 .effect-1 .default-content,  #section02 .lan3 .effect-1:hover .default-content,  #section02 .lan3 .effect-1:active .default-content,  #section02 .lan3 .effect-1:focus .default-content,  #section02 .lan3 .effect-1:focus-within .default-content {
 display: none !important;
 opacity: 0 !important;
 pointer-events: none !important;
 transition: none !important;
}
 #section02 .lan3 .effect-1 .hover-content,  #section02 .lan3 .effect-1:hover .hover-content,  #section02 .lan3 .effect-1:active .hover-content,  #section02 .lan3 .effect-1:focus .hover-content,  #section02 .lan3 .effect-1:focus-within .hover-content {
 display: block !important;
 opacity: 1 !important;
 pointer-events: none !important;
 transition: none !important;
 position: absolute !important;
 top: 50% !important;
 left: 50% !important;
 transform: translate(-50%, -50%) !important;
 width: 88% !important;
 max-width: 88% !important;
 padding: 0 !important;
 text-align: center !important;
 z-index: 4 !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-title-cn {
	font-size: 18px !important;
	line-height: 1.25 !important;
	margin-bottom: 2px !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-title-en {
	font-size: 12px !important;
	line-height: 1.25 !important;
	margin-bottom: 6px !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-list {
	font-size: 12px !important;
	line-height: 1.65 !important;
	margin-bottom: 0 !important;
	letter-spacing: 0 !important;
}
}

@media screen and (max-width: 380px) {
#section02 .lan3 .effect-1 .hover-content .hover-title-cn {
	font-size: 16px !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-title-en {
	font-size: 11px !important;
	margin-bottom: 4px !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-list {
	font-size: 11px !important;
	line-height: 1.55 !important;
}
}
/* ==========================================================
   2026-06-30 细节调整补丁
   1. PC端隐藏 section02 “了解详情”按钮。
   2. 手机端显示 section02 “了解详情”按钮，并放大 hover-content 文字一号。
   3. PC端与手机端均缩小 section02 与 section03 的模块间距 30px。
   ========================================================== */
#section02 {
	padding-bottom: 80px !important;
}

@media screen and (min-width: 768px) {
#section02 .lan3 .effect-1 .hover-content .hover-btn {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}
}

@media screen and (max-width: 767px) {
#section02 {
	padding-bottom: 20px !important;
}
 #section02 .lan3 .effect-1 .hover-content,  #section02 .lan3 .effect-1:hover .hover-content,  #section02 .lan3 .effect-1:active .hover-content,  #section02 .lan3 .effect-1:focus .hover-content,  #section02 .lan3 .effect-1:focus-within .hover-content {
 pointer-events: auto !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-title-cn {
	font-size: 19px !important;
	line-height: 1.25 !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-title-en {
	font-size: 13px !important;
	line-height: 1.25 !important;
	margin-bottom: 6px !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-list {
	font-size: 13px !important;
	line-height: 1.7 !important;
	margin-bottom: 8px !important;
	letter-spacing: 0 !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-btn {
	display: inline-block !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	padding: 6px 20px !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	margin-top: 4px !important;
	background: #f0b652 !important;
	color: #004099 !important;
	border-radius: 30px !important;
	transition: none !important;
	transform: none !important;
}
}

@media screen and (max-width: 380px) {
#section02 .lan3 .effect-1 .hover-content .hover-title-cn {
	font-size: 17px !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-title-en {
	font-size: 12px !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-list {
	font-size: 12px !important;
	line-height: 1.6 !important;
	margin-bottom: 6px !important;
}
#section02 .lan3 .effect-1 .hover-content .hover-btn {
	font-size: 13px !important;
	padding: 5px 16px !important;
}
}

/* ==========================================================
   页脚地址对齐补丁：
   取消“两个地址之间固定 200px”；
   PC端让“北京培训基地”与“媒体采访”位于同一列；
   移动端继续沿用居中显示。
   ========================================================== */
@media (min-width: 1025px) {
    #site-footer .email-row,
    #site-footer .address-row {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
        margin-right: 0 !important;
        align-items: center !important;
    }

    #site-footer .email-row > div,
    #site-footer .address-row > div {
        width: auto !important;
    }

    #site-footer .email-row > div:nth-child(1),
    #site-footer .address-row > div:nth-child(1) {
        grid-column: 1 !important;
        text-align: left !important;
    }

    #site-footer .email-row > div:nth-child(2),
    #site-footer .address-row > div:nth-child(2) {
        grid-column: 2 !important;
        text-align: left !important;
    }

    #site-footer .email-row > div:nth-child(3) {
        grid-column: 3 !important;
        text-align: left !important;
    }
}


/* ==========================================================
   移动端隐藏语言切换按钮
   说明：手机端不显示“中|EN”切换按钮，PC端不受影响。
   ========================================================== */
@media screen and (max-width: 768px) {
    .mobile-top-tool .lang-switch,
    .header-fixed .mobile-top-tool .lang-switch {
        display: none !important;
    }
}

/* ==========================================================
   首页 Banner 移动端等比例修正（最终覆盖）
   设计尺寸：1960 × 900
   说明：
   1. 手机端 Banner 高度按照图片宽高比自动计算；
   2. 取消 100vh、72vh、66vh 和最小高度限制；
   3. 轮播容器、图片和每一帧保持相同高度；
   4. 图片不变形，不再出现超高竖向裁切。
   ========================================================== */
@media screen and (max-width: 768px) {
  #section01.design-scale-section--banner,
  #section01,
  #section01 .bg-section,
  #section01 .banner-wrap,
  #section01 .banner-slider,
  #section01 .banner-item {
    width: 100% !important;
    height: calc(100vw * 900 / 1960) !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  #section01.design-scale-section--banner,
  #section01 {
    aspect-ratio: 1960 / 900 !important;
    overflow: hidden !important;
  }

  #section01 .bg-section {
    position: relative !important;
    inset: auto !important;
  }

  #section01 .banner-wrap {
    aspect-ratio: 1960 / 900 !important;
    overflow: hidden !important;
  }

  #section01 .banner-slider {
    position: relative !important;
  }

  #section01 .banner-item {
    position: absolute !important;
    inset: 0 !important;
  }

  #section01 .banner-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #section01 .banner-indicators {
    bottom: 10px !important;
  }
}

/* ==========================================================
   V9 首页 Banner 移动端上层配图最终调整
   实际图片文件：
   第二张：/banner/b2x.png
   第四张：/banner/b4x.png
   第五张：/banner/b5x.png

   说明：
   1. 本文件在 banner.css、design-scale.css 之后加载；
   2. 因此以下规则作为移动端最终覆盖；
   3. 只调整上层配图，不改变 Banner 背景图比例。
   ========================================================== */

@media screen and (max-width: 768px) {
  /*
   * 第二张 Banner：
   * 等比例缩小，防止文字区域过大、底部被裁切。
   */
  #section01 .item-2 .banner-text {
    width: clamp(185px, 55vw, 250px) !important;
    max-width: 250px !important;
    min-width: 0 !important;
    top: 18% !important;
    left: 5% !important;
  }

  /*
   * 第三张 Banner：
   * 保持原尺寸，整体向下移动。
   */
  #section01 .item-3 .banner-text {
    top: 24% !important;
    left: 4% !important;
  }
	
  /*
   * 第四张 Banner：
   * 保持原尺寸，整体向下移动。
   */
  #section01 .item-4 .banner-text {
    top: 34% !important;
    left: 4% !important;
  }

  /*
   * 第五张 Banner：
   * 等比例缩小，并向上移动。
   */
  #section01 .item-5 .banner-text {
    width: clamp(175px, 50vw, 245px) !important;
    max-width: 245px !important;
    min-width: 0 !important;
    top: 25% !important;
    left: 3% !important;
  }

  #section01 .item-2 .banner-text img,
  #section01 .item-4 .banner-text img,
  #section01 .item-5 .banner-text img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* 超窄手机进一步控制尺寸，防止文字贴近边缘 */
@media screen and (max-width: 380px) {
  #section01 .item-2 .banner-text {
    width: 53% !important;
    max-width: 205px !important;
  }

  #section01 .item-5 .banner-text {
    width: 48% !important;
    max-width: 190px !important;
    top: 8% !important;
  }
}

/* ==========================================================
   section04 蓝色标题条中英文同排样式
   参考效果图：
   1. 中文标题与英文标题在同一行展示；
   2. 中文字号稍大，英文稍小；
   3. 中英文之间保留自然间距；
   4. 三张卡片标题整体水平、垂直居中；
   5. 移动端自动缩小，避免标题溢出。
   ========================================================== */

#section04 .card-image .blue-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 0 16px !important;
  background: #063689 !important;
  overflow: hidden !important;
}

#section04 .card-image .blue-bar .bar-title {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 14px !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

#section04 .card-image .blue-bar .bar-title__cn {
  flex: 0 0 auto;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.04em;
}

#section04 .card-image .blue-bar .bar-title__en {
  flex: 0 1 auto;
  min-width: 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
}

/* 中等屏幕：适当缩小长英文，保证仍为一行 */
@media screen and (max-width: 1280px) and (min-width: 769px) {
  #section04 .card-image .blue-bar {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  #section04 .card-image .blue-bar .bar-title {
    gap: 9px !important;
  }

  #section04 .card-image .blue-bar .bar-title__cn {
    font-size: 18px !important;
  }

  #section04 .card-image .blue-bar .bar-title__en {
    font-size: 13px !important;
  }
}

/* 手机端：保持中英文同排，并进一步缩小字号 */
@media screen and (max-width: 768px) {
  #section04 .card-image .blue-bar {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 8px !important;
  }

  #section04 .card-image .blue-bar .bar-title {
    gap: 7px !important;
    width: 100% !important;
  }

  #section04 .card-image .blue-bar .bar-title__cn {
    font-size: 15px !important;
    letter-spacing: 0.02em !important;
  }

  #section04 .card-image .blue-bar .bar-title__en {
    font-size: 10px !important;
  }
}

/* 超窄屏：允许中英文上下排列，防止长英文横向溢出 */
@media screen and (max-width: 420px) {
  #section04 .card-image .blue-bar {
    min-height: 54px !important;
    height: 54px !important;
  }

  #section04 .card-image .blue-bar .bar-title {
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    white-space: normal !important;
  }

  #section04 .card-image .blue-bar .bar-title__cn {
    font-size: 15px !important;
  }

  #section04 .card-image .blue-bar .bar-title__en {
    font-size: 9px !important;
    line-height: 1.15 !important;
  }
}

/* ==========================================================
   V6 首页移动端公共导航最终保护
   防止首页历史响应式规则再次覆盖公共header.css。
   ========================================================== */

@media screen and (max-width: 768px) {
	body .header-fixed#headerBox {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		transform: none !important;
		z-index: 9999 !important;
		background: #ffffff !important;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
	}

	body .header-fixed#headerBox .nav-box {
		height: 64px !important;
		min-height: 64px !important;
	}

	body .header-fixed#headerBox .logo img {
		width: auto !important;
		height: 38px !important;
		max-width: none !important;
	}

	body .header-fixed#headerBox .mobile-search-btn {
		color: #111111 !important;
	}

	body .header-fixed#headerBox .mobile-menu-btn {
		width: 30px !important;
		height: 23px !important;
	}

	body .header-fixed#headerBox .mobile-menu-btn span {
		height: 2px !important;
		background: #111111 !important;
	}

	body .header-fixed#headerBox .search-popup,
	body .header-fixed#headerBox .mobile-nav {
		top: 64px !important;
	}
}

/* ==========================================================
   V7 首页移动端固定导航最终保护
   与PC端一致：初始位于顶部，滚动后始终固定在视口顶部。
   ========================================================== */

@media screen and (max-width: 768px) {
	body {
		padding-top: 64px !important;
	}

	body .header-fixed#headerBox {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		transform: none !important;
		z-index: 9999 !important;
	}

	#luxy,
	#main,
	#section01 {
		margin-top: 0 !important;
	}
}