/* Layout, typography, structure and image sizing remain unchanged; only the color system is themed here. */

body,
.zhaoyun-page {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}

.js-m {
  transition-duration: 0.35s;
}
[class*="delay"] {
  transition-delay: 0s !important;
}

/* Visual tokens from the昭云官网方案；只覆盖颜色，不改变布局、排版或图片。 */
:root {
  --zy-white: #FFFFFF;
  --zy-black: #1A1A1A;
  --zy-deep-black: #0F0F0F;
  --zy-red: #E60012;
  --zy-red-deep: #C4000F;
  --zy-red-soft: #FFF2F2;
  --zy-red-pale: #FFFAFA;
  --zy-orange: #E60012;
  --zy-orange-deep: #C4000F;
  --zy-orange-soft: #FFF2F2;
  --zy-orange-pale: #FFFAFA;
  --zy-text: #4A4A4A;
  --zy-muted: #9A9A9A;
  --zy-line: #EDEDED;
}

.zhaoyun-page .zhaoyun-partner-name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  color: #3f342e;
  font-weight: 700;
  text-align: center;
}

/* ==========================================================================
   Header Navbar Layout & Proportion Alignment (aligned with Digital China)
   ========================================================================== */

/* 1. Header main container: robust flex layout preventing wrap/drop at any width */
.header-main {
  height: 0.96rem;
  background-color: #000;
}

.header-main .edit-container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 100% !important;
  width: 78.125vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  box-sizing: border-box;
}

.header-main .icon-menu {
  display: none !important;
}

@media (max-width: 992px) {
  .header-main .icon-menu {
    display: block !important;
  }
}

/* 2. Logo proportions: height 0.40rem ensures width ~2.25rem, matching source visual weight & breathing space */
.header-main .logo {
  float: none !important;
  height: 0.40rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.header-main .logo a {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

.header-main .logo img {
  display: block !important;
  height: 100% !important;
  width: auto !important;
  max-height: 0.40rem !important;
  object-fit: contain !important;
}

/* 3. Header right area: occupies remaining width, connecting logo to nav naturally */
.header-main .header-right {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  margin-left: 0.90rem !important;
  justify-content: space-between !important;
}

/* 4. Navigation list: typography and proportional spacing */
.header-main .header-right .nav {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  flex-shrink: 0 !important;
}

.header-main .header-right .nav > ul {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.header-main .header-right .nav > ul > li {
  float: none !important;
  height: 100% !important;
  line-height: 0.96rem !important;
  position: relative !important;
  font-size: 0.16rem !important;
  font-weight: 400 !important;
  margin-left: 0.72rem !important;
  white-space: nowrap !important;
}

.header-main .header-right .nav > ul > li:first-child {
  margin-left: 0 !important;
}

.header-main .header-right .nav > ul > li > a {
  display: block !important;
  color: #fff !important;
  transition: color 0.3s ease;
}

.header-main .header-right .nav > ul > li:hover > a,
.header-main .header-right .nav > ul > li.active > a {
  color: #fff !important;
}

/* Nav underline indicator: 恢复原有品牌红光效 (nav-line.png)，与红色 Logo 视觉体系一致 */
.header-main .header-right .nav > ul > li::before {
  content: '' !important;
  width: 1.64rem !important;
  height: 0.06rem !important;
  background: url(/statics/zhsite/images/icon/nav-line.png) left center no-repeat !important;
  background-size: auto 100% !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 100% !important;
  opacity: 0 !important;
  transition: all 0.5s ease !important;
  border-radius: 0 !important;
}

.header-main .header-right .nav > ul > li.active::before,
.header-main .header-right .nav > ul > li:hover::before,
.header-main .header-right .nav > ul > li.temporary-active::before {
  left: -15% !important;
  opacity: 1 !important;
}

/* 5. Search box: exact proportion & pushed to far right of header-right */
.header-main .header-right .search {
  float: none !important;
  width: 1.78rem !important;
  height: 0.38rem !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

.header-main .header-right .search form {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

.header-main .header-right .search .input-search {
  display: block !important;
  width: 100% !important;
  height: 0.38rem !important;
  line-height: 0.38rem !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  font-size: 0.15rem !important;
  color: #fff !important;
  padding: 0 0.46rem 0 0.15rem !important;
  border: 0 !important;
  border-radius: 0.38rem !important;
  box-sizing: border-box !important;
  outline: none !important;
}

.header-main .header-right .search .input-search::placeholder {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.14rem;
}

.header-main .header-right .search .search-btn {
  width: 0.46rem !important;
  height: 0.32rem !important;
  background: url(/statics/zhsite/images/icon/icon-search.png) no-repeat center rgba(255, 255, 255, 0.08) !important;
  background-size: 0.20rem !important;
  position: absolute !important;
  top: 0.03rem !important;
  right: 0.03rem !important;
  border: 0 !important;
  border-radius: 0.32rem !important;
  cursor: pointer !important;
}

/* 6. Language selector: proportions & subtle separator */
.header-main .header-right .language {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  line-height: 0.38rem !important;
  font-size: 0.16rem !important;
  color: #8b8b8b !important;
  margin-left: 0.50rem !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
}

.header-main .header-right .language a {
  display: inline-block !important;
  color: #8b8b8b !important;
  position: relative !important;
  margin-right: 0.24rem !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.header-main .header-right .language a::before {
  content: '' !important;
  width: 1px !important;
  height: 0.14rem !important;
  background-color: #8b8b8b !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: -0.12rem !important;
}

.header-main .header-right .language a:last-child {
  margin-right: 0 !important;
}

.header-main .header-right .language a:last-child::before {
  display: none !important;
}

.header-main .header-right .language a.active,
.header-main .header-right .language a:hover {
  color: #fff !important;
}

/* 7. Responsive adjustments for mid-size and smaller screens */
@media (max-width: 1440px) {
  .header-main .header-right {
    margin-left: 0.60rem !important;
  }
  .header-main .header-right .nav > ul > li {
    font-size: 0.16rem !important;
    margin-left: 0.45rem !important;
  }
  .header-main .header-right .search {
    width: 1.60rem !important;
  }
  .header-main .header-right .language {
    margin-left: 0.35rem !important;
  }
}

@media (max-width: 1200px) {
  .header-main .header-right {
    margin-left: 0.40rem !important;
  }
  .header-main .header-right .nav > ul > li {
    margin-left: 0.30rem !important;
  }
  .header-main .header-right .search {
    width: 1.35rem !important;
  }
  .header-main .header-right .language {
    margin-left: 0.20rem !important;
  }
}

/* 8. Mobile mode (consistent with base.css 992px breakpoint) */
@media (max-width: 992px) {
  .header-main {
    height: 1.25rem !important;
    padding: 0 0.4rem !important;
  }
  .header-main .edit-container {
    width: 100% !important;
    display: block !important;
  }
  .header-main .logo {
    float: left !important;
    height: 0.6rem !important;
    margin-top: 0.325rem !important;
  }
  .header-main .header-right {
    display: none !important;
  }
  .header-main .icon-menu {
    display: block !important;
  }
}

/* 9. Header compensation when banner is hidden by CMS section visibility */
body.zy-no-banner {
  padding-top: 0.96rem !important;
}
@media (max-width: 992px) {
  body.zy-no-banner {
    padding-top: 1.25rem !important;
  }
}

/* Digital China mega-menu: keep the hover panel paintable and bridge the gap to the nav item. */
.header-nav-hidden-box {
  content-visibility: visible;
}
.header-main .header-right .nav li.hover::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.08rem;
  height: 0.08rem;
}

.home-enterprise-list .list ul {
  display: flex;
  height: 100%;
}
.home-enterprise-list .list li {
  float: none;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  height: 100%;
}
.home-enterprise-list.is-empty {
  display: none;
}

/* 专属行业解决方案：网格排版、固定尺寸容器与内部图片铺满 */
.home-programme-list ul {
  display: flex !important;
  flex-wrap: wrap !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.home-programme-list li {
  float: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 992px) {
  .home-programme-list li,
  .zhaoyun-page .home-programme-list li {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home-programme-list li,
  .zhaoyun-page .home-programme-list li {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

@media (max-width: 767px) {
  .home-programme-list li,
  .zhaoyun-page .home-programme-list li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-top: 0.3rem !important;
  }
}

/* 卡片 div 尺寸固定，内部图片完全充满 */
.home-programme-list li .block-box {
  position: relative !important;
  width: 100% !important;
  height: 4.6rem !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.home-programme-list li .block-box > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  text-decoration: none !important;
}

.home-programme-list li .block-box .pic {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.home-programme-list li .block-box .pic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.5s ease !important;
}

.home-programme-list li .block-box:hover .pic img {
  transform: scale(1.08) !important;
}

.home-programme-list li .block-box .pic::before {
  content: '' !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.55) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  transition: background-color 0.5s ease !important;
}

.home-programme-list li .block-box:hover .pic::before {
  background-color: rgba(0, 0, 0, 0.32) !important;
}

.home-programme-list li .block-box .cont-inner {
  width: 100% !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
}

.home-programme-list li .block-box .cont-inner .icon {
  width: 1.1rem !important;
  margin: 0 auto !important;
}

.home-programme-list li .block-box .cont-inner .icon img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.home-programme-list li .block-box .cont-inner .cont-box {
  margin-top: 0.18rem !important;
  text-align: center !important;
}

.home-programme-list li .block-box .cont-inner .cont-box .title {
  font-size: 0.28rem !important;
  font-weight: bold !important;
  margin-bottom: 0.12rem !important;
  color: #fff !important;
}

.home-programme-list li .block-box .cont-inner .cont-box .cont {
  font-size: 0.15rem !important;
  line-height: 1.4 !important;
  padding: 0 0.2rem !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

.home-programme-list li .block-box .cont-inner .cont-box .describe {
  margin-top: 0.18rem !important;
  padding: 0.16rem 0.25rem !important;
}

.home-programme-list li .block-box:hover .cont-inner .cont-box .describe {
  padding: 0.24rem !important;
}

@media (max-width: 767px) {
  .home-programme-list li .block-box {
    height: 5.6rem !important;
  }
}

/* 核心产品矩阵：卡片尺寸限制与内部图片完全铺满 */
.home-products-services-swiper .swiper-slide .block-box {
  width: 100% !important;
  height: 4.8rem !important;
  position: relative !important;
  border-radius: 0.12rem !important;
  overflow: hidden !important;
  background-color: #111 !important;
}
.home-products-services-swiper .swiper-slide .block-box > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
.home-products-services-swiper .swiper-slide .block-box .pic {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.home-products-services-swiper .swiper-slide .block-box .pic img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.5s ease !important;
}
.home-products-services-swiper .swiper-slide .block-box:hover .pic img {
  transform: scale(1.08) !important;
}
.home-products-services-swiper .swiper-slide .block-box .cont-box {
  width: 100% !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
  padding: 0.2rem 0.36rem !important;
  box-sizing: border-box !important;
}
@media (max-width: 991px) {
  .home-products-services-swiper .swiper-slide .block-box {
    height: 4.2rem !important;
  }
}

/* Fix banner nav underline to match text width accurately */
.product-banner .banner-nav li::before,
.banner-nav li::before,
.banner-nav ul li::before {
  content: '' !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 4px !important;
  background: #E60012 !important;
  background-image: none !important;
  border-radius: 2px !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  display: none !important;
}
.product-banner .banner-nav li.active::before,
.banner-nav li.active::before,
.banner-nav ul li.active::before {
  display: block !important;
}
.banner-nav li,
.banner-nav ul li {
  display: inline-block !important;
  float: none !important;
  vertical-align: top !important;
  width: auto !important;
  padding-bottom: 6px !important;
}
.banner-nav ul {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.banner-nav li a,
.banner-nav ul li a {
  display: inline-block !important;
  line-height: 1.35 !important;
}

/* 1. 彻底解决 survey.html 战略图下沉与重叠问题：流式布局替代脱标定位 */
.solution-analysis-section {
  padding: 0.8rem 0 1.2rem 0 !important;
  position: relative !important;
  clear: both !important;
}
.solution-analysis-section .edit-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
}
.solution-analysis-section .cont-left {
  float: none !important;
  width: 40% !important;
  margin: 0 !important;
}
.solution-analysis-section .pic-right {
  position: static !important;
  transform: none !important;
  float: none !important;
  width: 56% !important;
}
.solution-analysis-section .pic-right img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 0.15rem !important;
}

/* 方案分析对比区块：与下方 AI 平台能力样式保持统一（红色标题 + 描述文字） */
.solution-analysis-section .solution-analysis-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.8vw !important;
}
.solution-analysis-section .solution-analysis-item .title {
  font-size: 1.66vw !important;
  color: #E60012 !important;
  font-weight: bold !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}
.solution-analysis-section .solution-analysis-item .cont {
  font-size: 1.04vw !important;
  line-height: 1.8 !important;
  margin-top: 0.78vw !important;
  color: #333 !important;
  opacity: 1 !important;
}

/* 首页 Banner 文字颜色自定义支持与移动端深色文字无模糊阴影 */
.home-banner .swiper-slide .banner-left .title[style*="color"],
.home-banner .swiper-slide .banner-left .entitle[style*="color"],
.home-banner .swiper-slide .banner-left .banner-btn a[style*="color"] {
  transition: color 0.3s ease;
}
@media (max-width: 991px) {
  .home-banner .swiper-slide .banner-left .title[style*="text-shadow: none"] {
    text-shadow: none !important;
  }
}


/* 2. AI platform app section (DaaS/PaaS 轮播)：保持 AI 平台区块左右比例与排版 */
.ai-platform-app-container {
  margin-top: 0.8rem !important;
  padding: 0.6rem 0 !important;
  position: relative !important;
  clear: both !important;
}
.ai-platform-app-section-left .edit-container {
  position: relative !important;
  display: block !important;
}
.ai-platform-app-section-left .img {
  float: left !important;
  width: 54% !important;
  border-radius: 1.56vw !important;
  overflow: hidden !important;
}
.ai-platform-app-section-left .img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}
.ai-platform-app-section-left .cont-inner-swiper {
  float: right !important;
  width: 40% !important;
  font-size: 1.04vw !important;
  margin-top: 0.8rem !important;
  overflow: hidden !important;
}
.ai-platform-app-section-left .cont-inner-swiper .swiper-container {
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}
.ai-platform-app-section-left .cont-inner-swiper .title {
  font-size: 1.66vw !important;
  color: #E60012 !important;
  font-weight: bold !important;
}
.ai-platform-app-section-left .cont-inner-swiper .cont {
  line-height: 1.8 !important;
  margin-top: 0.78vw !important;
  color: #333 !important;
}

/* 3. 解决轮播标题溢出与穿透：非当前激活 slide 平滑透明，避免文字重叠 */
.ai-platform-app-section .swiper-slide {
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
}
.ai-platform-app-section .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 4. 解决指示器折行分层问题：箭头与页码保持单行水平居中排布 */
.ai-platform-app-section .swiper-page {
  padding: 0 !important;
  margin-top: 0.35rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  width: auto !important;
  height: auto !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  float: right !important;
  clear: right !important;
}
.ai-platform-app-section .swiper-page .swiper-arrow {
  position: static !important;
  transform: none !important;
  width: 18px !important;
  height: 18px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
.ai-platform-app-section .swiper-page .swiper-arrow-prev {
  background-image: url(/statics/zhsite/images/icon/icon-swiper-arrow-prev.png) !important;
}
.ai-platform-app-section .swiper-page .swiper-arrow-next {
  background-image: url(/statics/zhsite/images/icon/icon-swiper-arrow-next.png) !important;
}
.ai-platform-app-section .swiper-page .swiper-pagination {
  position: static !important;
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  white-space: nowrap !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #333 !important;
}
.ai-platform-app-section .swiper-page .swiper-pagination .swiper-pagination-current {
  font-size: 24px !important;
  font-weight: bold !important;
  color: #1A1A1A !important;
  line-height: 1 !important;
}
.ai-platform-app-section .swiper-page .swiper-pagination .swiper-pagination-total {
  font-size: 16px !important;
  line-height: 1 !important;
  color: #666 !important;
}



/* Restored about/culture page structure (aligned with the Digital China reference layout). */
.about-page-hero {
  height: min(43.125vw, 690px);
  min-height: 430px;
  overflow: hidden;
  position: relative;
  background: #111;
}
.about-page-hero .about-page-hero-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .58;
}
.about-page-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.48) 42%, rgba(0,0,0,.16) 100%);
}
.about-page-hero .banner-inner,
.about-page-hero .banner-nav { z-index: 2; }
.about-page-hero .banner-inner .edit-container { padding-top: 0; }
.about-page-hero .banner-inner .type {
  display: inline-block;
  padding: .08rem .18rem;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 999px;
  font-size: .18rem;
  letter-spacing: .08em;
}
.about-page-hero .banner-inner .title {
  max-width: 9.5rem;
  margin-top: .2rem;
  line-height: 1.22;
  font-size: clamp(.42rem, 2.6vw, .72rem);
}
.about-page-hero .banner-inner .cont { margin-top: .2rem; width: auto; font-size: .24rem; }
.about-page-hero .banner-inner .banner-desc {
  max-width: 6.8rem;
  margin-top: .18rem;
  color: rgba(255,255,255,.86);
  font-size: .18rem;
  line-height: 1.8;
}
.about-page-hero .banner-nav { bottom: .42rem; }
.about-page-hero .banner-nav li { margin-right: .34rem; }
.about-page-hero .banner-nav li a { color: rgba(255,255,255,.78); }
.about-page-hero .banner-nav li.active a { color: #fff; }
/* 底色为深色时，选中态保留白色文字，下划线用品牌红 */
.about-page-hero .banner-nav li.active::before,
.product-banner .banner-nav li.active::before {
  background: #E60012 !important;
  background-image: none !important;
}
.about-page-hero.culture-page-hero .about-page-hero-image {
  left: auto;
  right: 3%;
  width: 52%;
  object-fit: contain;
  object-position: center;
  opacity: .88;
}
.about-page-hero.culture-page-hero::after {
  background: linear-gradient(90deg, rgba(10,10,10,.96) 0%, rgba(10,10,10,.76) 48%, rgba(10,10,10,.18) 100%);
}

.about-digital-section {
  background-image: radial-gradient(circle at 88% 8%, rgba(230,0,18,.08), transparent 34%), linear-gradient(180deg, #fffafa 0%, #fff 100%) !important;
}
.about-digital-section .cont-inner .top-title,
.about-syrh-cont .top-title { color: var(--zy-orange) !important; }
.about-digital-section .cont-inner .cont p { margin-top: .18rem; }
.about-digital-section .cont-inner .cont p:first-child { margin-top: 0; }
.about-qysl-list li .block-box { height: 100%; }
.about-qysl-list li .block-box .inner { padding: .18rem .12rem; border: 1px solid rgba(230,0,18,.15); border-radius: .14rem; background: rgba(255,255,255,.72); }
.about-syrh-cont .cont { max-width: 10.5rem; margin-right: auto; margin-left: auto; }

.function-section-about { background: #fff; }
.function-section-about .function-inner li .block-box { border: 1px solid rgba(230,0,18,.12); }
.solution-analysis-section { background-image: radial-gradient(circle at 20% 20%, rgba(230,0,18,.08), transparent 42%), linear-gradient(135deg,#fffafa,#fff) !important; }
.solution-analysis-section .cont-left .top-title { color: var(--zy-orange) !important; }
.solution-analysis-section .cont-left .label-list strong { color: var(--zy-orange-deep); }
.ai-platform-app-container { background: #fff; }
.product-introduce-section-about { background: #fffafa; }
.product-introduce-section-about .sub-title-box .title { color: var(--zy-orange) !important; }
.product-introduce-section-about,
.product-introduce-section-about .edit-container,
.product-introduce-section-about .sub-title-box,
.product-introduce-section-about .sub-title-box .title,
.product-introduce-section-about .cont,
.product-introduce-section-about .cont p,
.qualifications-section,
.qualifications-section .edit-container,
.qualifications-section .sub-title-box,
.qualifications-section .sub-title-box .title,
.qualifications-section .cont,
.qualifications-section .cont p {
  text-align: center !important;
}
.product-introduce-section-about .cont,
.qualifications-section .cont {
  margin-left: auto !important;
  margin-right: auto !important;
}
.qualifications-section { background-image: linear-gradient(135deg, rgba(230,0,18,.06), transparent 48%), linear-gradient(180deg,#fffafa,#fff) !important; }
.honors-section { background: #fff; }
/* ==========================================================================
   服务网络与产业基地：整块区域大背景图自适应展示 (Research & Service Base Background)
   ========================================================================== */
.cxzx-section {
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  min-height: 4.8rem;
  padding: 1rem 0 !important;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.cxzx-section .cxzx-inner {
  display: block !important;
  width: 100%;
}

.cxzx-section .cxzx-inner .img {
  display: none !important;
}

.cxzx-section .cont-inner {
  float: left !important;
  width: 48% !important;
  max-width: 6.2rem !important;
  font-size: 0.18rem !important;
}

/* 浅色/默认背景下的文字排版（契合白底科技地球背景） */
.cxzx-section,
.cxzx-section.is-light-bg {
  color: #333333;
}

.cxzx-section .cont-inner .top-title,
.cxzx-section.is-light-bg .cont-inner .top-title {
  font-size: clamp(24px, 0.36rem, 36px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.35 !important;
  margin-bottom: 0.2rem !important;
}

.cxzx-section .cont-inner .cont,
.cxzx-section.is-light-bg .cont-inner .cont {
  font-size: clamp(14px, 0.18rem, 18px) !important;
  color: #4a4a4a !important;
  line-height: 1.85 !important;
}

/* 深色地图背景时的样式自适应 */
.cxzx-section.is-dark-bg {
  color: #ffffff !important;
}

.cxzx-section.is-dark-bg .cont-inner .top-title {
  color: #ffffff !important;
}

.cxzx-section.is-dark-bg .cont-inner .cont {
  color: rgba(255, 255, 255, 0.92) !important;
}

@media (max-width: 991px) {
  .cxzx-section {
    min-height: auto;
    padding: 0.6rem 0.3rem !important;
    background-position: center !important;
  }
  .cxzx-section .cont-inner {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    background: rgba(255, 255, 255, 0.88);
    padding: 0.3rem !important;
    border-radius: 0.12rem;
  }
  .cxzx-section.is-dark-bg .cont-inner {
    background: rgba(0, 0, 0, 0.75);
  }
}
.corporate-culture-section {
  background-image: radial-gradient(circle at 88% 16%, rgba(230,0,18,.08), transparent 32%), linear-gradient(180deg,#fffafa,#fff) !important;
}
.corporate-culture-block .top-title { color: var(--zy-orange) !important; }
.corporate-culture-block .cont-inner .title { color: #1a1a1a; }
.corporate-culture-block .cont-inner .cont { color: #4a4a4a; }
.culture-capability-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .16rem;
  margin-top: .28rem;
}
.culture-capability-list > div {
  min-height: 1.42rem;
  padding: .18rem;
  border-radius: .14rem;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(230,0,18,.18);
  box-shadow: 0 .08rem .24rem rgba(148,160,175,.12);
}
.culture-capability-list strong { display: block; color: var(--zy-orange-deep); font-size: .18rem; }
.culture-capability-list span { display: block; margin-top: .08rem; color: #5b5b5b; font-size: .15rem; line-height: 1.7; }

@media (max-width: 767px) {
  .about-page-hero { min-height: 5.8rem; height: 100vw; }
  .about-page-hero .about-page-hero-image { object-position: 62% center; }
  .about-page-hero .banner-inner .edit-container { padding: 0 .4rem; }
  .about-page-hero .banner-inner .type { font-size: .22rem; }
  .about-page-hero .banner-inner .title { font-size: .46rem; max-width: none; }
  .about-page-hero .banner-inner .cont { font-size: .26rem; }
  .about-page-hero .banner-inner .banner-desc { font-size: .23rem; }
  .about-page-hero .banner-nav { bottom: .35rem; padding: 0 .4rem; }
  .about-page-hero .banner-nav li { width: auto !important; margin-right: .3rem !important; }
  /* 移动端 common.css 会把每项拉成 33.333% 宽，导致下划线跨度过长 */
  .about-banner .banner-nav li,
  .banner-nav li,
  .banner-nav ul li { width: auto !important; }
  .about-page-hero.culture-page-hero .about-page-hero-image { width: 92%; right: -20%; opacity: .68; }
  .solution-analysis-section .edit-container { display: block !important; }
  .solution-analysis-section .cont-left,
  .solution-analysis-section .pic-right { width: 100% !important; }
  .solution-analysis-section .pic-right { margin-top: .45rem; }
  .solution-analysis-section .solution-analysis-list { gap: 0.4rem !important; }
  .solution-analysis-section .solution-analysis-item .title { font-size: 0.32rem !important; }
  .solution-analysis-section .solution-analysis-item .cont { font-size: 0.24rem !important; margin-top: 0.15rem !important; }
  .ai-platform-app-section-left .img,
  .ai-platform-app-section-left .cont-inner-swiper { float: none !important; width: 100% !important; }
  .ai-platform-app-section-left .cont-inner-swiper { margin-top: .4rem !important; }
  .ai-platform-app-section .swiper-page { float: none !important; display: flex !important; width: max-content !important; margin: .32rem auto 0 !important; }
  .culture-capability-list { grid-template-columns: 1fr; }
  .corporate-culture-block .cont-inner .pic { width: 82%; }
}

/* 技术与生态合作伙伴：连续平滑跑马灯与精致卡片样式 */
.enterprise-logo-top .swiper-wrapper,
.enterprise-logo-bottom .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.home-enterprise-logo {
  margin-top: 0.5rem !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.home-enterprise-logo .enterprise-logo-bottom {
  margin-top: 0.28rem !important;
}

.home-enterprise-logo .swiper-slide {
  /* Swiper computes its scroll step as containerWidth / slidesPerView. A fluid
     width here makes the real track narrower than that step, so the marquee
     overruns its own content and blanks out after one pass. Pin the width. */
  width: calc(100% / 8) !important;
  flex-shrink: 0 !important;
  padding: 0 0.12rem !important;
  box-sizing: border-box !important;
}

.home-enterprise-logo .swiper-slide .block-box {
  width: 100% !important;
  height: 1.12rem !important;
  background: #ffffff !important;
  border-radius: 0.1rem !important;
  border: 1px solid #eef0f4 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  display: block !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.home-enterprise-logo .swiper-slide .block-box:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(230, 0, 18, 0.4) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

.home-enterprise-logo .swiper-slide .block-box img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0.08rem 0.16rem !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  transition: transform 0.4s ease !important;
}

.home-enterprise-logo .swiper-slide .block-box:hover img {
  transform: scale(1.04) !important;
}

.home-enterprise-logo .swiper-slide .block-box .zhaoyun-partner-name {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0.1rem 0.16rem !important;
  box-sizing: border-box !important;
  font-size: 0.15rem !important;
  font-weight: 600 !important;
  color: #2c3e50 !important;
  text-align: center !important;
  line-height: 1.35 !important;
}

@media (max-width: 991px) {
  .home-enterprise-logo .swiper-slide {
    width: calc(100% / 3) !important;
    padding: 0 0.08rem !important;
  }
  .home-enterprise-logo .swiper-slide .block-box {
    height: 0.92rem !important;
    padding: 0 !important;
    border-radius: 0.08rem !important;
  }
  .home-enterprise-logo .swiper-slide .block-box .zhaoyun-partner-name {
    font-size: 0.13rem !important;
    padding: 0.08rem 0.12rem !important;
  }
}

/* ==========================================================================
   技术认可：全宽无缝跑马灯与证书卡片系统 (Marquee & Certificates)
   ========================================================================== */

.qualifications-section {
  position: relative;
  overflow: hidden;
  padding: 0.8rem 0 1rem;
}

.zy-cert-marquee-container {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 0.45rem;
  overflow: hidden;
  /* 两侧柔和渐变淡出，通栏无界科技感 */
  mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  padding: 16px 0 28px;
}

.zy-cert-marquee-wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
  user-select: none;
}

.zy-cert-marquee-track {
  display: flex;
  gap: 24px;
  width: max-content;
  will-change: transform;
  animation: zyCertMarquee linear infinite;
}

/* 鼠标悬停暂停动画 */
.zy-cert-marquee-container:hover .zy-cert-marquee-track {
  animation-play-state: paused;
}

@keyframes zyCertMarquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* 证书卡片 */
.zy-cert-card {
  flex: 0 0 260px;
  width: 260px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(230, 0, 18, 0.12);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  cursor: pointer;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
              border-color 0.35s ease;
}

.zy-cert-card:hover {
  transform: translateY(-8px);
  border-color: rgba(230, 0, 18, 0.45);
  box-shadow: 0 16px 36px rgba(230, 0, 18, 0.16), 0 4px 12px rgba(0, 0, 0, 0.04);
}

/* 证书图片展示框 */
.zy-cert-img-box {
  width: 100%;
  height: 230px;
  background: linear-gradient(180deg, #fbfbfd 0%, #f1f3f7 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.zy-cert-img-box img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 4px;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.08));
  transition: transform 0.35s ease;
}

.zy-cert-card:hover .zy-cert-img-box img {
  transform: scale(1.05);
}

/* 悬停查看提示层 */
.zy-cert-hover-mask {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.32);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
  border-radius: 10px;
}

.zy-cert-card:hover .zy-cert-hover-mask {
  opacity: 1;
}

.zy-cert-view-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #E60012;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 16px;
  border-radius: 20px;
  box-shadow: 0 4px 14px rgba(230, 0, 18, 0.35);
  transform: translateY(6px);
  transition: transform 0.25s ease;
}

.zy-cert-card:hover .zy-cert-view-btn {
  transform: translateY(0);
}

/* 证书标题 */
.zy-cert-info {
  margin-top: 14px;
  padding: 0 4px;
}

.zy-cert-name {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.45;
  text-align: center;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

.zy-cert-card:hover .zy-cert-name {
  color: var(--zy-red, #E60012);
}

/* 弹窗 Lightbox */
.zy-cert-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.zy-cert-modal.active {
  opacity: 1;
  visibility: visible;
}

.zy-cert-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(8px);
}

.zy-cert-modal-dialog {
  position: relative;
  z-index: 2;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: scale(0.94);
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.zy-cert-modal.active .zy-cert-modal-dialog {
  transform: scale(1);
}

.zy-cert-modal-close {
  position: absolute;
  top: -48px;
  right: -10px;
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  border-radius: 50%;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.zy-cert-modal-close:hover {
  background: #E60012;
  border-color: #E60012;
  transform: rotate(90deg);
}

.zy-cert-modal-img-wrap {
  background: #fff;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
  max-height: 76vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zy-cert-modal-img-wrap img {
  max-width: 82vw;
  max-height: 72vh;
  object-fit: contain;
  display: block;
  border-radius: 6px;
}

.zy-cert-modal-title {
  margin-top: 14px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
  max-width: 80vw;
  text-align: center;
}

/* 隐藏一体机页面标签栏下方的灰色通栏横线 */
.sub-tabs-container::before,
.sub-tabs-container::after {
  display: none !important;
}


@media (max-width: 768px) {
  .zy-cert-card {
    flex: 0 0 200px;
    width: 200px;
    padding: 10px 10px 12px;
  }
  .zy-cert-img-box {
    height: 170px;
  }
  .zy-cert-name {
    font-size: 12px;
    height: 34px;
  }
  .zy-cert-marquee-container {
    padding: 12px 0 20px;
  }
}

/* ==========================================================================
   一体机与智算产品主图：最大宽高限制16:9，自适应紧贴不留空 (All-In-One Product Main Images)
   ========================================================================== */

.ai-product-mainimg-container .img,
.kuntai-product-mainimg-container .img {
  width: fit-content !important;
  max-width: 1120px !important;
  height: auto !important;
  max-height: 630px !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0.12rem !important;
  background-color: transparent !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.ai-product-mainimg-container .img img,
.kuntai-product-mainimg-container .img img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 1120px !important;
  max-height: 630px !important;
  object-fit: contain !important;
  border-radius: 0.12rem !important;
  transition: transform 0.5s ease !important;
}

.ai-product-mainimg-container .img:hover img,
.kuntai-product-mainimg-container .img:hover img {
  transform: scale(1.03) !important;
}

/* ==========================================================================
   Footer brand lockup: give the logo and tagline the same visual weight as
   the reference footer while keeping the existing grid and background.
   ========================================================================== */

.footer-top .footer-top1 .footer-logo-box {
  width: min(3rem, 300px) !important;
}

.footer-top .footer-top1 .footer-logo-box .logo {
  width: 100% !important;
  height: auto !important;
}

.footer-top .footer-top1 .footer-logo-box .logo img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

.footer-top .footer-top1 .footer-logo-box .footer-stock {
  margin-top: 0.38rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em;
  text-align: center;
  font-size: min(0.35rem, 35px);
}

@media (max-width: 991px) {
  .footer-top .footer-top1 .footer-logo-box {
    width: min(3rem, 72vw) !important;
  }

  .footer-top .footer-top1 .footer-logo-box .footer-stock {
    margin-top: 0.28rem !important;
  }
}

@media (max-width: 991px) {
  .ai-product-mainimg-container .img,
  .kuntai-product-mainimg-container .img {
    width: fit-content !important;
    max-width: 82.65vw !important;
    height: auto !important;
    max-height: calc(82.65vw * 9 / 16) !important;
  }

  .ai-product-mainimg-container .img img,
  .kuntai-product-mainimg-container .img img {
    max-width: 82.65vw !important;
    max-height: calc(82.65vw * 9 / 16) !important;
  }
}

@media (max-width: 767px) {
  .ai-product-mainimg-container .img,
  .kuntai-product-mainimg-container .img {
    width: fit-content !important;
    max-width: 90vw !important;
    height: auto !important;
    max-height: calc(90vw * 9 / 16) !important;
  }

  .ai-product-mainimg-container .img img,
  .kuntai-product-mainimg-container .img img {
    max-width: 90vw !important;
    max-height: calc(90vw * 9 / 16) !important;
  }
}

/* ==========================================================================
   一体机页面文字与信息架构样式优化 (All-In-One Appliance Typography & Layout)
   ========================================================================== */

/* ==========================================================================
   一体机页面文字与信息架构样式优化（保持与全站官网整体风格统一）
   设计规范：
   - 品牌主色：--zy-red (#E60012)
   - 主标题文字：#1A1A1A / 粗体 / 无多余装饰线条
   - 副标题文字：#333333 / #1A1A1A
   - 正文与说明：#555555 / #666666
   - 卡片与边框：纯净白底、极简精致微边框 (#EEEEEE)、企业级轻微圆角 (6px)
   ========================================================================== */

/* 1. Banner 区域：中性深色遮罩提升可读性，保留纯正科技硬件质感 */
.base-banner.ai-banner {
  position: relative !important;
}

.base-banner.ai-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.30) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.base-banner.ai-banner .banner-inner {
  z-index: 2 !important;
}

.base-banner.ai-banner .banner-inner .title,
.base-banner.ai-banner .banner-inner .cont,
.base-banner.ai-banner .banner-inner .btn-box {
  opacity: 1 !important;
  transform: none !important;
}

.base-banner.ai-banner .banner-inner .title {
  font-size: clamp(26px, 0.44rem, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.02em !important;
  color: #ffffff !important;
  margin-bottom: 0.16rem !important;
}

.base-banner.ai-banner .banner-inner .cont {
  font-size: clamp(15px, 0.22rem, 22px) !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  margin-bottom: 0.36rem !important;
}

.base-banner.ai-banner .banner-inner .btn-box a {
  font-size: clamp(14px, 0.18rem, 17px) !important;
  font-weight: 500 !important;
}

/* 2. 产品线主标题区域：大气居中，与全站 .home-title-box 风格一致 */
.kuntai-product-section.click-scroll .home-title-box {
  padding: 0.70rem 0 0.30rem !important;
}

.kuntai-product-section.click-scroll .home-title-box .title {
  font-size: clamp(24px, 0.38rem, 38px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-align: center !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
  position: static !important;
  padding-bottom: 0 !important;
}

/* 3. 产品主图上方的大型号标题：圆角浅粉底红字胶囊徽标（明显醒目） */
.ai-product-mainimg-container {
  margin-top: 0.85rem !important;
  position: relative !important;
  text-align: center !important;
}

.ai-product-mainimg-container .title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  width: auto !important;
  font-size: clamp(22px, 0.32rem, 32px) !important;
  font-weight: 700 !important;
  color: #E60012 !important;
  text-align: center !important;
  line-height: 1.3 !important;
  margin: 0 auto 0.28rem !important;
  padding: 10px 36px !important;
  background: #fff1f0 !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 8px rgba(230, 0, 18, 0.05) !important;
  letter-spacing: 0.02em !important;
  transition: all 0.25s ease !important;
}

.ai-product-mainimg-container .title:hover {
  background: #ffe5e5 !important;
  box-shadow: 0 4px 14px rgba(230, 0, 18, 0.12) !important;
}

/* 4. 产品介绍副标与描述文案：稳重大气、层级分明 */
.kuntai-product-section {
  margin-top: 0.30rem !important;
  padding-top: 0.10rem !important;
  padding-bottom: 0.50rem !important;
}

.kuntai-product-section .product-cont-box .title {
  font-size: clamp(18px, 0.28rem, 26px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-align: center !important;
  line-height: 1.5 !important;
  margin-top: 0.28rem !important;
}

.kuntai-product-section .product-cont-box .cont {
  font-size: clamp(14px, 0.19rem, 18px) !important;
  font-weight: 400 !important;
  color: #555555 !important;
  text-align: center !important;
  line-height: 1.8 !important;
  max-width: 72.916vw !important;
  margin: 0.14rem auto 0 !important;
  padding: 0 !important;
  word-break: normal !important;
}

/* 5. 核心参数与规格栏：采用官网标准企业卡片设计，与图片等宽等高对齐 */
.kuntai-product-section .configuration-box1 {
  width: 72.916vw !important;
  max-width: 1400px !important;
  margin: 0.40rem auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.kuntai-product-section .configuration-box1 ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: 0.16rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.kuntai-product-section .configuration-box1 li {
  display: flex !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.kuntai-product-section .configuration-box1 li .block-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  background: #fbfbfb !important;
  border: 1px solid #eeeeee !important;
  border-radius: 6px !important;
  padding: clamp(16px, 1.2vw, 22px) clamp(12px, 1vw, 18px) !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
  text-align: center !important;
}

.kuntai-product-section .configuration-box1 li .block-box:hover {
  background: #ffffff !important;
  border-color: #E60012 !important;
  box-shadow: 0 4px 12px rgba(230, 0, 18, 0.08) !important;
}

.kuntai-product-section .configuration-box1 li .block-box .title {
  font-size: clamp(15px, 0.22rem, 20px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1.4 !important;
  margin-bottom: 0.10rem !important;
  padding-bottom: 0 !important;
  position: static !important;
}

.kuntai-product-section .configuration-box1 li .block-box .cont {
  font-size: clamp(13px, 0.17rem, 15px) !important;
  font-weight: 400 !important;
  color: #666666 !important;
  line-height: 1.65 !important;
  margin-top: 0.04rem !important;
  word-break: break-word !important;
}

/* 6. 移动端和响应式调整 */
@media (max-width: 991px) {
  .base-banner.ai-banner .banner-inner .title {
    font-size: clamp(22px, 0.32rem, 30px) !important;
  }
  .base-banner.ai-banner .banner-inner .cont {
    font-size: clamp(14px, 0.18rem, 18px) !important;
  }
  .kuntai-product-section.click-scroll .home-title-box .title {
    font-size: clamp(20px, 0.28rem, 26px) !important;
  }
  .ai-product-mainimg-container .title {
    font-size: clamp(18px, 0.26rem, 26px) !important;
    padding: 8px 28px !important;
  }
  .kuntai-product-section .product-cont-box .title {
    font-size: clamp(16px, 0.24rem, 22px) !important;
  }
  .kuntai-product-section .product-cont-box .cont {
    font-size: clamp(13px, 0.16rem, 16px) !important;
    max-width: 82.65vw !important;
  }
  .kuntai-product-section .configuration-box1 {
    width: 82.65vw !important;
  }
  .kuntai-product-section .configuration-box1 ul {
    flex-wrap: wrap !important;
    gap: 0.14rem !important;
  }
  .kuntai-product-section .configuration-box1 li {
    flex: 1 1 calc(50% - 0.14rem) !important;
    max-width: calc(50% - 0.14rem) !important;
  }
}

@media (max-width: 767px) {
  .base-banner.ai-banner .banner-inner .title {
    font-size: clamp(20px, 0.26rem, 26px) !important;
    line-height: 1.35 !important;
  }
  .base-banner.ai-banner .banner-inner .cont {
    font-size: clamp(13px, 0.15rem, 16px) !important;
    margin-bottom: 0.24rem !important;
  }
  .kuntai-product-section.click-scroll .home-title-box .title {
    font-size: clamp(18px, 0.24rem, 24px) !important;
  }
  .ai-product-mainimg-container .title {
    font-size: clamp(16px, 0.22rem, 22px) !important;
    padding: 6px 22px !important;
  }
  .kuntai-product-section .product-cont-box .title {
    font-size: clamp(15px, 0.20rem, 20px) !important;
  }
  .kuntai-product-section .product-cont-box .cont {
    font-size: clamp(13px, 0.14rem, 15px) !important;
    max-width: 90vw !important;
  }
  .kuntai-product-section .configuration-box1 {
    width: 90vw !important;
  }
  .kuntai-product-section .configuration-box1 li {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
   Home Banner 初始渲染与防抖保护 (Prevent FOUC & Distortion on Refresh)
   ========================================================================== */

/* 1. 给 home-banner 设定首屏高度与优雅深色底，防止未加载时高度坍塌或空白 */
.home-banner {
  min-height: 100vh;
  background-color: #0b0d10;
  position: relative;
  overflow: hidden;
}

/* 2. 轮播图片统一标准比例与渲染，禁止未载入时被撑大变形 */
.home-banner .swiper-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 3. 轮播内文字容器与动画文字样式 */
.home-banner .swiper-slide .banner-left .title {
  font-size: 0.44rem !important;
  line-height: 1.25 !important;
}

.home-banner .swiper-slide .banner-left .entitle {
  font-size: 0.2rem !important;
  line-height: 1.6 !important;
  margin-top: 0.2rem !important;
  max-width: 9rem !important;
}

/* ==========================================================================
   全站智能搜索与下拉推荐 (Zhaoyun Search Dropdown & Highlight)
   ========================================================================== */
.zhaoyun-search-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 330px;
  max-width: 92vw;
  background: rgba(22, 24, 30, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 999999;
  overflow: hidden;
  padding: 8px;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  box-sizing: border-box;
  text-align: left !important;
}

.zhaoyun-search-dropdown.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.zhaoyun-search-dropdown ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 380px;
  overflow-y: auto;
}

.zhaoyun-search-dropdown ul::-webkit-scrollbar {
  width: 5px;
}
.zhaoyun-search-dropdown ul::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.zhaoyun-search-item {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
  margin-bottom: 4px !important;
  text-align: left !important;
}

.zhaoyun-search-item:last-child {
  margin-bottom: 0 !important;
}

.zhaoyun-search-item:hover,
.zhaoyun-search-item.selected {
  background: rgba(230, 0, 18, 0.18) !important;
}

.zhaoyun-search-item-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
}

.zhaoyun-search-item-badge {
  display: inline-block !important;
  font-size: 11px !important;
  line-height: 16px !important;
  padding: 1px 7px !important;
  border-radius: 10px !important;
  background: rgba(230, 0, 18, 0.24) !important;
  color: #ff6b6b !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  letter-spacing: 0.5px !important;
  flex-shrink: 0 !important;
}

.zhaoyun-search-item-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #f8f9fa !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 !important;
  text-align: left !important;
}

.zhaoyun-search-item-desc {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.65) !important;
  line-height: 1.45 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  text-align: left !important;
}

.zhaoyun-search-highlight {
  color: #ff5252 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* 提示气泡 Toast */
.zhaoyun-search-toast {
  position: fixed !important;
  top: 90px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-10px) !important;
  background: rgba(20, 22, 28, 0.95) !important;
  color: #ff6b6b !important;
  border: 1px solid rgba(230, 0, 18, 0.4) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.65) !important;
  z-index: 1000000 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
  backdrop-filter: blur(12px) !important;
  text-align: center !important;
  max-width: 90vw !important;
}

.zhaoyun-search-toast.active {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* 目标元素跳转后的发光呼吸动画 */
@keyframes zhaoyunTargetPulse {
  0% {
    outline: 3px solid rgba(230, 0, 18, 0.9);
    outline-offset: 4px;
    box-shadow: 0 0 25px rgba(230, 0, 18, 0.6);
  }
  50% {
    outline: 3px solid rgba(230, 0, 18, 0.6);
    outline-offset: 6px;
    box-shadow: 0 0 35px rgba(230, 0, 18, 0.8);
  }
  100% {
    outline: 3px solid transparent;
    outline-offset: 8px;
    box-shadow: none;
  }
}

.zhaoyun-search-target-highlight {
  animation: zhaoyunTargetPulse 2s ease-out 1 forwards !important;
  border-radius: 8px !important;
}

/* 确保带 id 的主要区块与锚点滚动时不会被顶部固定导航栏遮挡 */
#network,
#honors,
#qualifications,
#stats,
#profile,
#mission,
#vision,
#values,
#business,
#industries,
#products,
#partners,
#news,
#tabli-lite,
#tabli-flash,
#tabli-pro,
.click-scroll,
.cxzx-section,
.honors-section,
.qualifications-section,
.corporate-culture-block,
.ai-product-mainimg-container,
.home-programme,
.home-products-services,
.home-enterprise {
  scroll-margin-top: 120px !important;
}