﻿.categorieslist{display:flex;flex-wrap:wrap;margin-top:20px;justify-content:space-between;}
.categorieslist li{width:32%;border-radius:20px;overflow:hidden;margin-bottom:30px;display:flex;position:relative;}
.categorieslist li>a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.categorieslist li .categories-info{width:43%;color:#fff;padding:30px 20px;position:relative;z-index:1;}
.categorieslist li:nth-child(1) .categories-info{background:#FF8E26}
.categorieslist li .categories-info:after{content:'';position:absolute;top:50%;transform:translateY(-50%);left:100%;background:radial-gradient(ellipse at 100% 50%,rgba(0,0,0,0) 69.5%,#FF8E26 70%);height:300%;width:100%;}
.categorieslist li:nth-child(2) .categories-info{background:#E62082}
.categorieslist li:nth-child(2) .categories-info:after{background:radial-gradient(ellipse at 100% 50%,rgba(0,0,0,0) 69.5%,#E62082 70%);}
.categorieslist li:nth-child(3) .categories-info{background:#313439}
.categorieslist li:nth-child(3) .categories-info:after{background:radial-gradient(ellipse at 100% 50%,rgba(0,0,0,0) 69.5%,#313439 70%);}
.categorieslist li:nth-child(4) .categories-info{background:#FE3D40}
.categorieslist li:nth-child(4) .categories-info:after{background:radial-gradient(ellipse at 100% 50%,rgba(0,0,0,0) 69.5%,#FE3D40 70%);}
.categorieslist li:nth-child(5){border:1px solid #3B45A4;}
.categorieslist li:nth-child(5) .categories-info{background:#3B45A4}
.categorieslist li:nth-child(5) .categories-info:after{background:radial-gradient(ellipse at 100% 50%,rgba(0,0,0,0) 69.5%,#3B45A4 70%);}
.categorieslist li:nth-child(6){border:1px solid #2496F7;}
.categorieslist li:nth-child(6) .categories-info{background:#2496F7}
.categorieslist li:nth-child(6) .categories-info:after{background:radial-gradient(ellipse at 100% 50%,rgba(0,0,0,0) 69.5%,#2496F7 70%);}
.categorieslist li .categories-pic{position:relative;width:57%;}
.categorieslist li .categories-pic img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:.3s}
.categorieslist li .categories-info .categories-tit{font-weight:bold;font-size:25px;line-height:1.2;min-height:90px}
.categorieslist li .categories-info p{font-size:15px;color:#fff;line-height:1.3;margin:15px 0 25px;}
.categorieslist li .categories-info .categories-btn{font-weight:bold;font-size:15px;margin-top:auto;}
.categorieslist li .categories-info .categories-btn span{margin-right:5px;}
.categorieslist li .categories-txt{height:100%;width:100%;display:flex;flex-direction:column;flex-direction:column;}
.categorieslist li:hover .categories-pic img{transform:scale(1.03)}
@media (max-width:1280px){.categorieslist li{width:48%;}}
@media (max-width:768px){.categorieslist li{width:100%;}}
@media (max-width:500px){.categorieslist li .categories-info{padding:20px 20px;}
.categorieslist li .categories-info .categories-tit{font-size:22px;min-height:80px}
.categorieslist li .categories-info p{font-size:14px;}
.categorieslist li .categories-info .categories-btn{font-size:14px;}}
.l-main-single section.aboutcon{padding-top:0}
.l-main-single section.about{padding-bottom:20px;}
.kche-t167 .kche-t167-info .kche-t167-des p a{width: 171px !important;}.kche-t64>.kche-flex-list>.kche-flex-item{background:var(--color) !important}
.kche-t64>.kche-flex-list>.kche-flex-item>.kche-flex-wrap span{color:#fff !important}
.kche-t155-img img{aspect-ratio:361/210}