.bobo_multi_cols {padding:clamp(30px, 4.1vw, 80px) 0;background:#fff}

.bobo_multi_cols .bobo-index-tit {text-align:center}
.bobo_multi_cols .bobo-index-tit em {font-size:16px;color:var(--color-primary);font-weight:600;text-transform:uppercase}
.bobo_multi_cols .bobo-index-tit h2 {font-size:clamp(24px,2vw,40px);line-height:1;font-weight:700;margin-top:10px;}
.bobo_multi_cols .bobo-index-tit p {margin:35px 0 0;font-size:20px;line-height:1.8;}

.bobo_multi_cols ul {margin:40px 0 0;display:-webkit-flex;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;}
.bobo_multi_cols ul li {}
.bobo_multi_cols ul li .pic {cursor:pointer}
.bobo_multi_cols ul li .pic img {display:inline-block;transition:all 0.3s ease 0s;object-fit:cover;object-fit:contain;width:100%;}

.bobo_multi_cols .more {margin:25px 0 0;text-align:center}
.bobo_multi_cols .more a {line-height:35px;border-bottom:2px solid var(--color-primary);padding:0 16px;font-size:15px;display:inline-block;color:var(--color-primary);font-weight:700}
.bobo_multi_cols .more a i {font-size:22px;vertical-align:middle}
.bobo_multi_cols .more a:hover {color:var(--color-primary);border-color:var(--color-primary);}


@media screen and (max-width:1500px) {
.bobo_multi_cols .bobo-index-tit em {font-size:15px;}
.bobo_multi_cols .bobo-index-tit p {margin:30px 0 0;font-size:18px;line-height:1.6;}
}



@media screen and (max-width:1280px) {
.bobo_multi_cols .bobo-index-tit em {font-size:14px;}
}

@media screen and (max-width:991px) {
.bobo_multi_cols ul {margin:30px 0 0;grid-template-columns:repeat(5,1fr);}
.bobo_multi_cols .more {margin:20px 0 0;text-align:center}
.bobo_multi_cols .more a {font-size:15px}
.bobo_multi_cols .bobo-index-tit em {font-size:15px;}
.bobo_multi_cols .bobo-index-tit p {margin:15px 0 0;font-size:16px;line-height:1.4;}

}

@media screen and (max-width:480px) {
.bobo_multi_cols .bobo-index-tit p {font-size:15px}
.bobo_multi_cols ul {grid-template-columns:repeat(4,1fr);}
}