﻿.home-title{color:var(--fontcolor);font-size:var(--hometitlefont);text-transform:capitalize}
.home-title span{color:var(--color)}
.home-des{color:var(--color);font-size:var(--fontsize16);text-transform:uppercase}
.home-more{position:relative;width:180px;height:54px;background:var(--color);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;text-transform:capitalize;overflow:hidden;border-radius:var(--borderradius);transition:all 0.1s linear}
.home-more em{font-weight:var(--fontbold6);font-size:var(--fontsize14);margin-right:5px}
.home-more:hover{opacity:0.8}
.pagesbanner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}
.pagesbanner .pagesbanner-animate {top: 50%;}
.tocate{cursor: pointer;margin-left:10px}
@media(min-width:1025px) and (max-width:2560px){.pagesbanner .pagesbanner-animate .p1{font-size:2vw}
.pagesbanner .pagesbanner-animate .p2{font-size:1vw}
.pagesbanner-animate .home-more{font-size:1vw;;margin-top:1vw;height:auto;width:fit-content;padding:.4vw 1.3vw}}
@media (min-width:1024px){.product-catelist{display:flex;justify-content:center}
.product-catelist .product-cateitem{width:25%}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p2,.pagesbanner-animate .home-more{display:none}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate {top:28%}
.pagesbanner-animate .home-more{background:var(--color)}
.pagesbanner .pagesbanner-animate .p1{font-size:2.3vw}
.pagesbanner .pagesbanner-animate .p2{font-size:1.3vw}
.pagesbanner-animate .home-more{margin-top:.5vw;height:auto;width:auto;font-size:1.3vw;padding:.5vw 2vw;min-width:auto}}
.prolist-content-w100{width:100%}
.prolist-content-w100 .l-wrap{max-width:none;padding:0}
.prolist-content-w100 .sc-intro p,.prolist-content-w100 .wmkcai-p{max-width:none}