.writetous h3, .writetous h5,.write-text,.highpro-step-act .highpro-step-title{color:#fff;}
.home-mainproduct{position:relative;padding:4% 0;background:no-repeat top;background-image:url(https://css02.v15cdn.com/m440/siggleimg/homepro-bg.webp);background-size:cover}
.home-mainproduct .home-title{text-align:center}
.home-mainproduct .homepro-list{display:flex;flex-wrap:wrap;margin-top:30px}
.home-mainproduct .homepro-list li{position:relative;width:24%;margin-right:1.3%;margin-bottom:20px}
.home-mainproduct .homepro-list li:nth-child(4n){margin-right:0}
.home-mainproduct .homepro-list li a{border-radius:10px;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ddd;transition:all .1s linear}
.home-mainproduct .homepro-list li a:hover{border-color:var(--color)}
.home-mainproduct .homepro-list li a:hover .info{color:#fff;background:var(--color)}
.home-mainproduct .homepro-list li a:hover .info .text,.home-mainproduct .homepro-list li a:hover .info .title{color:#fff}
.home-mainproduct .homepro-list li .img{position:relative;aspect-ratio:3/2}
.home-mainproduct .homepro-list li .img.lazy-loaded .lazy-load{display:none}
.home-mainproduct .homepro-list li .img img{width:100%;height:100%;object-fit:cover;aspect-ratio: 1;}
.home-mainproduct .homepro-list li .info{flex:1;background:#f7f7f7;padding:20px;text-align:center;transition:all .1s linear}
.home-mainproduct .homepro-list li .info .title{color:#000003;font-weight:var(--fontblod6);font-size:18px;transition:all .1s linear}
.home-mainproduct .homepro-list li .info .text{color:#727a84;transition:all .1s linear}
.home-mainproduct .homepro-list li .icon-hottitle{position:absolute;top:15px;left:-14px;color:#fff;width:50px;height:25px;background:var(--color);font-size:14px;display:flex;align-items:center;justify-content:center;text-transform:uppercase}
.home-mainproduct .homepro-list li .icon-hottitle::before{content:"";position:absolute;bottom:-9px;left:4px;border:10px solid transparent;border-bottom:10px solid var(--color);opacity:.8;transform:rotate(45deg)}
.home-mainproduct .homepro-list li .icon-hottitle::after{position:absolute;content:"Hot";top:50%;left:50%;transform:translate(-50%,-50%)}
@media (max-width:1024px){
.home-mainproduct .homepro-list{justify-content:space-between}
.home-mainproduct .homepro-list li{width:48%;margin-right:0}
}
@media (max-width:768px){.home-mainproduct .homepro-list li{width:49%}
.home-mainproduct .homepro-list li .info{padding:20px 10px}}

.home-about{position:relative;padding:4% 0;background: url(/uploads/47007/page/p202606041618049cec2.jpg) no-repeat center/cover;}
.home-about .about-top{display:flex;align-items:center}
.home-about .about-top .info{width:46%;background-color:#FFFFFF;border-radius:10px;box-shadow:0 3px 32px 0 rgba(197,197,197,.35);margin-right:-8%;position:relative;z-index:2;padding:3% 3% 3% 4%}
.home-about .about-top .info .home-title{text-align:left}
.home-about .about-top .info .text{margin-top:20px;color:grey}
.home-about .about-top .info .about-more{margin-top:30px;width:186px;height:52px;background-color:var(--color);border-radius:26px;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:var(--fontbold6)}
.home-about .about-top .info .about-more em{transform:rotate(-45deg);margin-left:8px;transition:all .3s ease-in-out}
.home-about .about-top .info .about-more:hover em{transform:rotate(0)}
.home-about .about-top .img{width:62%}
.home-about .about-bottom{margin-top:80px;background-color:#FFFFFF;border-radius:3px;overflow:hidden;box-shadow:1px 3px 32px 0 rgba(225,225,225,.58)}
.home-about .about-bottom ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:55px 20px}
.home-about .about-bottom ul li{width:16%;display:flex;justify-content:center;list-style:none}
.home-about .about-bottom ul li .icon{margin:30px;width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative}
.home-about .about-bottom ul li .icon::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;background-color:var(--color);opacity: .7;;border-radius:50%;z-index:1}
.home-about .about-bottom ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;background-color:var(--color);opacity:.3;border-radius:50%}
.home-about .about-bottom ul li .icon span{width:100%;height:100%;border-radius:50%;background-color:#FFFFFF;position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center}
.home-about .about-bottom ul li .icon span em{color:var(--color);font-size:38px;line-height:1}
.home-about .about-bottom ul li .num{color:var(--color);font-size:36px;font-weight:var(--fontbold6);line-height:1;display:inline-flex;align-items:center}
.home-about .about-bottom ul li .tit{font-weight:var(--fontbold6)}
@media screen and (max-width:1024px){.home-about .about-top{flex-wrap:wrap;flex-direction:column-reverse}
.home-about .about-top .info{width:100%;margin-right:0;padding:20px}
.home-about .about-top .img{width:100%;text-align:center}
.home-about .about-top .img img{display:inline-block}
.home-about .about-bottom ul li{width:50%;margin:10px 0;}
.home-about .about-bottom ul li .info{width:50%}}
@media screen and (max-width:768px){.home-about .about-top .info{padding:20px 10px}
.home-about .about-top .info .home-title br{display:none}
.home-about .about-top .info .about-more{width:146px;height:42px;margin-top:15px}
.home-about .about-bottom{margin-top:20px}
.home-about .about-bottom ul{padding:20px 10px}
.home-about .about-bottom ul li{margin:15px 0}
.home-about .about-bottom ul li .icon{margin:10px 25px 0 0}
.home-about .about-bottom ul li .icon::after{width:70px;height:70px}
.home-about .about-bottom ul li .icon::before{width:60px;height:60px}
.home-about .about-bottom ul li .icon span{width:46px;height:46px}
}
@media screen and (max-width:500px){.home-about .about-bottom ul li .num{font-size:var(--fontsize20)}
.home-about .about-bottom ul li .tit{font-size:var(--fontsize14)}
.home-about .about-bottom ul li .icon{margin-right:10px}
.home-about .about-bottom ul li .info{width:auto;flex:1}
}  .home-service{padding:5% 0;background:url(/Content/uploads/20261272715/20260601164220184912afd97f40e895483cec01213471.jpg) no-repeat;background-size:cover}
.home-service .box{padding:40px 0 40px;position:relative}
.home-service .box .serviceswiper-pagination{position:absolute;width:100%;bottom:-20px;display:flex;justify-content:center}
.home-service .box .serviceswiper-pagination .swiper-pagination-bullet{background-color:var(--color);margin:0 9px}
.home-service .swiper-slide{height:auto;background-color:#fff;padding:50px 25px 30px}
.home-service .swiper-slide .img{border:2px solid var(--color1);border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .2s linear}
.home-service .swiper-slide .img img{width:89%;max-width:280px;border-radius:50%}
.home-service .swiper-slide .info{text-align:center}
.home-service .swiper-slide .info .tit{font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.home-service .swiper-slide .info .more{color:var(--color);font-size:var(--fontsize14);font-weight:var(--fontbold5);transition:all .2s linear;display:block;text-decoration:underline}
.home-service .swiper-slide:hover .img{border:6px solid var(--color)}
.home-service .swiper-slide:hover .info .more{color:var(--color)}
@media (max-width:768px){.home-about,.home-choose,.home-news,.home-products,.home-service{padding:30px 0}
.home-service .box{padding-top:25px}
.home-service .box .serviceswiper-pagination{bottom:0px}
}#serviceswiper{overflow:hidden;position:relative}
@media (max-width:500px){.home-service .swiper-slide{padding:25px 20px}
}.home-step{margin:3% auto}
.home-step img{width:100%}
.home-service .home-title{text-align:center;color:#fff}
.home-step .home-title{text-align:center;margin-bottom:3%;color:#0D5DDA}
.home-contact{padding:4% 0;background-image:url(/Content/uploads/20261272715/2026060116473593b35b11dc8542d7bc705bad0d59accc.jpg);background-size:cover;background-repeat:no-repeat}
.home-contact .inquiry-box{width:50%;padding:40px 50px;color:#FFF;border-radius:var(--borderradius)}
.home-contact .inquiry-box .home-tip{text-align:left;color:#FFF}
.home-contact .inquiry-box .home-title{text-align:left;color:#fff}
.home-contact .inquiry-box .txt{font-size:var(--fontsize16)}
.home-contact .wmkcfeedback{margin-top:20px}
.home-contact .wmkcfeedback .wmkcfb-fileupload,.home-contact .wmkcfeedback input{height:48px;width:100%}
.home-contact .wmkcfeedback textarea{height:120px}
.home-contact .wmkcfeedback .wmkcfb-fileupload,.home-contact .wmkcfeedback input,.home-contact .wmkcfeedback textarea{background-color:transparent;border:1px solid rgba(255,255,255,.06);border-radius:var(--borderradius);margin-bottom:16px;color:#FFF;font-size:var(--fontsize14);background-image:none !important}
.home-contact .wmkcfeedback .wmkcfb-fileupload::placeholder,.home-contact .wmkcfeedback input::placeholder,.home-contact .wmkcfeedback textarea::placeholder{color:#FFF}
.home-contact .wmkcfeedback .send-btn{border-color:#FFF;width:100%;background-color:#FFF;color:#fff;background:#CC0001;font-weight:var(--fontbold6);border-radius:var(--borderradius)}
.home-contact .wmkcfeedback .send-btn:hover{background-color:var(--color);color:#FFF;border-color:var(--color1)}
@media (max-width:1024px){.home-contact .inquiry-box{width:60%}
}@media (max-width:768px){.home-contact .inquiry-box{width:100%}
}@media (max-width:500px){.home-contact .inquiry-box{padding:20px}
}
.highpro{margin-top:25px;}
.highpro-r{background:var(--color)}
.highpro-step-num{border-color:#fff;background:#fff;color:#000;}
.highpro-step-act .highpro-step-num{border-color:#fff;color:#fff;}
.home-flag{padding:4% 0;}
.home-flag ul{display:flex;justify-content: space-between;}
.home-flag ul li{padding:0 5px;width:7.14%;text-align:center}
.home-flag .home-title{color:#0D5DDA;text-align:center;margin-bottom:15px;}
@media (max-width:768px){.home-flag{padding:40px 0;}
.home-flag ul{flex-wrap:wrap;}
.home-flag ul li{width:14.2%}}

.home-about .about-top .info .home-tit{color:#cc0000}
.home-about .about-top .info .about-more{background:#cc0000;border-radius:5px;height:45px}
.home-about .about-bottom ul li .num{color:#1154c1}
.home-mainproduct .home-title{color:#1154c1}
.highpro-r{background:#0c459f}
.highpro-step-num{color:#fff;background:#252525}
.highpro-step-act .highpro-step-num{color:#000;background:#fff}

@media (min-width:1025px){.highpro-step li{width: 32%;text-align: center;}
.highpro-step-title{font-size: var(--fontsize24);}
.highpro-r .home-title{font-size: 40px;}
.highpro-text{font-size: var(--fontsize24);}}