/* 导航栏基础样式 */
.navbar {
  background: transparent;
  /* 默认背景透明 */
  backdrop-filter: blur(0px);
  box-shadow: none;
  /* 默认无阴影 */
  transition: all 0.3s ease;
  padding: 0.8rem 0;
  border-bottom: none;
  /* 新增 */
  border: none !important;
  /* 新增全局边框重置 */
}

/* 修改点 1a: 下拉菜单打开时整个导航条的背景 */
.navbar.navbar-dropdown-open {
  background: rgba(255, 255, 255, 0.85) !important;
  ;
  /* 与子菜单背景相似 */
  box-shadow: none !important;
  border-bottom: 0 !important;
  /* 新增 */
  backdrop-filter: blur(10px) !important;
  /* 添加相同模糊效果 */

}


.navbar.scrolled {
  background: rgba(255, 255, 255, 0.85);
  /* 滚动后背景 */
  box-shadow: none !important;
  /* 移除阴影 */
}

/* 主导航链接样式 */
.navbar-nav .nav-link {
  color: #fff !important;
  /* 默认字体颜色为白色 */
  font-weight: 500;
  font-size: 1rem;
  padding: 0.8rem 1.2rem !important;
  position: relative;
  /* 为伪元素定位提供参考 */
  transition: all 0.3s ease;
  text-transform: none;
  background-color: transparent;
  border-bottom: none !important;
  /* 确保移除任何默认的 border-bottom */
  text-decoration: none !important;
  /* 确保移除任何默认的 text-decoration */

}

/* 为主菜单项添加下划线伪元素 */
.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  /* 定位在文字下方 */

  height: 2px;
  /* 下划线高度 */
  background-color: #f27120;
  /* 下划线颜色 */
  transition: width 0.3s ease-in-out;
  /* 添加宽度过渡动画 */

  display: block !important;
  /* 显式声明显示状态 */
  left: 50%;
  /* 居中定位 */
  transform: translateX(-50%) scaleX(0);
  /* 初始状态居中且缩放为0 */
  transform-origin: center center;
  /* 从中心缩放 */
  width: 0;
  /* 恢复初始宽度为0 */



}

/* 保持其他菜单项的hover效果不变 */
/* ... 现有样式 ... */

/* 新增Contact us的hover样式 */
.nav-item:last-child .nav-link:hover {
  color: inherit !important;
}

/* 新增：精确匹配激活的下拉菜单父项 */
li.dropdown.show>a.nav-link::after {
  width: 100% !important;
  transition-duration: 0.1s;
}

/* 鼠标悬停在主菜单项时，改变颜色并动画下划线宽度 */
.navbar-nav .nav-link:hover {
  color: #f27120 !important;
  /* 鼠标悬停时的颜色 */
  background-color: transparent;
  
}

.navbar-nav .nav-link:hover::after {
  width: 100%;
  /* 保持100%宽度 */
  transform: translateX(-50%) scaleX(0.8);
  /* 保持居中缩放 */
  transition: transform 0.3s ease-in-out;
  /* 修改过渡属性 */
}

/* 新增：激活状态保持下划线 */
li.dropdown.show>a.nav-link::after {
  transform: translateX(-50%) scaleX(0.8) !important;
  width: 100% !important;
}

/* 滚动后主导航链接颜色 */
.navbar.scrolled .navbar-nav .nav-link {
  color: #333 !important;
}

/* 修改点 1b: 下拉菜单打开时主菜单项的字体颜色 */
.navbar.navbar-dropdown-open .navbar-nav .nav-link {
  color: #333 !important;
}

/* 鼠标悬停在主菜单项时的字体颜色 (保持不变或根据需要调整) */
.navbar-nav .nav-link:hover {
  color: #333 !important;
  /* 鼠标悬停时的颜色 */
  background-color: transparent;
  /* 确保悬停时没有背景色 */
}


/* 下拉箭头样式 */
.dropdown-toggle::after {
  content: "" !important;
  /* 清除箭头内容 */
  border: none !important;
  margin: 0 !important;
  display: none !important;
  /* 完全隐藏伪元素 */
}


/* 改进的下拉菜单样式 - 完全全屏宽度 */
.dropdown-menu {
  background: rgba(255, 255, 255, 0.85) !important;
  /* 半透明背景 */
  backdrop-filter: blur(10px) !important;
    /* 添加模糊效果 */
    border-radius: 0;
  box-shadow: none !important;
  /* 强化阴影覆盖 */
  margin: 0;
  padding: 3rem 0;
  position: fixed;
  left: 0;
  top: 100% !important;


  max-width: 100vw;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);  
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  z-index: 1050;
  box-sizing: border-box;
  border-top: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}



/* Who we are 特殊下拉菜单样式 */
.dropdown-menu.mega-menu {

  padding: 3rem 0;
  background: rgba(255, 255, 255, 0.85);
  /* 半透明背景 */
  width: 100vw;
  border-top: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}

.mega-menu-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;

  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  justify-items: stretch;
  /* 仅水平居中左侧内容 */
}



.dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 下拉菜单内容区域 - 已是垂直排列 */


/* 修改点 3: 使 dropdown-section 内部的 dropdown-item 垂直排列 */
.dropdown-section {
  margin-bottom: 1.5rem;
  display: flex;
  /* 添加 flex 布局 */


  flex-direction: column;
  /* 设置为垂直方向 */
  /* 应用动画到 section */
  animation: fadeInUp 0.6s ease forwards;
  opacity: 0;
  /* 初始状态隐藏 */
  transform: translateY(20px);
  /* 初始状态向下偏移 */
  width: 80%;
  /* 限制内容区域宽度 */
  align-items: flex-start;
  /* 内部文字保持左对齐 */
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  /* 垂直居中 */
}

/* 为 mega-menu-container 的直接子元素（dropdown-content 和 dropdown-image）应用动画 */
.mega-menu-container>div {
  animation: fadeInUp 0.6s ease forwards;
  opacity: 0;
  /* 初始状态隐藏 */
  transform: translateY(20px);
  /* 初始状态向下偏移 */
}

/* 为 mega-menu-container 的直接子元素添加延迟动画 */
.mega-menu-container>div:nth-child(1) {
  animation-delay: 0.1s;
}

/* dropdown-content */
.mega-menu-container>div:nth-child(2) {
  animation-delay: 0.2s;
}

/* dropdown-image */


/* 下拉菜单项样式 */
.dropdown-item {
  color: #555 !important;
  margin-right: 0 !important;
  /* 移除margin干扰 */
  display: inline-block;
  justify-content: space-between !important;
  /* 两端对齐 */
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  border: none !important;
  background: none;
  letter-spacing: 0.5px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

  padding: 0 !important;

  min-width: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  overflow: visible !important;
  /* 确保伪元素可见 */
  white-space: normal !important;
  /* 允许文字换行 */
  min-height: 40px;
  /* 确保最小高度 */


  margin-right: auto;
  /* 左对齐防止意外拉伸 */

  width: auto !important;
  /* 添加宽度约束使元素独占一行 */

  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  box-sizing: border-box;
  /* 确保内边距不影响宽度计算 */
  margin-bottom: 50px !important;



}


#operation-item {

  flex-direction: column;
  gap: 10px;
  /* 控制菜单项垂直间距 */
}

/* 新增选中状态指示条 */
.dropdown-item.active::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-70%);
  width: 4px;
  height: 60%;
  background: #f27120;
}

.dropdown-item::before {
  content: ">" !important;
  font-weight: 1000 !important;
  right: -25px !important;
  /* 调整箭头位置 */
  width: auto !important;
  left: auto !important;
  /* 新增定位方式 */
  position: absolute !important;
  transform: translateY(-80%) !important;
  /* 新增间距控制 */
  margin-left: 15px !important;
  /* 箭头与文字间距 */

  top: 50% !important;
  color: #999;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 1;
  display: block !important;
  /* 新增显示属性 */

  z-index: 9999 !important;
  /* 提高层级 */
  overflow: visible !important;
  /* 确保伪元素可见 */
  white-space: normal !important;
  /* 允许文字换行 */
  left: auto !important;
  /* 覆盖框架的left定位 */
  font-size: 0.9em !important;
  /* 调整箭头大小 */
  order: 2;
  /* 箭头放在flex容器右侧 */


}


/* 修改点 2: 鼠标移动到子菜单条目时的样式 */
.dropdown-item:hover {
  color: #ed6436 !important;
  padding-left: 35px !important;
  background-color: transparent !important;
  /* 修改为透明背景 */
  /* 添加下划线 */

}

/* 精确下划线动画 */
.dropdown-item::after {
  content: '' !important;
  position: absolute !important;
  /* 修改定位方式 */
  left: 50% !important;
  right: auto !important;
  width: 0% !important;
  transform: translateX(-50%) scaleX(0) !important;
  bottom: -2px !important;
  /* 下划线位置 */

  height: 2px !important;
  top: auto !important;
  background-color: #ed6436;


  transform-origin: left center !important;
  /* 控制动画方向 */
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  /* 更顺滑的缓动函数 */
  z-index: 9999 !important;
  /* 最高优先级 */
  
}

.dropdown-item:hover::after {
  width: 100% !important;
  /* 基于内容宽度 */
  transform: translateX(-50%) scaleX(1) !important;
}

.dropdown-item:hover::before {
  opacity: 1 !important;
  transform: translateX(12px) translateY(-80%) !important;
  /* 增加移动距离 */
  color: #f27120 !important;

}

/* 覆盖Bootstrap默认样式 */
.dropdown-menu .dropdown-item {
  padding: 8px 30px !important; white-space: nowrap !important;
  /* 防止文字换行 */
  background-image: none !important;
  /* 移除背景渐变 */
}

@media (max-width: 991px) {

  /* 移动端隐藏箭头 */
  .dropdown-item::before {
    display: none !important;
    /* 增强覆盖能力 */
  }
}

/* 图片区域样式 */
.dropdown-image {
  border-radius: 8px;
  overflow: hidden;
  height: 250px;
  background: #f8f9fa;
  position: relative;
}

.dropdown-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.dropdown-image:hover img {
  transform: scale(1.05);
}

.dropdown-image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: white;
  padding: 1.5rem;
}

.dropdown-image-overlay h6 {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.dropdown-image-overlay p {
  font-size: 0.9rem;
  margin: 0;
  opacity: 0.9;
}

.article-content p {

  margin-bottom: 1.5rem !important;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  box-sizing: border-box;
  font-style: normal;

  text-align: justify;
  color: #3E3E3E;
  max-width: 920px;
  /* 从850px → 920px */
  margin: 0 auto;


}









/* 新增卡片1动画规则 */
.news-card-vertical {
  overflow: hidden;
  position: relative;
}

/* 修改前 */
.news-card-vertical .news-list-img-vertical {
  transition: transform 0.5s ease !important;
  transform-origin: center center;
}

.news-card-vertical:hover .news-list-img-vertical {
  transform: scale(1.05) !important;
}

/* 修改后 */
.news-card-vertical .news-list-img-vertical {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transform-origin: center center;
}

.news-card-vertical:hover .news-list-img-vertical {
  transform: scale(1.03) !important;
}

/* 修改主图hover效果 */

/* 修改后 */
.img-fluid.rounded-4:hover {
  transform: scale(1.08);
  position: relative;
  z-index: 1;
}

.card-body-vertical .news-title-link {
  position: relative;
  display: block;
  padding-bottom: 3px;
}



.card-body-vertical .news-title-link:hover::after {
  width: 100%;
}

/* 移除固定尺寸容器 */
.text-start .news-title-link {
  display: block !important;
  width: 100% !important;
  height: auto !important;


  /* 增强响应式规则 */
  .responsive-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    object-fit: cover;
  }

  @media (max-width: 768px) {
    .responsive-image {
      max-width: 100% !important;
      margin: 0 auto;
      height: 250px !important;
    }
  }

  .dropdown-image:hover img {
    transform: scale(1.05);
  }

  .dropdown-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: white;
    padding: 1.5rem;
  }

  .dropdown-image-overlay h6 {
    font-weight: 600;
    margin-bottom: 0.5rem;
  }

  .dropdown-image-overlay p {
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.9;
  }

  .article-content p {
    line-height: 2 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 200 !important;
  }










  /* 移除之前所有的::after伪元素定义 */





  /* 移除固定尺寸容器 */
  .text-start .news-title-link {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 增强响应式规则 */
  .responsive-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    object-fit: cover;
  }

  @media (max-width: 768px) {
    .responsive-image {
      max-width: 100% !important;
      margin: 0 auto;
      height: 250px !important;
    }
  }

  .dropdown-image:hover img {
    transform: scale(1.05);
  }

  .dropdown-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: white;
    padding: 1.5rem;
  }

  .dropdown-image-overlay h6 {
    font-weight: 600;
    margin-bottom: 0.5rem;
  }

  .dropdown-image-overlay p {
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.9;
  }

  .article-content p {
    line-height: 2 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 200 !important;
  }









  /* 新闻标题链接下划线动画 */
  .news-title-link {
    position: relative;
    display: inline-block;


  }




  /* 修改点 2: 鼠标移动到子菜单条目时的样式 */


  .article-content p {
    line-height: 2 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 200 !important;
  }








  .news-list-img-vertical {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  /* 响应式调整 */
  @media (max-width: 768px) {
    .small-image-container {
      width: 100%;
      height: 180px;
    }
  }

  .dropdown-image:hover img {
    transform: scale(1.05);
  }

  .dropdown-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: white;
    padding: 1.5rem;
  }

  .dropdown-image-overlay h6 {
    font-weight: 600;
    margin-bottom: 0.5rem;
  }

  .dropdown-image-overlay p {
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.9;
  }

  .article-content p {
    line-height: 2 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 200 !important;
  }




  /* 完全重置section字体 */
  section#NewsRelease,
  section#NewsRelease *:not(button):not(.btn):not(i):not(svg):not(path) {
    all: revert;
    font-family: 'Inter_24pt-Regular',"PingFang SC", "Microsoft Yahei";
    color: #1c1c1c !important;
    line-height: 2 !important;
    font-size: 1.15rem !important;
    letter-spacing: 0.01em !important;
  }

  section#NewsRelease h2 {
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin-bottom: 1.5rem !important;
  }

  section#NewsRelease h5 {
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    margin-bottom: 0.8rem !important;
  }

  section#NewsRelease .text-muted {
    font-size: 0.95rem !important;
    color: #666 !important;
  }

  /* 移除固定尺寸容器 */
  .text-start .news-title-link {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 增强响应式规则 */
  .responsive-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    object-fit: cover;
  }

  @media (max-width: 768px) {
    .responsive-image {
      max-width: 100% !important;
      margin: 0 auto;
      height: 250px !important;
    }
  }

  .dropdown-image:hover img {
    transform: scale(1.05);
  }

  .dropdown-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: white;
    padding: 1.5rem;
  }

  .dropdown-image-overlay h6 {
    font-weight: 600;
    margin-bottom: 0.5rem;
  }

  .dropdown-image-overlay p {
    font-size: 0.9rem;
    margin: 0;
    opacity: 0.9;
  }

  .article-content p {
    line-height: 2 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 200 !important;
  }





  /* 语言切换按钮 */
  .btn-language {
    background: transparent;
    border: 2px solid #f27120;
    color: #f27120;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .btn-language:hover {
    background: color( #f27120 ) ;
    color: white;
  }

  /* 汉堡菜单改进 */
  .navbar-toggler {
    border: none;
    padding: 0.5rem;
  }

  .hamburger {
    display: flex;
    flex-direction: column;
    width: 24px;
    height: 18px;
    cursor: pointer;
  }



  /* 响应式设计 */
  @media (max-width: 991px) {
    .dropdown-menu {
      position: static !important;
      width: 100% !important;
      min-width: auto !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      margin-top: 0 !important;
      padding: 1rem !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
      background: rgba(255, 255, 255, 0.98);
      /* 移动端背景可以稍微不透明 */
    }

    .dropdown-menu.mega-menu {
      left: 0 !important;
      transform: none !important;
      width: 100% !important;
    }

    .dropdown-image {
      height: 200px;
      margin-bottom: 1rem;
    }

    .navbar-nav {
      padding-top: 1rem;
    }


  }

  .navbar-nav .nav-link {
    padding:. img-fluid.rounded-4 {  1.2rem !important;
    /* 恢复原始padding */
    color: #333 !important;
    /* 移动端菜单颜色 */
  }

  /* 移动端汉堡菜单颜色 */
  .hamburger span {
    background-color: #333;
  }

  /* 移动端移除动画 */
  .dropdown-section,
  .mega-menu-container>div,
  .dropdown-menu.simple .dropdown-content,
  .dropdown-menu.simple .dropdown-item {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }






/* 动画效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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


/* 为大型下拉菜单的 sections 和 image 添加延迟动画 */
.mega-menu-container>div:nth-child(1) {
  animation-delay: 0.1s;
}

/* dropdown-content */
.mega-menu-container>div:nth-child(2) {
  animation-delay: 0.2s;
}

/* dropdown-image */

.mega-menu-container .dropdown-section:nth-child(1) {
  animation-delay: 0.15s;
}

.mega-menu-container .dropdown-section:nth-child(2) {
  animation-delay: 0.2s;
}


/* 新增阴影覆盖 */
section.content5#Aboutus {
  box-shadow: none !important;
}

/* 覆盖可能的内容区域边框 */
section#Aboutus .container>.row {
  border-top: none !important;
  border-bottom: none !important;
}

/* 最终解决方案 */
section#Aboutus,
section#Aboutus>div,
section#Aboutus .container,
section#Aboutus .container>div {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.decorative-divider {
  padding-left: 2em;
  /* Space for the divider */
  text-indent: -1.5em;
  /* Hanging indent alignment */
  margin-bottom: 1rem;
}

.decorative-divider::before {
  content: "• " ;
  /* Or use ➜, ➤, ✦, etc. */



  margin-right: 10px;
  font-size: 1.2em;
  vertical-align: middle;
}

.privacy-statement h1 {
  font-size: 2rem;
  text-align: center;
  color: #000000;
  margin-bottom: 3rem;
  font-weight: 500;
}

.privacy-statement h2 {
  font-size: 1.5rem;
  color: #f27120;
  margin-bottom: 1rem;
  font-weight: 500;
}

.privacy-statement p {
  margin-bottom: 1rem;
}

.row-links {
  display: flex;
  justify-content: center;
  /* 从 flex-end 改为 center */
  width: 100%;
}



.row-links-soc {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;

}

.news-btn {
  padding: 0.4rem 1rem !important;
  /* 减小内边距 */
  font-size: 0.9rem !important;
  /* 缩小字体 */
  border-radius: 20px !important;
  /* 更圆润的边框 */
  line-height: 1.3;
  /* 调整行高 */
}




.text-center.my-4 {
  overflow: hidden;
  border-radius:  1rem 
  display: block !important;
}

/* 保持图片本身的圆角设置 */
.img-fluid.rounded-4 {
  border-radius: 0 1rem 1rem 0;
  /* 与容器保持一致 */
  transition: transform 0.5s ease-in-out;
  transform-origin: center center;
  width: 100% !important;
  /* 新增宽度限制 */
  height: 100% !important;
  /* 新增高度限制 */
  object-fit: cover;
  /* 保持填充方式 */

}


/* 修改hover缩放规则 */


.text-start .news-title-link {
  display: block;

  overflow: hidden;
  border-radius: 0.5rem;
  will-change: transform;
}


.animated-underline {
  white-space: pre-wrap;
  word-break: break-word;
  font: inherit;
  /* 保证继承原有字体样式 */
}

.animated-underline span {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  /* 关键：对齐基线，避免字符漂浮 */

}



.animated-underline:hover span::after {
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  transform: translateX(0);
  background: #f59f5a;
}

.underline-char,
.underline-space {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}



/* 空格 span：只保留一点点视觉宽度，避免末尾延伸 */
.underline-space {
  width: 0.5ch;
}

/* hover 下划线展开 */

.animated-underline:hover .underline-space::after {
  transform: translateX(0);
}

.underline-char {
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
  overflow: hidden; 
}

.underline-char::after {
  content: "";
  position: absolute; /* 添加这个关键属性 */
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #f27120; /* 添加背景颜色 */

  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
}

.animated-underline:hover .underline-char::after {
  background-color: #f27120;
   transform: translateX(0); /* 添加transform属性 */
}


/* 修改可持续发展图片容器 */
.image-wrapper-sustainability {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  height: 400px;
  /* 固定容器高度 */
  width: 70%;
  margin: 0 auto;
  /* 新增居中样式 */

}

/* 图片缩放效果 */
.sustainability-hover-image {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: center center;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sustainability-image-link:hover .sustainability-hover-image {
  transform: scale(1.10);
}

/* 新增标题下划线样式 */
.people-culture-title {
  border-bottom: 2px solid #f27120;
  padding-bottom: 0.5rem;
  display: inline-block;
}

/* 橙色方块列表样式 */
.article-content ul {
  list-style: none;
  padding-left: 1.5rem;
}

.article-content ul li::before {
  content: "■";
  color: #f27120;
  margin-right: 0.7rem;
  font-size: 1.1em;
  position: absolute;
  left: 1.9em;
}


/* 移动端隐藏标题 */
@media (max-width: 767px) {

  /* 隐藏插件自动生成的标题容器 */
  .ws-title {
    display: none !important;
  }

  /* 移除图片元素的备用隐藏方式 */
  .slider-title[title] {
    all: unset;
  }
}

@media (max-width: 991px) {

  /* 修改点：将下拉菜单项改为横向排列 */
  .dropdown-content {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .dropdown-section {
    width: auto !important;
    margin: 0 1rem 1rem 0 !important;
  }

  .dropdown-item {
    white-space: nowrap !important;
    padding: 8px 15px !important;
  }

  .dropdown-item-adjusted::after {
    right: 0rem !important;
  }

  /* 修改下拉菜单项的箭头位置 */
  .dropdown-item::before {
    right: 0.3rem !important;
    /* 调整箭头与右侧的距离 */
    margin-left: 0.2rem !important;
    /* 调整箭头与文字间距 */
    font-size: 0.8em !important;
    /* 缩小箭头大小 */
  }

  /* 特别针对What We Do下拉菜单的左侧国家列 */
  #what-we-do-dropdown .col-6:first-child .dropdown-item::before {
    right: 0.2rem !important;
    /* 更靠近文字 */
    margin-left: 0.1rem !important;
  }

  /* 确保在移动端也保持正确位置 */
  @media (max-width: 991px) {
    .dropdown-item::before {
      right: 0.3rem !important;
    }
  }

  /* 调整下拉菜单内容区域 */

  .mega-menu-container .dropdown-content {
    display: flex;


    flex-direction: column;
    width: auto !important;


    align-items: center;
    /* 水平居中 */
    justify-content: space-between;
    /* 上下均匀分布 */
    height: 50%;
    /* 继承父容器高度 */

    min-width: 400px !important;
    padding: 15px;
    /* 增加内边距 */
    box-sizing: border-box;
    /* 确保内边距不增加总宽度 */
    overflow: visible;

    
    }
/* 调整图片区域宽度 */
    .dropdown-image {
      width: 40% !important;
    }

    /* 确保整体容器充分利用空间 */
    .mega-menu-container {
      justify-content: space-between !important;
    }

  

.dropdown-test{



      color: #555 !important;
      margin-right: 0 !important;
      /* 移除margin干扰 */
      display: inline-block;
      justify-content: space-between !important;
      /* 两端对齐 */
      position: relative;
      font-size: 1rem;
      font-weight: 400;
      border: none !important;
      background: none;
      letter-spacing: 0.5px;
      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

      padding: 0 !important;

      min-width: 0 !important;
      max-width: 100% !important;
      align-items: center !important;
      overflow: visible !important;
      /* 确保伪元素可见 */
      white-space: normal !important;
      /* 允许文字换行 */
      min-height: 40px;
      /* 确保最小高度 */


      margin-right: auto;
      /* 左对齐防止意外拉伸 */

      width: auto !important;
      /* 添加宽度约束使元素独占一行 */

      text-decoration: none;
      border-bottom: 1px solid currentColor;
      padding-bottom: 2px;
      box-sizing: border-box;
      /* 确保内边距不影响宽度计算 */
      margin-bottom: 50px !important;
    }