*{
    font-family: "Microsoft YaHei", "苹方", "PingFang SC", Arial, Helvetica, sans-serif;
}
/* 导航栏整体样式 */
.navbar {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); /* 轻微阴影增强层次感 */
  transition: all 0.3s ease; /* 平滑过渡动画 */
  height:80px !important;
  padding: 0;
  z-index: 1030;
}
.home.navbar{
    background-color: rgba(255, 255, 255, 0) !important;
}

.my-hide{
    display: none;
}

/* Logo样式与hover效果 */
.navbar-brand img {
  object-fit: contain;
  transition: transform 0.3s ease;
}
.navbar-brand:hover img {
  transform: scale(1.05); /* 悬停时轻微放大，增强交互感 */
}

/* 一级导航链接基础样式 */
.navbar-nav > .nav-item{
    position: relative;
    line-height: 80px;
    margin-right: 67px;
}

.navbar-nav .nav-link {
  color: #222222 !important; /* 浅色文字，提升可读性 */
  font-size: 1rem;
  padding: 0.8rem 1.2rem !important; /* 链接内边距，增大点击区域 */
  margin: 0 0.3rem; /* 链接间距，避免拥挤 */
  transition: all 0.3s ease;
  position: relative;
  padding: 0 !important;
}

/*  交互效果 */
/* 3. 伪元素绘制下划线（默认隐藏） */
.nav-item::after {
  content: ""; /* 伪元素必须有 content */
  position: absolute; /* 绝对定位，不占文档流（不影响布局） */
  bottom: 0; /* 下划线靠底部 */
  left: 50%; /* 水平居中（初始位置） */
  width: 0; /* 初始宽度为 0（隐藏） */
  height: 4px; /* 下划线粗细 */
  background-color: #E60012; /* 下划线颜色（金色） */
  transition: all 0.2s ease; /* 过渡动画（平滑显示/隐藏） */
  transform: translateX(-50%); /* 水平居中修正 */
}

.abs-navbar{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}


/* 一级导航hover效果 */
.navbar-nav .nav-item:hover::after, .navbar-nav .nav-item.active::after {
  width: 100%; 
}

/* 当前栏目高亮样式 */
.navbar-nav .nav-item .nav-link:hover , 
.navbar-nav .nav-item.active .nav-link {
  color: #E60012 !important;
}

/* 下拉箭头样式（仅二级导航显示） */
.navbar-nav .dropdown .nav-link.dropdown-toggle::after {
  transition: transform 0.3s ease;
}

.navbar-nav .dropdown:hover .nav-link.dropdown-toggle::after {
  transform: rotate(180deg); /* 悬停时箭头旋转，提示下拉展开 */
}

/* 首页导航栏特殊颜色效果 */
.home .navbar-nav .nav-item .nav-link:hover , 
.home.navbar .navbar-nav .nav-link, 
.home .navbar-nav .nav-item.active .nav-link {
  color: rgb(255, 255, 255) !important;
}

/* 二级导航样式 */
/* 二级导航容器样式 */
/* 白色背景，适合浅色主题, 设置透明度 */
.dropdown-menu { 
  border: none;
  padding: 0.6rem 0;
  line-height: 2rem;
  border-radius: 0;
  position: absolute;
  left: 50%;
  top: 79px;
  width: 140px;
  margin-left: -70px;
  z-index: 20;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

/* 二级导航链接样式 */
.dropdown-item {
  color: #2c3e50 !important; /* 深色文字，提升可读性 */
  padding: 0.7rem 1.5rem; /* 内边距，增大点击区域 */
  font-weight: 500;
  transition: all 0.3s ease;
  margin: 0.2rem 0.5rem; /* 间距，避免拥挤 */
}

.dropdown-menu .active .dropdown-item{
    color: red !important;
}

/* 二级导航hover效果 */
.dropdown-item:hover {
  color: #E60012 !important; /* 强调色，突出当前选项 */
  background: inherit;
}

/* 下拉菜单动画效果 */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px); /* 初始位置上移10px */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* 最终位置复位 */
  }
}

.navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
  animation: fadeInDown 0.4s ease; /* 下拉动画，提升流畅感 */
}

@media (max-width: 992px) {
  .navbar-nav .nav-link {
    padding: 0.6rem 1rem !important; /* 减小移动端内边距，节省空间 */
  }
  .dropdown-menu {
    box-shadow: none; /* 移动端去除阴影，避免视觉拥挤 */
    background-color: rgba(255, 255, 255, 0.98); /* 更高透明度背景 */
    margin-top: 0.3rem; /* 减小间距 */
  }
  .navbar-nav .dropdown .nav-link.dropdown-toggle::after {
    margin-left: 0.3rem; /* 减小箭头间距 */
  }
}


/* 幻灯片高度 */
.slideshow{
  height: 940px !important;
}

.swiper-slide .swiper-title{
    font-size: 60px;
    line-height: 86px;
    color: rgb(255, 255, 255);
    font-weight: bold;
}
.swiper-slide .swiper-subtitle{
    font-size: 22px;
    line-height: 32px;
    color: rgb(255, 255, 255);
    margin-top: 20px;
}