.m-box-mobile{
    display: none;
}
.top {
    height:50px;
    padding: 0 50px;
}
.pro-icon{
    flex:0 0 30px;
}
.nav-box-item{
    padding-left: 50px;
}
.logobox{
    padding: 0 50px;
}
@media (min-width: 1199px) {
    /* 表示屏幕宽度至少为 1100px 时，内部的 CSS 规则才会生效 */
    .width1200 {
        padding:0 50px;
    }
    .margin{
        margin: 30px auto;
    }
    /* lang 开始*/
    .menu{
      display: inline-block;
    }
    
    .menu-dropdown {
      display: none;       /* 默认隐藏 */
      position: absolute;
      top: 100%;          /* 紧贴在标题下方 */
      left: 0px;
      min-width: 130px;
      background: white;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      border: 1px solid #ddd;
      z-index: 1000;
    }
    .menu-dropdown-item{
        justify-content: left;
        height: 30px;
    }
    .menu-dropdown-item img, .menu-title img{
        width: 20px;
    }
    
    /* 核心样式：鼠标悬停时显示下拉菜单 */
    .menu-title:hover + .menu-dropdown,
    .menu-dropdown:hover {
      display: block;
    }
    /* lang 结束*/
    
    
    
    /* logo和导航栏开始 */
    .top-menu-title{
        margin-left: 50px;
    }
    .top-menu-title:hover{
        color: #008445;
        padding-bottom:10px;
        border-bottom: 3px solid #008445;
    }
    .sticky-element {
        z-index: 100; /* 避免被其他元素遮挡 */
      }
      .logobox2{
          top:0px;
          background: #ffffff;
      }
    /* logo和导航栏结束 */
    
    
    
    .t-center,.logo-center, .center-box {
        width: 100%;
        font-size: 12px;
    }
    .transition-custom:hover{
        transform: scale(1.03);
    }
    .title-bs:hover, .m-box-r-item:hover{
        color:var(--main-color);
    }
    .m-box-r-item{
        max-width: calc(100% / 6);
    }
    
    
    
    /* 产品展示开始 */
    .pr-description{
        line-height:18px;
    }
    /* 产品展示结束 */
    
    
    
    /* 企业信息开始 */
    .cc-box img{
        width:100%;
        background:#F9FAFB;
        max-height: 560px;
    }
    /* 企业信息结束 */
    
    
    
    
    /* 案例展示开始 */
    .anli-box{
        padding:50px;
        width:100%;
        height: 640px;
    }
    .anli-center{
        justify-content: space-between;
        gap: clamp(10px, 3vw, 30px); 
    }
    .anli-box-item{
        flex:1;
        height:420px;
    }
    .anli-box-item img{
        height:190px;
    }
    .anli-item-txt{
        padding:20px;
    }
    /* 案例展示结束 */
    
    
    
    
    /* 关于我们开始 */
    .about-box{
        padding:50px;
        width:100%;
        background:#F9FAFB;
        height: 480px;
    }
    .about-center{
         justify-content: space-between;
         gap: clamp(10px, 3vw, 30px); 
    }
    .a-title-1{
        font-size: 36px;
        margin: 0;
    }
    .a-title-box{
       flex:1;
    }
    .a-title-box img{
       height: 385px;
    }
    .ab-description{
        line-height:30px;
    }
    /* 关于我们结束 */
    
    
    
    
    /* 合作伙伴开始 */
    .partner-box{
        padding:50px;
        width:100%;
        height: 480px;
    }
    .partner-center{
        justify-content: space-between;
        flex-wrap: wrap;
        gap: clamp(10px, 1vw, 20px); 
    }
    .pa-box{
        flex:1;
        height:130px;
    }
    .pa-title-1{
        margin: 0 0 50px 0;
    }
    /* 合作伙伴结束 */
    
    
    
    
    /* 行业新闻开始 */
    .news-box{
        padding:50px;
        width:100%;
        background:#F9FAFB;
        height: 620px;
    }
    /* 行业新闻结束 */
    
    
    /* 询盘信息开始 */
    .message-box{
        padding:50px;
        width:100%;
        height: 490px;
    }
    .me-title-1{
        font-size: 20px;
        margin: 0 0 20px 0;
    }
    .me-de{
        margin-bottom:20px;
    }
    .me-box{
        justify-content: space-between;
    }
    .me-item{
        flex:0 0 48%;
    }
    .me-item-l{
        justify-content: space-between;
        flex-wrap: wrap; 
        gap: clamp(10px, 3vw, 20px);
        padding:20px;

    }
    .me-item-l .me-item-l-item{
        flex-basis: calc((100% - 3 * clamp(10px, 3vw, 20px)) / 3);
    }
    .me-item-l .me-item-l-item img{
        width: 100%;
        aspect-ratio: 150 / 150;
    }
    /* 询盘信息结束 */
    
    
    
    
    /* footer开始 */
    .footer-menu-title{
        padding-right:30px;
    }
    .fo-box{
        border-bottom: 1px solid #374151;
    }
    .fo-item-b{
        margin-top:20px;
    }
    .fo-fx1{
        flex: 0 0 260px;
    }
    /* footer结束 */
}
@media (min-width: 768px) and (max-width: 1199px) {
    /* 表示屏幕宽度至少为 1100px 时，内部的 CSS 规则才会生效 */
    .margin{
        margin: 30px auto;
    }
    /* lang 开始*/
    .menu{
      display: inline-block;
    }
    
    .menu-dropdown {
      display: none;       /* 默认隐藏 */
      position: absolute;
      top: 100%;          /* 紧贴在标题下方 */
      left: 0;
      min-width: 130px;
      background: white;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      border: 1px solid #ddd;
      z-index: 1000;
    }
    .menu-dropdown-item{
        justify-content: left;
        height: 30px;
    }
    .menu-dropdown-item img, .menu-title img{
        width: 20px;
    }
    
    /* 核心样式：鼠标悬停时显示下拉菜单 */
    .menu-title:hover + .menu-dropdown,
    .menu-dropdown:hover {
      display: block;
    }
    /* lang 结束*/
    
    
    
    /* logo和导航栏开始 */
    .logo,.logobox{
        height:80px;
    }
    .top-menu-title{
        margin-left: 25px;
    }
    .top-menu-title:hover{
        color: #008445;
        padding-bottom:10px;
        border-bottom: 3px solid #008445;
    }
    .sticky-element {
        z-index: 100; /* 避免被其他元素遮挡 */
      }
      .logobox2{
          top:0px;
          background: #ffffff;
      }
    /* logo和导航栏结束 */
    
    
    
    .t-center,.logo-center, .center-box {
        width: 100%;
        font-size: 12px;
    }
    .transition-custom:hover{
        transform: scale(1.03);
    }
    .title-bs:hover, .m-box-r-item:hover{
        color:var(--main-color);
    }
    .m-box-r-item{
        max-width: calc(100% / 6);
    }
    
    
    
    /* 产品展示开始 */
    .pr-description{
        line-height:18px;
    } 
    /* 产品展示结束 */
    
    

    
    
    
    
    /* 案例展示开始 */
    .anli-box{
        padding:50px;
        width:100%;
        height: 640px;
    }
    .anli-center{
        justify-content: space-between;
        gap: clamp(10px, 3vw, 30px); 
    }
    .anli-box-item{
        flex:1;
        height:420px;
    }
    .anli-box-item img{
        height:190px;
    }
    .anli-item-txt{
        padding:20px;
    }
    /* 案例展示结束 */
    
    
    
    
    /* 关于我们开始 */
    .about-box{
        padding:50px;
        width:100%;
        background:#F9FAFB;
        height: 480px;
    }
    .about-center{
         justify-content: space-between;
         gap: clamp(10px, 3vw, 30px); 
    }
    .a-title-1{
        font-size: 36px;
        margin: 0;
    }
    .a-title-box{
       flex:1;
    }
    .a-title-box img{
       height: 385px;
    }
    .ab-description{
        line-height:30px;
    }
    /* 关于我们结束 */
    
    
    
    
    /* 合作伙伴开始 */
    .partner-box{
        padding:50px;
        width:100%;
        height: 550px;
    }
    .partner-center{
        justify-content: space-between;
        flex-wrap: wrap;
        gap: clamp(10px, 1vw, 20px); 
    }
    .pa-box{
        flex:1;
        height:110px;
    }
    .pa-box img{
        width:110;
    }
    .pa-title-1{
        margin: 0 0 50px 0;
    }
    .pr-item-l{
        flex: 0 0 30%;
    }
    .pr-item-r{
        flex: 0 0 70%;
    }
    /* 合作伙伴结束 */
    
    
    
    
    /* 行业新闻开始 */
    .news-box{
        padding:50px;
        width:100%;
        background:#F9FAFB;
        height: 620px;
    }
    /* 行业新闻结束 */
    
    
    /* 询盘信息开始 */
    .message-box{
        padding:50px;
        width:100%;
        height: 490px;
    }
    .me-title-1{
        font-size: 20px;
        margin: 0 0 20px 0;
    }
    .me-de{
        margin-bottom:20px;
    }
    .me-box{
        justify-content: space-between;
    }
    .me-item{
        flex:0 0 48%;
    }
    .me-item-l{
        justify-content: space-between;
        flex-wrap: wrap; 
        gap: clamp(10px, 3vw, 20px);
        padding:20px;

    }
    .me-item-l .me-item-l-item{
        flex-basis: calc((100% - 3 * clamp(10px, 3vw, 20px)) / 3);
    }
    .me-item-l .me-item-l-item img{
        width: 100%;
        aspect-ratio: 150 / 150;
    }
    /* 询盘信息结束 */
    
    
    
    
    /* footer开始 */
    .footer-menu-title{
        padding-right:30px;
    }
    .fo-box{
        border-bottom: 1px solid #374151;
    }
    .fo-item-b{
        margin-top:20px;
    }
    .fo-fx1{
        flex: 0 0 260px;
    }
    /* footer结束 */
}
.logobox2{
    top:0px;
    background: #ffffff;
}
.fo-box{
    border-bottom: 1px solid #374151;
    padding: 30px 50px;
}
.index-is-active:hover{
    color: #008445;
    font-weight: 600;
}
.nav-box{
    background:#F9FAFB;
}

  /* 产品展示开始 */
  .product-box{
    padding:50px;
    width:100%;
}
.product-center{
    gap: clamp(30px, 1vw, 30px);
}
.pr-t{
    font-weight: bold;
    font-size: 30px;
    padding:0 0 50px 0;
}
.product-box-item{
    flex-basis: calc((100% - 2 * 30px) / 3);
}
.product-item-txt{
    padding:10px 20px;
}
.product-box-item .product-img img{
    width: 100%;
    aspect-ratio: 500 / 500;
}
.product-box-item:hover .product-img img{
    transform: scale(1.1);
}

.pr-item-l{
    flex: 0 0 30%;
}
.pr-item-l .jiantou{
    flex: 0 0 30px;
}
.pr-item-l .img{
    flex: 0 0 50px;
}
.pr-item-r{
    flex: 1;
}
.pr-item-r-1{
    flex-wrap: wrap;
    gap: clamp(30px, 1vw, 30px); 
}
/* 产品展示结束 */


.pro-detail-box .box-l .box-l-img{
    flex:0 0 500px;
}
.pro-detail-box .box-l .box-l-img .img{
    width: 100%;
    aspect-ratio: 812 / 563;
}