@media(max-width: 1920px){
  

}


@media(max-width: 1680px){

}

@media(max-width: 1440px){
   .container-xl{
     max-width:1280px;
   }
}


@media(max-width: 1366px){
   .oem-box2{
     height: 300px;
   }
   .oem-box{
     height: 620px;
   }
}
@media(max-width: 12000px){
   .head-sm-height{
      height: 5.4rem;
   }
}

@media(max-width: 1000px){
   .head-sm-height{
      height: 5.4rem;
   }
}

@media(max-width: 992px){
  		 /* 一级菜单样式 */
    .navbar-expand-lg .navbar-nav .nav-link {
        color: #FFF;
        padding: 0.8rem 2.5rem 0.8rem 0 !important; 
        display: block;
        align-items: center;
        width: 100%;
        position: relative;
        font-size: 1.6rem;
    }

    /* 箭头样式：使用伪元素 */
    .navbar-expand-lg .navbar-nav .nav-link::after {
        font-family: "bootstrap-icons";
        content: "\F285"; /* 向右箭头 */
        position: absolute;
        right: 1rem;
        font-size: 1.2rem;
        border: none !important; /* 彻底去掉 BS 默认的小三角 */
        transition: transform 0.3s ease; /* 增加平滑旋转 */
        width: auto;
        height: auto;
    }

    /* 当菜单展开时，箭头旋转 90 度 */     
    .show.dropdown-toggle::after{
    	 transform: rotate(90deg) !important;
    }

    /* 下拉菜单基础设置 */
    .navbar-nav .dropdown-menu {
        position: static !important; /* 手机端必须取消绝对定位 */
        float: none;
        width: 100%;
        background: #000; /* 浅灰色区分 */
        border: none;
        margin: 0;
        padding: 0.5rem 0 0.5rem 1.5rem; /* 子菜单向右缩进，增强层级感 */
        
        /* 关键：交给 Bootstrap 控制隐藏与显示 */
        display: block; 
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /* 只有带 .show 类时才显示 */
    .navbar-nav .dropdown-menu.show {
        display: block !important;
    }

    /* 隐藏 PC 端的装饰三角形 */
    .navbar-nav .dropdown-menu::before {
        display: none !important;
    }
    .nav-item .dropdown-item{
         color:#888;
    } 
    .nav-item .dropdown-item:hover,
    .nav-item .dropdown-item:focus,
    .nav-item .dropdown-item:active { 
        color:#fff!important; 
    }
   
   .dropdown-menu li{
      padding:0;
   }

    .P-box{
         flex-wrap: wrap;
    }
    .left-bar{
         width:100%;
         margin-right: 0;
    }
    .right-box{
         width:100%;
    }
    
 .oem-box,
 .oem-box2{
     color:#fff;
 }

}

@media(max-width: 768px){
   h1{
    font-size: 1.6rem;
    margin-top: 0.5rem;
    }
    
    .logo{
     height: 20px;
    }
    .logo::after{
       height: 7px;
    }
    
   .navbar-nav{
     margin:15px 0 30px 15px;
   } 
  
   .index-banner .position-absolute .text h2{
      font-size: 2rem;
      max-width: 80%
   }
   .index-banner .position-absolute .text h3{
     font-size: 1.4rem;
     max-width: 80%;
     font-weight: bold;
   }
   .index-banner .position-absolute .text h4{
     font-size: 1.2rem;
     max-width: 80%;
   }
   .slide-bar{
     border:none;
   }
   .slide-bar .name{
      display: none;
   }
 
 .banner{
     height: 20rem;
 }

.slide-bar .slide-menu {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;

    width: 100%;
    margin: 0;
    padding:0px 5px;

    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    list-style: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.slide-menu::-webkit-scrollbar {
    display: none;
}

.slide-bar .slide-menu li{
    flex: 0 0 auto;
    margin-bottom: 0;

}

.slide-menu a {
    display: block;
    padding: 10px 0;
    white-space: nowrap;
}


.foot-menu-wap{
    display: flex;
}
.foot-menu-wap li{
      margin-right: 20px;
}


.left-product-wap{
    display: block;
    padding:15px;
    margin-bottom: 2rem;
    padding:5px 10px;
    border-radius: 0px;
}

    .news-list {
      display: flex; 
    }
    .news-list .ico {
        width:150px; 
        height:150px;
        margin:0 auto;
        margin-bottom:0px;
    }
    .news-list .desc {
        width:calc(100% - 150px);
        padding:10px 15px; 

    } 
    .news-list .date {
        display:none;
    }
    .news-list .ico img {
        max-height: 150px;
        height: 150px;
    }
    .tags{
         display: block;
         margin-left: 0!important;
         margin-top: 1rem;
    }
    .news-tj{
      border-bottom: 1px solid rgba(112,112,112,0.5);
    }

   .index-news{
     display: flex;
     width:100%;
   }
    .index-news .title{
       font-weight:normal;
       margin-bottom:5px!important;
   }
   .index-news .ico{
       width:14rem;
       height: 100%;
       padding-top:0rem; 
   }
   .index-news .ico img{
      position: relative;
   }
   .index-news .cont{
       width:calc(100% - 14rem);
      padding: 10px;
      display: flex;
      align-items: center;
   }
 
   
   
   .title-line::after{ 
   width:3rem; 
    } 
    .title-line:hover::after{
        width:5rem;
    }
    .oem-box,
    .oem-box2{
        height: auto;
        padding:30px 15px;
    }
  
    
    .index-oemlist .desc{
         font-size: 1.2rem;
    }
    
    
    .product-info-banner{
     width:100%;
     padding-right: 0;
     padding-left:0;
    }
    
    .foot-menu li{
      width:50%;
    }
    
    .contact-main li{
      font-size:1.4rem;
    }
    
    .more-link,
    .more-link i{
      color:var(--colorred);
      font-weight: bold;
    }
    
    

}

@media(max-width: 480px){
  
}