﻿.home-cate{position:relative;padding:0 0 2.5%}
.home-cate .homecate-list{list-style:none;margin-top:2%;display:flex;flex-wrap:wrap}
.home-cate .homecate-list li{width:19%;margin-right:1.25%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(5n){margin-right:0px}
@media (min-width:769px){.home-cate .homecate-list li:nth-child(n + 6){margin-bottom:0;}}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;border:1px solid #EEE;}
.home-cate .homecate-list li .img img{aspect-ratio: 1 / 1;width:100%;height:100%;object-fit:contain;transition:all .1s linear}
.home-cate .homecate-list li .img::after{content:"";transition:all .1s linear;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.home-cate .homecate-list li .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0px}
.home-cate .homecate-list li .title a{color:var(--fontcolor);font-size:var(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.home-cate .homecate-list li .title em{opacity:0;display:inline-block;width:0px;transition:all .1s linear;transform: rotateY(180deg);}
.home-cate .homecate-list li:hover .img img{transform:scale(1.02)}
.home-cate .homecate-list li:hover .img::after{opacity:1}
.home-cate .homecate-list li:hover .title a{color:var(--color);border-color:#000000}
.home-cate .homecate-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
@media (max-width:768px){.home-cate .homecate-list{justify-content:space-between}
.home-cate .homecate-list li{width:49%;margin-right:0px}}
@media (max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate{padding:30px 0px}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}
@media (min-width:1025px){#about,.advan{padding:2.5% 0;}
#ind{padding:5% 0 2.5%}
#product{margin-bottom:2.5%}
.sol-top h3{padding-top:3%;}
#new{padding-top:2.5%;padding-bottom:2.5%}}
@media (min-width:1025px) {.sol-top{background: linear-gradient(to bottom, #000 0%, #000 142px, transparent 142px, transparent 100%);}
#new .new-list>li {padding: 0px 50px;margin-bottom:20px}}
#new .new-list{display:grid;gap:20px;grid-template-columns:repeat(5,1fr)}
#new .new-list>li{width:100%;margin:0;padding:0;height:100%}
#new .new-item{height:100%}
#new{max-width:initial  ;padding: 2% 0 !important;}
#new .new-title {-webkit-line-clamp: unset;}
@media (max-width:1200px){#new .new-list{grid-template-columns:repeat(4,1fr)}
}@media (max-width:1024px){#new .new-list{grid-template-columns:repeat(3,1fr)}
}@media (max-width:768px){#new .new-list{grid-template-columns:repeat(2,1fr)}
}@media (max-width:550px){#new .new-list{grid-template-columns:repeat(1,1fr)}}
#sol-swiper .sol-con .circle{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--color);margin-right:5px;vertical-align:middle}
 @media (min-width:1024px){#product .pro-list{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
#product .pro-list>li{width:100%;height:100%;padding:0;margin:0}
#product .pro-list .pro-item{height:100%}
}
@media (min-width:1201px){#new .new-list>li:nth-child(n+6){display: none;}}
@media (min-width:1025px) and (max-width:1200px){#new .new-list>li:nth-child(n+9){display: none;}}
@media (max-width:1024px){#new .new-list>li:nth-child(n+7){display: none;}}
#ind .ind-r{top:0;margin-left:0;}
#ind .ind-r lite-youtube{max-width:100%;height:100%;}