/* ============================================================
   全站公共样式 style.css
   由各页面内联 <style> 中 10/10 或 9/10 页面一致且内容相同的规则提取生成。
   每个页面仍保留各自独立的样式（页面内联 <style>）。
   注意：若需调整公共样式，请修改本文件；页面内联样式优先级更高。
   ============================================================ */
/* ==================== 基础 ==================== */
:root {
      --primary: #218102;            
      --scrollbar-width: 1.5rem;     
      --page-max: calc(192rem - var(--scrollbar-width)); 
    }

* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

html {
      font-size: 10px; 
      background: #fff;
      scroll-behavior: smooth;
    }

body {
      max-width: var(--page-max);
      margin: 0 auto;
      background: #fff;
      color: #333;
      font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
    }

a {
      text-decoration: none;
    }

ul {
      list-style: none;
    }

/* ==================== 导航条 ==================== *//* 导航条悬浮于轮播顶部；滚动后切换为白色背景并固定在页面顶部 */
.header {
      position: sticky;
      top: 0;
      z-index: 100;
      background: transparent;
      transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

.header.scrolled {
      background: #fff;
      box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
    }

.nav {
      display: flex;
      align-items: center;
      width: 150rem; 
      max-width: 100%;
      height: 8rem;  
      margin: 0 auto;
      padding: 0 0;
    }

/* logo：100*50（10rem × 5rem），在导航条内垂直居中 */
.logo {
      flex-shrink: 0;
      align-self: center;
    }

.logo img {
      display: block;
      width: 15rem; 
      height: 100%; 
      object-fit: cover;
    }

/* 导航菜单 */
.menu {
      display: flex;
      margin: 0 auto; 
    }

.menu a {
      display: block;
      padding: 0 1.6rem;
      font-size: 1.8rem;             
      line-height: 8rem;
      color: #000; 
      white-space: nowrap;
      transition: color 0.2s ease;
    }

.header.scrolled .menu a {
      color: #000; 
    }

.menu a:hover,
    .menu a.active {
      font-weight: 700;
      color: #000;
    }

.nav-right {
      display: flex;
      align-items: center;
    }

/* 中英切换按钮：40*40 圆形小图 */
.lang {
      display: flex;
      gap: 0.8rem;
    }

.lang-btn {
      width: 4rem;
      height: 4rem;
      padding: 0;
      overflow: hidden;
      border: 0.2rem solid rgba(255, 255, 255, 0.85);
      border-radius: 50%;
      background: transparent;
      cursor: pointer;
      transition: border-color 0.2s ease, transform 0.2s ease;
    }

.lang-btn img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.lang-btn:hover {
      transform: scale(1.1);
    }

.lang-btn.active {
      border-color: var(--primary);
    }

.header.scrolled .lang-btn {
      border-color: rgba(0, 0, 0, 0.25);
    }

.header.scrolled .lang-btn.active {
      border-color: var(--primary);
    }

/* 搜索条 */
.search {
      display: flex;
      align-items: center;
      height: 3.6rem;
      margin-left: 2rem;
      overflow: hidden;
      border: 0.1rem solid var(--primary); 
      border-radius: 1.8rem;              
      background: #fff;
    }

.search input {
      width: 15rem;
      height: 100%;
      padding: 0 1.4rem;
      border: none;
      outline: none;
      background: transparent;
      font-size: 1.6rem;             
      color: #333;
    }

.search-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4.5rem;
      height: 100%;
      border: none;
      background: var(--primary);
      color: #fff;
      cursor: pointer;
      transition: opacity 0.2s ease;
    }

.search-btn:hover {
      opacity: 0.85;
    }

.search-btn svg,
    .mobile-search button svg {
      width: 1.8rem;
      height: 1.8rem;
    }

/* 手机端菜单按钮（桌面隐藏） */
.hamburger {
      display: none;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      width: 4rem;
      height: 4rem;
      margin-left: 1.5rem;
      border: none;
      border-radius: 0.6rem;
      background: rgba(255, 255, 255, 0.18);
      cursor: pointer;
    }

.hamburger span {
      display: block;
      width: 2.2rem;
      height: 0.25rem;
      border-radius: 0.2rem;
      background: #fff;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

.header.scrolled .hamburger span {
      background: #333;
    }

.hamburger.active span:nth-child(1) {
      transform: translateY(0.75rem) rotate(45deg);
    }

.hamburger.active span:nth-child(2) {
      opacity: 0;
    }

.hamburger.active span:nth-child(3) {
      transform: translateY(-0.75rem) rotate(-45deg);
    }

/* 手机端下拉面板 */
.mobile-panel {
      display: none;
      position: absolute;
      top: 8rem;
      left: 0;
      right: 0;
      padding: 1.6rem;
      background: #fff;
      box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.15);
    }

.mobile-panel.open {
      display: block;
    }

.mobile-menu a {
      display: block;
      padding: 1.4rem 0.4rem;
      font-size: 1.6rem;
      color: #333;
      border-bottom: 0.1rem solid #f0f0f0;
    }

.mobile-menu a:hover,
    .mobile-menu a.active {
      color: var(--primary);
    }

.mobile-search {
      display: flex;
      height: 4rem;
      margin-top: 1.4rem;
      overflow: hidden;
      border: 0.1rem solid var(--primary); 
      border-radius: 2rem;                
      background: #fff;
    }

.mobile-search input {
      flex: 1;
      height: 100%;
      padding: 0 1.2rem;
      border: none;
      outline: none;
      font-size: 1.6rem;             
    }

.mobile-search button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 5rem;
      border: none;
      background: var(--primary);
      color: #fff;
      cursor: pointer;
    }

/* ==================== 顶部轮播 1920*600 ==================== */
.hero {
      margin-top: -8rem; 
    }

.hero .swiper {
      --swiper-pagination-color: var(--primary);
      --swiper-pagination-bullet-inactive-color: #fff;
      --swiper-pagination-bullet-inactive-opacity: 0.55;
      --swiper-navigation-color: #fff;
      --swiper-navigation-size: 2.4rem;
      width: 100%;
      height: 90rem; 
    }

.hero .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ccc no-repeat center / cover;
    }

/* 偏主题色蒙层，保证导航文字与轮播文案可读 */
.hero .swiper-slide::before {
      content: "";
      position: absolute;
      inset: 0;
      /*background: linear-gradient(180deg, rgba(33, 129, 2, 0.55), rgba(33, 129, 2, 0.25));*/
    }

.hero .slide-caption {
      position: relative;
      z-index: 1;
      padding: 0 2rem;
      text-align: center;
      color: #fff;
    }

.hero .slide-caption h2 {
      margin-bottom: 1.5rem;
      font-size: 4.8rem;
      text-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.4);
    }

.hero .slide-caption h2::after {
      content: "";
      display: block;
      width: 6rem;
      height: 0.4rem;
      margin: 1.5rem auto 0;
      background: var(--primary);
    }

.hero .slide-caption p {
      font-size: 2rem;
      text-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.4);
    }

.hero .swiper-pagination-bullet {
      width: 1.2rem;
      height: 1.2rem;
    }

/* ==================== 页面主体（占位内容） ==================== */
.main {
      padding: 8rem 2rem 6rem;
    }

.container {
      width: 150rem;
      max-width: 100%;
      margin: 0 auto;
    }

.section-title {
      margin-bottom: 1.2rem;
      font-size: 3rem;
      color: var(--primary);
      text-align: center;
    }

.section-title::after {
      content: "";
      display: block;
      width: 6rem;
      height: 0.4rem;
      margin: 1.2rem auto 0;
      background: var(--primary);
    }

.section-desc {
      margin-bottom: 4rem;
      font-size: 1.6rem;
      color: #666;
      text-align: center;
    }

.cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2.4rem;
    }

.card {
      overflow: hidden;
      border: 0.1rem solid #eee;
      border-radius: 0.8rem;
      background: #fff;
      box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.06);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

.card:hover {
      transform: translateY(-0.4rem);
      box-shadow: 0 1rem 2rem rgba(33, 129, 2, 0.15);
    }

.card img {
      display: block;
      width: 100%;
      height: 22rem;
      object-fit: cover;
    }

.card-body {
      padding: 2rem 2.2rem 2.4rem;
    }

.card-body h3 {
      margin-bottom: 1rem;
      font-size: 1.8rem;
    }

.card-body p {
      font-size: 1.4rem;
      line-height: 1.8;
      color: #666;
    }

/* ==================== 底部1 ==================== */
.footer-top {
      height: 61rem;               
      background: #387F7F;
      color: #fff;
    }

/* 底部1 内容与页面主体同宽：1500px */
.footer-top-inner {
      display: flex;
      flex-direction: column;
      width: 150rem;
      max-width: 100%;
      height: 100%;
      margin: 0 auto;
      padding: 0 0;
    }

/* 上方：logo + 关注飞腾化 */
.footer-top-section {
      display: flex;
      align-items: center;         
      justify-content: space-between;
      height: 29.5rem;             
      padding-top: 19.5rem;        
      flex-shrink: 0;
    }

.footer-logo img {
      display: block;
      width: 17.7rem;              
      height: 7.5rem;              
      object-fit: cover;
    }

.wechat {
      display: flex;
      align-items: center;
      gap: 1.2rem;
    }

.wechat-text {
      color: #fff;
      font-size: 1.6rem;
    }

.wechat-qr-wrap {
      position: relative;
    }

.wechat-icon {
      display: block;
      width: 5.4rem;               
      height: 5.4rem;              
      border-radius: 50%;
      object-fit: cover;
      cursor: pointer;
    }

/* 悬停时显示微信二维码：出现在圆形图标正下方，并与图标右侧对齐 */
.wechat-qr {
      position: absolute;
      top: calc(100% + 1rem);
      right: 0;
      width: 20rem;                
      height: 20rem;               
      display: none;
      z-index: 10;
      box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.25);
    }

.wechat-qr img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.wechat-qr-wrap:hover .wechat-qr {
      display: block;
    }

/* 上下分隔线 */
.footer-divider {
      height: 1px;
      background: rgba(255, 255, 255, 0.1);
      flex-shrink: 0;
    }

/* 下方：产品中心 / 应用领域 / 联系方式 */
.footer-bottom {
      display: flex;
      align-items: stretch;
      flex: 1;
    }

.footer-title {
      margin-bottom: 1.5rem;       
      font-size: 1.8rem;
      font-weight: 700;
      color: #fff;
    }

.footer-menu {
      display: grid;
      gap: 1rem 3rem;
      font-size: 1.6rem;
    }

.footer-menu.cols-3 {
      grid-template-rows: repeat(4, auto);
      grid-template-columns: repeat(3, auto);
      grid-auto-flow: column;
    }

.footer-menu.cols-2 {
      grid-template-rows: repeat(4, auto);
      grid-template-columns: repeat(2, auto);
      grid-auto-flow: column;
    }

.footer-menu a {
      color: #E0E0E0;
      font-size: 1.6rem;
      transition: color 0.2s ease;
    }

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

.footer-products {
      width: 62rem;                
      padding-top: 6rem;           
      flex-shrink: 0;
    }

.footer-apps {
      width: 40rem;                
      margin-left: 4rem;
      padding-top: 6rem;           
      flex-shrink: 0;
    }

/* 纵向分隔线：从上下分隔线向下延伸，与水平线相接呈 T 字形 */
.footer-vline {
      width: 1px;
      margin: 0 4rem;
      background: rgba(255, 255, 255, 0.1);
    }

.footer-contact {
      flex: 1;
      padding-top: 6rem;           
    }

.footer-phone {
      margin-bottom: 3rem;         
      font-size: 2.4rem;
      font-weight: 700;
      font-style: italic;
      color: #fff;
    }

.footer-info {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1.2rem;
      font-size: 1.6rem;
      color: #fff;
    }

.footer-info svg {
      width: 1.8rem;
      height: 1.8rem;
      flex-shrink: 0;
    }

/* ==================== 留言条 ==================== */
.consult {
      position: relative;
      z-index: 2;
      width: 164rem;               
      max-width: 100%;
      height: 24.6rem;             
      margin: -10rem auto -14rem;  
      background: var(--primary);
      border-radius: 1.5rem;
    }

/* 留言条内容与页面主体同宽：1500px */
.consult-inner {
      display: flex;
      flex-direction: column;      
      justify-content: space-between;
      align-items: center;         
      width: 150rem;
      max-width: 100%;
      height: 100%;
      margin: 0 auto;
      padding: 3rem 0 5rem 0;      
    }

.consult-title {
      font-size: 3rem;
      font-weight: 700;
      color: #fff;
      line-height: 1.2;
      white-space: nowrap;
      text-align: center;
    }

.consult-form {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

.consult-form input {
      height: 5rem;                
      padding: 0 1rem;             
      border: 0;
      border-radius: 0.5rem;
      background: #fff;
      font-size: 1.6rem;             
      color: #333;
      outline: none;
    }

.consult-form input:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.45);
    }

.consult-form input::placeholder {
      color: #999;
    }

.consult-name,
    .consult-email,
    .consult-region {
      width: 23rem;                
    }

.consult-question {
      width: 57rem;                
    }

.consult-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.6rem;
      width: 14rem;                
      height: 5rem;                
      border: 0;
      border-radius: 99rem;        
      background: #fff;
      color: var(--primary);       
      font-size: 1.8rem;
      font-weight: 700;
      cursor: pointer;
    }

.consult-btn svg {
      width: 1.6rem;
      height: 1.6rem;
    }

/* ==================== 内页：面包屑栏 ==================== */
.crumb {
      height: 8rem;               
      background: #F2F2F2;
    }

.crumb-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 150rem;
      max-width: 100%;
      height: 100%;
      margin: 0 auto;
      padding: 0 0;
    }

.crumb-nav {
      display: flex;
      align-items: center;
      gap: 5rem;                   
      height: 100%;
    }

.crumb-nav a {
      position: relative;
      display: flex;
      align-items: center;
      height: 100%;
      font-size: 1.5rem;
      color: #171717;
    }

.crumb-nav a.active {
      font-weight: 700;
      color: var(--primary);
    }

/* 选中项底部横线：位于整个面包屑栏最底部 */
.crumb-nav a.active::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 3px;
      background: #218102;
    }

.breadcrumb {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      font-size: 1.6rem;
      color: #281717;
    }

.breadcrumb svg {
      width: 1.8rem;
      height: 1.8rem;
    }

/* ==================== 内页：公司介绍 ==================== */
.intro {
      background: #fff;
    }

.intro-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 150rem;
      max-width: 100%;
      margin: 0 auto;
      padding: 3rem 0;
    }

.intro-text {
      width: 74rem;
    }

.intro-name {
      margin-bottom: 2rem;
      font-size: 3.2rem;
      font-weight: 700;
      color: #1A2934;
    }

.intro-desc {
      font-size: 1.8rem;
      color: #181818;
      line-height: 2.8rem;
    }

.intro-img {
      width: 66rem;                
      height: 100%;               
      border-radius: 2rem;         
      object-fit: cover;
    }

/* ==================== 内页：数据横幅 ==================== */
.data-banner {
      height: 22.4rem;             
      background: #0A4A99;
    }

.data-banner-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 150rem;
      max-width: 100%;
      height: 100%;
      margin: 0 auto;
      padding: 0 0;
    }

.data-item {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

.data-num-wrap {
      position: relative;
    }

.data-num {
      font-family: "Acumin Variable Concept", "Arial", sans-serif;
      font-size: 8rem;             
      color: #fff;
      line-height: 1;
    }

.data-unit {
      position: absolute;
      top: 0.8rem;
      right: -3.5rem;
      font-size: 2rem;
      color: #D5D5D5;
    }

.data-title {
      margin-top: 0.8rem;
      font-size: 2rem;
      color: #fff;
    }

/* ==================== 内页：企业优势 ==================== */
.advantage {
      height: 58.4rem;             
      background: #F1F4FB;
      padding: 5rem 0;
    }

/* ==================== 内页：荣誉证书 ==================== */
.honor {
      height: auto;
      background: #fff;            
      padding: 5rem 0 18rem;       
    }

.advantage-inner,
    .honor-inner {
      display: flex;
      flex-direction: column;
      width: 150rem;
      max-width: 100%;
      height: 100%;
      margin: 0 auto;
      padding: 0 0;
    }

.advantage-title,
    .honor-title {
      font-weight: 800;
      font-size: 4.6rem;
      color: #1A2934;
      text-align: center;
    }

/* 标题正下方的短横线 */
.advantage-title::after,
    .honor-title::after {
      content: "";
      display: block;
      width: 6rem;                 
      height: 3px;
      margin: 1.5rem auto 0;
      background: #218102;
    }

.advantage-list {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex: 1;
    }

.advantage-item {
      display: flex;
      flex-direction: column;
      align-items: flex-start;     
      width: 31rem;
    }

.advantage-icon {
      width: 6rem;
      height: 6rem;
      object-fit: cover;
    }

.advantage-num {
      margin-top: 2rem;
      font-size: 2.2rem;
      color: #1A2934;
    }

.advantage-name {
      margin-top: 1rem;
      font-weight: 700;
      font-size: 2rem;
      color: #1A2934;
    }

.advantage-line {
      width: 2.5rem;
      height: 2px;
      margin-top: 1.5rem;
      background: #218102;
    }

.advantage-desc {
      margin-top: 1.5rem;
      height: 6.5rem;              
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      font-size: 1.6rem;
      line-height: 2.25rem;
      color: #1A2934;
    }

.honor-inner .eg-carousel {
      margin-top: 4rem;
    }

/* 荣誉证书 / 企业风采轮播卡片：鼠标悬停效果 */
.honor-carousel .eg-viewport,
    .enterprise-gallery .eg-viewport {
      padding: 1.5rem 0;
      margin: -1.5rem 0;
    }

.honor-carousel .eg-card,
    .enterprise-gallery .eg-card {
      overflow: hidden;
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

.honor-carousel .eg-card img,
    .enterprise-gallery .eg-card img {
      transition: transform 0.35s ease;
    }

.honor-carousel .eg-card-title,
    .enterprise-gallery .eg-card-title {
      transition: background 0.35s ease, color 0.35s ease;
    }

.honor-carousel .eg-card:hover,
    .enterprise-gallery .eg-card:hover {
      transform: translateY(-0.6rem);
      box-shadow: 0 1rem 2rem rgba(33, 129, 2, 0.2);
    }

.honor-carousel .eg-card:hover img,
    .enterprise-gallery .eg-card:hover img {
      transform: scale(1.05);
    }

.honor-carousel .eg-card:hover .eg-card-title,
    .enterprise-gallery .eg-card:hover .eg-card-title {
      background: #218102;
      color: #fff;
    }


/* 内页顶部图片：600px */
.hero-inner {
      height: 60rem;               
      background: #ccc no-repeat center / cover;
    }

/* ==================== 关于我们 ==================== */
.zhuti {
      width: 150rem;
      max-width: 100%;
      margin: 0 auto;
      padding: 0 0;
    }

.about {
      margin-top: 8rem;
      display: flex;
      flex-wrap: wrap;           
      align-items: center;
      justify-content: space-between;
      --color: #1A2934;
    }

.about .c1 {
      width: 87rem;
      position: relative;
      z-index: 0;                
    }

.about .c1 .desc {
      margin-top: 5rem;
      height: 11.4rem;
      line-height: 3.8rem;
      font-size: 1.8rem;
      color: #1C1C1C;
    }

.about .c1 .more {
      margin-top: 0.5rem;
      font-size: 1.6rem;
      color: #218102;
    }

.about .c1 .img {
      margin-top: 5rem;
      width: 100%;
      height: 55rem;
    }

.about .c1 .band {
      width: 117rem;
      height: 42rem;
      position: absolute;
      top: 35rem;
      left: -21rem;
      z-index: -1;
      background-color: #F2F2F2;
    }

.about .c2 {
      width: 40rem;
    }

.about .c2 .t1 {
      font-size: 2rem;
      color: #1A2934;
      line-height: 3rem;
      padding-left: 0.8rem;
    }

.about .c2 .t2 {
      margin-top: 2rem;
      vertical-align: bottom;
    }

.about .c2 .t2-1 {
      letter-spacing: -4px;
      font-weight: bold;
      font-size: 10rem;
      color: #218102;
      line-height: 5.6rem;
      background: linear-gradient(160deg, #208202 11.1328125%, #5ED009 98.7060546875%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

.about .c2 .t2-2 {
      margin: 0 0 0.4rem 1rem;
      font-size: 1.6rem;
      color: var(--color);
    }

.about .c2 .line {
      margin-top: 4rem;
      width: 4rem;
      height: 0.1rem;
      background: #218102;
    }

.about .c2 .ls {
      margin-top: 15rem;
    }

.about .c2 .ls .it {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 2rem;
      margin-bottom: 5rem;
    }

.about .c2 .ls .it:last-child {
      margin-bottom: 0;
    }

.about .c2 .ls .it .img {
      margin-top: 3rem;
      width: 4rem;
      height: 4rem;
    }

.about .c2 .ls .it .w .r1 {
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
    }

.about .c2 .ls .it .w .r1 .big {
      font-weight: bold;
      font-size: 6rem;
      color: #218102;
      letter-spacing: -0.4rem;
    }

.about .c2 .ls .it .w .r1 .dun {
      margin-left: 1rem;
      margin-bottom: 1.5rem;
      font-size: 2rem;
      color: var(--color);
    }

.about .c2 .ls .it .w .txt {
      margin-top: 0;
      padding-left: 1rem;
      font-size: 2rem;
      color: #1A2934;
    }

/* 3 行省略 */
.bg-elps-r3 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }

/* ==================== 企业图片 ==================== */
.enterprise-gallery {
      width: 100%;
      margin-top: 8rem;
      padding-bottom: 8rem;        
    }

.eg-tabs {
      display: flex;
      justify-content: center;     
      gap: 2rem;
    }

.eg-tab {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 33rem;                
      height: 5.5rem;              
      border: 1px solid #E5E5E5;
      background: #fff;
      font-size: 1.8rem;
      color: #515151;
      cursor: pointer;
    }

.eg-tab.active {
      background: #218102;
      color: #fff;
    }

/* 选中项下三角 */
.eg-tab.active::after {
      content: "";
      position: absolute;
      bottom: -1rem;
      left: 50%;
      transform: translateX(-50%);
      box-sizing: content-box;     
      width: 0;
      height: 0;
      border-left: 1rem solid transparent;
      border-right: 1rem solid transparent;
      border-top: 1rem solid #218102;
    }

.eg-carousel {
      position: relative;
      margin-top: 4rem;
    }

.eg-viewport {
      overflow: hidden;
    }

.eg-track {
      display: none;
      gap: 3.3333rem;
      transition: transform 0.4s ease;
      will-change: transform;
    }

.eg-track.active {
      display: flex;
    }

.eg-card {
      flex-shrink: 0;
      width: 35rem;                
      background: #fff;
    }

.eg-card img {
      display: block;
      width: 100%;
      /*height: 100%; */
      object-fit: cover;
    }

.eg-card-title {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 6rem;                
      padding: 0 1rem;             
      background: #F7F7F7;
      font-size: 2rem;
      color: #111;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.4rem;
    }

.eg-prev,
    .eg-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 5rem;
      height: 5rem;
      border: 0.6rem solid rgba(33, 129, 2, 0.06);
      border-radius: 50%;
      background: #fff;
      color: var(--primary);
      cursor: pointer;
      z-index: 2;
    }

.eg-prev {
      left: -5.5rem;
    }

.eg-next {
      right: -5.5rem;
    }

.eg-prev svg,
    .eg-next svg {
      width: 1.8rem;
      height: 1.8rem;
    }

/* ==================== 产品与服务 ==================== */
.products {
      position: relative;
      overflow: hidden;            
      padding: 10rem 0;            
      
      /*background: #eef1f4;*/
      background-image: url('/webui/this/img/index_p_bj.jpg');
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
    }

.products-inner {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      max-width: 192rem;
      margin: 0 auto;
    }

.products-left {
      width: 60rem;                
      flex-shrink: 0;
      margin-left: max(2rem, calc(50% - 75rem)); 
    }

/* 产品分类列表：6 行 × 2 个 */
.products-cats {
      margin-top: 4rem;
    }

.products-cat-row {
      display: grid;
      grid-template-columns: repeat(2, 1fr); 
      height: 8rem;                
      border-bottom: 1px solid #DADADA;
    }

.products-cat {
      display: flex;
      align-items: center;         
      justify-self: start;         
      font-size: 2rem;
      font-weight: 400;            
      color: #252525;
    }

.products-cat.active {
      color: var(--primary);       
      font-weight: 700;            
      border-bottom: 1px solid var(--primary);
      margin-bottom: -1px;         
    }

/* 更多按钮 */
.products-more {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 15.8rem;              
      height: 5rem;                
      margin-top: 4rem;
      padding: 0 0.25rem 0 2.5rem; 
      background: var(--primary);
      border-radius: 2.5rem;
      color: #fff;
      font-size: 1.6rem;
      font-weight: 700;
    }

.products-more-circle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4.5rem;               
      height: 4.5rem;              
      background: #fff;
      border-radius: 50%;
      color: var(--primary);
    }

.products-more-circle svg {
      width: 1.6rem;
      height: 1.6rem;
    }

/* 产品分类轮播图：按钮在上方，大图 + 小图在下方 */
.products-carousel {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2rem;
      margin-left: auto;
      margin-right: -1rem;
      margin-top: 4rem;     
    }

.products-frames {
      display: flex;
      align-items: center;
      gap: 8rem;
    }

.products-frame {
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #fff;
    }

.products-frame-big {
      width: 44.4rem;              
      height: 57.2rem;             
      padding: 3rem;
      border-radius: 2rem;
      cursor: pointer;      
    }

.products-frame-small {
      width: 38.86rem;             
      height: 48rem;               
      padding: 2.1rem;
      border-radius: 1.5rem;
      cursor: pointer;
    }

.products-frame-img {
      margin: 0 auto;
      border-radius: 50%;
      background: #ddd no-repeat center / cover;
    }

.products-frame-big .products-frame-img {
      width: 34rem;                
      height: 34rem;
    }

.products-frame-small .products-frame-img {
      width: 24.3rem;              
      height: 24.3rem;
    }

.products-frame-title {
      margin-top: 3rem;
      font-size: 2.2rem;
      font-weight: 700;
      color: #252525;
      text-align: left;            
    }

.products-frame-small .products-frame-title {
      margin-top: 2.1rem;
      font-size: 1.6rem;
    }

.products-frame-desc {
      margin-top: 1.5rem;
      height: 5rem;                
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 1.8rem;
      line-height: 2.5rem;
      color: #252525;
      text-align: left;            
    }

.products-frame-small .products-frame-desc {
      margin-top: 1rem;
      height: 3.6rem;
      font-size: 1.3rem;
      line-height: 1.8rem;
    }

/* 左右轮播按钮：位于主体宽度右侧 */
.products-nav {
      position: absolute;
      top: -7rem;                  
      right: max(2rem, calc(50% - 75rem)); 
      display: flex;
      gap: 1.5rem;
      z-index: 2;
    }

.products-nav button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 5rem;                 
      height: 4.9rem;              
      border: 0.6rem solid rgba(33, 129, 2, 0.06);
      border-radius: 50%;
      cursor: pointer;
    }

.products-nav .prev {
      background: #fff;
      color: var(--primary);
      border-color: rgba(33, 129, 2, 0.5);
    }

.products-nav .next {
      background: var(--primary);
      color: #fff;
    }

.products-nav svg {
      width: 1.8rem;
      height: 1.8rem;
    }

/* ==================== 应用领域 ==================== */
.apps {
      position: relative;
      padding: 8rem 0 6rem;        
      background: url('/webui/this/img/index_bg_ywly.jpg') no-repeat center / cover;
    }

/* 黑色遮罩：0.6 透明度，盖在背景图上但不影响内容 */
.apps::before {
      content: "";
      position: absolute;
      inset: 0;
      /*background: rgba(0, 0, 0, 0.6);*/
    }

.apps-inner {
      position: relative;
      z-index: 1;
      width: 150rem;
      max-width: 100%;
      margin: 0 auto;
    }

.apps-title {
      font-weight: 700;
      font-size: 5rem;             
      color: #fff;
      text-align: center;
    }

.apps-subtitle {
      margin-top: 1.5rem;          
      font-weight: 400;
      font-size: 2.4rem;           
      color: #5BD10D;
      text-align: center;
    }

.apps-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;     
      gap: 6rem;
      margin-top: 5rem;
    }

.apps-item {
      position: relative;
      width: calc((100% - 18rem) / 4); 
      max-width: 33rem;                
      aspect-ratio: 1 / 1;             
      border-radius: 1rem;
      overflow: hidden;
      background: #555 no-repeat center / cover;
      cursor: pointer;
    }

/* 图片上的偏蓝色遮罩 */
.apps-item::before {
      content: "";
      position: absolute;
      inset: 0;
      /*background: rgba(12, 44, 95, 0.55);*/
    }

/* 悬停时背景切换为主题色 */
.apps-item:hover::before {
      background-color: var(--primary);
    }

.apps-name {
      position: absolute;
      top: 3rem;                   
      left: 3rem;                  
      z-index: 1;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    }

.apps-num {
      position: absolute;
      left: 3rem;                  
      bottom: 3rem;                
      z-index: 1;
      font-size: 3.2rem;
      font-weight: 700;
      color: #fff;
    }
.apps-icon {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    z-index: 1;
    width: 6rem;
    height: 6rem;
    object-fit: cover;
    /*opacity: 0.5;*/
  }

/* ==================== 新闻中心 ==================== */
.news {
      position: relative;
      height: 84rem;               
      background: #F1F4FB;
      padding: 11rem 0 17rem;      
    }

.news-inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 150rem;
      max-width: 100%;
      height: 100%;
      margin: 0 auto;
    }

/* 第1行：标题结构体 + 更多 */
.news-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 5rem;
    }

.news-title-group {
      display: flex;
      align-items: flex-end;        
      gap: 2rem;                    
    }

.news-title-wrap {
      position: relative;
      display: inline-flex;
      align-items: center;
      height: 4.4rem;
    }

/* 英文：44px 衬底，与标题左对齐，上移 40px 露出头部，不与副标题重叠 */
.news-title-en {
      position: absolute;
      left: 0;                       
      top: -2rem;                    
      z-index: 0;
      font-size: 4.4rem;
      font-weight: 700;
      font-style: italic;
      color: #ddd;
      white-space: nowrap;
      line-height: 1;
    }

.news-title-wrap .line {
      position: absolute;
      left: -420px;
      top: 2.2rem;
      width: 390px;
      height: 2px;
      background: #5BD10A;
    }

.news-title {
      position: relative;
      z-index: 1;                   
      font-size: 3.6rem;
      font-weight: 700;
      color: var(--primary);
      white-space: nowrap;
      line-height: 1.2;
    }

.news-subtitle {
      font-size: 1.6rem;
      font-weight: 700;
      color: #030303;
      white-space: nowrap;
    }

/* 更多结构体 */
.news-more {
      width: 11rem;                
    }

.news-more a {
      display: block;
      color: var(--primary);
    }

.news-more-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 1.8rem;
      font-weight: 700;
      color: var(--primary);
    }

.news-more-row svg {
      width: 1.6rem;
      height: 1.6rem;
      flex-shrink: 0;
    }

.news-more-line {
      height: 2px;
      margin-top: 1rem;
      background: var(--primary);
    }

/* 第2行：图片新闻轮播 + 文字新闻列表 */
.news-body {
      display: flex;
      justify-content: space-between;
      cursor: pointer;
    }

.news-carousel {
      position: relative;
      width: 78rem;                
      height: 44rem;               
      overflow: hidden;
      border-radius: 0.8rem;
    }

.news-carousel .swiper {
      width: 100%;
      height: 100%;
    }

.news-carousel .swiper-slide {
      background: #ccc no-repeat center / cover;
    }

/* 底部标题栏：浮于图片上 */
.news-carousel-bar {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;                  
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 5rem;                
      padding: 0 1.5rem;
      background: rgba(0, 0, 0, 0.6);
    }

.news-carousel-title {
      flex: 1;
      min-width: 0;
      margin-right: 1.5rem;
      font-size: 1.6rem;
      color: #fff;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

.news-carousel .swiper-pagination {
      --swiper-pagination-color: #fff;
      --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.6);
      --swiper-pagination-bullet-inactive-opacity: 1;
      position: static;
      display: flex;
      align-items: center;
      gap: 0.6rem;
      width: auto;
    }

.news-carousel .swiper-pagination-bullet {
      width: 0.8rem;
      height: 0.8rem;
    }

/* 文字新闻列表块 */
.news-list {
      display: flex;
      flex-direction: column;
      width: 68rem;                
      height: 44rem;               
      padding: 1.5rem;
      background: #fff;
      border-radius: 0.8rem;
    }

.news-headline-date {
      margin-bottom: 1rem;
      font-size: 1.6rem;
      color: #999;
    }

.news-headline-title {
      margin-bottom: 1.2rem;
      font-size: 2.4rem;
      font-weight: 700;
      color: #000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.news-headline-title:hover {
    color: var(--primary);
}

.news-headline-desc {
      height: 5rem;                
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 1.6rem;
      line-height: 2.5rem;
      color: #2b2b2b;
    }

.news-list-divider {
      height: 1px;
      margin: 1.8rem 0;
      background: #F2F2F2;
    }

.news-list-items {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-height: 0;
    }

.news-item-date {
      flex-shrink: 0;
      font-size: 1.6rem;
      color: #999;
    }

/* ==================== 底部 ==================== */
.footer {
      background: #154444;
      color: #fff;
      font-size: 1.4rem;
    }

/* 底部内容与页面主体同宽：1500px，左右两端对齐 */
.footer-inner {
      display: flex;
      align-items: center;        
      justify-content: space-between; 
      width: 150rem;              
      max-width: 100%;
      height: 7rem;               
      margin: 0 auto;
      padding: 0 0;
    }

.footer a {
      color: #fff;
      transition: opacity 0.2s ease;
    }

.footer a:hover {
      opacity: 0.85;
      text-decoration: underline;
    }

.footer-left {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.5rem;
    }

.bg-pc {
    display: block;
}

.bg-wap {
    display: none;
}

/* ==================== Back to Top Button ==================== */
.back-to-top {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.3rem;
    height: 4.3rem;
    padding: 0;
    border: none;
    border-radius: 5px;
    background: #211D23;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s ease;
  }

.back-to-top svg {
    width: 2.7rem;
    height: 2.7rem;
    stroke: #fff;
  }

.back-to-top:hover {
    opacity: 1;
  }

.back-to-top.hidden {
    opacity: 0;
    pointer-events: none;
  }

/* ==================== 响应式：1024px 以下为手机站 ==================== */
@media (max-width: 1023.98px) {
  .bg-pc {
      display: none;
  }
  
  .bg-wap {
      display: block;
  }

  /* 手机端导航条始终白底固定在顶部 */
  .header,
  .header.scrolled {
    background: #fff;
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
  }

  /* 白底下汉堡按钮和语言按钮改成深色，否则会看不见 */
  .header .hamburger {
    background: rgba(0, 0, 0, 0.06);
  }
  .header .hamburger span {
        background: #333;
  }
  .header .lang-btn {
        border-color: rgba(0, 0, 0, 0.25);
      }
  
  .nav {
        width: 100%;
        padding: 0 1.6rem;
      }

  .menu {
        display: none; 
      }

  .nav-right {
        margin-left: auto;
      }

  .lang {
        gap: 0.6rem;
      }

  .search {
        display: none; 
      }

  .hamburger {
        display: flex;
      }

  .hero {
        margin-top: 0;
      }
  .hero .swiper {
        height: 28rem;
      }

  .hero .slide-caption h2 {
        font-size: 2.8rem;
      }

  .hero .slide-caption p {
        font-size: 1.5rem;
      }

  .hero .swiper-button-prev,
      .hero .swiper-button-next {
        display: none;
      }

  .main {
        padding: 5rem 1.6rem 4rem;
      }

  .section-title {
        font-size: 2.4rem;
      }

  .cards {
        grid-template-columns: 1fr;
        gap: 2rem;
      }

  .card img {
        height: 20rem;
      }

  .consult {
        width: auto;
        height: auto;
        margin: 0;
        background: var(--primary);
        border-radius: 1rem;
      }

  .consult-inner {
        padding: 2rem 1.6rem;
        gap: 1.5rem;
      }

  .consult-form {
        flex-direction: column;
        gap: 1rem;
      }

  .consult-form input,
      .consult-btn {
        width: 100%;
      }

  .hero-inner {
        height: 32rem;
      }

  .crumb {
        height: auto;
        padding: 1rem 0;
      }

  .crumb-inner {
        padding: 0 2rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
      }

  .crumb-nav a {
        height: auto;
        padding-bottom: 0.8rem;
      }

  .intro-inner {
        flex-direction: column;
        gap: 3rem;
        padding: 5rem 1.6rem;
      }

  .intro-text {
        width: 100%;
      }

  .intro-img {
        width: 100%;
        height: auto;
        aspect-ratio: 660 / 400;
      }

  .data-banner {
        height: auto;
        padding: 3rem 0;
      }

  .data-banner-inner {
        padding: 0rem 2rem;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3rem 5rem;
      }

  .data-item {
        flex: 0 0 calc(50% - 2.5rem); 
      }

  .data-num {
        font-size: 3rem;
  }
  .data-title {
        font-size: 1.4rem;
  }
  .data-unit {
      font-size: 1.2rem;
      right: -1.5rem;
  }

  .advantage,
      .honor {
        height: auto;
        padding: 4rem 1.6rem;
      }

  .advantage-inner,
      .honor-inner {
        width: 100%;
        padding: 0 2rem;
      }

  .advantage-title,
      .honor-title {
        font-size: 3rem;
      }

  .advantage-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 3rem;
        margin-top: 3rem;
      }

  .advantage-item {
        width: calc(50% - 1.5rem);   
      }
  .advantage-name {
      font-size: 2rem;
  }
  .advantage-desc {
      height: 6.75rem;
      -webkit-line-clamp: 3;
  }

  .honor-inner .eg-carousel {
        margin-top: 3rem;
        padding-bottom: 2rem;
      }

  .honor-carousel .eg-card img {
        aspect-ratio: 600 / 400;
      }

  .zhuti {
        width: 100%;
        padding: 0 1.6rem;
      }

  .about {
        margin-top: 6rem;
        flex-direction: column;
        align-items: stretch;
        gap: 4rem;
      }

  .about .c1 {
        width: 100%;
      }

  .about .c1 .img {
        height: 25rem;
      }

  .about .c1 .band {
        display: none;             
      }

  .about .c2 {
        width: 100%;
      }

  .about .c2 .t2-1 {
        font-size: 8rem;
      }

  .about .c2 .ls {
        margin-top: 6rem;
      }

  .enterprise-gallery {
        margin-top: 0;             
      }

  .eg-tabs {
        width: 100%;
        gap: 1rem;
      }

  .eg-tab {
        flex: 1;
        width: auto;
        height: 4.5rem;
        font-size: 1.5rem;
      }

  .eg-card {
        width: 100%;
      }

  .eg-card img {
        height: auto;
        aspect-ratio: 350 / 240;   
      }

  .eg-card-title {
        font-size: 1.6rem;
      }

  .eg-prev {
        left: 1rem;
      }

  .eg-next {
        right: 1rem;
      }

  .products {
        padding: 6rem 1.6rem;
      }

  .products-inner {
        flex-direction: column;
        align-items: stretch;
      }

  .products-left {
        width: 100%;
        margin-left: 0;
      }

  .products-cats {
        margin-top: 2rem;
      }

  .products-cat-row {
        height: 6rem;
      }

  .products-cat {
        font-size: 1.8rem;
      }

  .products-more {
        margin-top: 2rem;
      }

  .products-carousel {
        position: relative;
        width: calc(100% - 10rem);
        margin: 4rem auto 0;
        flex-direction: column;
      }
      
  .products-frame-big {
        width: 100%;
        height: auto;
        aspect-ratio: 544 / 672;
        padding: 2rem;
      }

  .products-frame-small {
        display: none;
      }

  .products-frame-big .products-frame-img,
      .products-frame-small .products-frame-img {
        width: 60%;
        height: auto;
        aspect-ratio: 1 / 1;
      }

  .products-frame-title {
        margin-top: 2rem;
        font-size: 1.8rem;
      }

  .products-frame-small .products-frame-title {
        margin-top: 1.4rem;
        font-size: 1.4rem;
      }

  .products-frame-desc {
        margin-top: 1rem;
        width: 60vw;
        height: 3.8rem;
        font-size: 1.4rem;
        line-height: 1.9rem;
      }

  .products-frame-small .products-frame-desc {
        font-size: 1.2rem;
        line-height: 1.6rem;
      }

  .products-nav {
        position: absolute;
        top: 36%;
        left: -5rem;
        right: -5rem;
        transform: translateY(-50%);
        justify-content: space-between;
        z-index: 2;
      }

  .products-nav button {
        width: 4rem;
        height: 4rem;
      }

  .apps {
        padding: 6rem 1.6rem 6rem;
      }

  .apps-title {
        font-size: 2.8rem;
      }

  .apps-subtitle {
        margin-top: 1rem;
        font-size: 1.6rem;
      }

  .apps-grid {
        gap: 1.2rem;
        margin-top: 3rem;
      }

  .apps-item {
        width: calc((100% - 2.4rem) / 3);
        height: auto;
        aspect-ratio: 1 / 1;
      }

  .apps-name {
        top: 1.2rem;
        left: 1.2rem;
        font-size: 1.6rem;
      }

  .apps-num {
        left: 1.2rem;
        bottom: 1.2rem;
        font-size: 1.6rem;
      }
  .apps-icon {
        right: 1rem;
        bottom: 1rem;
        width: 3rem;
        height: 3rem;
    }

  .news {
        height: auto;
        padding: 6rem 1.6rem 8rem;
      }

  .news-inner {
        width: 100%;
        padding: 0;
        justify-content: flex-start;
        gap: 3rem;
      }

  .news-head {
        height: auto;
        /*flex-direction: column;*/
        align-items: center;
        gap: 2rem;
      }

  .news-more {
        /*display: none;*/
        width: auto;
      }
  .news-more-line {
      display: none;
  }
  .news-more-row {
      font-size: 1.6rem;
  }
  .news-more-row span{
      margin-right: 1rem;
  }

  .news-title-group {
    margin-left: 0;
    flex-wrap: wrap;
    gap: 1.2rem;
  }
  .news-title {
      font-size: 2.5rem;
  }
  .news-title-en {
    top: -1.0rem;
    font-size: 2.5rem;
  }
  .news-subtitle {
    line-height: 3.5rem;
  }
  .line2 {
    height: 2px;
    background: var(--primary);
    flex: 1;
    align-self: center;
  }

  .news-body {
        flex-direction: column;
        gap: 2rem;
      }

  .news-carousel {
        width: 100%;
        height: auto;
        aspect-ratio: 78/44;
      }

  .news-list {
        width: 100%;
        height: auto;
      }

  .news-list-items {
        gap: 1.2rem;                
      }

  .footer-top {
        height: auto;
        padding: 4rem 1.6rem;
      }

  .footer-top-inner {
        height: auto;
        padding: 0;
      }

  .footer-top-section {
        height: auto;
        padding-top: 0;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        text-align: center;
      }

  .footer-divider {
        margin: 3rem 0;
      }

  .footer-bottom {
        flex-direction: column;
        gap: 3rem;
      }

  .footer-products,
      .footer-apps,
      .footer-contact {
        width: 100%;
        margin-left: 0;
        padding-top: 0;
      }

  .footer-vline {
        display: none;
      }

  .footer-menu.cols-3,
      .footer-menu.cols-2 {
        grid-template-rows: none;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
      }

  .wechat {
        flex-direction: column;
        gap: 1rem;
      }

  .wechat-icon {
        display: none; 
      }

  .wechat-qr {
        position: static;
        display: block;
        margin-top: 1rem;
      }

  .footer-inner {
        height: auto;
        min-height: 7rem;
        flex-direction: column;
        justify-content: center;
        gap: 0.9rem; 
        padding: 1.5rem 1.6rem;
        text-align: center;
      }

  .footer-left {
        flex-direction: column;
        align-items: center;
        gap: 0.9rem; 
      }

}




/*
  内页banner图上的标题文字 
 */
.hero-inner {
    height: 18rem !important;
}
.herot {
    height: 100%;
    display: flex; align-items: center; justify-content: center;
    flex-direction: column;
}
.herot .zh{
    font-size: 4rem;
    font-weight: bold