:root{--hometitlefont:42px;}
@media (max-width:1440px){:root{--hometitlefont:30px}
}
@media (max-width:1024px){:root{--hometitlefont:26px}
}
@media (min-width:1025px) {
.product .page-container .product-catelist{justify-content: space-between;}
.product .page-container .product-catelist .product-cateitem{width: 24%;margin-right:0}}
.product .right-wrap .pro-list.list1 li{display:flex;flex-direction:column;}
.pro-list.list1 li .pro-info{flex:1;display:flex;flex-direction:column;align-items: center;}
.pro-list li .pro-info .title{margin-bottom:10px;}
.pro-list li .pro-info .text{margin-top:0}
.pro-list li .pro-info .btn{margin-top:auto;}
.protypefeedback{background-color:#f1f9ff;padding:5% 0}
.protypefeedback .inquiry-title{text-align:center;font-size:var(--fontsize42);font-weight:var(--fontbold6);margin-bottom:20px}
.protypefeedback .wmkcfeedback .inquiry-form>*{border:1px solid #ebebeb}
.prodetails-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-bottom:1px solid #e8e8e8;margin-bottom:20px;}
.prodetails-tabs .prodetails-tabs-item{padding:10px 0;display:inline-flex;align-items:center;justify-content:center;color:#222;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-right:20px;cursor:pointer;position:relative}
.prodetails-tabs .prodetails-tabs-item::before{content:"";position:absolute;width:100%;height:2px;background-color:var(--color1);left:0;bottom:0}
.prodetails-tabs .prodetails-tabs-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.prodetails-tabs .prodetails-tabs-item.green{border-color:var(--color)}
.prodetails-tabs .prodetails-tabs-item.act{border-color:var(--color)}

.pro-maylink{padding:5% 0}
.pro-maylink .box{margin-top:30px}
.pro-maylink .swiper-slide .img{overflow:hidden;display:block;border:1px solid #e8e8e8;border-radius:3px;aspect-ratio:1/1;width:100%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.pro-maylink .swiper-slide .img img{width:100%;transition:all .2s linear}
.pro-maylink .swiper-slide .info{padding:20px 0}
.pro-maylink .swiper-slide .info .title{text-align:center;color:#212121;font-size:var(--fontsize18);font-weight:var(--fontbold5);transition:all .1s linear}
.pro-maylink .swiper-slide:hover .img{border-color:var(--color1)}
.pro-maylink .swiper-slide:hover .img img{transform:scale(1.03)}
.pro-maylink .swiper-slide:hover .info .title{color:var(--color1)}
.pro-maylink .promaylinkswiper-pagination{display:flex;justify-content:center;width:100%;text-align:center;margin-top:20px}

.pagelink{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:30px;border-radius:var(--borderradius);overflow:hidden;background:#f1f9ff}
.pagelink .pagelink-item{width:50%;height:80px;padding:0 20px;display:flex;align-items:center;position:relative}
.pagelink .pagelink-item .icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--color1) 0,#fff 100%);border-radius:50%;color:#fff;border:1px solid #dbdfe6;transition:all .1s linear}
.pagelink .pagelink-item:hover .icon{background:linear-gradient(45deg,var(--color) 0,#fff 100%);color:#fff}
.pagelink .pagelink-item:hover .link{color:var(--color)}
.pagelink .pagelink-item:hover .icon em{transform:rotate(0)}
.pagelink .pagelink-item .icon em{font-size:var(--fontsize18);transition:all .1s linear}
.pagelink .prev .icon em{transform:rotate(45deg)}
.pagelink .next .icon em{transform:rotate(-45deg)}
.pagelink .pagelink-item .link{font-size:var(--fontsize18);flex:1;transition:all .1s linear;padding-left:20px}
.pagelink .pagelink-item.next .link{text-align:right;padding:0 20px 0 0}

.prodetails-top {background-color: #f1f9ff;padding: 40px;border-radius: var(--borderradius);}
.product .right-wrap .commodity .info .text{margin-top: 10px;padding-bottom: 20px;border-bottom: 1px solid #e8e8e8;}
.product .right-wrap .commodity .info .btn>a, .product .right-wrap .commodity .info .btn>div{background: var(--color1);color: #fff;border-radius: 20px;height: 40px;padding: 0;min-width: 160px;}
.product .right-wrap .commodity .info .btn{margin-top: 30px;}
@media (min-width:1025px) {
.singglepic{width: 40%;aspect-ratio: 1 / 1;height: auto;}
.prodetails-info{padding-left: 50px;}
}
.home-title {font-size: var(--hometitlefont);font-weight: var(--fontbold6);text-align: center;text-transform: capitalize;line-height: 1.4;}