@media(max-width: 1920px){

}


@media(max-width: 1680px){
   .index_aboutbig-wdbox {
    padding-left:60px;
    }
    .index_aboutbig-desc p {
        margin-top:20px;
    }
    .index_aboutbig-desc {
        margin-top:32px;
    }
    .index_aboutbig-img,.index_aboutbig-wdbox {
        height:620px;
    }
}
@media(max-width: 1560px){
    .topsearch input{
       width:100px;
       margin-left: 1rem;
    }
}

@media(max-width: 1440px){
    .sontit-one h3 {
    font-size:26px;
    margin-top:14px;
    }
    .sontit-one p {
        font-size:24px;
    }
    .index_aboutbig-wd {
        width:100%;
    }
    .index_aboutbig-wdbox {
        padding:0 40px;
    }
    .index_aboutbig-img,.index_aboutbig-wdbox {
        height:560px;
    }
    .rota-3D-card-img{
         height: 350px;
    }
}


@media(max-width: 1366px){
  .navbar-expand-lg .navbar-nav .nav-link{
      padding-right: 1rem;
      padding-left: 1rem;
  } 
}


@media(max-width: 1200px){
   .sontit-one h3 {
    font-size:24px;
    margin-top:12px;
    }
    .sontit-one p {
        font-size:20px;
    }
    .index_aboutbig-desc p {
        margin-top:16px;
    }
    .index_aboutbig-desc {
        margin-top:24px;
    }
    .index_aboutbig-wdbox {
        padding:0 4%;
    }
    .index_aboutbig-img,.index_aboutbig-wdbox {
        height:500px;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
       font-size: 1.4rem;
    }
    .container-xxxl{
       width:100%;
       padding-right: 15px;
       padding-left: 15px;
    }
    .waimao-duibi .header{
       position: relative;
       top:0;
    }
    .waimao-duibi tr th{
       font-size: 1.4rem;
    }
    .waimao-duibi th span{
       font-size: 1.2rem;
    }
    .waimao-duibi td{
      font-size: 1.4rem;
    }
    .index-seo{
       font-size: 1.2rem;
    }
} 

@media(max-width: 992px){

    /* 1. 外层容器：改为上下垂直排列，缩小内边距 */
  .dashboard-bg {
    padding: 16px;
    border-radius: 1.2rem;
  }

  .dashboard-bg > .d-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  /* 2. 导航菜单：转换为顶部横向滑动条 */
  .custom-nav {
    width: 100% !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch; /* 提升 iOS 滚动顺滑度 */
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
    -ms-overflow-style: none; /* IE/Edge */
  }

  .custom-nav::-webkit-scrollbar {
    display: none; /* Chrome/Safari/微信内置浏览器 隐藏滚动条 */
  }

  /* 隐藏左侧导航中的总标题（新闻中心），为横向 Tab 腾出空间 */
  .custom-nav > div {
    display: none !important;
  }

  /* Tab 按钮：防挤压、紧凑布局 */
  .custom-nav .nav-link {
    flex-shrink: 0;
    margin-bottom: 0 !important;
    margin-right: 8px;
    padding: 8px 16px;
    font-size: 13px;
    white-space: nowrap;
    border-radius: 20px; /* 移动端采用胶囊样式体验更好 */
  }

  /* 3. 右侧内容区：降低内边距与高度 */
  .custom-tab-content {
    padding: 16px;
    min-height: auto;
    border-radius: 12px;
  }

  /* 4. 卡片样式微调 */
  .product-card {
    padding: 14px;
  }
  
  		 /* 一级菜单样式 */
    .navbar-expand-lg .navbar-nav .nav-link {
        color: #333 !important; /* 强制手机端为黑色 */
        padding: 0.8rem 2.5rem 0.8rem 0 !important; 
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        font-size: 1.6rem;
    }
    .navbar-expand-lg .navbar-nav .nav-link i{
      display: none;
    }

    /* 箭头样式：使用伪元素 */
    .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: #f8f8f8; /* 浅灰色区分 */
        border: none;
        margin: 0;
        padding: 0.5rem 0 0.5rem 1.5rem; /* 子菜单向右缩进，增强层级感 */
        
        /* 关键：交给 Bootstrap 控制隐藏与显示 */
        display: none; 
        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;
    }

    .index_aboutbig-img,.index_aboutbig-wdbox {
    width:100%;
    height:auto;
    }
    .index_aboutbig-wdbox {
        padding:28px 4%;
    }

    .wai-left {
        position:relative;
        top:0;
        height: auto;
    }
    .w-md-100{
        width:100%;
    }
    .one-step::after{
         display: none;
    }
    .wai-list{
        background: #f3f5f9;
        padding:1.5rem;
        margin-bottom: 1rem;
        border:none;
    }

    .wai-list .pics{
         margin-top: 2rem;
         height: 10rem;
    } 
    .nav-main{
       justify-content:space-between;
       flex-wrap: wrap;
    }
    .submenu{
       display: block;
       position: relative;
       opacity: 1;
       visibility: visible;
    }





}

@media(max-width: 768px){
    .index-banner{
         height: 30rem;
         padding-top: 5rem;
    }
    .spotlight-btn{
         width: 15rem;
         height: 4rem;
    }


    .sontit-one p {
    font-size:18px;
    }
    .sontit-one h3 {
        font-size:20px;
        margin-top:8px;
    }
    .index_aboutbig-desc p {
        margin-top:0;
        line-height:26px;
        font-size: 1.4rem;
    }

    .index-contact-box1{
         height: auto;
    }
    .index-contact-box1 .more-btn{
         right:15px;
         left:auto;
    }
    .index-contact-box1 .more-btn .more{
         font-size: 1.2rem;
         padding:10px 15px;
    }

    .index-contact-box{
         height: auto;
         padding:15px;
         box-shadow: 1px 1px 10px #ddd;
    }
    .index-contact-box .subtitle{
         position: relative;
             bottom: 0;
       left: 0rem;
       margin-top: 1rem;
    }
    
    .footer-service-list {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }

    .reduction-big-box{
         margin-top: 100%;        
    }
    .reduction-box{
          padding:15px 10px;
    }
    .reduction-box img{
         width: 50px;
    }

     .wai-list .pics{
         margin-top: 2rem;
         height:6rem;
    }

  
  .advantage-list{
    padding:0!important;
  }

  .advantage-list:nth-child(1) .advantage{
    border-right:1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .advantage-list:nth-child(2) .advantage{
    border-bottom: 1px solid #ddd;
  }
  .advantage-list:nth-child(3) .advantage{
    border-right:1px solid #ddd;
  }
  .advantage::after{
     display: none;
  }
      .form-group2 {
        width: 100%;
    }

    .news-list-box .news-list .text{
       width: 100%
    }
    .index-gongneng{
       padding:15px 10px;
    }
    .index-gongneng .ico img{
       width:3rem;
    }
    .custom .ico{
       display: flex;
       justify-content: center;
    }
    .custom .ico img{
       width:30px;
       height: 30px;
    }
    .banner{
       height: 25rem;
    }

}

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