@charset "utf-8";
.home-service .service-wrap .service-item .title{display:unset}
.wmkc-product-box{width:24%}
.wmkc-product-all{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-product-box .img{width:100%;border:1px solid #dfdfdf}
.wmkc-product-box .img a{display:inline-block;width:100%;height:100%;overflow:hidden}
.wmkc-product-box .img a img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.wmkc-product-box .info{padding:20px 30px 30px 10px;width:100%;position:relative}
.wmkc-product-box .info .title{font-size:18px;color:#222}
.wmkc-product-box .info .text{font-size:14px;color:#666}
.wmkc-product-box .info i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#58b33e;font-size:20px}
.service-item:before{content:'';width:100%;height:100%;background:url(/uploads/30757/products/p20250716091839d904d.jpg) no-repeat center;background-size:cover;position:absolute;top:0;left:0;filter:brightness(50%)}
.home-service .service-wrap .service-item>*{position:relative}
.service-item:nth-child(2):before{background-image:url(/uploads/30757/products/p20250716091840092f9.jpg)}
.service-item:nth-child(3):before{background-image:url(/uploads/30757/33.jpg)}
.service-item:nth-child(4):before{background-image:url(/uploads/30757/44.jpg)}
.home-service .service-wrap .service-item .bg i{color:#888}
.home-service .service-wrap .service-item .icon i{color:#dfdfdf}
#prswiper1 .wmkc-product-box,#prswiper5 .wmkc-product-box,#prswiper6 .wmkc-product-box{width:12%}
.proslide .swiper-wrapper{justify-content:space-between}
.home-product .swiper .swiper-slide .info{margin:0;padding:8px}
.home-product .swiper .swiper-slide .info .title{font-size:15px;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.home-product .swiper .swiper-slide:hover::after{height:3px}
.proslide{margin-bottom:40px;position:relative;padding:0 80px}
#prswiper4 .wmkc-product-box{width:16%}
.home-product .product-list{padding:0}
.proslidebtn>div{position:absolute;left:0;top:40%;background:0 0;width:40px;height:40px;border:1px solid #dfdfdf;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.proslidebtn>div.pronextbtn{left:auto;right:0}
.proslidebtn>div:hover{background:#02a0b5;color:#fff}
@media (max-width:1024px){.proslide{padding:0;margin-bottom:25px}
.proslidebtn{display:none}
.proslide .swiper-pagination{display:block}
.home-product .product-list .swiper{padding-bottom:30px}
.proslide .swiper-pagination-bullet-active{background:#02a0b5}}
@media (max-width:768px){.prodetails-top .preview-container .thumbnail-box .swiper-slide,.prodetails-top .singglepic .thumbnail-box .swiper-slide{height:auto;padding-bottom:100%;position:relative}
.prodetails-top .preview-container .thumbnail-box .swiper-slide img,.prodetails-top .singglepic .thumbnail-box .swiper-slide img{position:absolute;top:0;left:0;object-fit:contain}}
article table{width:100% !important}
.common-main .l-wrap{padding: 60px 35px 0px;}
.loadout {animation: loadout 1s forwards;}
@keyframes loadout {from {opacity: 1;}
to {opacity: 0;}}
#load{display:none;width:100%;height:100%;position:fixed;z-index:9999999999999999;background:url("/js/30757/logo.gif") no-repeat center center rgba(0,0,0);top:0;background-size: cover;}
.index #load{display:block}
#load.active{opacity: 0;transition: all .3s;}
.index .loadout{z-index: -1;display:none !important}
.home-application .appl-list{display:flex;justify-content: space-around;flex-wrap:wrap;}
.home-application .appl-list .appl-item{width:29%;}
.home-application .appl-list .appl-item{background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 20px;overflow: hidden;position: relative;cursor: pointer;background-color:#fff;padding:20px 0;box-shadow: 0px 3px 20px 0px #DEDEDE;}
.home-application .appl-list .appl-item:nth-child(1):hover{background-image:url(/uploads/30757/page/p2025041410315584e02.jpg)}
.home-application .appl-list .appl-item:nth-child(2):hover{background-image:url(/uploads/30757/page/p202504141031472a865.jpg)}
.home-application .appl-list .appl-item:nth-child(3):hover{background-image:url(/uploads/30757/page/p2025041410313841300.jpg)}
.home-application .appl-list .appl-item:before{content:'';width:100%;height:100%;display:block;background:transparent;position:absolute;top:0;left:0;z-index:1;transition: all .3s;}
.home-application .appl-list .appl-item>*{position: relative;z-index:2;}
.home-application .appl-list .appl-item:hover:before{background:rgba(0,0,0,0.4)}
.home-application .appl-list .appl-item .top{padding:0 20px;}
.home-application .appl-list .appl-item .appl-title{font-size:22px;margin:10px 0 20px;min-height:73px;}
.home-application .appl-list .appl-item .appl-title:after{content:'';width:50px;height:3px;background: var(--color);margin-top:10px;display:block;}
.home-application .appl-list .appl-item:hover .appl-title:after{background: #fff;}
.home-application .appl-list .appl-item:hover .top{color:#fff;}
.home-application .appl-list .appl-item .appl-img{text-align: end;margin-top:10px;}
.home-application .appl-list .appl-item .appl-img img{transition:all .3s;max-width:80%}
.home-application .appl-list .appl-item:hover .appl-img img{opacity:0;transform: translateX(100px);transition: all .3s linear;}
@media (max-width:768px){.homeappliSwiper{padding-bottom:50px;}
.home-application .appl-list .appl-item{width:100%;margin:10px 0;}}
.home-product{background: #F9F9F9;}
.home-online{padding:60px 20px 30px;}
@media (max-width:768px){.home-online{padding:30px 15px 15px;}}
.foot-main .foot-item:nth-child(3){display: none;}

@media (min-width: 769px){
.foot-main .foot-item:nth-child(2){width: 35%;}
.foot-main .foot-item:nth-child(2) .navlist{display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot-main .foot-item:nth-child(2) .navlist li{width: 50%;}

}
@media (min-width:769px){.prodetails-top{align-items:flex-start;}
.prodetails-top .prodetails-info{padding:30px 0px 10px 40px;}}
.index #jljw_IM_GdImBox{display:none}
.index #jljw_IM_GdImBox.active{display:block}
.pro-main .prodetails-top .preview-container .small-box{height:auto}
.index #load{display:none!important}