.prodetails-info .prodetails-btnlist .pro-watch:hover{border: 1px solid var(--color);background-color: var(--color);color: #fff;transition: all .2s linear;}
 .mySwiper-protye-1{position:relative;padding-bottom:40px;overflow:hidden}
.mySwiper-protye-1 .swiper-slide img{max-width:100%;height:auto;display:block}

@font-face {font-family:"iconfont2";src:url('/js/41774/fonts/iconfont.ttf?t=1789461255896') format('truetype');}
.icon-pinlei,.icon-peifang,.icon-neimao {font-family:"iconfont2" !important;}
.icon-pinlei:before {content:"\e619";}
.icon-peifang:before {content:"\e601";}
.icon-neimao:before {content:"\e623";}
.cat-food-banner {position:absolute;left:4%;width:42%;top:50%;transform:translateY(-50%);}
.cat-tit {font-size:2.7vw;line-height:1.2;}
.cat-list {margin-top:1.3vw;display:flex;gap:1vw;flex-wrap:wrap}
.cat-list li {font-size:.9vw;}
.cat-list li i {color:var(--color);margin-right:.3vw;font-size:.9vw}
.cat-btn {margin-top:2vw;display:flex;gap:1vw;}
.cat-btn a {font-size:.9vw;padding:.6vw 1.2vw;cursor:pointer;border:1px solid var(--color);border-radius:5px}
.cat-btn a:nth-child(1) {background:var(--color);color:#fff}
.cat-btn a:nth-child(2) {color:var(--color);}
.pagesbanner .pagesbanner-animate.procate-clbox{color:#000;left:0;padding-left:9%;max-width:50%;transform: translate(0,-50%);top:50%;text-align:left}
.pagesbanner .pagesbanner-animate.procate-clbox .tit{font-weight: bold;font-size:3vw;line-height: 1.3;}
.pagesbanner .pagesbanner-animate.procate-clbox .des{margin:2% 0 4%;font-size: 1.3vw;line-height: 1.4;}
.pagesbanner .pagesbanner-animate.procate-clbox .more{display:flex;}
.pagesbanner .pagesbanner-animate.procate-clbox .more a{display: inline-block;line-height: 1.1;padding:1.5% 2.5%;border-radius: 10px;transform: all .3s;font-size: 1vw;border:1px solid var(--color)}
.pagesbanner .pagesbanner-animate.procate-clbox .more a:nth-child(1){margin-right:2%;background: var(--color);color:#fff;}
.pagesbanner .pagesbanner-animate.procate-clbox .more a:nth-child(1):hover{opacity: 0.9;}
.pagesbanner .pagesbanner-animate.procate-clbox .more a:nth-child(2){color:var(--color);}
.pagesbanner .pagesbanner-animate.procate-clbox .more a:nth-child(2):hover{opacity: 0.9;background: var(--color);color:#fff;}

#probotding .kche-wrap-width{max-width: 800px;}