.l__cats{padding:8vw 0;display:flex;flex-wrap:wrap}.l__cats a{--link-color: #333333;display:flex;align-items:center;justify-content:center;position:relative;width:25%;font-size:var(--size-18);font-weight:400;padding:1.9565% 0}.l__cats a.actived{font-size:var(--size-22)}.l__cats a:after{position:absolute;top:50%;right:0;transform:translate(50%, -50%);content:"/";color:#333;font-size:var(--size-18)}.l__cats a:nth-child(4n+4):after,.l__cats a:last-child:after{visibility:hidden}.l__sub-title{font-weight:300;font-size:var(--size-60)}.l__title{font-weight:500;font-size:var(--size-42);margin-top:4vw}.boder{margin:8vw 0}.boder div.item{display:none}.boder a.item{display:block;width:100%;margin-top:4vw;position:relative;border-radius:20px;overflow:hidden}.boder a.item:before{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:6.666667vw;min-width:30px;max-width:50px;height:6.666667vw;min-height:30px;max-height:50px;transform:translate(-50%, -50%) rotate(-45deg) scale(0);color:#fff;background-color:var(--link-hover-color);border-radius:50%;font-size:var(--size-20);opacity:0;z-index:1;transition:var(--transition)}.boder a.item:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background-color:rgba(0,0,0,.3);z-index:1}.boder a.item .cover{width:100%;padding-top:69.696969%;position:relative}.boder a.item .cover .img{position:absolute;top:0;left:0;width:100%;height:100%}.boder a.item .cover .img img{width:100%;height:100%;object-fit:cover}.boder a.item .title{position:absolute;left:0;bottom:13%;z-index:2;width:100%;color:#fff;font-size:var(--size-18);font-weight:400}.boder a.item .title .line-1{text-align:center}.boder a.item:hover:before{opacity:1;transform:translate(-50%, -50%) rotate(-45deg) scale(1)}.boder a.item:hover:after,.boder a.item:hover .title{opacity:0}.pagination{margin-bottom:8vw}@media screen and (min-width: 992px){.l__cats{padding:6.5217% 0 0}.l__cats a{width:12.5%;padding:1.9565% 0}.l__cats a:nth-child(4n+4):after{visibility:visible}.l__cats a:nth-child(8n+8):after{visibility:hidden}.l__sub-title{margin-top:6.087%}.l__title{margin-top:2.5362%}.boder{display:flex;flex-wrap:wrap;margin:8.6957% -0.54%}.boder div.item{display:block}.boder div.item,.boder a.item{width:23.91%;margin:1.08% .54% 0}.boder a.item:before{width:3.623188vw;height:3.623188vw}.pagination{margin-bottom:8.6957%}}@media screen and (min-width: 1200px){.l__cats a{width:10%}.l__cats a:nth-child(8n+8):after{visibility:visible}.l__cats a:nth-child(10n+10):after{visibility:hidden}}