.prodetails-top{padding:20px 0;}
.prodetails-btnlist{margin:20px 0 0;}
@media (min-width:769px){.prodetails-btnlist>*{margin-right:10px;margin-left:0;}
.procate li{width:30%;margin-right:4%}
.procate li:nth-child(4n){margin-right:4%}
.procate li:nth-child(3n){margin-right:0}
}
.prodetails-flex{margin-top:10px}
.prodetails-flex{display:none;}
.prodetails-btnlist .send:before{content:"\e78a";font-family:"iconfont"!important;margin-right:5px}
.prodetails-btnlist .send{background:#F6D65C;color:var(--fontcolor);border-color:#F6D65C;}
.prodetails-btnlist>*{background:#F6D65C;color:var(--fontcolor);border-color:#F6D65C;}
.prodetails-btnlist>:hover{color:var(--fontcolor);border-color:#F6D65C;}
.procate li .img {aspect-ratio: 1;}

.protype-main,.protype-main .pro-maylink{background:#2A2A2A}
.protype-main .banner-inner .banner-content{background:#2A2A2A;border-color:#555}
.protype-main .banner-inner .banner-breadcrumbs,.protype-main .banner-title-h1,.inquiry-title{color:#fff}
.protype-main .pro-maylink .maylinkswiper-next,.protype-main .pro-maylink .maylinkswiper-prev,.protype-main .pro-maylink .swiper-slide .pro-info .title{color:#fff}
.protype-main .banner-h1{border-color:#555}
.protype-main .procate li{background:#444;box-shadow:0 1px 17px 1px rgba(91,91,91,.36);color:#fff;}
.protype-main .procate li .info{border-color:#444}
.protype-main .swiper-pagination-bullet{background:#fff;opacity:.6}
.protype-main .swiper-pagination-bullet-active{opacity:1}
.protype-main+div+footer{margin-top:0;background:#444}
@media (min-width:1025px){.protype-main .common-main .l-wrap{max-width:100%;padding:0 30px}}
@media (min-width:769px){.protype-main .procate{gap:0 3.5%}
.protype-main .procate li{width:31%;margin-right:0;}}

.protype-main .procate li .info{color:#2C2F2D;background: var(--color);}
@media (min-width:1025px){.procate li .info .title{font-size:20px;}}
.procate li .info .title{margin-bottom:0;}
.procate li:hover .info .title{color:#2C2F2D;}