@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1200px}
    .index-selle{}
    .index-th1{width:111px}
    .index-th2{width:168px}
    .min-lb{margin-left:10px}
    .index-brand-list{width:1180px}
    .index-brand-cont .mySwiperk .swiper-wrapper .swiper-slide{width:200px !important}
    .index-brand .index-brand-box .index-brand-cont{width:1180px}
    .index-brand-cont .mySwiperk .swiper-wrapper .swiper-slide .img{width:190px}
}@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1560px}
    .middle-header.middle-header-style-two,.navbar-area,.index-ban .container,.index-products .container,.index-product .container,.index-price-list .container{width:1560px}
    .tops{width:780px;float:left;margin:24px 15px 0 102px}
    .middle-header .wish-cart{padding:0;margin:0;list-style:none;float:left;position:relative;top:-3px;width:100%;float:right;width:250px;margin-top:5px;margin-right:17px}
    .middle-header.middle-header-style-two .logo{margin:21px 0 0 17px;width:288px;height:78px;float:left}
    .min-lb{width:1063px;margin-left:19px}
    .index-ban .slider{height:515px;width:740px;float:left}
    .min-lb .topad{float:left;width:260px;height:510px;margin-left:12px;margin-top:16px}
    .min-lb .topad img{float:left;width:300px;height:160px;border-radius:10px}
    .min-lb .topad img.mbz10{margin:15px 0}
    .index-selle{width:370px !important}
    .all-header .navbar-area-style-two .desktop-nav .navbar-nav .topmenus{ width: 1560px}
    .cate-menu{width:760px}
    .index-products .index-chengjiao{width:800px}
    .index-products .index-chengjiao .product-data{width:780px}
    .index-n-brand{display:block;width:360px}
    .index-brand-list{width:1550px !important}
    .index-products .index-selle .product-data{width:360px}
    .index-products .index-n-brand .product-data{width:340px}
    .floor-item-bd{width:710px}
    .index-store .index-store-box .brand-list ul{width:1350px !important}
    .buyinfo-list .buyinfo-l .buyinfo-ulbox .hot-ul li{width:370px}
    .index-product .buyinfo-list ul li.last{margin-right:16px}
    .index-product .buyinfo-list ul.hot-ul li.suplist:nth-child(6n){margin-right:0 !important}
    .index-product .buyinfo-list ul li{width:241px}
    .index-product .buyinfo-list ul li .img{width:240px}
    .index-product .buyinfo-list ul li .img img{width:240px}
    .index-huoban .huoban .list-pic ul li{border: 1px solid #ccc;}
    .index-price-list .container .one-header{ width: 760px}
    .index-price-list .container .product-box ul.i-price-list{width: 760px}
    .index-price-list .container .product-box ul.i-price-list li{width: 760px}
    .index-price-list .container .two-header{ width: 340px}
    .index-price-list .container .product-box ul.i-seller-list{width: 340px}
    .index-price-list .container .product-box ul.i-seller-list li{width: 340px}
    .index-price-list .container .three-header{width: 390px}
    .index-price-list .container .product-box ul.i-brand-list{width: 390px}
    .index-price-list .container .product-box ul.i-brand-list li{width: 390px}
    .zhedienav .un-nav{width: 1280px}
    .index-news .buyinfo-list .buyinfo-l .buyinfo-ulbox .hot-ul li{width:370px}
    .index-news .buyinfo-list .buyinfo-l .buyinfo-ulbox .hot-ul li .dk{width:240px}
    .index-brand .index-brand-box .index-brand-cont{width:1560px !important}
    .index-s-1{width:760px !important}
    .index-s-2{width:760px !important}
    .product-data .hot-model{width:760px !important}
    .product-data .hot-model .floor-item-bd{width:760px !important}
    .product-data .hot-brand{width:340px !important}
    .product-data .hot-brand .floor-item-bd{width:340px !important}
    .index-brand-cont .mySwiperk{width:1550px !important}
    .index-brand-cont .mySwiperk .swiper-wrapper .swiper-slide{width:230px !important}
    .index-brand-cont .mySwiperk .swiper-wrapper .swiper-slide .img{width:230px !important}
    .index-1550{display:block;width:291px}
    .index-news .buyinfo-list .buyinfo-l{width:1550px !important}
    .index-news .buyinfo-list .buyinfo-l .buyinfo-ulbox{width:1550px !important}
    .index-th1{width:281px !important;text-indent:10px}
    .index-th2{width:368px !important}
    .product-data .beacon-table tr td a{width:281px !important}
    .zm-store{width:100%}
    .zm-store .zm-store-r{width:1290px}
    .cate_list ul li{margin-right:13px !important;width:249px;background:#fff;height:260px}
    .navbar-area.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-item a{ margin-right: 25px}
    .cate_list ul li:nth-child(6n){margin-right:0 !important}
    .store-index .zm-store .zm-store-r{width:1250px}
    .store-tuijian{width:1550px !important}
    .store-tuijian .tuijian-l{width:762px !important}
    .store-tuijian .th-store{width:234px !important}
    .tstore{width:1550px !important}
    .tstore .mySwiper{width:1510px !important}
    .jou-list{width:1320px !important}
    .jou-list ul li{}
    .jou-list ul li:nth-child(4n){margin-right:10px}
    .jou-list ul li{max-width: 254px;}
    .jou-list ul li .img img{width:250px;height:300px}
    .guest-points-display1,.guest-points-display,.check-in-box{width:380px !important}
    .ren_sli_der,.ren_sli_der div.img a,.ren_sli_der div.img a img{width:1120px !important}
    .mk_p_r{width:420px !important}
    .content,.mian_top_c{width:1550px !important}
    .chart-container .chart-box{width:550px !important}
    .chart-container .chart-box2{width:300px !important}
    .mian_top_c_left,.mian_top_c_right{width:770px !important}
    .supply-demand-container{width:1550px !important;max-width:1550px !important}
    .category-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr)) !important}
    .ad-banner img{width:100%}
    .supply-container,.product-page,.leftm,.purchase-listing-container,.procurement-system,.quotation-panel{width:1550px !important;max-width:1550px !important}
    .column_right{width:1290px !important}
    .index-store .index-store-box .brand-list ul li.last{margin-right:10px}
    .uunnk .index-huoban .huoban .list-pic ul li{ }
    .index-huoban .huoban .list-pic ul{padding:0;display:grid;grid-template-columns:repeat(9,1fr);gap:8px}
    .uindex-huoban .huoban .list-pic ul{padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
    .uindex-huoban .huoban .list-pic ul li img{ width: 280px}
    .cate_list ul li .img img{height:180px}
    .cate_list ul li .title{background:#fff;margin-top:5px}
    .cate_list ul li .title .cname{padding:0 10px}
    .cate_list ul li .title .csku{text-indent:10px}
    .journal-grid{grid-template-columns:repeat(6,1.2fr)}
    .replace .bbbm{left:180px}
    .products-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important}
    .exchange-btn{margin-left:40px}
    .login-actions1{width:370px !important}
    #index1.index-products{height:400px}
    #index1.index-products .container{height:380px}
    #index1.index-products .container .product-data{height:300px}
    .nomasv{width:130px;height:130px}
    .footer-area,.copy-right-area{background:#ECEDF0}
    .tuijian-l .stor-new-one .news-desc{float:left;width:480px;margin-left:20px}
    .oneul .xfl{width:1500px}
    .glbox .gstyle{width:470px}
    .sub_cate_content .goods_cate_item{width:254px; }
    .sub_cate_content .goods_cate_item:nth-child(9n){margin-right:0}
    .products-list .container .product-box ul li,.products-list .container .toptitle{width:756px}
    .index-supply .container .index-sup,.index-supply .container .index-pur{width:772px}
    .index-supply .container .index-pur ul li{width:246px;}
    .index-supply .container .index-pur ul li:nth-child(2n){/* margin-right:16px; */}
    .index-supply .container .index-pur ul li:nth-child(3n){margin-right:0}
    .index-supply .container .index-pur ul li:nth-child(9n){display:block}
    .index-supply .container{height:450px}
    .horizontal-accordion{display:flex;height:450px;gap:15px;padding:20px 0}
    .case-card{position:relative;flex:1;border-radius:10px;overflow:hidden;cursor:pointer;transition:all 0.6s cubic-bezier(0.28,0.84,0.42,1)}
    .case-card:hover{flex:4;box-shadow:0 15px 40px rgba(0,0,0,0.5)}
    .card-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
    .card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease}
    .case-card:hover .card-image img{transform:scale(1.05)}
    .card-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 100%);opacity:0.6;transition:opacity 0.5s ease}
    .case-card:hover .card-image::after{opacity:0.8}
    .card-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;color:white;z-index:2;transform:translateY(100px);opacity:0;transition:all 0.6s cubic-bezier(0.28,0.84,0.42,1)}
    .case-card:hover .card-content{transform:translateY(0);opacity:1;transition-delay:0.2s}
    .card-number{position:absolute;top:30px;right:30px;font-size:4rem;font-weight:800;color:rgba(255,255,255,0.55);line-height:1;transition:all 0.5s ease}
    .card-n-txt{position:absolute;top:100px;right:30px;color:#fff;font-size:40px}
    .case-card:hover .card-number{color:rgba(255,255,255,0.05);transform:translateY(-20px)}
    .card-title{font-size:1.8rem;margin-bottom:15px;color:white;position:relative;display:inline-block;padding-bottom:10px}
    .card-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#ff416c,#ff4b2b);transition:width 0.5s ease}
    .case-card:hover .card-title::after{width:120px}
    .card-divider{border:none;height:2px;background:rgba(255,255,255,0.3);margin:15px 0;width:80px;transition:width 0.5s ease}
    .case-card:hover .card-divider{width:120px;display:none}
    .card-description{color:rgba(255,255,255,0.9);margin-bottom:25px;line-height:1.7;max-width:500px;font-size:1.05rem}
    .card-button{display:inline-flex;align-items:center;padding:12px 28px;background:linear-gradient(90deg,#ff416c,#ff4b2b);color:white;border-radius:50px;font-size:1rem;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px rgba(255,75,43,0.4);text-decoration:none}
    .card-button:hover{transform:translateY(-3px);box-shadow:0 7px 20px rgba(255,75,43,0.6)}
    .card-button i{margin-left:8px;transition:transform 0.3s ease}
    .card-button:hover i{transform:translateX(5px)}
    @media (max-width:900px){.horizontal-accordion{flex-direction:column;height:auto}
        .case-card{height:120px}
        .case-card:hover{height:400px;flex:1 0 auto}
    }@media (max-width:600px){.container{padding:15px}
        .header h1{font-size:2.2rem}
        .header p{font-size:1rem}
        .card-title{font-size:1.5rem}
    }.decoration{position:absolute;z-index:-1}
    .decoration.circle{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,rgba(255,75,43,0.1),transparent);top:10%;left:5%}
    .decoration.square{width:200px;height:200px;border:2px solid rgba(255,255,255,0.05);bottom:10%;right:5%;transform:rotate(45deg)}
    .footer-note{text-align:center;color:rgba(255,255,255,0.6);margin-top:30px;font-size:0.9rem}
    .case-title{}
}