/* Global Styles */
@import url("../css/owl.carousel.min.css");
html,
body {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  background-color: #f0f2f5;
  color: #333;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 爱番番客服 */
html[lang="zh-CN"] .aifanfan-customer-service {
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 9;
  cursor: pointer;
}

html[lang="zh-CN"] .aifanfan-customer-service img {
  width: 200px;
}

html[lang="en"] .aifanfan-customer-service {
  display: none;
}

html[lang="ru"] .aifanfan-customer-service {
  display: none;
}

/*========================================*/
/*------------- [_Home_Slider] -----------*/
/*========================================*/
.home-carousel .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 900px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* .auto-container {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
} */

.banner-section {
  position: relative;
}

.home-carousel {
  position: relative;
  /* height: 664px; */
  overflow: hidden;
}

.home-carousel .slide-item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* padding: 140px 0px 200px 0px; */
  z-index: 1;
}

.home-carousel .slide-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 900px;
  top: 0px;
  right: 0px;
  z-index: 1;
}

.home-carousel .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 900px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* .home-carousel .content-box {
	position: relative;
	display: block;
	z-index: 5;
	width: 100%;
	margin-top: 50px;
} */

.home-carousel .content-box img {
  width: 100%;
}

/* .home-carousel .content-box h1 {
	position: relative;
	display: block;
	color: #fff;
	font-size: 68px;
	line-height: 92px;
	font-weight: 900;
	margin-bottom: 30px;
	opacity: 0;
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-moz-transition: all 1000ms ease;
	-webkit-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
} */

.home-carousel .active .content-box h1 {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.home-carousel .content-box p {
  position: relative;
  display: block;
  /* color: #fff; */
  /* margin-bottom: 40px; */
  /* font-size: 18px; */
  /* line-height: 36px; */
  opacity: 0;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1300ms ease;
  -webkit-transition: all 1300ms ease;
  -ms-transition: all 1300ms ease;
  -o-transition: all 1300ms ease;
  transition: all 1300ms ease;
}

.home-carousel .active .content-box p {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.home-carousel .content-box .content-an {
  position: relative;
  /* color: #fff; */
  opacity: 0;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1300ms ease;
  -webkit-transition: all 1300ms ease;
  -ms-transition: all 1300ms ease;
  -o-transition: all 1300ms ease;
  transition: all 1300ms ease;
}

.home-carousel .active .content-box .content-an {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  -ms-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}

.banner-section .home-carousel .content-box a.theme-btn {
  padding: 14px 47px;
}

.home-carousel .content-box .btn-box {
  position: relative;
  opacity: 0;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1600ms ease;
  -webkit-transition: all 1600ms ease;
  -ms-transition: all 1600ms ease;
  -o-transition: all 1600ms ease;
  transition: all 1600ms ease;
}

.home-carousel .active .content-box .btn-box {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  -ms-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}
/* Header and Navigation */
.main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
  /* Ensure header is on top */
  background-color: transparent;
  /* padding: 20px 0; */
  transition: background-color 0.3s ease, padding 0.3s ease;
  box-sizing: border-box;
}

.main-header.header-active {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* max-width: 1500px; */
  width: 80%;
  margin: 0 auto;
  /* padding: 0 50px; */
  height: 90px;
}

.logo img {
  height: 45px;
}

/* Update hover state for logo in header-active state */
.main-header.header-active .logo img {
  content: url("../images/官网首页切片/1-导航栏/logo.webp");
}

.main-header:not(.header-active) .logo img {
  content: url("../images/官网首页切片/1-导航栏/logo（白色）.webp");
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 100%;
  margin-left: auto;
  margin-right: 30px;
}

.nav-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.main-nav > .nav-item > a {
  color: #fff;
  text-decoration: none;
  padding: 0.625rem 0.9375rem;
  font-size: 1.125rem;
  position: relative;
  /* This is the key */
  display: inline-block;
  transition: color 0.3s ease;
  /* 防止文本溢出 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.main-nav a:hover,
.main-nav a.active {
  color: #ffd700;
}

.main-header.header-active .main-nav a {
  color: #000;
  /* Changed to black */
}

.main-header.header-active .main-nav a:hover,
.main-header.header-active .main-nav a.active {
  color: #005aab;
}

.main-header .nav-item.has-dropdown:hover .nav-dropdown {
  display: block;
}

/* New underline implementation using a real <span> element */
.nav-underline {
  position: absolute;
  bottom: -2px;
  /* Adjusted for new height */
  left: 0;
  width: 100%;
  height: 7px;
  /* Made slightly larger */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  /* CRITICAL FIX: Ensure image scales properly */
  background-image: url("../images/官网首页切片/1-导航栏/02.webp");
  /* Default: white underline */
  opacity: 0;
  /* Hidden by default */
  transition: opacity 0.3s ease;
}

/* Show underline on parent hover or if parent is active */
.main-nav > .nav-item > a:hover .nav-underline,
.main-nav > .nav-item > a.active .nav-underline {
  opacity: 1;
}

/* Change underline color when header is active */
.main-header.header-active .nav-underline {
  background-image: url("../images/官网首页切片/1-导航栏/01.webp");
  /* Active: blue underline */
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

.nav-actions .lang-switch img,
.nav-actions .search-btn img,
.nav-actions .flag img {
  height: 28px;
  transition: transform 0.3s;
}

.nav-actions a:hover img {
  transform: scale(1.1);
}

.appointment-btn {
  background: url("../images/官网首页切片/1-导航栏/按钮（金色）.webp") no-repeat
    center center;
  background-size: 100% 100%;
  width: 140px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #002d62;
  font-weight: bold;
  font-size: 16px;
}

.appointment-btn img {
  height: 16px;
}

/* Change button style when header is active */
.main-header.header-active .appointment-btn {
  background-image: url("../images/官网首页切片/1-导航栏/按钮（蓝色）.webp");
  color: #fff;
}

.main-header.header-active .appointment-btn img {
  content: url("../images/官网首页切片/1-导航栏/按钮icon（白色）.webp");
}

/* Hero Section */
.hero-section {
  position: relative;
  height: 900px;
  /* Based on image size */
  width: 100%;
  display: flex;
  /* justify-content: center;
	align-items: center; */
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-content {
  /* position: absolute; */
  /* left: 100px; */
  z-index: 2;
  text-align: left;
  width: 80%;
  margin: 0 auto;
  margin-top: 200px;
  /* width: 100%; */
  /* padding: 50px 50px; */
  /* top: 200px; */
}

.hero-content > img {
  width: 650px !important;
}

.hero-cta {
  position: absolute;
  /* left: 50px; */
  display: block;
  background: url("../images/官网首页切片/2-banner/按钮（蓝色）.webp") no-repeat
    center center;
  background-size: contain;
  width: 150px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
  /* margin-left: 20px; */
}

.hero-cta .icon-arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/官网首页切片/9/按钮icon（白色）.webp");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
}
.hero-cta:hover {
  background: url("../images/官网首页切片/2-banner/按钮（金色）.webp") no-repeat
    center center;
  background-size: contain;
  color: #095ba9;
  /* transform: scale(0.3); */
}

.hero-cta:hover .icon-arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/官网首页切片/2-banner/按钮icon（蓝色）.webp");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
}

/* .hero-cta img {
	width: 28px !important;
	height: 28px;
} */

.hero-text-overlay {
  position: absolute;
  top: 50%;
  left: 75%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 3;
}

.hero-text-overlay h1 {
  font-size: 4rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

/* Side Contact Bar */
.side-contact {
  position: fixed;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Space between blocks */
}

.contact-block {
  background-color: #004e9a;
  border-radius: 8px;
  overflow: hidden;
  transition: background-color 0.3s;
}

.contact-block:hover {
  background-color: #0066cc;
}

.contact-block a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90px;
  padding: 10px 0;
  color: white;
  font-size: 14px;
  gap: 8px;
  text-align: center;
  text-decoration: none;
}

.contact-block.single-item a {
  height: 70px;
}

.multi-item {
  padding: 10px 0;
}

.multi-item a {
  padding: 15px 0;
}

.sidebar-separator {
  display: block;
  margin: 0 auto;
  width: 75px;
  height: 3px;
  object-fit: fill;
  border-radius: 3px;
}

.back-to-top-item a {
  height: 90px;
}

.contact-block a img {
  height: 30px;
  width: auto;
}

.back-to-top-item img {
  height: 20px;
}

/* ======== Rebuilt Sections General ======== */
.section-rebuilt {
  padding: 80px 0;
}

.section-rebuilt .container {
  /* max-width: 1200px; */
  width: 80%;
  margin: 0 auto;
  /* padding: 0 15px; */
}

.grid-3_col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.grid-4_col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.grid-5_col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
}

.section-title-rebuilt {
  text-align: left;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}

.section-title-rebuilt h2 {
  font-size: 32px;
  font-weight: 600;
  color: #003b71;
  margin-bottom: 15px;
}

.section-title-rebuilt p {
  font-size: 16px;
  color: #666;
  margin-bottom: 5px;
}

.section-title-rebuilt p.subtitle {
  font-size: 14px;
  color: #999;
}

/* Scroll Animations */
.stat-item-rebuilt,
.route-card-rebuilt,
.solution-card-rebuilt,
.section-title-rebuilt {
  /* opacity: 0; */
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.stat-item-rebuilt.visible,
.route-card-rebuilt.visible,
.solution-card-rebuilt.visible,
.section-title-rebuilt.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered animation delay */
.grid-4_col > *:nth-child(2) {
  transition-delay: 0.1s;
}

.grid-4_col > *:nth-child(3) {
  transition-delay: 0.2s;
}

.grid-4_col > *:nth-child(4) {
  transition-delay: 0.3s;
}

.grid-5_col > *:nth-child(2) {
  transition-delay: 0.1s;
}

.grid-5_col > *:nth-child(3) {
  transition-delay: 0.2s;
}

.grid-5_col > *:nth-child(4) {
  transition-delay: 0.3s;
}

.grid-5_col > *:nth-child(5) {
  transition-delay: 0.4s;
}

.grid-5_col > *:nth-child(6) {
  transition-delay: 0.05s;
}

.grid-5_col > *:nth-child(7) {
  transition-delay: 0.15s;
}

.grid-5_col > *:nth-child(8) {
  transition-delay: 0.25s;
}

.grid-5_col > *:nth-child(9) {
  transition-delay: 0.35s;
}

.grid-5_col > *:nth-child(10) {
  transition-delay: 0.45s;
}

/* ======== Combined Sections Background ======== */
/* This class is no longer used and will be removed */

/* ======== Stats Section Rebuilt ======== */
.stats-section-rebuilt {
  background-image: url("../images/官网首页切片/3/底图.webp");
  background-size: cover;
  background-position: center top;
  padding: 70px 0;
}

.stat-item-rebuilt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  position: relative;
  justify-content: flex-start;
}

/* .stat-item-rebuilt:not(:last-child)::after {
	content: '';
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	height: 70px;
	width: 1px;
	background-color: rgba(0, 82, 163, 0.25);
} */
.stat-item-rebuilt::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 70px;
  width: 1px;
  background-color: rgba(0, 82, 163, 0.25);
}

.stat-item-rebuilt:nth-of-type(1):after {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 70px;
  width: 1px;
  background-color: rgba(0, 82, 163, 0.25);
}

.stat-icon img {
  height: 55px;
}

.stat-text {
  text-align: center;
}

.stat-text h3 {
  font-size: 32px;
  font-weight: 600;
  color: #003b71;
  margin: 0;
}

.stat-text h3 .unit {
  font-size: 16px;
  font-weight: normal;
  margin-left: 4px;
}

.stat-text p {
  margin: 5px 0 0;
  color: #003b71;
  font-size: 14px;
  line-height: 1.5;
}

.stat-desc {
  text-align: center;
}

.stat-desc p {
  margin: 2px 0 0;
  color: #003b71;
  font-size: 14px;
  line-height: 1.5;
}

/* 非中文语言时隐藏第二行描述 */
html[lang="en"] .stat-desc p[data-i18n="stats.experience.desc2"],
html[lang="ru"] .stat-desc p[data-i18n="stats.experience.desc2"] {
  display: none;
}

/* ======== Routes Section Rebuilt ======== */
.routes-section-rebuilt {
  background-color: #fff;
  /* Design has a white background */
  padding-bottom: 80px;
}

.route-card-rebuilt {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 78, 154, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
}

.route-card-rebuilt:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 78, 154, 0.12);
}

.route-card-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 25px 25px 20px 25px;
}

.route-card-rebuilt .card-text-content {
  flex: 1;
  overflow: hidden;
  margin-right: 15px;
}

.route-card-rebuilt .card-text-content h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
  color: #333;
}

.route-card-rebuilt .card-text-content p {
  font-size: 14px;
  color: #666;
  margin: 0;
  line-height: 1.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.route-card-rebuilt .card-arrow-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #0052a3;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
  flex-shrink: 0;
}

.route-card-rebuilt .card-arrow-icon img {
  width: 50%;
  height: auto;
}

.route-card-rebuilt:hover .card-arrow-icon {
  background-color: #0066cc;
}

.route-card-image {
  height: 140px;
  background-size: cover;
  background-position: center;
  margin-top: auto;
  transition: transform 0.4s ease;
}

.route-card-rebuilt:hover .route-card-image {
  transform: scale(1.05);
}

/* ======== Titles ======== */
.routes-title,
.solutions-title {
  margin-bottom: 40px;
  text-align: left;
  /* padding-bottom: 25px; */
  border-bottom: 1px solid #eaeaea;
}

.routes-title,
.solutions-title2 {
  margin-bottom: 40px;
  text-align: left;
  /* padding-bottom: 25px; */
}

.routes-title h2,
.solutions-title h2 {
  font-size: 32px;
  font-weight: 600;
  color: #003b71;
}

.routes-title h2,
.solutions-title2 h2 {
  font-size: 32px;
  font-weight: 600;
  color: #003b71;

  margin-bottom: 30px;
}

.solutions-title {
  margin-bottom: 50px;
}

.solutions-title2 p {
  font-size: 10px;
  color: #333;
  margin: 20px 0 0;
  line-height: 1.7;
}

.solutions-title2 p.subtitle {
  font-size: 14px;
  color: #888;
  margin-top: 10px;
}

/* ======== Solutions Section Rebuilt ======== */
.solutions-section-rebuilt {
  background-color: #fff;
  padding-bottom: 80px;
}

.solution-card-rebuilt {
  display: block;
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px_25px rgba(0, 78, 154, 0.07);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.solution-card-rebuilt:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 78, 154, 0.12);
}

.solution-img {
  height: 150px;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
}

.solution-img.more-sols {
  background-color: #f0f2f5;
  background-size: auto 20%;
  /* Adjust size of the '...' icon */
  background-repeat: no-repeat;
}

.solution-card-rebuilt h4 {
  padding: 20px 15px;
  margin: 0;
  font-weight: 400;
  /* As per design, not bold */
  font-size: 16px;
  color: #333;
}

/* ======== Cost/Benefit Section ======== */
.cost-benefit-section {
  padding: 80px 0;
  background-image: url("../images/官网首页切片/6/1.webp");
  background-size: cover;
  background-position: center;
  border-radius: 16px 16px 0 0;
  color: #fff;
}

.cost-benefit-section .container {
  /* max-width: 1100px; */
  width: 80%;
  /* Further reduce width */
  margin: 0 auto;
  /* padding: 0 15px; */
}

.cost-benefit-title {
  text-align: left;
  margin: 0 auto 60px auto;
}

.cost-benefit-title h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 25px;
}

.cost-benefit-title h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  /* Align to the left */
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
}

.cost-benefit-title p {
  font-size: 16px;
  line-height: 1.8;
  opacity: 0.9;
  max-width: 800px;
  /* Constrain paragraph width */
}

.cost-benefit-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.cost-benefit-img {
  width: 100%;
  max-width: 1200px;
  height: auto;
  display: block;
}

/* 多语言成本效益图片切换 */
html[lang="zh"] .cost-benefit-img,
html[lang="zh-CN"] .cost-benefit-img {
  content: url("../images/官网首页切片/6/中.webp");
}

html[lang="en"] .cost-benefit-img {
  content: url("../images/官网首页切片/6/英.webp");
}

html[lang="ru"] .cost-benefit-img {
  content: url("../images/官网首页切片/6/俄.webp");
}

/* ======== Final Image Section ======== */
.final-image-section {
  padding: 80px 0;
  background-color: #fff;
}

.final-image-section .container {
  text-align: center;
}

.final-image-section img {
  max-width: 80%;
  height: auto;
}

/* 英文状态下的最终图片 */
html[lang="en"] .final-image-i18n {
  content: url("../images/PC端官网切片（英、俄）-首页、新闻资讯、关于我们/英文/05（英）.webp");
}

/* 俄文状态下的最终图片 */
html[lang="ru"] .final-image-i18n {
  content: url("../images/PC端官网切片（英、俄）-首页、新闻资讯、关于我们/俄语/06（俄）.webp");
}

/* ======== Partners Section ======== */
.partners-section {
  padding: 80px 0;
  background-color: #fff;
}

.partners-section .section-title {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: #003b71;
  margin-bottom: 50px;
}

.logo-swiper .swiper-wrapper {
  align-items: center;
  /* Vertically align logos */
  transition-timing-function: linear;
  /* Constant speed */
}

.logo-swiper .swiper-slide {
  width: auto;
  /* Let the logo's width define the slide's width */
  padding: 0 40px;
  box-sizing: border-box;
}

.logo-swiper .swiper-slide img {
  max-height: 60px;
  /* Control the max height of logos */
  width: auto;
  opacity: 0.6;
  transition: filter 0.3s, opacity 0.3s;
}

.logo-swiper .swiper-slide:hover img {
  opacity: 1;
}

/* ======== CTA Section ======== */
.cta-section {
  padding: 0px 20px;
  padding-top: 80px;
  /* Add horizontal padding for smaller screens */
  background-color: #fff;
}

.cta-section .container {
  background-image: url("../images/官网首页切片/9/1.webp");
  background-size: contain;
  /* Ensure the whole image is visible */
  background-repeat: no-repeat;
  background-position: right center;
  /* Anchor the image to the right */
  border-radius: 20px;
  /* padding: 60px 80px; */
  display: flex;
  align-items: center;
  /* max-width: 1200px; */
  width: 1500px;
  margin: 0 auto;
  min-height: 240px;
  /* Give it a minimum height */
}

.cta-content {
  padding: 60px 80px;
  color: white;
  flex: 0 0 65%;
  /* Assign a portion of the width for text content */
}

.cta-content h2 {
  font-size: 32px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 20px;
}

.cta-content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
  max-width: 90%;
  /* prevent text from getting too close to the image edge */
}

.cta-btn {
  display: inline-flex;
  /* Use inline-flex for better alignment */
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 55px;
  background-image: url("../images/官网首页切片/9/按钮（蓝色）.webp");
  background-size: 100% 100%;
  color: white;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  /* transition: transform 0.3s ease; */
  border: none;
  /* remove default border */
  cursor: pointer;
  /* Change cursor on hover */
}

.cta-btn .icon-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/官网首页切片/9/按钮icon（白色）.webp");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 25px;
}

html[lang="en"] .cta-btn .icon-arrow {
  margin-left: 10px;
}
html[lang="ru"] .cta-btn .icon-arrow {
  margin-left: 10px;
}

.cta-btn:hover {
  background-image: url("../images/官网首页切片/9/按钮（金色）.webp");
  transform: scale(1.05);
  color: #095ba9;
  /* Add a subtle hover effect */
}

.cta-btn:hover .icon-arrow {
  background-image: url("../images/官网首页切片/9/按钮icon（蓝色）.webp");
}

/* ======== News Section ======== */
.news-section {
  padding: 80px 0;
  background-color: #fff;
  /* A very light grey background */
}

.news-section .container {
  /* max-width: 1200px; */
  width: 80%;
  margin: 0 auto;
  /* padding: 0 15px; */
}

.news-section .section-header {
  margin-bottom: 50px;
}

.news-section .section-header h2 {
  font-size: 32px;
  font-weight: 600;
  color: #003b71;
  margin: 0 0 15px 0;
}

.news-section .section-header p {
  font-size: 16px;
  font-weight: 600;
  color: #003b71;
  border-top: 1px solid #eaeaea;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.news-card {
  cursor: pointer;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 78, 154, 0.07);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 78, 154, 0.12);
}

.news-card a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.news-card-image img {
  width: 100%;
  height: auto;
  display: block;
}

.news-card-content {
  padding: 25px;
  display: flex;
  flex-direction: column;
  height: 190px;
  /* Set a fixed height for the content area */
}

.news-card-content h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 15px 0;
  line-height: 1.4;
  color: #333;
  /* Start of multi-line ellipsis trick */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* Show max 2 lines */
  overflow: hidden;
  text-overflow: ellipsis;
  /* End of trick */
}

.news-card-content .excerpt {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 0 0 20px 0;
  /* Start of multi-line ellipsis trick */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* Show max 2 lines */
  overflow: hidden;
  text-overflow: ellipsis;
  /* End of trick */
}

.news-card-content .date {
  font-size: 14px;
  color: #999;
  text-align: right;
  margin: 0;
  margin-top: auto;
  /* This is the magic that pushes the date to the bottom */
}

/* ======== Pre-footer CTA Section ======== */
.pre-footer-cta {
  position: relative;
  height: 350px;
  padding: 100px 0;
  background-image: url("../images/官网首页切片/11/1.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  /* 宽高都填满，完全铺满，但会拉伸变形 */
  color: #fff;
  /* 强制浏览器将此元素保持在内存中 */
  will-change: contents;
  /* 防止重绘 */
  backface-visibility: hidden;
  /* 创建独立的渲染上下文 */
  contain: layout style paint;
  /* 强制立即渲染背景 */
  content-visibility: visible;
  /* 防止延迟渲染 */
  background-attachment: scroll;
  /* 强制GPU合成 */
  transform: translateZ(0);
}

.pre-footer-cta .container {
  position: relative;
  z-index: 2;
}

.pre-footer-cta-content {
  padding-left: 200px;
  max-width: 50%;
}

.pre-footer-cta-content h2 {
  font-size: 36px;
  font-weight: 600;
  margin: 0 0 15px 0;
  color: #003b71;
}

.pre-footer-cta-content p {
  font-size: 24px;
  margin: 0 0 30px 0;
  opacity: 0.9;
  color: #003b71;
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 50px;
  background-image: url("../images/官网首页切片/11/按钮（蓝色）.webp");
  background-size: 100% 100%;
  color: white;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  /* transition: transform 0.3s ease; */
  border: none;
  cursor: pointer;
}

.btn-primary .icon-arrow {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("../images/官网首页切片/11/按钮icon（白色）.webp");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
}

.btn-primary:hover {
  background-image: url("../images/官网首页切片/11/按钮（金色）.webp");
  transform: scale(1.05);
  color: #095ba9;
}

.btn-primary:hover .icon-arrow {
  background-image: url("../images/官网首页切片/11/按钮icon（蓝色）.webp");
}

/* ======== Footer Section ======== */
.main-footer-section {
  position: relative;
  z-index: 5;
  background-image: url("../images/官网首页切片/12/1.webp");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 180px 0 10px 0;
  margin-top: -250px;
  pointer-events: none; /* 让鼠标事件穿透透明区域 */
  /* 强制浏览器将此元素保持在内存中 */
  will-change: contents;
  /* 防止重绘 */
  backface-visibility: hidden;
  /* 创建独立的渲染上下文 */
  contain: layout style paint;
  /* 强制立即渲染背景 */
  content-visibility: visible;
  /* 防止延迟渲染 */
  background-attachment: scroll;
  /* 强制GPU合成 */
  transform: translateZ(0);
}

.footer-container {
  width: 80%;
  margin: 0 auto;
  /* padding: 0 200px; */
  /* Use padding to create space from viewport edges */
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  pointer-events: auto; /* 重新启用footer内容区域的鼠标事件 */
}

.footer-left-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-logo-area {
  margin-bottom: 40px;
}

.footer-logo {
  height: 50px;
}

.footer-links-area {
  display: flex;
  gap: 60px;
  margin-bottom: 40px;
}

.footer-column h4 a {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 20px 0;
  position: relative;
  padding-left: 20px;
}

.footer-column h4 a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 12px;
  height: 12px;
  background-image: url("../images/官网首页切片/12/2.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column li {
  margin-bottom: 15px;
}
.footer-column h4 {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  /* font-size: 14px; */
  transition: color 0.3s;
}
.footer-column a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s;
}

.footer-column a:hover {
  color: #fff;
}

.footer-contact-area p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
}

.footer-contact-area img {
  width: 18px;
  margin-right: 10px;
}

.footer-contact-area .link{
  margin-right: 10px;
}

.footer-right-content {
  display: flex;
  gap: 30px;
  text-align: center;
}

.qr-item img {
  width: 110px;
  height: 110px;
  background-color: #145ea5;
  border-radius: 8px;
  padding: 5px;
}

.qr-item p {
  font-size: 14px;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.9);
}

/* ======== Responsive Adjustments ======== */
/* For small laptops (~1300px) */
@media (max-width: 1300px) {
  .nav-container {
    padding: 0 60px;
  }

  .main-nav > .nav-item > a {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
    max-width: 180px;
  }

  /* Dropdown responsive adjustments */
  .dropdown-column .column-title a {
    font-size: 1rem;
    max-width: 200px;
  }

  .dropdown-content-wrapper {
    gap: 30px;
    margin-right: 300px;
  }

  .pre-footer-cta-content {
    padding-left: 60px;
  }

  .footer-container {
    padding: 0 60px;
  }
  .cta-content {
    padding: 0px 50px;
  }
  .cta-content h2 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .cta-content p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .cta-btn {
    display: inline-flex;
    /* Use inline-flex for better alignment */
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    background-image: url("../images/官网首页切片/9/按钮（蓝色）.webp");
    background-size: 100% 100%;
    color: white;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    /* transition: transform 0.3s ease; */
    border: none;
    /* remove default border */
    cursor: pointer;
    /* Change cursor on hover */
  }
}

/* For tablets (~992px) */
@media (max-width: 992px) {
  .main-nav {
    display: none;
    /* Simple hiding for now, can implement hamburger later */
  }

  .hero-section {
    height: 70vh;
  }

  .hero-content {
    top: 150px;
    padding: 0 40px;
  }

  .grid-4_col,
  .news-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-5_col {
    grid-template-columns: repeat(3, 1fr);
  }

  .pre-footer-cta-content {
    padding-left: 0;
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
  }

  .footer-container {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  .footer-right-content {
    padding-top: 0;
  }

  .side-contact {
    right: 15px;
  }

  .contact-block a {
    width: 70px;
  }
}

/* For mobile phones (~768px) */
@media (max-width: 768px) {
  .main-nav > .nav-item > a {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    max-width: 140px;
  }

  /* Dropdown responsive adjustments for mobile */
  .dropdown-column .column-title a {
    font-size: 0.875rem;
    max-width: 150px;
  }

  .dropdown-content-wrapper {
    gap: 20px;
    margin-right: 200px;
    padding: 20px 15px;
  }

  .section-rebuilt,
  .cost-benefit-section,
  .final-image-section,
  .partners-section,
  .news-section,
  .pre-footer-cta,
  .main-footer-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-4_col,
  .grid-5_col,
  .news-grid {
    grid-template-columns: 1fr;
  }

  .cost-benefit-img {
    max-width: 100%;
  }

  .cta-section .container {
    flex-direction: column;
    background-image: none;
    /* Hide background image on mobile */
    background-color: #009dde;
    text-align: center;
  }

  .cta-content {
    flex: 1;
    max-width: 100%;
  }

  .hero-content {
    padding: 0 20px;
  }

  .hero-content > img {
    width: 95%;
  }

  .hero-cta {
    margin: 20px auto 0;
  }

  .footer-links-area {
    flex-direction: column;
    gap: 30px;
    align-items: center;
    text-align: center;
  }

  .side-contact {
    display: none;
    /* Hide on small mobile for better view */
  }
}

/* For small mobile phones (~576px) */
@media (max-width: 576px) {
  body {
    font-size: 14px;
    /* Adjust base font size */
  }

  .main-nav > .nav-item > a {
    font-size: 0.75rem;
    padding: 0.1875rem 0.375rem;
    max-width: 120px;
  }

  .section-rebuilt h2,
  .cost-benefit-title h2,
  .news-section .section-header h2,
  .pre-footer-cta-content h2,
  .cta-content h2,
  .solutions-title2 h2 {
    font-size: 26px;
  }

  .pre-footer-cta-content {
    max-width: 100%;
  }
}

.side-contact .top-button {
  border-bottom: 1px solid #eaeaea;
}

.stats-section-stats {
  height: 240px;
}

@media (max-width: 1200px) {
  .nav-container,
  .hero-content {
    padding: 0 20px;
  }

  .main-nav > .nav-item > a {
    font-size: 0.9375rem;
    padding: 0.375rem 0.625rem;
    max-width: 160px;
  }

  .main-nav ul {
    gap: 25px;
  }

  .hero-content > img {
    width: 80%;
  }
}

@media (max-width: 992px) {
  .main-nav {
    display: none;
    /* Simple hiding for now, can implement hamburger later */
  }

  .hero-section {
    height: 70vh;
  }

  .hero-content {
    top: 150px;
  }

  .side-contact {
    right: 10px;
  }

  .side-contact li a {
    width: 70px;
    height: 70px;
    font-size: 12px;
  }

  .side-contact li img {
    height: 25px;
  }

  .side-contact li.back-to-top a {
    height: 40px;
  }
}

@media (max-width: 768px) {
  .hero-content > img {
    width: 95%;
  }

  .hero-cta {
    width: 140px;
    height: 45px;
    font-size: 14px;
    margin-left: 10px;
  }

  .side-contact {
    display: none;
    /* Hide on small mobile for better view */
  }
}

/* ======== Modal Styles ======== */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  display: none;
  /* Hidden by default */
  align-items: center;
  justify-content: center;
}

.modal-overlay.show-modal {
  display: flex;
}

.modal-container {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  width: 90%;
  max-width: 900px;
  /* Further reduced width */
  position: relative;
  padding: 25px 35px;
  /* Further reduced padding */
  max-height: 95vh;
  overflow-y: auto;
}

.modal-form-header {
  text-align: center;
  margin-bottom: 25px;
}

.modal-form-title {
  font-size: 26px;
  font-weight: bold;
  color: #005aab;
  margin: 0 0 10px 0;
}

.modal-form-subtitle {
  font-size: 14px;
  color: #666;
}

.modal-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  border: none;
  background: transparent;
  font-size: 30px;
  /* Slightly smaller close button */
  color: #aaa;
  cursor: pointer;
}

.modal-content {
  display: flex;
  gap: 35px;
  /* Further reduced gap */
}

.modal-form-section {
  flex: 1.8;
  /* Adjusted flex ratio */
}

.modal-info-section {
  flex: 1.2;
  /* Adjusted flex ratio */
  background: url("../images/官网首页切片/16-表单/1.webp") no-repeat center
    center;
  background-size: cover;
  border-radius: 8px;
  padding: 25px;
  /* Adjusted padding */
  color: #003b71;
  display: flex;
  flex-direction: column;
}

.modal-form-intro {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  /* Adjusted margin */
}

/* Form Group Styling */
.form-group,
.form-group-inline {
  margin-bottom: 12px;
  /* Adjusted margin */
}

.form-group label,
.form-group-inline label {
  display: block;
  font-size: 13px;
  /* Adjusted font size */
  color: #333;
  margin-bottom: 6px;
  /* Adjusted margin */
}

.form-group input[type="text"],
.form-group textarea {
  width: 100%;
  padding: 10px;
  /* Adjusted padding */
  border: 1px solid #ddd;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 14px;
}

.form-group textarea {
  height: 70px;
  /* Adjusted height */
  resize: vertical;
}

.input-with-radio {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
}

.input-with-radio input[type="text"] {
  border: none;
  flex-grow: 1;
}

.radio-group,
.radio-group.single,
.radio-group-transport {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.radio-group label,
.radio-group.single label,
.radio-group-transport label {
  margin-right: 20px;
  cursor: pointer;
}

.form-group-inline {
  display: flex;
  align-items: center;
  gap: 15px;
  /* Add some space between the input and the radio/checkbox group */
}

.form-group-inline.no-label {
  /* specific styles if needed */
}

.form-group-inline input[type="text"] {
  flex-grow: 1;
  /* Allow the text input to take up available space */
}

.form-group-inline .radio-group {
  flex-shrink: 0;
  /* Prevent the radio group from shrinking */
  display: flex;
  align-items: center;
}

.form-submit-btn {
  display: flex;
  /* Use flexbox to center content */
  align-items: center;
  justify-content: center;
  width: 33.33%;
  /* One-third of the container's width */
  height: 50px;
  /* Doubled approximate height */
  margin: 0;
  /* Remove auto margin to align left */
  background-image: url("../images/官网首页切片/16-表单/按钮（蓝色）.webp");
  background-size: 100% 100%;
  border: none;
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.form-submit-btn:hover {
  color: #095ba9;
  background-image: url("../images/官网首页切片/16-表单/按钮（金色）.webp");
}

.form-submit-btn img {
  margin-left: 8px;
  /* Adjusted margin */
  height: 12px;
  /* Adjusted height */
  width: auto;
}

.form-footer {
  text-align: left;
  /* Align text to the left */
  margin-top: 20px;
  /* Increase top margin for more space */
}

.form-footer p {
  font-size: 11px;
  /* Adjusted font size */
  color: #999;
  margin-top: 10px;
  /* Add some space above the paragraph */
}

/* Info Section Styling */
.modal-info-section h4 {
  font-size: 20px;
  /* Adjusted font size */
  font-weight: bold;
  margin: 0 0 25px 0;
  /* Adjusted margin */
}

.info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  /* Adjusted gap */
  margin-bottom: 12px;
  /* Adjusted margin */
}

.info-item img {
  width: 18px;
  /* Set fixed width */
  height: 18px;
  /* Set fixed height */
}

.info-item p {
  font-size: 14px;
  font-weight: 500;
}

/* Remove old separator and contact styles */
.info-separator,
.info-wechat,
.info-phone {
  display: none;
}

/* New Contact Group Styling */
.info-contact-group {
  margin-top: 30px;
  color: #003b71;
  text-align: left;
  /* Ensure left alignment */
}

.info-contact-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  /* Space below icon */
}

/* Language-specific image switching for info-contact-icon */
html[lang="zh-CN"] .info-contact-icon2 {
  content: url("../images/官网首页切片/16-表单/图标3.webp") !important;
}

/* Remove the wrapper as it's no longer needed */
.info-contact-content {
  display: none;
}

.info-contact-group p {
  margin: 0;
  /* Reset margin for p */
}

.info-contact-title {
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 8px;
}

.info-contact-line {
  font-size: 13px;
  line-height: 1.6;
  color: #003b71;
}

.info-highlight {
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-top: 5px;
}

.qr-code {
  width: 90px;
  height: 90px;
  margin-top: 10px;
  display: block;
}

.info-phone-number {
  font-size: 26px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  letter-spacing: 1px;
  margin-top: 8px;
}

/* Make sure the second group has enough space */

/* Responsive adjustments for the modal */
@media (max-width: 900px) {
  .modal-content {
    flex-direction: column;
    align-items: center;
  }

  .modal-form-section {
    flex: 1;
    max-width: 100%;
  }

  .modal-info-section {
    flex: 1;
    max-width: 100%;
  }
}

/* ======== Responsive Adjustments ======== */

/* ======== Dropdown Menu ======== */

.nav-dropdown {
  display: none;
  position: absolute;
  top: 90px;
  left: 0px;
  width: 100%;
}

.dropdown-container {
  width: 100%;
  background-image: url("../images/官网首页切片/1-导航栏/4.webp");
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: flex-end;
}

.dropdown-content-wrapper {
  max-width: 1200px;
  /* Match the main container's width */
  /* margin: 0 auto; */
  /* Center the wrapper */
  padding: 30px 20px;
  /* Match main container's padding */
  display: flex;
  justify-content: flex-start;
  /* Align content to the left */
  gap: 40px;
  /* Space between columns */
  box-sizing: border-box;
  margin-right: 400px;
}

.dropdown-column {
  /* width is now determined by content */
  flex-shrink: 0;
  /* Prevent columns from shrinking */
}

.dropdown-column .column-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 59, 113, 0.2);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* Align to start */
  gap: 10px;
  /* Add a fixed gap */
}

.dropdown-column .column-title a {
  font-size: 1.125rem;
  font-weight: 600;
  color: #003b71;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* Align to start */
  gap: 10px;
  /* Add a fixed gap */
  max-width: 250px;
  /* Maximum width for text */
  word-wrap: break-word;
  /* Allow words to break and wrap */
  white-space: normal;
  /* Allow text to wrap to multiple lines */
  line-height: 1.4;
  /* Better line height for wrapped text */
}

.dropdown-column .column-title a::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/官网首页切片/4/01.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.dropdown-column ul {
  display: block;
}

.dropdown-column ul li {
  margin-bottom: 12px;
  display: block;
  /* Ensure li behaves as a block element */
}

.dropdown-column ul a {
  font-size: 15px;
  color: #333;
}

.dropdown-column ul a:hover {
  color: #005aab;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* Language Selector Styles */
.language-selector {
  position: relative;
  display: flex;
  align-items: center;
}

.flag.current-lang {
  display: flex;
  align-items: center;
}

.flag.current-lang img {
  width: 32px;
  height: 32px;
  display: block;
}

.language-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 5px;
  z-index: 2001;
}

.language-selector:hover .language-dropdown {
  display: block;
}

.language-dropdown a {
  display: block;
  padding: 5px;
}

.language-dropdown a:hover {
  background-color: #f5f5f5;
}

.language-dropdown img {
  width: 32px;
  height: 32px;
  display: block;
}

/* End Language Selector Styles */

/* Freight Request Modal Styles */
.freight-request-modal {
  display: none;
  /* Hidden by default */
}

.news-dropdown .dropdown-container {
  background-image: url("../images/官网首页切片/1-导航栏/5.webp");
  background-color: #fff;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.dropdown-content-wrapper {
  display: flex;
  justify-content: center;
  /* Center the columns horizontally */
}

/* ======== WeChat QR Code Popup ======== */
.wechat-popup {
  position: fixed;
  right: 130px;
  top: 45%;
  transform: translateY(-50%);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.wechat-popup.show {
  opacity: 1;
  visibility: visible;
}

.wechat-popup-container {
  background: linear-gradient(135deg, #0079c0 0%, #0063af 100%);
  border-radius: 12px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  position: relative;
  width: 180px;
  height: 170px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 右侧小尖角 */
.wechat-popup-container::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 20%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #0063af;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* 添加一个透明的连接区域，防止鼠标移动时出现间隙 */
.wechat-popup::before {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  width: 20px;
  height: 100%;
  background: transparent;
}

.wechat-popup-close {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: color 0.3s;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
}

.wechat-popup-close:hover {
  color: white;
}

.wechat-popup-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 8px;
}

.wechat-popup-icon {
  width: 20px;
  height: 20px;
  background-image: url("../images/官网首页切片/13-侧边栏/2.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
}

.wechat-popup-title {
  font-size: 14px;
  font-weight: 600;
  color: white;
  margin: 0;
}

.wechat-qr-container {
  background: transparent;
  border-radius: 8px;
  padding: 0;
  margin: 0 auto;
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wechat-qr-image {
  width: 110px;
  height: 110px;
  border-radius: 4px;
  display: block;
}

.wechat-popup-note {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.2;
  margin: 0;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .wechat-popup {
    right: 110px;
  }
}

@media (max-width: 992px) {
  .wechat-popup {
    right: 100px;
  }
}

@media (max-width: 768px) {
  .wechat-popup {
    right: 80px;
    top: 40%;
  }

  .wechat-popup-container {
    width: 160px;
    height: 140px;
    padding: 12px;
  }

  .wechat-qr-container {
    width: 100px;
    height: 100px;
  }

  .wechat-qr-image {
    width: 100px;
    height: 100px;
  }

  .wechat-popup-title {
    font-size: 12px;
  }

  .wechat-popup-note {
    font-size: 9px;
  }
}

/* ======== Phone Consultation Popup ======== */
.phone-popup {
  position: fixed;
  right: 130px;
  top: 49%;
  transform: translateY(-50%);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.email-popup {
  position: fixed;
  right: 130px;
  top: 27%;
  transform: translateY(-50%);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.phone-popup.show {
  opacity: 1;
  visibility: visible;
}

.email-popup.show {
  opacity: 1;
  visibility: visible;
}

.phone-popup-container {
  background: linear-gradient(135deg, #0079c0 0%, #0063af 100%);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  position: relative;
  width: 180px;
  height: 40px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 右侧小尖角 */
.phone-popup-container::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid #0063af;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* 添加一个透明的连接区域，防止鼠标移动时出现间隙 */
.phone-popup::before {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  width: 20px;
  height: 100%;
  background: transparent;
}

.phone-popup-close {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: color 0.3s;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
}

.phone-popup-close:hover {
  color: white;
}

.phone-popup-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.phone-popup-icon {
  width: 20px;
  height: 20px;
  background-image: url("../images/官网首页切片/13-侧边栏/3.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  flex-shrink: 0;
}

.phone-popup-text {
  font-size: 11px;
  font-weight: 600;
  color: white;
  margin: 0;
  white-space: nowrap;
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .phone-popup {
    right: 110px;
  }
}

@media (max-width: 992px) {
  .phone-popup {
    right: 100px;
  }
}

@media (max-width: 768px) {
  .phone-popup {
    right: 80px;
    top: 35%;
  }

  .phone-popup-container {
    width: 160px;
    height: 35px;
    padding: 8px;
  }

  .phone-popup-text {
    font-size: 9px;
  }
}

/* ======== Homepage Popup ======== */
.homepage-popup {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.homepage-popup.show {
  opacity: 1;
  visibility: visible;
}

.homepage-popup-container {
  position: relative;
  width: 1100px;
  height: 142px;
  /* 1100 / 7.75 ≈ 142 */
  background-image: url("../images/官网首页切片/15-页面弹窗/1.webp");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  animation: popupSlideIn 0.4s ease-out;
}

/* 英文状态下的弹窗背景图片 */
html[lang="en"] .homepage-popup-container {
  background-image: url("../images/PC端官网切片（英、俄）-首页、新闻资讯、关于我们/英文/01（英）.webp");
}

/* 俄文状态下的弹窗背景图片 */
html[lang="ru"] .homepage-popup-container {
  background-image: url("../images/PC端官网切片（英、俄）-首页、新闻资讯、关于我们/俄语/02（俄）.webp");
}

@keyframes popupSlideIn {
  from {
    transform: scale(0.8) translateY(-20px);
    opacity: 0;
  }

  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

/* .homepage-popup-close {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	z-index: 10;
	transition: all 0.3s ease;
} */

.homepage-popup-close {
  position: absolute;
  background: none;
  top: 5px;
  right: 10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  z-index: 10;
  transition: all 0.3s ease;
  border: none;
  color: #7d7777 !important;
  text-shadow: 0 0 0 #fff;
}

.homepage-popup-close:hover {
  /* background: #fff; */
  transform: scale(1.1);
}

.homepage-popup-close::before {
  content: "×";
}

.homepage-popup-content {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.homepage-popup-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 55px;
  background-image: url("../images/官网首页切片/15-页面弹窗/按钮（蓝色）.webp");
  background-size: 100% 100%;
  color: white;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.homepage-popup-cta .icon-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/官网首页切片/15-页面弹窗/按钮icon（白色）.webp");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 25px;
}

.homepage-popup-cta:hover {
  background-image: url("../images/官网首页切片/15-页面弹窗/按钮（金色）.webp");
  transform: scale(1.05);
  color: #095ba9;
}

.homepage-popup-cta:hover .icon-arrow {
  background-image: url("../images/官网首页切片/15-页面弹窗/按钮icon（蓝色）.webp");
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .homepage-popup-container {
    width: 90%;
    height: calc(90vw / 7.75);
    /* 保持7.75:1比例 */
    max-height: 128px;
    margin: 0 20px;
  }

  .homepage-popup-content {
    right: 30px;
  }

  .homepage-popup-cta {
    width: 130px;
    height: 45px;
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  .homepage-popup-container {
    width: 90%;
    padding: 20px;
  }

  .homepage-popup-content {
    font-size: 16px;
  }

  .homepage-popup-cta {
    padding: 10px 20px;
    font-size: 14px;
  }

  .homepage-popup-cta .icon-arrow {
    width: 12px;
    height: 12px;
  }
}

@media (min-width: 2401px) {
  .main-footer-section {
    height: 450px;
    padding: 300px 0 60px 0;
    margin-top: -350px;
  }
}

.grid-4_col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.route-cards-container {
  display: flex;
  gap: 30px;
}

.route-cards-container .route-card-rebuilt {
  flex-shrink: 0;
}

.grid-5_col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
}

.js-open-modal {
  z-index: 1000;
}

.hero-content-banner {
  color: #fff;
}
.hero-content-banner-ding {
  font-size: 24px;
  margin-bottom: 0px;
}
.hero-content-banner-bt {
  font-size: 65px;
  background: linear-gradient(90deg, #ffe082 20%, #eeebe4 50%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-top: 10px;
  margin-bottom: 0px;
}
.hero-tags {
  margin: 15px 0px;
}
.hero-tag {
  display: inline-block;
  padding: 2px 10px;
  font-size: 15px;
  border-radius: 20px;
  background: #ffe082;
  color: #2176e7;
  /* border: 2px solid #e3eefd; */
  transition: background 0.2s, color 0.2s;
  margin-right: 5px;
}
.hero-desc {
  width: 650px;
  font-size: 15px;
}

/* 非中文状态下隐藏公众号 */
/* Language-specific visibility */
html[lang="en"] .zh-only,
html[lang="ru"] .zh-only {
  display: none !important;
}

/* Language-specific transportation images */
.transportation-img img {
  display: none;
}

.transportation-img .transportation-img-zh {
  display: block;
}

html[lang="en"] .transportation-img .transportation-img-zh {
  display: none;
}

html[lang="en"] .transportation-img .transportation-img-en {
  display: block;
}

html[lang="ru"] .transportation-img .transportation-img-zh {
  display: none;
}

html[lang="ru"] .transportation-img .transportation-img-ru {
  display: block;
}

html[lang="en"] #wechat-official-account,
html[lang="ru"] #wechat-official-account {
  display: none;
}

/* WeChat QR Code image centering for non-Chinese languages */
.wechat-qr-image.non-zh-only {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 60px;
}

/* Hide non-Chinese elements in Chinese mode */
html[lang="zh-CN"] .non-zh-only {
  display: none !important;
}

html[lang="en"] .consult-btn {
  font-size: 13px !important;
  margin-top: 10px;
}
html[lang="en"] .cta-btn {
  font-size: 13px !important;
  margin-top: 10px;
}
html[lang="ru"] .consult-btn {
  font-size: 13px !important;
  margin-top: 2px;
}
html[lang="ru"] .cta-btn {
  font-size: 13px !important;
  margin-top: 2px;
}
html[lang="en"] .cta-content p {
  margin-bottom: 10px;
}
html[lang="ru"] .cta-content p {
  margin-bottom: 10px;
}
html[lang="en"] .cta-content h2 {
  font-size: 20px;
  margin-bottom: 0;
}
html[lang="ru"] .cta-content h2 {
  font-size: 20px;
  margin-bottom: 0;
}
html[lang="en"] .homepage-popup-cta {
  font-size: 12px;
}
html[lang="ru"] .homepage-popup-cta {
  font-size: 12px;
}
html[lang="en"] .footer-column h4 a {
  /* font-size: 10px; */
}
html[lang="ru"] .footer-column h4 a {
  /* font-size: 10px; */
}

/* ======== 俄文导航栏特殊处理 ======== */
/* 俄文导航栏文本处理 */
html[lang="ru"] .main-nav > .nav-item > a {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  max-width: 160px;
  /* 俄文文本较长，需要更小的字体和更窄的最大宽度 */
}

/* 俄文下拉菜单特殊处理 */
html[lang="ru"] .dropdown-column .column-title a {
  font-size: 0.875rem;
  max-width: 180px;
  /* 俄文下拉菜单文本也需要更小的字体和更窄的最大宽度 */
}

/* 高缩放比例处理 (200% 缩放) */
@media screen and (min-resolution: 192dpi) {
  .main-nav > .nav-item > a {
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    max-width: 150px;
  }

  html[lang="ru"] .main-nav > .nav-item > a {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    max-width: 120px;
  }

  /* 高缩放下拉菜单处理 */
  .dropdown-column .column-title a {
    font-size: 0.875rem;
    max-width: 150px;
  }

  html[lang="ru"] .dropdown-column .column-title a {
    font-size: 0.75rem;
    max-width: 120px;
  }

  .nav-container {
    padding: 0 20px;
  }

  .main-nav {
    gap: 10px;
  }
}

/* 超高缩放比例处理 (250%+ 缩放) */
@media screen and (min-resolution: 240dpi) {
  .main-nav > .nav-item > a {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    max-width: 120px;
  }

  html[lang="ru"] .main-nav > .nav-item > a {
    font-size: 0.625rem;
    padding: 0.1875rem 0.375rem;
    max-width: 100px;
  }

  /* 超高缩放下拉菜单处理 */
  .dropdown-column .column-title a {
    font-size: 0.75rem;
    max-width: 120px;
  }

  html[lang="ru"] .dropdown-column .column-title a {
    font-size: 0.625rem;
    max-width: 100px;
  }

  .nav-container {
    padding: 0 10px;
  }

  .main-nav {
    gap: 5px;
  }

  .nav-actions {
    gap: 10px;
  }
}

/* 针对俄文的额外响应式处理 */
@media (max-width: 1200px) {
  html[lang="ru"] .main-nav > .nav-item > a {
    font-size: 0.75rem;
    padding: 0.375rem 0.625rem;
    max-width: 140px;
  }

  /* 俄文下拉菜单响应式处理 */
  html[lang="ru"] .dropdown-column .column-title a {
    font-size: 0.75rem;
    max-width: 160px;
  }
}

@media (max-width: 992px) {
  html[lang="ru"] .main-nav > .nav-item > a {
    font-size: 0.6875rem;
    padding: 0.25rem 0.5rem;
    max-width: 120px;
  }

  /* 俄文下拉菜单响应式处理 */
  html[lang="ru"] .dropdown-column .column-title a {
    font-size: 0.6875rem;
    max-width: 140px;
  }
}

.footer-bottom-area {
  background-color: #03468e;
  padding: 25px 0px;
  margin-top: 20px;
  position: relative;
  z-index: 9999;
  pointer-events: auto;
}
.dijies {
  width: 80%;
  margin: 0px auto;
  color: #fff;
  display: flex;
  justify-content: space-between;
}