﻿.bobo_goods_type {padding:75px 0;}
.bobo_goods_type .tit {display:flex;justify-content:space-between;align-items:center}
.bobo_goods_type .tit .t em {font-size:16px;color:var(--text-color-active);font-weight:600}
.bobo_goods_type .tit .t h3 {margin:12px 0 0;font-size:36px;line-height:1;color:#333;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(--btn-bg)}
.bobo_goods_type .tit .more:hover {background:var(--btn-bg-hover)}
.bobo_goods_type ul {margin:17px -25px 0;display:flex;justify-content:space-between;flex-wrap:wrap}
.bobo_goods_type ul li {width:33.33333333%;padding:0 25px;margin:25px 0 0;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;}
.bobo_goods_type ul li .pic img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.bobo_goods_type ul li h5 {margin:13px 0 0;line-height:30px;overflow:hidden;color:#333;font-size:18px;}
.bobo_goods_type ul li h5 a:hover {color:var(--link-color-hover);text-decoration:underline}
.bobo_goods_type ul li:hover img {transform:scale(1.05);-webkit-transform:scale(1.05)}


@media screen and (max-width:1441px) {
.bobo_goods_type .tit .t h3{font-size:34px}	
	
}

@media screen and (max-width:1367px) {
.bobo_goods_type {padding:70px 0;}
.bobo_goods_type .tit .t h3{font-size:32px}
.bobo_goods_type ul li h5{font-size:17px;}
}

@media screen and (max-width:1280px) {
.bobo_goods_type {padding:60px 0;}
.bobo_goods_type .tit .t h3{font-size:30px}
}

@media screen and (max-width:768px) {
.bobo_goods_type {padding:30px 0;}
.bobo_goods_type .tit .t em {font-size:15px}
.bobo_goods_type .tit .t h3 {margin:10px 0 0;font-size:28px}
.bobo_goods_type .tit .more {width:160px;height:36px;line-height:36px;font-size:14px}
.bobo_goods_type ul {margin:15px -10px 0}
.bobo_goods_type ul li {width:50%;padding:0 10px;margin:15px 0 0}
.bobo_goods_type ul li h5 {margin:10px 0 0;line-height:24px;font-size:16px;}
}

@media screen and (max-width:576px) {
.bobo_goods_type .tit .t h3 {font-size:26px}
}

@media screen and (max-width:480px) {
.bobo_goods_type .tit .t h3 {font-size:24px}
.bobo_goods_type .tit .more{width:130px;height:34px;line-height:34px;font-size:13px;}

}

@media screen and (max-width:420px) {
.bobo_goods_type .tit .t h3 {font-size:22px}
}
