@media (min-width: 1200px) {
    /* 表示屏幕宽度至少为 1100px 时，内部的 CSS 规则才会生效 */
    .top {
        background-color: #f9f9f9;
    }
    .width1200 {
       width:1200px;
    }
    .margin{
        margin: 30px auto;
    }
    .t-center,.logo-center, .menu-center, .class-box, .link-box,.center-box {
        width: 1200px;
        font-size: 12px;
    }
    .catebox{
        margin: 48px 0;
    }
    .cate-center{
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }
    .menubox{
        margin: 20px 0;
    }
    .menu-center{
        height: 20px;
        padding-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }
    .cate-center,.industry-center{
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }
    .big-cate-box-item{
        flex:0 0 285px;
        height:150px;
    }
    .industry-box-item{
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        flex:0 0 183px;
        height:188px;
    }
    .product-box-item{
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        flex:0 0 280px;
        height:380px;
        margin-bottom: 26px;
    }
    .product-item-txt{
        padding:20px;
    }
    .product-price{
        margin-top: 25px;
    }
    .box-item{
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        margin-bottom: 26px;
        display: flex;
        align-items: flex-start;
    }
    .product-img{
        height:200px;
    }
    .box-item-scale:hover{
        transform: scale(1.03);
    }
    .catebox, .industry-box, .procurement-box,.box-margin{
        margin: 48px 0;
    }
    .center-flex{
        display: flex;
        align-items: flex-start;;
        justify-content: space-between;
        text-align: center;
    }
    .product-center, .procurement-center, .shop-center{
        flex-wrap: wrap;
    }
    .industry-box, .procurement-box{
        padding:30px 0 60px 0;
    }
    .shop-img{
        flex: 0 0 60px;
    }
    .procurement-box-item{
        flex:0 0 375px;
        height:200px;
        padding:25px;
    }
    .shop-box-item{
        flex:0 0 280px;
        height:200px;
        padding:25px;
    }
    .procurement-item-title,.procurement-item-description{
        margin-bottom:15px;
    }
    .procurement-item-txt-1,.procurement-item-tags{
        padding:5px 10px;
    }
    .title-box{
        margin-bottom:40px;
    }
    .title-1{
        font-size: clamp(1.5rem, 3vw, 2.5rem);
        font-weight: 700;
    }
    .industry-box-item:hover{
        transform: scale(1.03);
    }
    .news-l {
        flex:0 0 587px;
    }
    .news-l-2{
        padding:20px;
    }
    .news-r {
        flex:0 0 587px;
    }
    .news-box-item{
        padding:20px;
    }
    .news-img {
        height:370px;
    }
    .news-item-txt{
        padding-left:20px;
    }
    .news-img-2{
        flex: 0 0 80px;
    }
    .big-cate-box-item-cycle, .industry-box-item-cycle{
        border-radius: 30px;
        height:60px;
        width:60px;
        font-size: 30px;
    }
    .item-cycle-1{
        color: rgba(1, 185, 245);
    }
    .item-cycle-2{
        color: rgba(103, 194, 58);
    }
    .item-cycle-3{
        color: rgba(246, 190, 30);
    }
    .item-cycle-4{
        color: rgba(245, 108, 108);
    }
    .transition-custom {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .cate-text{
        margin-top:20px;
        margin-bottom:8px;
    }
    .y-bg1-3{
      background: rgba(1, 185, 245, 0.3);
    }
    .y-bg2-3{
      background: rgba(103, 194, 58, 0.3);
    }
    .y-bg3-3{
      background: rgba(246, 190, 30, 0.3);
    }
    .y-bg4-3{
      background: rgba(245, 108, 108, 0.3);
    }
    .y-bg1-2:hover{
      background: rgba(1, 185, 245, 0.1);
    }
    .y-bg2-2:hover{
      background: rgba(103, 194, 58, 0.1);
    }
    .y-bg3-2:hover{
      background: rgba(246, 190, 30, 0.1);
    }
    .y-bg4-2:hover{
      background: rgba(245, 108, 108, 0.1);
    }
    .m-box-l{
        width:6%;
        flex:0 0 6%;
        min-width: 140px;
    }
    h1{
        font-size: 17px;
    }
    .m-box-r{
        width:94%;
        flex:0 0 94%;
        text-align: left;
    }
    .m-box-r-item{
        max-width: calc(100% / 6);
    }
    .title-bs:hover, .m-box-r-item:hover{
        color:var(--main-color);
    }
    .banner-box-2{
        flex:1;
        height:450px;
    }
    .news-box{
    }
    .class-box-content{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap; /* 允许换行 */
    }
    .class-box-content-1{
        margin-top:10px;
        padding:10px;
        flex: 0 0 20%;
        box-sizing: border-box; /* 防止 padding 影响宽度计算 */
    }
    .w80-100{
        width:120px;
    }
}







@media (min-width: 1500px) {
    /* 表示屏幕宽度至少为 1100px 时，内部的 CSS 规则才会生效 */
    .top {
        background-color: #f9f9f9;
    }
    .width1200 {
       width:1200px;
    }
    .margin{
        margin: 30px auto;
    }
    .t-center,.logo-center, .menu-center, .class-box, .link-box,.center-box {
        width: 1500px;
        font-size: 12px;
    }
    .catebox, .industry-box, .procurement-box{
        margin: 48px 0;
    }
    .cate-center,.industry-center, .shop-center{
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }.product-center, .procurement-center, .shop-center{
        flex-wrap: wrap;
    }
    .big-cate-box-item{
        flex:0 0 360px;
        height:150px;
    }
    .industry-box, .procurement-box, .news-box{
        padding:30px 0 60px 0;
    }
    .title-box{
        margin-bottom:40px;
    }
    .title-1{
        font-size: clamp(1.5rem, 3vw, 2.5rem);
        font-weight: 700;
    }
    .industry-box-item{
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        flex:0 0 233px;
        height:188px;
    }
    .box-item{
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        margin-bottom: 26px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .product-box-item{
        flex:0 0 355px;
        height:380px;
    }
    .shop-box-item{
        flex:0 0 355px;
        height:200px;
        padding:25px;
    }
    .shop-img{
        flex: 0 0 60px;
    }
    .shop-description{
        line-height: 20px;
    }
    .procurement-box-item{
        flex:0 0 480px;
        height:200px;
        padding:25px;
    }
    .procurement-item-title,.procurement-item-description{
        margin-bottom:15px;
    }
    .procurement-item-txt-1,.procurement-item-tags{
        padding:5px 10px;
    }
    .product-item-txt{
        padding:20px;
    }
    .product-price{
        margin-top: 25px;
    }
    .product-img{
        height:200px;
    }
    .industry-box-item:hover,.product-box-item:hover{
        transform: scale(1.03);
    }
    .big-cate-box-item-cycle, .industry-box-item-cycle{
        border-radius: 30px;
        height:60px;
        width:60px;
        font-size: 30px;
    }
    .item-cycle-1{
        color: rgba(1, 185, 245);
    }
    .item-cycle-2{
        color: rgba(103, 194, 58);
    }
    .item-cycle-3{
        color: rgba(246, 190, 30);
    }
    .item-cycle-4{
        color: rgba(245, 108, 108);
    }
    .transition-custom {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .cate-text{
        margin-top:20px;
        margin-bottom:8px;
    }
    .y-bg1-3{
      background: rgba(1, 185, 245, 0.3);
    }
    .y-bg2-3{
      background: rgba(103, 194, 58, 0.3);
    }
    .y-bg3-3{
      background: rgba(246, 190, 30, 0.3);
    }
    .y-bg4-3{
      background: rgba(245, 108, 108, 0.3);
    }
    .y-bg1-2:hover{
      background: rgba(1, 185, 245, 0.1);
    }
    .y-bg2-2:hover{
      background: rgba(103, 194, 58, 0.1);
    }
    .y-bg3-2:hover{
      background: rgba(246, 190, 30, 0.1);
    }
    .y-bg4-2:hover{
      background: rgba(245, 108, 108, 0.1);
    }
    .menubox{
        margin: 20px 0;
    }
    .menu-center{
        height: 20px;
        padding-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }
    .m-box-l{
        width:6%;
        flex:0 0 6%;
        min-width: 140px;
    }
    h1{
        font-size: 17px;
    }
    .m-box-r{
        width:94%;
        flex:0 0 94%;
        text-align: left;
    }
    .m-box-r-item{
        max-width: calc(100% / 6);
    }
    .title-bs:hover, .m-box-r-item:hover{
        color:var(--main-color);
    }
    .news-l {
        flex:0 0 737px;
    }
    .news-l-2{
        padding:20px;
    }
    .news-r {
        flex:0 0 737px;
    }
    .news-box-item{
        padding:20px;
    }
    .news-img {
        height:370px;
    }
    .news-item-txt{
        padding-left:20px;
    }
    .news-img-2{
        flex: 0 0 80px;
    }
    .class-box-content{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap; /* 允许换行 */
    }
    .class-box-content-1{
        margin-top:10px;
        padding:10px;
        flex: 0 0 20%;
        box-sizing: border-box; /* 防止 padding 影响宽度计算 */
    }
    .w80-100{
        width:120px;
    }
}