#home-swiper video{ width: 100%;}
#home-swiper{position: relative;}
#home-swiper .hbanner{position: absolute;top: 30%;left: 50%;color:#fff;transform: translateX(-50%);background: rgba(0, 0, 0, 0.65);padding:2%;}
#home-swiper .hbanner .p1{font-size:50px;}
#home-swiper .hbanner .p2{font-size:40px;}
#home-swiper .hbanner .p3{font-size:28px;}
@media(max-width:768px){#home-swiper .hbanner .p1{font-size:18px;}
#home-swiper .hbanner .p2{font-size:17px;}
#home-swiper .hbanner .p3{display:none;}
#home-swiper .hbanner{top:10%;}}

#about .lists{display:grid;gap:0;grid-template-columns:repeat(4,1fr)}
#about .lists li{padding:75px 30px 68px;background-color:#f5f7f8;color:var(--fontcolor);display:flex;flex-direction:column;align-items:center;transition:0.6s cubic-bezier(.25,1,.5,1);border-right:1px solid #dce0eb}
#about .lists li:last-child{border-right:none}
#about .lists li:hover{background-color:var(--color);color:#fff}
#about .lists li .title{text-align:center;margin-bottom:20px;font-weight:var(--fontbold7);font-size:var(--fontsize20)}
#about .lists li .desc{text-align:center}
@media (max-width:1024px){#about .lists{grid-template-columns:repeat(2,1fr)}
}@media (max-width:768px){#about .lists{grid-template-columns:repeat(1,1fr)}
}#ind{padding:60px 50px}
#ind .title{font-size:26px;margin-bottom:25px;font-weight:700}
#ind .l-wrap{display:flex;flex:unset;width:100%;margin:0px auto;max-width:1600px}
#ind .ind-left{width:50%;margin-right:1%}
#ind .ind-right{width:49%}
#ind .ind-left .contet{z-index:1;font-size:18px;font-weight:500;line-height:28px;font-style:italic;padding:15px 30px;position:relative;margin-bottom:35px;border-left:8px solid #fff}
#ind .ind-left .design{line-height:1;font-size:15px;font-weight:700;border-radius:0;min-width:190px;padding:26px 30px 25px;text-transform:uppercase;border:1px solid transparent;transition:0.6s cubic-bezier(.25,1,.5,1);background-color:#fff;color:var(--fontcolor);margin-right:10px}
#ind .ind-left .send{display:flex;align-items:center}
#ind .ind-left .send img{max-width:50px;margin-right:10px}
#ind .ind-left .send .inquiry-desc a{color:#fff}
@media (max-width:1024px){#ind  .l-wrap{flex-wrap:wrap}
#ind .ind-left{width:100%;margin-right:0;margin-bottom:20px}
#ind .ind-right{width:100%}
}@media screen and (max-width:768px){.l-wrap{padding:0vw 3vw}
}.ind-bottom{margin-bottom:20px}
.ind-bottom .lists{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ind-bottom .lists li{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ind-bottom .lists li img{margin-bottom:20px}
@media (max-width:1024px){.ind-bottom .lists{grid-template-columns:repeat(2,1fr)}
.ind-bottom .lists li{margin-bottom:20px}
}#ind .ind-left .button-list{display:flex;align-items:center}
#ind .home-ind-swiper{height:100%;overflow:hidden;width:100%;padding-bottom:40px}
#ind .home-ind-swiper .swiper-slide img{width:100%;max-width:100%;height:100%;object-fit:cover;aspect-ratio: 2 / 1;}
#ind .home-ind-swiper .swiper-pagination-bullet{background-color:#eee}
#ind .home-ind-swiper .swiper-pagination-bullet-active{background-color:#fff}

#appli .title{font-size:46px;color:var(--fontcolor);text-align:center;margin-bottom:20px}
#appli .lists{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#appli .lists li{margin-top:30px;border-radius:5px;background-color:#fff;color:var(--fontcolor);padding:15px 15px 15px 30px}
#appli .lists li .tag{line-height: 30px;min-height:60px;font-size:24px;font-weight:600;margin-bottom:35px;width:100%;text-transform:uppercase;text-align:center;word-spacing: 3px;}
#appli .lists li .desc{color:#212529}
#appli .lists li .img{aspect-ratio:366/275;overflow:hidden;margin-bottom:20px}
#appli .lists li .img img{width:100%;object-fit:cover;height:100%}
@media (max-width:1470px){#appli .lists li .tag{min-height:90px}}
@media (max-width:1024px){#appli .lists{grid-template-columns:repeat(2,1fr)}
#appli .lists li .tag{min-height:60px}}
@media (max-width:768px){#appli .lists{grid-template-columns:repeat(1,1fr)}
#appli .lists li .tag{min-height:inherit;line-height:1.2}}
#sol-swiper .swiper-slide .sol-img img{max-width:450px;display:block;margin:0 auto}
#sol-swiper .swiper-slide{background-color:#fff}
@media(min-width:1025px){#product .pro-list .pro-name{height:50px;}#new .new-title{height:50px;}#ind .ind-left .button-list{margin-top: 9%;}}
@media(min-width:1601px){#ind .ind-left .button-list{margin-top: 120px;}}
#appli .sol-top {background: url(/Content/uploads/2025933195/20250414104353b8c87e699cb14377b5d6317dc2249b83.jpg) no-repeat; background-size: 100%;}
@media (min-width:1024px){#sol-swiper{width:74%}
#sol-swiper .swiper-slide>div{flex:unset}
#appli .sol-top h3 { padding: 70px 0px 6%;}}
#appli .sol-top h3{font-size:0px;color:transparent;padding:7%}
@media (min-width:769px){#sol-swiper .swiper-slide>div{flex:inherit}
#sol-swiper .swiper-slide>div.sol-l{width:48%}
#sol-swiper .swiper-slide>div.sol-r{width:52%}}
#ind .ind-left .send .inquiry-desc a{ color: var(--fontcolor);}

#ind .home-ind-swiper{display: none;}
#ind .home-ind-swiper.show{display: block;}
.indsw-btn{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 10px 0;}
.indsw-btn .item{width: 24%;border: 1px solid #000;text-align: center;}
.indsw-btn .item.act{border-color:var(--color);color: var(--color);}
@media (max-width:1024px) {.indsw-btn .item{width: 48%;}}
.home-ind-prev{width:30px;height:40px;cursor:pointer;position:absolute;left:0;top:50%;margin-top:-20px;z-index:2}
.home-ind-prev:after{content:'';width:14px;height:14px;border:3px solid #000;border-top:none;border-right:none;border-radius:0 0 0 5px;transform:rotate(45deg);position:absolute;top:12px;left:9px}
.home-ind-next{width:30px;height:40px;cursor:pointer;position:absolute;right:0;top:50%;margin-top:-20px;z-index:2}
.home-ind-next:after{content:'';width:14px;height:14px;border:3px solid #000;border-top:none;border-right:none;border-radius:0 0 0 5px;transform:rotate(-135deg);position:absolute;top:12px;left:3px}
#ind .home-ind-swiper .swiper-slide img{max-width:calc(100% - 80px);margin:0 auto;display:block;}
.wmpage45-aboutUs-pagination{display:none}
#ind .ind-left .button-list{margin-top:80px}
#ind .home-ind-swiper0 .swiper-slide img{background:#fff;object-fit:contain}
@media (max-width:768px){#ind{padding:0 20px;overflow:inherit;margin-bottom:40px}
#about .l-wrap,#ind .l-wrap{padding:0}
#about .lists li{padding:30px 20px;margin-bottom:2px}
#ind .title{font-size:22px}
.indsw-btn .item{margin-bottom:10px}
#ind .ind-left .contet{font-size:16px;padding:10px 15px}
#ind .ind-left .button-list{flex-direction:column;align-items:flex-start;margin-top:20px}
#ind .ind-left .design{min-width:inherit;padding:15px;margin-bottom:15px}
.home-ind-prev,.home-ind-next{display:none}
#ind .home-ind-swiper .swiper-slide img{max-width:100%;}
.wmpage45-aboutUs-pagination{display:block;position:absolute;bottom:0;z-index:2}
#ind .home-ind-swiper .swiper-pagination-bullet{opacity:.8}
#ind .home-ind-swiper .swiper-pagination-bullet-active{opacity:1}}

.saspace{padding: 2% 0;}
#appli .saspace .title{font-size: 36px;}
.saspace .des{font-size: 18px;text-align: center;max-width: 1000px;margin: auto;}
.saspace .list{display: grid;gap: 20px;grid-template-columns: repeat(4,1fr);margin:20px auto auto;}
.saspace .item{position: relative;}
.saspace .item:nth-child(1){grid-column: 1 / 3;grid-row: 1 / span 2;}
.saspace .img{width: 100%;height: 100%;}
.saspace img{width: 100%;height: 100%;aspect-ratio: 1;}
.saspace .item .name{position: absolute;left: 50%;top: 50%;display: flex;align-items: center;justify-content: center;background: #ffffff80;padding:8px 20px;transform: translate(-50%,-50%);text-align: center;font-size: var(--fontsize18);}
@media (max-width:768px){.saspace .list{grid-template-columns:repeat(2,1fr)}
.saspace .item:nth-child(1){grid-column:1;grid-row: 1;}}
.homeabout{padding:70px 0}
.about-ameri{display:flex;justify-content:space-between}
.about-ameri .left{width:48%}
.about-ameri .left img{display:block;height:100%;width:100%;object-fit:cover}
.about-ameri .right{width:50%}
.about-ameri .bottom-lists{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-left:-20%}
.about-ameri .bottom-lists li{padding:15px;box-sizing:border-box}
.about-ameri  .title{font-size:42px}
.about-ameri  .desc{font-size:20px;font-weight:800}
@media (max-width:1024px){.about-ameri{flex-wrap:wrap}
.about-ameri .left{margin-bottom:20px;width:100%}
.about-ameri .right{width:100%}
.about-ameri .bottom-lists{margin-left:0}
.about-ameri .title{font-size:35px}
.about-ameri .right p *{font-size:17px!important}}
@media (max-width:768px){.homeabout{padding:40px 0}
.about-ameri .title{font-size:26px}}
#product .pro-list .pro-more{background:var(--color);color:#fff}
#contact .foot-title,#contact .foot-contact{color:#fff;}
#contact .foot-contact:hover{color:var(--color)}
.fotsendinquiry{padding-top:40px;}

#about .swiper-slide{height:auto}
#about .swiper-slide li{height:100%}
#new .new-list .swiper-slide{padding:0 25px;box-sizing:border-box}
@media (min-width:1025px){#new .new-list .swiper-slide{width:calc(100% / 3)}
}
@media (max-width:1024px){#about .lists,#appli .lists{display:flex;gap:0}
#about .lists li,#appli .lists li{margin-bottom:0}
#new .new-list{flex-wrap:nowrap;margin:0}
}
@media (max-width:768px){#product .pro-list>li:nth-last-child(-n+4){display:none}
}

#home-swiper .ban{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;width:100%;opacity:0}
#home-swiper .swiper-slide-active .ban{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
#home-swiper .ban1{top:27%;padding-left:11vw}
#home-swiper .ban1 .p1{color:#351e27;font-size:3.3vw;line-height:1.2}
#home-swiper .ban2{top:32%;text-align:center}
#home-swiper .ban2 .p1{color:#225297;font-size:2.1vw;line-height:1}
#home-swiper .ban3{top:68%;padding-left:13.5vw}
#home-swiper .ban3 .p1{font-size:2.5vw;line-height:1.2}
#home-swiper .ban3 .p1 span{color:#fff}
#home-swiper .ban3 .p2{margin-top:1vw;color:#fff;font-size:1.8vw;line-height:1;letter-spacing:-1px}
#home-swiper .ban4{top:67.5%;padding-left:10.5vw}
#home-swiper .ban4 .p1{font-size:2.6vw;line-height:1.2}
#home-swiper .ban4 .p1 span{color:#fff}
#home-swiper .ban4 .p2{margin-top:.5vw;color:#fff;font-size:1.5vw;line-height:1.1}