.bobo_goods_type {padding:80px 0;background-size:cover;background-repeat:no-repeat;background:#fbfbfb;}
.bobo_goods_type .container {padding-left:0;padding-right:0;}
.bobo_goods_type .tit {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:80px;}
.bobo_goods_type .tit .t em {font-size:16px;color:var(--color-primary);font-weight:700;}
.bobo_goods_type .tit .t h2 {margin-top:10px;font-size:clamp(24px,2vw,40px);line-height:1;font-weight:700;}
.bobo_goods_type .tit .more {width:194px;height:50px;line-height:50px;text-align:center;font-size:15px;font-weight:700;color:#fff;display:block;background:var(--color-primary);border-radius:var(--button-radius);}
.bobo_goods_type .tit .more:hover {background:none;color:var(--color-primary);border:1px solid var(--color-primary);}

.bobo_goods_type ul {margin:40px 0 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.bobo_goods_type ul li {text-align:center}
.bobo_goods_type ul li .box {cursor:pointer}
.bobo_goods_type ul li .pic {display:block;width:100%;overflow:hidden;position:relative;box-shadow:0 0 10px rgba(192, 192, 192, 0.2);}
.bobo_goods_type ul li .pic img {display:block;transition:all 0.3s ease 0s;aspect-ratio:1 / 1;object-fit:cover;}
.bobo_goods_type ul li h5 {margin:16px 0 0;line-height:1.5;overflow:hidden;color:var(--title-text-color);font-size:18px;}
.bobo_goods_type ul li h5 a:hover {color:var(--color-primary);text-decoration:underline}
.bobo_goods_type ul li:hover img {transform:scale(1.05);}


@media screen and (max-width:1500px) {
.bobo_goods_type ul li h5 {font-size:16px}
.bobo_goods_type {padding:50px 0;}
}

@media screen and (max-width:1280px) {
.bobo_goods_type .tit .t em {font-size:14px;}
.bobo_goods_type ul li h5 {font-size:14px}
}

@media screen and (max-width:992px) {
.bobo_goods_type .container {padding-left:15px;padding-right:15px;}
.bobo_goods_type ul li h5 {font-size:16px}
}

@media screen and (max-width:991px) {
.bobo_goods_type {padding:30px 0;background-size:cover;}
.bobo_goods_type .tit .t em {font-size:14px}
.bobo_goods_type .tit .more {width:160px;height:36px;line-height:36px;font-size:14px}
.bobo_goods_type ul {margin:30px 0 0;grid-template-columns:repeat(3, 1fr);}
.bobo_goods_type ul li h5 {margin:10px 0 0;font-size:16px}
}

@media screen and (max-width:768px) {
.bobo_goods_type ul{grid-template-columns:repeat(2, 1fr);}
}

@media screen and (max-width:576px) {
.bobo_goods_type ul li h5 {font-size:14px}
.bobo_goods_type .tit .more {width:140px;}
}