.our-list{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.our-list li{width:100%;margin-right:0}
@media (max-width:768px){.our-list{grid-template-columns:repeat(2,1fr)}
}@media (max-width:500px){.our-list{grid-template-columns:repeat(1,1fr)}
}.home-products  .top-tabs{display:flex;justify-content:center;gap:40px;margin-bottom:40px}
.home-products  .top-tabs .tab{cursor:pointer;font-size:18px;position:relative;color:#999}
.home-products   .top-tabs .tab.active{font-weight:bold;color:#111}
.home-products   .top-tabs .tab.active::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:#000}
.home-products   .content-box{display:flex;gap:60px;padding:3% 0}
.home-products   .left-tabs{width:30%}
.home-products   .left-tab{padding:12px 10px;cursor:pointer;color:#999;font-size:30px}
.home-products  .left-tab.active{color:#000;border-left:3px solid #000}
.home-products  .right-content{flex:1}
.home-products .right-item{display:none}
.home-products   .right-item img{width:500px;margin:0 auto}
.home-products  .right-item.active{display:flex;align-items:center;justify-content:center}
.home-products .title{font-size:40px;font-weight:800;text-align:center;margin-bottom:3%}
.home-products{padding:3% 0;background:#fff}
@media (max-width:1024px){.home-products .content-box{flex-wrap:wrap}
.home-products .left-tab{font-size:20px;text-align:center}
.home-products .left-tabs{width:100%}
}