@media (min-width:1025px){.singglepic{max-width:450px;}}
.procate{background:#FAFAFA;padding:50px 50px 20px;justify-content:space-between;margin-bottom:50px}
.procate li{width:49%;display:flex;margin:0 0 40px;box-shadow:0 0 5px rgba(0,0,0,0.2);border-radius:0;align-items:center}
.procate li .img{width:200px;}
.procate li .info{padding:20px;flex:1;}
.procate li .info .title{font-size:var(--fontsize22);}
.procate li .info .text{font-size:var(--fontsize18);color:#333}
.procate li:hover{background:none;color:var(--color)}
.procate li:hover .info .title{color:var(--color)}
@media (max-width:1200px){.procate li .img{width:160px;}}
@media (max-width:1024px){.procate{padding:30px 30px 10px}
.procate li .img{width:150px;}
.procate li .info{padding:15px;}
.procate li .info .title{font-size:var(--fontsize20);}
.procate li .info .text{font-size:var(--fontsize17);}}
@media (max-width:768px){.procate li{width:100%}}
@media (max-width:500px){.procate{padding:20px 20px 1px}
.procate li .img{width:130px;}
.procate li .info{padding:10px;}
.procate li .info .title{font-size:var(--fontsize18);}
.procate li .info .text{font-size:var(--fontsize15);}}
.procate li .info .text{-webkit-line-clamp:inherit;font-size:16px;}