﻿@charset "utf-8"; 
.home-cate-list {margin-top: 30px;}
.home-cate-list .product-catelist{display:flex;flex-wrap:wrap;width:100%;margin-top: 30px;}
.home-cate-list .product-catelist .product-cateitem{width:32%;margin-bottom:2em;position:relative;margin-right:2%;border:1px solid #EEEEEE}
.home-cate-list .product-catelist .product-cateitem:nth-child(3n){margin-right:0px}
.home-cate-list .product-catelist .product-cateitem .cate-img{overflow:hidden;min-height:300px}
.home-cate-list .product-catelist .product-cateitem .cate-img img{width:100%;height:100%;object-fit:cover;transition:all 0.1s linear}
.home-cate-list .product-catelist .product-cateitem .cate-info{position:absolute;left:0px;bottom:10%;background:#FFFFFF9c;width:65%;border-radius:0 50px 50px 0px;padding:20px 20px 10px 20px;transition:all 0.1s linear}
.home-cate-list .product-catelist .product-cateitem .cate-info::after{content:"";position:absolute;left:20px;bottom:0px;width:70px;height:3px;background:var(--color)}
.home-cate-list .product-catelist .product-cateitem .cate-info .cate-title{font-size:var(--fontsize18);font-weight:var(--fontbold5);margin-bottom:10px}
.home-cate-list .product-catelist .product-cateitem .cate-info .cate-text{height:0px;opacity:0;transition:height 0.1s linear}
.home-cate-list .product-catelist .product-cateitem .cate-info .cate-more{position:absolute;right:0px;top:50%;transform:translateY(-50%);transition:all 0.1s linear;width:50px;height:50px;background:#FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color);opacity:0}
.home-cate-list .product-catelist .product-cateitem .cate-info .cate-more em{font-weight:var(--fontbold5)}
.home-cate-list .product-catelist .product-cateitem:hover .cate-img img{transform:scale(1.02)}
.home-cate-list .product-catelist .product-cateitem:hover .cate-info{background:var(--color);color:#FFFFFF;padding-bottom:30px}
.home-cate-list .product-catelist .product-cateitem:hover .cate-info .cate-text{height:auto;opacity:1}
.home-cate-list .product-catelist .product-cateitem:hover .cate-info .cate-more{animation:catemore 0.3s forwards;animation-delay:0.2s}
  @media (max-width:1024px){
   .home-cate-list .product-catelist{justify-content:space-between}
   .home-cate-list .product-catelist .product-cateitem{width:49%;margin:0px;margin-bottom:20px}}
   @media (max-width:768px){
   .home-cate-list .product-catelist .product-cateitem{width:100%}
   .home-cate-list .product-catelist .product-cateitem .cate-info .cate-text{display:none}
   .home-cate-list .product-catelist .product-cateitem:hover .cate-info{background:#FFFFFF9c;color:var(--fontcolor);padding-bottom:10px}
   .home-cate-list .product-catelist .product-cateitem:hover .cate-info .cate-more{display:none}}
   @keyframes catemore{0%{opacity:0}
100%{opacity:1;right:-25px}
}
.home-hotproduct{display:none;}

.home-mainproduct .homepro-list .swiper-slide .info {width:60%;flex:inherit;}
.home-mainproduct .homepro-list .swiper-slide {height:auto;}
@media (max-width:1600px) and (min-width:769px){.home-mainproduct #homemainproduct{height:580px}}
@media (max-width:1366px) and (min-width:769px){.home-mainproduct #homemainproduct{height:510px}
.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:1024px) and (min-width:769px){.home-mainproduct #homemainproduct{height:420px}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px;line-height:1.3;}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:6px;font-size:14px;}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{height:38px;font-size:13px;min-width:120px;}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:768px){.home-mainproduct #homemainproduct{height:auto}}
@media (max-width:560px){.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}}
.kche-t162 .kche-t162-item{height:auto}
.home-about .l-wrap .about-info h1 {max-width: 600px;}