.home-logo{padding-bottom: 40px;}
.home-banner .swiper-slide>a::after{display:none;}
@media (max-width:768px){.home-banner{height:auto}
.home-banner .swiper-slide img{object-fit:contain}}
.home-advantages::before{background:rgb(110 196 241 / 80%)}
.home-advantages .home-title,.home-advantages .home-des,#advantageswiper .swiper-slide em,#advantageswiper .swiper-slide .p2,#advantageswiper .swiper-slide .p1{color:var(--fontcolor)}
#advantageswiper .swiper-slide{border-color:rgba(0,0,0,.3)}
#advantageswiper .swiper-slide .p1::after{background:var(--fontcolor);}
#advantageswiper .swiper-slide .p1{font-weight: var(--fontbold6);}
.home-title span{color:var(--color)}
.home-cate{padding:4% 0 0;position:relative}
.home-cate .homecate-top{display:flex;align-items:flex-end;justify-content:space-between}
.home-cate .homecate-top .home-title{text-align:left}
.home-cate .home-icon{background: var(--color);text-align: center;text-transform: uppercase;margin-bottom: 10px;width: 30px;height: 3px;display: flex;}
.home-cate .homecate-top a:hover{text-decoration:underline}
.home-cate .homecate-top .right{white-space:nowrap}
.home-cate .list{margin-top:2%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;padding-left:42%}
.home-cate .list li:nth-child(1){position:absolute;left:0;top:0;width:40%;height:100%;aspect-ratio:6/7}
.home-cate .list li{width:48.4%;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:7/6}
.home-cate .list li:nth-child(n+4){margin-top:1.5em}
.home-cate .list li .img{width:100%;height:100%;display:flex}
.home-cate .list li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .list li .title{position:absolute;left:0;bottom:0;width:100%;height:100%;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;padding:20px;    background: #0000000f;transition:all .1s linear}
.home-cate .list li .title span{font-size:var(--fontsize20)}
.home-cate .list li .title em{color:#fff;font-size:var(--fontsize20)}
.home-cate .list li:hover .img img{transform:scale(1.02)}
.home-cate .list li:hover .title,.home-cate .list li:hover .title em{color:#fff}
@media (max-width:768px){.home-cate{padding:40px 0 0;}}
@media (max-width:500px){.home-cate .list{padding:0}
.home-cate .list li{width:48%!important;aspect-ratio:1/1!important;position:relative!important;height:auto!important;margin-top:1.5em!important}
.home-cate .list li .title{font-size:var(--fontsize16);padding:10px}}

.home-product{background:#f5f9fc;padding:4% 0;position:relative;margin-top:4%}
.home-product .list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-product .list li{width:24%;margin-right:1.3%;border-radius:10px;overflow:hidden;background:#fff;margin-bottom:1.3em;transition:all .2s linear}
.home-product .list li:nth-child(4n){margin-right:0}
.home-product .list li:hover{box-shadow:0 0 20px 10px rgba(0,0,0,.05)}
.home-product .list li:hover .img img{transform:scale(1.02)}
.home-product .list li:hover .info .title{color:var(--color)}
.home-product .list li .img{width:100%;aspect-ratio:var(--prosaspectratio)}
.home-product .list li .img.lazy-loaded .pro-meta{display:block}
.home-product .list li .img img{width:100%;height:100%;object-fit:contain}
.home-product .list li .info{padding:20px;border-top:1px solid #f1f6fa}
.home-product .list li .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold5);line-height:1.4}
.home-product .list li .info .text{margin-top:10px;color:var(--introcolor)}
.home-product .more{display:flex;justify-content:center;margin-top:2em}
@media (max-width:1024px){.home-product .list{justify-content:space-between}
.home-product .list li{width:48%;margin-right:0}}
@media (max-width:768px){.home-product{margin-top:40px;padding:40px 0;}}
@media (max-width:500px){.home-product .list{margin-top:30px}
.home-product .list li .info{padding:20px 10px}
.home-product .list li .info .title{font-size:var(--fontsize18)}
.home-product .more{margin-top:10px}}

@media (min-width:769px){.home-about .aboutimg{padding-right:0;width:55%;}
.home-about .aboutinfo{width:40%;flex:inherit;}
.home-about .aboutinfo h1{font-size:28px;}
.home-about .aboutinfo .text p{line-height:1.5}
.home-about .aboutinfo .aboutmeta .tel .p2{font-size:16px}}
.home-videos{padding-top:4%}
@media (max-width:768px){.home-about .aboutimg{padding:0;margin-top:15px;}
.home-videos{padding-top:40px;}}
@media (min-width:769px){.home-about .aboutimg{width:58%}}
.home-about .aboutinfo .list li{ width: 100%; }
.home-about .aboutinfo .text strong{font-size: var(--fontsize22);}
#serviceswiper .swiper-slide .opacity{opacity:1;}
#logoswiper1{margin-top:30px;}
#logoswiper1 .logoswiper-pagination{text-align: center;display:none;margin-top:30px;}
#logoswiper1 .swiper-wrapper{transition-timing-function:linear !important;margin:0 auto;align-items:center}
.home-cate .list li .title span{color: #000;font-weight: var(--fontbold6);}
.home-cate .list li:hover .title span{color:var(--color)}
.home-cate .list li .title span{ color: var(--color);}