@media (min-width:1025px) {#ind .adv-icon .icon-item div:not(.icon-img){flex: 1;}}
.advan .advan-icon img{max-width: 100%;}
.advan .advan-list>li:hover .advan-icon img{filter: brightness(0) invert(1);}
.sol-top{background-image: url(/Content/uploads/20251238761/20251224151954e2a67e53faaf41e38b4021e467633c6a.jpg);}
#product{background: #f6f9f6;padding: 3% 0;}
.home-cate{padding:4% 0 5%;background:var(--color)}
.home-cate .main-part{color:#fff}
.home-cate .list{display:grid;gap:35px;grid-template-columns:repeat(3,1fr);margin-top:3%}
.home-cate .list li{width:100%;margin-right:0;color:var(--color);display:flex;align-items:center;background:#fff}
.home-cate .list li .info{display:flex;flex-direction:column;align-items:center;flex:1;font-weight:700}
.home-cate .list li .info .title{margin-bottom:3%;font-size:20px;text-align:center}
.home-cate .list li .info a{color:#fff;font-size:20px;padding:1% 4%;background:var(--color)}
.home-cate .list li .img-box{max-width:42%;margin-right:4%}
@media (max-width:1024px){.home-cate .list{grid-template-columns:repeat(2,1fr)}
}@media (max-width:600px){.home-cate .list{grid-template-columns:repeat(1,1fr);gap:20px;}
}
#ind{padding:130px 0 70px}
#about{background:var(--color);color:#fff}
#about .about-con h3>span, #about .about-con h1>span,#about .about-con .con,#about .about-con ul{color:#fff}
#about .about-con ul:before, #about .about-con ul:after,#about .about-con ul li:after{background:#fff}
#about .more-btn{background:#fff;color:var(--color);border-color:#fff}
#about .more-btn:hover{background:var(--color);color:#fff}
#about .about-img .dot,#about .about-img .box{display:none}
#about .about-img img{width:100%}
#about .about-img{padding:0}
#about .about-con .title{display:none}
@media (max-width:768px){#ind{padding:20px 0 20px}
.home-cate{padding:40px 0}}

#home-swiper .banner-animote{position:absolute;color:#FFFFFF;opacity:0}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
#home-swiper .banner-animote.bannertxt1{top:2%;left:1%;width:68%}
#home-swiper .banner-animote.bannertxt1 .p1{font-size:6.6vw;line-height:1;text-transform:uppercase;text-shadow:.5vw .25vw .2vw #51789f;font-family:impact}
#home-swiper .banner-animote.bannertxt1 .p2{font-size:4.75vw;line-height:1.1;text-transform:uppercase;text-shadow:.5vw .25vw .2vw #51789f;font-family:impact}
#home-swiper .banner-animote.bannertxt1 .p3{font-size:1.8vw;font-weight:var(--fontbold6);line-height:1.1;width:90%;margin-top:.2vw;text-shadow:.1vw .1vw .3vw #51789f;}
#home-swiper .banner-animote.bannertxt2{top:40%;right:3.5%;width:39%;transform:translateY(-50%)}
#home-swiper .banner-animote.bannertxt2 .p1{font-size:5.5vw;line-height:1;text-transform:uppercase;text-shadow:0 -3px 0 #2b3a59,3px -3px 0 #2b3a59,3px 0 0 #2b3a59,3px 3px 0 #2b3a59,0 3px 0 #2b3a59,-3px 3px 0 #2b3a59,-3px 0 0 #2b3a59,-3px -3px 0 #2b3a59;font-family:impact;}
#home-swiper .banner-animote.bannertxt2 .p2{font-size:1.65vw;line-height:1.1;text-transform:uppercase;text-shadow:0 -2px 0 #8698b2,2px -2px 0 #8698b2,2px 0 0 #8698b2,2px 2px 0 #8698b2,0 2px 0 #8698b2,-2px 2px 0 #8698b2,-2px 0 0 #8698b2,-2px -2px 0 #8698b2;font-family:impact}
.bannertxt2-2{font-size:1.5vw;line-height:1.1;position:absolute;bottom:3.3%;width:17.2%;text-align:center;right:3.5%;font-weight:bold;color:#fff;text-shadow:-.25vw .1vw .1vw #6e7480aa;}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}