﻿.home-cate{position:relative;padding:4% 0;background:#f5f5f5}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#fff;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color)}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{width:340px;position:relative}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#fff;line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid #ecf6ff;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{background:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:23%;background:#fff;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%}
.home-cate .catelist ul li:nth-child(4n){margin-right:0}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3),.home-cate .catelist ul li:nth-child(4){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:4/3}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media(max-width:1446px){.home-cate .cateul li{width:20%}
}@media(max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0}
}@media(max-width:1024px){.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}
}@media(max-width:768px){.home-about,.home-cate,.home-diverse,.home-news,.home-products,.home-service{padding:40px 0}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:60px}}
.home-cate.home-cate1{display: none;}
.home-solution{margin-top:4%;}
.home-solution .list{display:flex;justify-content: space-between;flex-wrap:wrap;margin-top:3%}
.home-solution .list li{position:relative;width:16%;color:#fff;overflow: hidden;}
.home-solution .list li img{transition:all .2s ease-out;width:100%;display:block;}
.home-solution .list li:hover img{transform:scale(1.1)}
.home-solution .list li .title{position:absolute;top:6%;font-size:1vw;left:50%;font-weight:800;transform:translate(-50%,0)}
.home-solution .list li .desc{text-align:center;width:100%;position:absolute;top:12%;font-size:1.26vw;line-height:1;font-weight:800;left:50%;transform:translate(-50%,0)}
.home-solution .list li .tag{line-height:1.2;position:absolute;top:25%;text-align:center;width:100%;font-size:.8vw;left:50%;transform:translate(-50%,0)}
.home-solution .list li .info{line-height:1.2;position:absolute;bottom:0;text-align:center;width:100%;font-size:0.9vw;font-weight:var(--fontbold7);left:50%;transform:translate(-50%,0);padding:2% 2% 4% 2%;background:transparent;transition:all .3s}
.home-solution .list li:hover .info{background:rgba(0,0,0,0.7)}
.home-solution .list li .title{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;top:5%}
@media (max-width:768px){.home-solution{margin-top:30px;}
.home-solution .list li{width:49%;}
.home-solution .list li:nth-child(n+3){margin-top:2%;}
.home-solution .list li .desc{font-size:19px}
.home-solution .list li .info{font-size:14px}
}
@media (min-width:769px){.home-cate .cateul li{width:auto;min-width:16%;}}
@media (max-width:1150px) and (min-width:769px){.home-cate .cateul li{min-width:inherit;}}
.home-banner .swiper-slide>a::after{ display: none; }
@media (min-width:769px){.home-news{padding-bottom:5%;}}
.home-pro .list li .img img{object-fit: contain;}
@media (min-width:769px){.home-news .list li:nth-child(4){display:none;}}
@media (max-width:500px){.home-banner .swiper-slide img{min-height:unset}
}