@media screen and (max-width: 768px) {
  .solve-top {
    flex-direction: column;
    margin-top: 0.54rem;
  }
  .img-box {
    width: 100%;
    margin-right: 0;
  }

  .img-right h3 {
    font-size: 0.38rem;
    margin-bottom: 0.38rem;
    margin-top: 0.38rem;
  }
  .img-right p {
    font-size: 0.28rem;
    margin-bottom: 0.37rem;
    line-height: 0.56rem;
  }
  .img-right a {
    width: 100%;
    height: 1rem;
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
   font-size: 0.34rem;
    padding: 0.28rem 0;
    
  }
 
  .solve-bottom {
 margin-top: 0.56rem;
    padding: 0.39rem 0;
  }
  .solve-item {
    margin-bottom: 0.6rem;
  }
  .solve-item h4 {
  font-size: 0.38rem;
    margin-bottom:0.37rem;
  }

  .solve-item p {
 font-size: 0.28rem;
 line-height: 0.5rem;
  }
  .solve-item h5 {
 font-size: 0.32rem;
    margin-bottom:0.22rem;
  }
  .solve-pro {
    display: unset;
    grid-template-columns: unset;
    gap: unset;
    grid-gap: unset;
  }
  .solve-pro-item {
    flex-direction: column;
    margin-bottom: 0.21rem;
  }
  .pro-left {

    padding: 0.49rem;
   
  }
.pro-left img {
    width: 4.42rem;
    height: auto;
}
  .pro-right {
    padding: 0.31rem 0.39rem;
  }
  .pro-right h6 {
  font-size: 0.3rem;
    margin-bottom:0.29rem;
  }
  .pro-right p {
   font-size: 0.28rem;
 line-height: 0.5rem;
  }
  
}