﻿#about .more-btn:hover,#appli .more-btn:hover{background:var(--color2);color:#fff;border-color:var(--color2)}
#about,.home-logo{padding:4% 0;}
#about .about-img{padding-top:0;}
.home-logo .l-wrap{display:flex;justify-content:space-between;align-items: center;}
.home-logo .home-title{text-align:left;margin:0;white-space:nowrap}
.home-logo .logo-container{width:calc(100% - 300px)}
.home-logo #logoswiper .swiper-wrapper{transition-timing-function:linear!important;margin:0 auto;align-items:center}
.home-logo .logoswiper-pagination{display:none}
@media (max-width:1024px){.home-logo{padding-bottom:60px}
.home-logo .l-wrap{display:block}
.home-logo .home-title{text-align:center}
.home-logo .logo-container{width:100%;}}
@media (max-width:768px){.home-logo .logoswiper-pagination{display:flex;bottom:0;justify-content: center;}}
#ind{padding:0;}
#ind .ind-wrap{padding:0;}
#ind .adv-icon{justify-content: space-between;}
#ind .adv-icon>li{width:24%;padding:0;margin-bottom:0;}
#ind .adv-icon .icon-img{margin-right:0;}
#ind .adv-icon .icon-img img{max-height:44px;}
#ind .adv-icon .num{margin:10px 0;}
#ind .adv-icon .icon-item{flex-direction: column;align-items: center;text-align: center;height:100%;color:var(--color)}
#ind .adv-icon .text{color:var(--color)}
.main-part{font-weight:var(--fontbold7)}
.main-part span{color:var(--color2)}
.home-cate{position: relative;margin:4% 0 0}
.home-cate .list{margin-top:2%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}
.home-cate .list>li{width:24%;border-radius:10px;overflow:hidden;position:relative;box-sizing: border-box;}
.home-cate .list>li:nth-child(n+5){margin-top:2%}
.home-cate .list>li .img{width:100%;height:100%;display:flex}
.home-cate .list>li .img img{width:100%;height:100%;object-fit:cover}
.home-cate .list>li .title{position:absolute;left:0;bottom:0;width:100%;height:100%;color:#fff;display:flex;flex-direction: column;justify-content:center;align-items:center;padding:20px;    background: #0000008f;transition:all .1s linear;box-sizing: border-box;height:0;transition: all .3s;opacity:0;}
.home-cate .list>li:hover .title{height:100%;opacity:1;}
.home-cate .list>li .title span{font-size:var(--fontsize24)}
.home-cate .list>li .title em{color:var(--color2);font-size:var(--fontsize20);transform: rotateY(180deg);}
.home-cate .list>li:hover .img img{transform:scale(1.02)}
.home-cate .list>li:hover .title>a{color:var(--color2)}
.home-cate .product-more{text-align: center;}
.home-cate .product-more .more-btn{text-align: center;display: inline-block;margin: 5% auto 0px;padding: 10px 25px;border-radius: 30px;background:var(--color);text-transform: capitalize;color:#fff;}
.home-cate .product-more .more-btn em{transform: rotateY(180deg);display:inline-block}
#product .product-more .more-btn{background: var(--color);color:#fff;text-transform: uppercase;}
.home-cate .product-more .more-btn:hover,#product .product-more .more-btn:hover{background: var(--color2);border-color:var(--color2)}
@media (max-width:768px){.home-cate .list{padding:0}
.home-cate .list>li{width:100%;position:relative;}
.home-cate .list>li .title{font-size:var(--fontsize16);padding:10px}}
#product .pro-list .pro-name{min-height:58px}
#product .pro-list .pro-more{background: var(--color);color:#fff;text-transform: uppercase;border-radius:20px;}
#product .pro-list .pro-more:hover{background: var(--color2);}
#new .new-title{padding-bottom:0;border-bottom:none;min-height:58px}
#new .new-more{background: var(--color);color:#fff;display:inline-block;padding: 10px 25px;transition:all .3s}
#new .new-more i{transform: rotateY(180deg);display: inline-block;}
#new .new-more:hover{background:var(--color2);}
.more-btn,#new .new-more{text-transform:uppercase;}
.home-video .video-list{display:flex;justify-content: space-between;flex-wrap:wrap;margin-top:2%;}
.home-video .video-list .item{width:24%;}
.home-video .video-list .item .video{position:relative;height:0;padding-bottom:56.25%;}
.home-video .video-list .item .video iframe{width:100%;max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
.home-video .video-more{text-align:center;margin-top:20px;}
.home-video .video-more .more-btn:hover{background:var(--color2);border-color:var(--color2);color:#fff;}
@media (max-width:768px){.home-video .video-list{margin-top:20px;}
.home-video .video-list .item{width:49%;margin:10px 0;}}
@media (max-width:550px){.home-video .video-list .item{width:100%;}}
.home-service .main-title{max-width:52%;margin:10px auto 54px}
.home-service .service-list{margin-top:15px;}
.home-service .service-list .item{display:flex;align-items: center;justify-content: space-between;}
.home-service .service-list .item1{margin-bottom:3%;}
.home-service .service-list .item>div{width:50%;box-sizing: border-box;}
.home-service .service-list .item .left .img{overflow:hidden;border-radius:20px;}
.home-service .service-list .item .left .img img{width:100%;display:block;}
@media (min-width:769px){.home-service .service-list .item:nth-child(2n){flex-direction: row-reverse;}
.home-service .service-list .item .right{padding-left:3%}
.home-service .service-list .item:nth-child(2n) .right{padding-left:0;padding-right:3%}}
.home-service .service-list .item .right .ser-tit{font-weight:var(--fontbold7);font-size:24px;margin-bottom:10px;display:flex;align-items:center}
.home-service .service-list .item .right .ser-tit p{margin-left:10px;}
.home-service .service-list .item .right .ser-des p{margin:10px 0}
.sol-top {background:url(/uploads/31219/banner/20250402091604b9c5b.jpg) no-repeat center/cover}
#global{margin:4% 0}
#global .inner{display:flex;justify-content: space-between;}
#global .inner>div{width:49%;}
#global .wmkcfeedback{margin-top:10px;}
#contact .foot-contact{background: var(--color2);}
#contact .foot-contact:hover{background: #fff;color:var(--color)}
.sol-top h3{padding:4% 0;}
#product{margin:4% 0;}
#appli{background:none;}
.advan{background: #f6f6f6 url(https://css02.v15cdn.com/m420/images/appli_bg.webp) no-repeat center/cover;margin-bottom:4%}
#new{padding:4% 0;}
#sol-swiper{padding-bottom:5.5%;}
@media (max-width:768px){#about .l-wrap{margin:0 3vw}
.home-service .main-title{max-width:100%;margin-bottom: 5.3333333333vw;}
.home-cate .list li{margin:2% 0;}
#product .pro-list{margin-bottom:0;}
.home-service .service-list .item{flex-direction: column;}
.home-service .service-list .item>div{width:100%;}
.home-service .service-list .item .right{margin-top:10px}
.home-service .service-list .item .right .ser-tit{font-size:20px}
#global .inner{flex-wrap:wrap;}
#global .inner>div{width:100%;}}
@media (max-width:550px){#about,.home-logo,.sol-top h3,#new{padding:40px 0;}
#ind .adv-icon{margin:0;}
#ind .adv-icon>li{width:49%;margin:5px 0;}
.home-cate{margin-top:40px}
.advan{margin-bottom:40px}
#global,#product{margin:40px 0;}
#sol-swiper{padding-bottom:40px;}
#product .pro-list .pro-name{min-height:78px}
#new .new-title{margin-bottom:0;}}
.home-video{margin:1% 0}
#global .wmkcfeedback .send-btn{margin:20px auto}
#about .more-btn{background:var(--color);color:#fff;border-radius: 30px;margin: 10px 0;}
.home-video .video-list .item .video {padding-bottom: 92.25%;}
#sol-swiper .swiper-slide{border-radius:20px;overflow:hidden;}
.send-inquiry .inquiry-form input, .send-inquiry .inquiry-form .wmkcfb-fileupload, .send-inquiry .inquiry-form textarea{border-color:var(--color)}
#contact{display:none;}
.more-btn{border-radius: 30px;}
#new .new-more{border-radius: 30px;}
.home-cate{display:none;}
.home-cate1{display:block;}
.home-cate1 .small a{color:#fff;font-size:14px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}
@media(max-width:1440px){.home-cate .list>li .title span {font-size: var(--fontsize18);}}
.home-logo{padding-top:2%;} 
.home-cate1 .title1{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: linear-gradient(0deg, var(--hovercolor) 0, rgba(0, 0, 0, 0) 100%);transition: all .1s linear;}
.home-cate .list>li:hover .title1{display:none;}
.home-cate1 .title1 i{margin-right:10%;transform: rotate(180deg);}
#product .product-more .more-btn{margin-top:30px;}
@media (max-width:768px){#product .product-more .more-btn{margin-top:10px}}
@media (min-width:769px){#product .pro-list>li:nth-child(n + 5){margin-bottom:0;}
.advan .title{max-width:52%;}}
@media (min-width:1471px){.advan .advan-item{padding-top:25px;padding-bottom:25px}}
.advan .advan-icon>i, .advan .advan-icon>em{background-image:url(/uploads/31219/page/p20250403171511fbaec.png)}
#new .new-item{text-align:center}
#new .new-title{text-align:left}
#new .new-date{right: 15px;left: auto;bottom: auto;top: 0;}
@media (min-width:769px){.advan{padding: 6% 0px 9%;}}
.advan .advan-list{margin-top:8%;}
.home-video .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-video .list .item{width:24%;}
.home-video .list .item iframe{width: 100%;height: 100%;aspect-ratio: 1/1;}
@media(max-width:768px){.home-video .list .item{width:100%;margin-bottom: 15px;}}
.home-video .main-part{margin-bottom: 2%;}
.ser-btn{margin-top:20px}
.ser-btn .more-btn i,.ser-btn .more-btn em{display:inline-block;margin-left:14px;transform:rotate(180deg)}
.video-btn{display:flex;justify-content:center;margin-top:30px}
.video-btn .more-btn i,.video-btn .more-btn em{display:inline-block;margin-left:14px;transform:rotate(180deg)}
.ser-btn .more-btn:hover,.video-btn .more-btn:hover{border-color:var(--color2);background:var(--color2);color:#fff}
@media (max-width:768px){.video-btn{margin-top:10px}
.ser-btn{margin:10px 0 15px}}
