.jswo{  height:auto; margin:0 auto;}
.jsry{ width:30%; float:left; height:auto; border:1px solid #ccc;margin-right:20px;margin-top:10px;}
.jsrylf{ width:150px; height:200px; float: left; margin-right:10px;}
.jsrylf img{height: 200px;  object-fit: cover;  width: 100%;}
.jsryr{ height:auto; float:left;width:230px;}
.jsryr h3{ font-size:16px; line-height:30px; font-size:14px; font-family:"微软雅黑";}
.jsryr p{ line-height:30px; font-size:14px; font-size:14px; font-family:"微软雅黑";margin-bottom:5px;}


@media (min-width:200px) {
  .jsry{ width:100%; float:left; height:auto; border:0px solid #ccc;margin:10px 0px;}
      }
      
@media (min-width:335px) {
  .jsry{ width:50%; float:left; height:auto; border:0px solid #ccc;margin:10px 0px;}
      }
@media (min-width: 570px) {
.jsry{ width:100%; float:left; height:auto; border:1px solid #ccc;margin:10px 0px;}
   }

@media (min-width:768px) {
.jsry{ width:25%; float:left; height:auto; border:0px solid #ccc;margin:10px 0px;}
   }

@media (min-width:1350px) {
.jsry{ width:45%; float:left; height:auto; border:1px solid #ccc;margin:10px 20px;}
   }
@media (min-width:1500px) {
.jsry{ width:30%; float:left; height:auto; border:1px solid #ccc;margin:10px 20px;}
   }