a:hover {
  text-decoration: none;
  color: #1261cd; 
  transition: all .3s ease-in-out;
}
.text-primary{ 
  color: #1261cd;  
}
.text-primary:hover{ 
  color: #0099ff!important;  
} 
/* 按钮 */
.btn-primary {
  background-color: #1261cd;
  border-color: #1261cd;
  color: #fff;
}
.btn-primary:hover {
  background-color: #0099ff;
  border-color: #0099ff;
  color: #ffffff;
}
 
.btn-default {
  background-color:#fff;
  border-color: #e6e6e6;
}
.btn-default:hover {
  background-color: #1261cd;
  border-color: #1261cd;
  color: #ffffff;
}
.btn-gray {
  background-color:#d6d6d6;
  border-color: #e6e6e6; 
}
.btn-gray:hover {
  background-color: #1261cd;
  border-color: #1261cd;
  color: #ffffff;
}

.bg-gray{
  background-color: #f6f6f6!important;
}
 /* ===== 头部导航 ===== */
 .header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1000;
   background: rgba(255, 255, 255, 0.9);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   padding: 15px 0;
   transition: all 0.3s ease;
 }

 /* 固定头部样式 */
 .header-fixed {
   background: rgba(255, 255, 255, 0.99);
   box-shadow: 3px 6px 9px rgba(0, 0, 0, 0.03);
 }

 .header-fixed .logo {
   height: 38px;
   line-height: 38px;
 }

 .header-fixed .logo img {
   height: 38px;
 }

 .header-fixed .navmenu-item>a { 
   line-height: 36px;
 }

 .header-fixed .navmenu-item>a.active {
   color: #1261cd;
   font-weight: bold;
 }

 .header-fixed .navmenu-item>a.active::after {
   background: #1261cd;
   bottom: -20px;
   height: 2px;
 }

 /* ===== 头部内容布局 ===== */
 .header-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 /* ===== Logo样式 ===== */
 .logo {
   overflow: hidden;
   height: 45px;
   line-height: 45px;
   transition: all 0.5s ease;
   display: flex;
   width: 45%;
 }

 .logo img {
   height: 40px;
   width: auto;
   transition: all 0.5s ease;
 }

 .logo span {
   font-size: 24px;
   font-weight: bold;
   margin-left: 10px;
   background: linear-gradient(135deg, #1261cd, #1638a6);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
 }

 /* ===== 导航菜单 ===== */
 .navmenu {
   width: 55%;
 }
.nav-toggle {
    display: none;
}
 .navmenu-content {
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .navmenu-item {
   display: inline-block;
   position: relative;
 }

 .navmenu-item>a {
   display: block; 
   line-height: 45px; 
   font-size: 15px;
   position: relative;
   text-decoration: none; 
   transition: color 0.3s ease;
 }

 .navmenu-item>a::after {
   position: absolute;
   height: 2px;
   background: transparent;
   content: '';
   width: 100%;
   left: 0;
   bottom: -16px;
   transition: all 0.3s ease;
 }

 .navmenu-item>a.active::after {
   background-color: #1261cd;
 }

 .navmenu-item>a.active {
  color: #1261cd;
  font-weight: bold;
 }

 

 /* ===== 下拉菜单 ===== */
 .navmenu-dropdown {
   position: absolute;
   top: 105%;
   left: 0;
   min-width: 180px;
   background: #fff;
   border-radius: 6px;
   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition: all 0.3s ease;
   z-index: 1000;
   padding: 0 15px;
   list-style: none;
 }

 .navmenu-dropdown:before {
   content: "";
   position: absolute;
   top: -15px;
   left: 15px;
   border: 8px solid transparent;
   border-bottom-color: #fff;
   z-index: 1001;
 }

 .navmenu-item:hover .navmenu-dropdown {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }

 .navmenu-dropdown li {
   display: block;
 }

 .navmenu-dropdown a {
   display: block;
   padding: 10px 20px;
   color: #333;
   white-space: nowrap;
   font-size: 14px;
   border-bottom: 1px solid #e6e6e6;
   font-weight: normal;
   text-decoration: none;
   transition: color 0.3s ease;
 }

 .navmenu-dropdown li:last-child a {
   border: none;
 }

 /* ===== 语言切换 ===== */
 .lang {
   text-align: right;
   padding: 5px 0 0;
   position: relative;
   width: 20%;
 }

 .lang-dropdown {
   position: relative;
   display: inline-block;
 }

 .lang-dropdown.active .lang-dropdown-content {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }

 .lang-dropdown.active i {
   transform: rotate(180deg);
 }

 .lang-dropdown i {
   transition: transform 0.3s ease;
 }

 .lang-dropdown-content {
   position: absolute;
   top: 120%;
   left: 0;
   background: #fff;
   border-radius: 6px;
   box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.1);
   opacity: 0;
   visibility: hidden;
   transform: translateY(10px);
   transition: all 0.3s ease;
   z-index: 1000;
   min-width: 100px;
 }

 .lang-dropdown-content:before {
   content: "";
   position: absolute;
   top: -15px;
   left: 15px;
   border: 8px solid transparent;
   border-bottom-color: #fff;
   z-index: 1001;
 }

 .lang-dropdown-content a {
   display: block;
   padding: 6px;
   border-bottom: 1px solid #e6e6e6;
   text-align: center;
   text-decoration: none;
   color: #333;
   transition: color 0.3s ease;
 }

 .lang-dropdown-content a.active {
   color: #1261cd;
 }

 .lang-dropdown-content a:last-child {
   border: none;
 }

 .lang-dropdown-content a:hover {
   color: #1261cd;
 }

 /* ===== 轮播横幅 ===== */
 .inner-banner {
   position: relative;
   overflow: hidden;
   height: 450px;
   color: #fff;
   background: #666;
   margin-top: 75px;
 }

 .inner-banner::before {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(-8deg,
       hsla(0, 0%, 0%, 0.9) 40%,
       hsla(0, 0%, 0%, 0.9) 30%,
       hsla(0, 0%, 0%, 0.3) 40.1%,
       hsla(0, 0%, 0%, 0.09) 100%);
   background-size: 200% 200%;
   z-index: 1;
   /* animation: gradientMove 15s ease infinite; */
 }

 .inner-banner-bg {
   position: absolute;
   inset: 0;
   background-position: center top;
   background-size: cover;
   background-repeat: no-repeat;
   z-index: 0;
   animation: backgroundBreath 20s ease infinite;
 }

 .inner-banner-content {
   position: relative;
   padding-top: 150px;
   z-index: 3;
 }

 .inner-banner p {
   font-size: 24px;
   font-family: Georgia, 'Times New Roman', serif;  
   text-transform: uppercase;
   color: rgba(255, 255, 255, 0.45); 
   margin: 10px 0;
 }

 .inner-banner h2 {
   font-size: 42px;
   z-index: 3;
 }

 /* ===== 面包屑导航 ===== */
 .breadcrumb {
   position: relative;
   z-index: 3;
 }

 .breadcrumb a {
   color: #fff;
   font-size: 12px;
   text-decoration: none;
   transition: color 0.3s ease;
   padding: 3px 10px 3px 0;
 }

 .breadcrumb a:hover {
   color: #fff;
 }

 .breadcrumb .active {
   color: #1261cd;
 }

 /* ===== 动画定义 ===== */
 @keyframes backgroundBreath {

   0%,
   100% {
     transform: scale(1);
     filter: brightness(1);
   }

   50% {
     transform: scale(1.08);
     filter: brightness(1.1);
   }
 }

 @keyframes gradientMove {

   0%,
   100% {
     background-position: 0% 50%;
   }

   50% {
     background-position: 100% 50%;
   }
 }

 /* ===== 分类导航 ===== */
 .category-nav {
   overflow: hidden;
   border-bottom: 1px solid #e6e6e6;
 }

 .category-nav a {
   padding: 15px 0;
   display: inline-block;
   font-weight: bold;
   position: relative;
   margin-right: 30px;
   text-decoration: none;
   color: #333;
   transition: color 0.3s ease;
 }

 .category-nav a::after {
   position: absolute;
   height: 3px;
   background: transparent;
   transition: all 0.5s ease;
   left: 0;
   bottom: -1px;
   content: '';
   width: 0;
 }

 .category-nav a:hover,
 .category-nav a.active {
   color: #1261cd;
 }

 .category-nav a:hover::after,
 .category-nav a.active::after {
   background: #1261cd;
   width: 100%;
 }

 /* ===== 缩略图样式 ===== */
 .thumb-wrapper {
   position: relative;
   width: 100%;
   padding-bottom: 75%;
   overflow: hidden;
   border-radius: 6px;
   transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }

 .thumb-wrapper a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .thumb {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.8s ease;
 }

 .thumb-wrapper:hover .thumb {
   transform: scale(1.08);
 }

 .thumb-wrapper::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to bottom,
       transparent 0%,
       rgba(184, 148, 31, 0.1) 100%);
   opacity: 0;
   transition: all 0.3s ease-in-out;
   z-index: 1;
   pointer-events: none;
 }

 .thumb-wrapper:hover::before {
   opacity: 1;
 }

 /* ===== 侧边栏 ===== */
 .inner-side {
   width: 24%;
   float: left;
 }

 .inner-side-title {
   position: relative;
   overflow: hidden;
   padding-bottom: 30px;
 }

 .inner-side-title::after {
   content: '';
   height: 6px;
   width: 60px;
   left: 0;
   bottom: 0;
   background: #1261cd;
   position: absolute;
 }

 .inner-side-title h2 {
   font-size: 40px;
   margin-bottom: 15px;
 }

 .inner-side-title h1 {
   font-size: 42px;
   color: #999;
   font-family: Georgia, 'Times New Roman', serif;
   font-weight: 900;
   text-transform: uppercase;
 }

 /* ===== 主要内容区 ===== */
 .inner-section {
   background: #f6f6f6;
   overflow: hidden;
 }

 .inner-body {
   width: 76%;
   float: right;
 }

 .inner-content {
   padding: 45px 0;
   overflow: hidden;
 }

 /* ===== 文章样式 ===== */
 .article-header {
   padding-bottom: 30px;
   margin-bottom: 30px;
   border-bottom: 1px solid #e6e6e6;
 }

 .article-title span{
   font-weight: bold;
   font-size: 36px;
   position: relative;
 }

 .article-title span::after {
   content: '';
   height: 6px; 
   width: 100%;
   left: 0;
   bottom: -33px;
   background: #1261cd;
   position: absolute;
 }

 .article-meta {
   display: flex;
   align-items: center;
   color: #666;
   flex-wrap: wrap;
   margin-bottom: 30px;
 }

 .article-meta-item {
   display: flex;
   align-items: center;
   margin-right: 15px;
   font-size: 12px;
   padding: 3px 6px;
   background: #f6f6f6;
   border-radius: 3px;
   transition: all 0.3s ease;
   color: #999;
 }

 .article-meta-item i {
   color: #1261cd;
   margin-right: 5px;
 }

 .article {
   overflow: hidden;
   padding: 60px;
   border-radius: 12px;
   background: #fff;
   box-shadow: 6px 15px 30px rgba(0, 0, 0, 0.03);
 }

 .article-body {
   font-size: 16px;
   line-height: 1.8;
   color: #333;
 }

 .article-body p {
   /* margin-bottom: 15px; */
 }

 .article-body img {
   max-width: 100%;
   height: auto;
 }

 /* ===== 文章导航 ===== */
 .article-navigation {
   padding-top: 5px;
   overflow: hidden;
 }

 .article-nav-btn {
   padding: 15px;
   display: block;
   border: 1px solid #e6e6e6;
   margin-bottom: 15px;
   border-radius: 6px;
   text-decoration: none;
   color: #333;
   transition: all 0.3s ease;
 }

 .article-nav-btn:hover {
   border-color: #1261cd;
   box-shadow: 0 2px 8px rgba(247, 183, 0, 0.1);
   transform: translateY(-2px);
 }

 .article-nav-btn.article-nav-disabled {
   color: #666;
   cursor: not-allowed;
   background: #f6f6f6;
   opacity: 0.6;
 }

 .article-nav-btn.article-nav-disabled:hover {
   border-color: #e6e6e6;
   box-shadow: none;
   transform: none;
 }

 .article-nav-label {
   color: #999;
   font-size: 12px;
   display: block;
   margin-bottom: 5px;
 }

 /* ===== 页脚样式 ===== */
 .foot {
   background: #0D0D0D;
   padding: 60px 0 15px;
   overflow: hidden;
   color: #fff;
   position: relative;
 }

 .foot-content {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 30px;
 }



 .foot-logo {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   text-align: center;
   padding-bottom: 30px;
 }

 .foot-logo img {
   max-height: 90px;
   width: auto;
   transition: all 0.3s ease;
 }

 .foot-logo img:hover {
   transform: scale(1.05);
   opacity: 0.9;
 }

 .footnav {
   -ms-flex: 3;
   flex: 3;
   min-width: 300px;
 }

 .footnav-list {
   display: flex; 
   gap: 120px;
 }

 .footnav-item {
   list-style: none;
 }

 .footnav-header {
   margin-bottom: 15px;
 }

 .footnav-header a {
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   transition: all 0.3s ease;
   position: relative; 
   display: inline-block;
   text-decoration: none;
 }
 

 .footnav-header a:hover:after {
   width: 100%;
 }

 .footnav-sub {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   list-style: none;
 }

 .footnav-sub .footnav-sub-link {
   margin-bottom: 5px;
 }

 .footnav-sub-link {
   color: rgba(255, 255, 255, 0.7);
   text-decoration: none;
   transition: all 0.3s ease;
   padding: 5px 0 5px 15px;
   position: relative;
   display: inline-block;
 }

 .footnav-sub-link:before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 6px;
   height: 6px;
   background: rgba(39, 57, 201, 0.5);
   border-radius: 50%;
   transition: all 0.3s ease;
 }

 .footnav-sub-link:hover {
   color: #1261cd;
   transform: translateX(5px);
 }

 .footnav-sub-link:hover:before {
   background: #1261cd;
   transform: translateY(-50%) scale(1.2);
 }

 .foot-contact {
   min-width: 240px; 
   text-align: center;
 }

 .foot-contact-title {  
   font-weight: 900;
   text-transform: uppercase;
   font-size: 24px; 
   margin-top: 10px;
 }

 .foot-contact-info img {
   max-width: 150px;
 }

 .foot-toggle {
   display: none;
 }

 /* ===== 版权信息 ===== */
 .copyright {
   text-align: center;
   padding-top: 15px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }

 .copyright p {
   color: rgba(255, 255, 255, 0.6);
   font-size: 14px;
   line-height: 1.6;
   margin: 0;
 }

 .copyright a {
   color: #1261cd;
   text-decoration: none;
   transition: all 0.3s ease;
 }

 .copyright a:hover {
   color: #fff;
   text-decoration: underline;
 }

 /* ===== 返回顶部 ===== */
 .gotop {
   border-radius: 100%;
   bottom: 30px;
   position: fixed;
   background: #666; 
   width: 42px;
   height: 42px;
   color: #fff;
   right: 10px;
   z-index: 999;
 }

 .gotop a {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   border-radius: 100%;
   color: #fff;
   text-decoration: none;
   transition: all 0.3s ease;
 }

 .gotop a:hover {
   color: #fff;
   background: #1261cd;
 }

 /* ===== 无结果提示 ===== */
 .no-results {
   text-align: center;
   padding: 80px 20px;
   color: #999;
 }

 .no-results i {
   font-size: 60px;
   color: #e0e0e0;
   margin-bottom: 20px;
 }

 .no-results h3 {
   font-size: 22px;
   color: #666;
   margin: 0 0 10px 0;
 }

 .no-results p {
   font-size: 16px;
   color: #999;
   margin: 0;
 }

 /* ===== 产品分类侧栏 ===== */
 .product-class-content {
   overflow: hidden;
   padding: 0 30px 15px 0px;
 }

 .product-class {
   overflow: hidden;
   border-radius: 6px;
   -webkit-box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.03);
   box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.03);
 }

 .product-class a {
   background: #c6c6c6;
   padding: 15px 20px;
   display: block;
   font-size: 24px;
   font-family: Georgia, 'Times New Roman', serif;
   font-weight: 900;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 1px;
 }

 .product-class a:hover,
 .product-class a.active {
   background: #1261cd;
   color: #fff;
 }

 .product-class-dropdown a {
   background: #fff;
   color: #333;
   font-size: 14px;
   margin: 0;
   border-bottom: 1px solid #e6e6e6;
   font-family: inherit;
 }

 .product-class-dropdown a:last-child {
   border: none;
 }

 /* ===== Swiper轮播样式 ===== */
 .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   background: rgba(255, 255, 255, 0.5);
 }

 .swiper-pagination-bullet-active {
   background: #1261cd !important;
   transform: scale(1.2);
 }

 .swiper-button-next,
 .swiper-button-prev {
   width: 42px;
   height: 42px;
   background: rgba(0, 0, 0, 0.06);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   z-index: 3;
   border: 1px solid rgba(255, 255, 255, 0.434);
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
   content: none;
 }

 .swiper-button-next i,
 .swiper-button-prev i {
   color: #fff;
   font-size: 16px;
 }

 .swiper-button-next:hover,
 .swiper-button-prev:hover {
   background: rgba(184, 148, 31, 0.3);
   transform: scale(1.1);
 }

 /* ===== 分页样式 ===== */
 .pagination ul {
   margin: 30px 0 0;
   list-style: none;
   padding: 0;
   text-align: center;
 }

 .pagination li {
   margin-right: 10px;
   display: inline-block;
 }

 .pagination li.disabled span {
   border-color: #f6f6f6;
   color: #999;
 }

 .pagination li.active span {
   border-color: #1261cd;
   color: #fff;
   background: #1261cd;
 }

 .pagination li a,
 .pagination li span {
   display: block;
   padding: 0.2em 1em;
   border: 1px solid #e6e6e6;
   border-radius: 3px;
   text-decoration: none;
   color: #333;
   transition: all 0.3s ease;
 }

 .pagination li a:hover {
   border-color: #1261cd;
   color: #fff;
   background: #1261cd;
 }

 /* ===== 响应式设计 ===== */
 @media (max-width: 992px) {

   /* 移动端菜单按钮 */
   .mobile-menu-toggle {
     display: flex;
     position: absolute;
     top: 17px;
     right: 15px;
     width: 24px;
     height: 18px;
     background: transparent;
     border: none;
     cursor: pointer;
     flex-direction: column;
     justify-content: space-between;
     z-index: 1001;
   }

   .mobile-menu-toggle span {
     display: block;
     width: 100%;
     height: 2px;
     background: #1261cd;
     transition: 0.3s;
   }

   .mobile-menu-toggle.active span:nth-child(1) {
     transform: translateY(8px) rotate(45deg); 
   }

   .mobile-menu-toggle.active span:nth-child(2) {
     opacity: 0;
   }

   .mobile-menu-toggle.active span:nth-child(3) {
     transform: translateY(-8px) rotate(-45deg); 
   }

   /* ===== 移动端导航菜单 ===== */
   .navmenu {
     position: fixed;
     top: -100%;
     right: 0;
     width: 100%;  
     background: #fff; 
     padding: 0;
     transition: top 0.3s ease;
     z-index: 1000;
     overflow-y: auto; 
     box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
   }
   .navmenu.active {
    top: 0;
   }

   /* 防止body滚动 - 当菜单打开时 */
   body.menu-open {
     overflow: hidden;
     position: fixed;
     width: 100%;
     height: 100%;
   }

   .menu-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     z-index: 999;
     opacity: 0; 
     transition: all 0.3s ease;
   }

     body.menu-open .menu-overlay {
     opacity: 1;
     visibility: visible;
   }
 

   .menu-overlay.active {
     opacity: 1;
     visibility: visible;
   }

  

   .navmenu-content {
     flex-direction: column;
     margin: 60px 0px 30px;
     border-top: 1px solid #f6f6f6;
     padding:0px 30px ;
   }

   .navmenu-item {
    position: relative;
     width: 100%;
     border-bottom: 1px solid #f6f6f6;
   }

.navmenu-item .nav-toggle {
   position: absolute;
   right: 0px; 
   width: 30px; 
   height: 45px; 
   display: flex;  /* 确保是 flex，不是 none */
   align-items: center;
   justify-content: center;
   cursor: pointer; /* 添加手型光标 */
   z-index: 10;    /* 确保在最上层 */
   top: 0;
}

   .navmenu-item>a { 
     padding: 0; 
     display: inline-block;
     font-size: 14px;
   }

   .navmenu-item>a::after {
     display: none;
   }

   .navmenu-item.has-children>a:after {
     content: '›';
     transform: rotate(90deg);
     transition: 0.3s;
   }

   .navmenu-item.has-children.active>a:after {
     transform: rotate(-90deg);
   }

   .nav-active .navmenu-dropdown { 
    opacity: 1;
    display: block; 
   }
 

   .navmenu-dropdown::before {  
    border-bottom-color: #f6f6f6;
   }
 

   .navmenu-dropdown { 
     width: 100%; 
     box-shadow: none;    
     position: static;  
     visibility:visible;
    transform: translateY(0px);
    background: #f6f6f6;

   }

   .navmenu-dropdown a{ 
    padding-left: 0;
    padding-right: 0;

   }
  
   .header { 
     padding: 10px 0; 
   }

   .header-fixed {
     background: rgba(255, 255, 255, 0.96);
   }
 

   .logo {
     height: 30px !important;
     line-height: 30px !important;
     width: 92%;
   }

   .logo span {
     font-size: 20px;
   }

   .logo img {
     height: 30px !important;
   }
 
 
   /* 移动端横幅 */
   .inner-banner {
     height: 240px;
     margin-top: 50px;
     text-align: center;
   }

   .inner-banner h1,
   .inner-banner h2 {
     font-size: 24px;
   }

   .inner-banner p {
     font-size: 14px;
     margin: 0;
   }

   .inner-banner::before {
     animation-duration: 20s;
   }

   .inner-banner-bg {
     animation-duration: 12s;
   }

   .inner-banner-content {
     padding-top: 100px;
   }

   

   /* 移动端分类导航 */
   .category-nav {
     flex-wrap: nowrap;
     justify-content: left;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }

   .category-nav a {
     white-space: nowrap;
     border-radius: 6px;
   }

 
  
   .inner-content {
     padding:0px 0;
   }
  
   .inner-content .container{
     padding:0;
   }
 

   /* 移动端文章 */
   .article {
     padding:30px 15px;
   }

   .article-header {
     padding-bottom: 15px;
     margin-bottom: 15px;
   }

   .article-title  {
     font-size: 20px;
   }
   .article-title span{
     font-size: 20px;
   }

   .article-title span::after {
     height: 2px;
     bottom: -16px; 
   }

   .article-meta {
     margin-bottom: 15px;
   }

   /* 移动端页脚 */
   .foot {
     padding: 0px 0 15px;
   }

   .footnav {
     width: 100%;
     padding: 15px 0;
   }

   .footnav-list {
     display: block !important;
     width: 100% !important;
     padding-right: 0;
   }

   .footnav-item {
     width: 100% !important;
     padding: 10px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }

   .foot-contact {
     width: 100%;
   }

   .foot-content {
     margin-bottom: 15px;
   }

   .footnav-header {
     position: relative;
     margin: 0;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
   }

   .footnav-header a {
     color: #fff;
     font-weight: normal;
     font-size: 14px;
     text-decoration: none;
     flex: 1;
     padding: 0;
     margin: 0;
   }

   .footnav-header a::after {
     display: none;
   }

   .footnav-header .foot-toggle {
     color: #1261cd;
     font-size: 16px;
     width: 30px;
     text-align: center;
     transition: transform 0.3s;
     display: block;
   }

   .footnav-sub {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease;
     padding-left: 15px;
   }

   .footnav-item.foot-active .footnav-sub {
     max-height: 500px;
   }

   .footnav-sub-link {
     display: block;
     padding: 10px 0 0;
     color: rgba(255, 255, 255, 0.8);
     font-size: 12px;
     text-decoration: none;
     padding-left: 15px;
     margin-left: -2px;
     transition: all 0.3s;
   }

   .footnav-sub-link:hover {
     color: #1261cd;
     border-left-color: #1261cd;
     padding-left: 20px;
   }


   /* 产品分类下拉框 */

   .product-class-content {
     position: relative;
     padding: 15px 0;
     overflow: inherit;
   }

   .product-class {
     overflow: inherit;
   }

   /* 下拉框容器 */
   .product-class-select {
     position: relative;
     width: 100%;
     cursor: pointer;
   }

   /* 显示选中的按钮 */
   .select-selected {
     background: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     padding: 12px 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 14px;
     color: #1261cd;
     transition: all 0.3s;
   }

   .select-selected:hover {
     border-color: #1261cd;
   }

   .select-selected i {
     color: #999;
     transition: transform 0.3s;
   }

   .select-selected.active i {
     transform: rotate(180deg);
   }

   /* 下拉选项列表 - 默认隐藏 */
   .select-items {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     margin-top: 5px;
     background: #fff;
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     z-index: 1000;
     max-height: 300px;
     overflow-y: auto;
     display: none;
   }

   .select-items.show {
     display: block;
     animation: fadeIn 0.2s;
   }

   /* 一级分类选项 */
   .select-option {
     padding: 12px 15px;
     border-bottom: 1px solid #f0f0f0;
     cursor: pointer;
     transition: all 0.2s;
     font-size: 14px;
     color: #333;
   }

   .select-option:last-child {
     border-bottom: none;
   }

   .select-option:hover {
     background: #f9f9f9;
   }

   /* 二级分类（缩进显示） */
   .select-option.sub-option {
     padding-left: 30px;
     font-size: 13px;
     color: #666;
     position: relative;
   }

   .select-option.sub-option:before {
     content: '└';
     position: absolute;
     left: 15px;
     color: #ccc;
   }

   /* 当前选中高亮 */
   .select-option.selected {
     background: #fff9e6;
     color: #1261cd;
     font-weight: 500;
   }

   /* 动画 */
   @keyframes fadeIn {
     from {
       opacity: 0;
       transform: translateY(-10px);
     }

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