#indcategories {margin-bottom:70px;padding:0 20px}
#indcategories .l-wrap {padding:0 80px}
.indcategories-list {display:flex;flex-wrap:wrap;justify-content:space-between;}
.indcategories-list li {width:32%;margin-top:25px;position:relative;overflow:hidden;border-radius:15px;}
.indcategories-list li dt a {display:block;width:100%;position:relative;padding-bottom:100%;overflow:hidden;border-radius:15px;}
.indcategories-list li dt a img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;}
.indcategories-list li dd {display:block;width:100%;height:100%;padding:20px 15px;font-size:18px;color:#fff;line-height:150%;text-align:center;position:absolute;left:0;bottom:-100%;background-color:rgba(0,0,0,.6);background-image:url(https://css02.v15cdn.com/m174/blue/pd-hover-arrow.png);background-position:center 70%;background-repeat:no-repeat;transition:all .6s;border-radius:15px;}
.indcategories-list li:hover dd {bottom:0}
.indcategories-list li dd a {display:block;width:100%;height:100%;color:#fff;padding-top:25%;}
.indcategories-list li dd a span {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:22px;}
@media (max-width:1200px){.indcategories-list li dd a span{font-size:20px}
.indcategories-list li dd{background-position:center 80%}}
@media (max-width:1024px){.indcategories-list li{width:48%}
#indcategories .l-wrap {padding:0}}
@media (max-width:768px){#indcategories{padding:0 15px}
.indcategories-list li dd a span{font-size:20px}
.indcategories-list li dd a{padding-top:15%}}
@media (max-width:560px){.indcategories-list li dd a span{font-size:16px}
.indcategories-list li dd a{padding-top:5%}
.indcategories-list li dd{background-position:center 85%;background-size:30px}}