.brand{min-height:744px;background-image:url(/assets/images/brand/bg.jpg);background-repeat:no-repeat;background-position:top;background-size:cover;padding-top:68px;padding-bottom:74px}.brand .container{width:min(90%,75rem);margin-inline:auto;text-align:center}.brand .container .brand-list{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.brand .container .brand-list .cate{border:2px solid var(--primary-clr);border-radius:8px;overflow:hidden;cursor:pointer;background-color:#fff}.brand .container .brand-list .cate .image-wrapper{padding:8px}.brand .container .brand-list .cate .name{height:68px;background-color:#00000099;color:#fff;text-align:center;font-size:24px;display:grid;place-content:center}@media (max-width:1000px){.brand .container .brand-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.brand .container .brand-list{grid-template-columns:1fr 1fr}}.intro{min-height:546px;background-image:radial-gradient(circle,rgba(0,0,0,.4),#000),url(/assets/images/intro/intro_bg.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;padding-block:82px}.intro .container{width:min(90%,75rem);margin-inline:auto;text-align:center}.intro .container .group{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.intro .container .group>*{background-image:url(/assets/images/intro/button_bg.png);background-repeat:no-repeat;background-position:50%;background-size:cover;font-size:48px;padding-block:10px;width:323px}