/* 首页产品效果 */






/*  首页产品tabs选项卡 效果 */


.nav-tabs {
    border-bottom: none; /* 去掉底部实线 */
}

 


    .tab-pane img {
        height: auto;
    }


   @media (max-width: 767px) {
      .nav-tabs-responsive .nav-tabs > li {
        width: 50%;
        float: left;
      }
      
    .nav-tabs li{padding:6px;}

      .nav-tabs li a {
        font-size: 14px;
      }
  
      
      
    }
    
    
    @media (min-width: 768px) {
   
    .nav-tabs {
    display: flex;
    justify-content: center; /* 水平居中对齐 电脑端一行显示 */
} 
   .nav-tabs li{padding:10px;}

      .nav-tabs li a {
        font-size: 18px;
      }
    
      .nav-tabs-responsive .nav-tabs > li {
        width: auto;
        float: none;
      }

      
    }
    
    
    
  

    /* 隐藏横向滚动条 */
    body {
        overflow-x: hidden;
    }  
 

    .swiper-slide {
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
  .cp-wz-h{position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 1); color: #585a58; padding: 5px; text-align: center;padding-top:18px;padding-bottom:18px;font-size:18px;}  
  .cp-wz-h a{text-decoration:none;color: #585a58;transition: color 0.3s; /* 添加过渡效果 */}
  .cp-wz-h a:hover{text-decoration:none;color: #white;}
  
 


  .swiper-slide:hover .cp-wz-h {
    background-color: #3092d9;
    color: white; /* 文字颜色改为白色 */
  }
  

  .swiper-slide:hover .cp-wz-h a {
    color: white; /* 鼠标悬停时超链接文字颜色变为白色 */
  }
  
  
  
 /* 手机端 产品选项卡 内容 效果 */
 
 
  
  .m-cp-wz-h{width: 100%; background-color: rgba(241, 241, 241, 0.5); color: #585a58; padding: 5px; text-align: center;padding-top:18px;padding-bottom:18px;margin-top:-50px;font-size:14px;}  
  .m-cp-wz-h a{text-decoration:none;color: #585a58;transition: color 0.3s; /* 添加过渡效果 */}
  .m-cp-wz-h a:hover{text-decoration:none;color: #white;}
  
 


  .m-sy-cp-list:hover .m-cp-wz-h {
    background-color: #3092d9;
    color: white; /* 文字颜色改为白色 */
  }
  

  .m-sy-cp-list:hover .m-cp-wz-h a {
    color: white; /* 鼠标悬停时超链接文字颜色变为白色 */
  }
  
  
  
  
  /* 电脑手机端 产品图显示隐藏 分辨率手机端默认980 */
  
  
     #xianshi{
        display: none; /* 默认隐藏 */
    }

    @media (max-width: 980px) {
        #xianshi {
            display: block; /* 在分辨率小于等于980px时显示 */
        }

     
    }