.solve-top {
  display: flex;
  align-items: center;
}
.img-box {
  width: 46%;
  overflow: hidden;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  margin-right: 44px;
}
.img-box img {
  width: 100%;
  display: block;
  transition: all ease 0.3s;
}
.img-box img:hover {
  transform: scale(1.1);
}
.img-right h3 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 30px;
}
.img-right p {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 35px;
}
.img-right a {
  width: 158px;
  height: 55px;
  background: #1885ed;
  border-radius: 3px 3px 3px 3px;
  font-size: 20px;
  padding: 12px 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.img-right a:hover {
  background: #0d6ec9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(24, 133, 237, 0.3);
}
.solve-bottom {
  width: 100%;
  background: #f8f8f8;
  padding: 49px 0;
  margin-top: 58px;
}
.solve-item {
  margin-bottom: 65px;
}
.solve-item h4 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
}

.solve-item p {
  line-height: 35px;
}
.solve-item h5 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}
.solve-pro {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
    grid-gap: 20px;
}
.solve-pro-item {
  display: flex;
  align-items: stretch;
}
.pro-left {

  overflow: hidden;
  background: #ffffff;
  padding: 24px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro-left img {
  width: 152px;
  display: block;
  transition: all ease 0.3s;
}
.pro-left:hover img{
  transform: scale(1.1);
}
.pro-right {
  padding: 13px 26px;
   background: #ECECEC;
}
.pro-right h6 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
}
.pro-right p {
  font-size: 14px;
  color: #5b5b5b;
  line-height: 23px;
}