﻿.procate li{flex-direction:column;display:flex}
.procate li .info{padding:14px 10px;display:flex;align-items:center;justify-content:space-between;flex:1;}
.procate li .info .text{display:none;}
.procate li .info .title{line-height:1.3}
.procate li .info>a:nth-child(3){border-radius:5px;color:var(--color);border:1px solid var(--color);padding:5px 8px;font-size:var(--fontsize14);margin-left:10px;transition:.3s;text-align:center;white-space:nowrap}
.procate li:hover .info>a:nth-child(3){background:#fff;border-color:#fff;}
.procate li:hover .info .title{color:#fff}
@media (max-width:1280px){.procate li .info{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.procate li .info .title{width:100%;margin-bottom:12px}
.procate li .info>a:nth-child(3){margin:auto 0 0;}}
.pro-list.list1 li{transition:.3s;box-shadow:1px 4px 25px 0px rgba(0,0,0,.1)}
.pro-list.list1 li:hover{box-shadow:1px 4px 25px 0px rgba(0,0,0,.6)}
.pro-list.list1 li:hover .pro-info *{color:#fff}
.pro-list li:hover .pro-img img{transform:scale(1.06)}
.pagesbanner .pagesbanner-animate.productbannertxt{transform:none;padding:0;width:35%;top:auto;bottom:15%;left:7%;text-align:left}
.pagesbanner .pagesbanner-animate.productbannertxt a{font-size:1.6vw;display:block;line-height:1.3}
.pagesbanner,.pagesbanner img{min-height:initial}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.productbannertxt{bottom:7%;}
.pagesbanner .pagesbanner-animate.productbannertxt a{font-size:12px}}

.protypefeedback .inquiry-des{text-align:center}