.solution-top {
  width: 100vx;
  height: 5rem;
  background-image: url('/file/website/images/solu3.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 -1.3rem;
  padding: 0.8rem 0;
}

.solution {
  width: 100vx;
  /* margin: .5rem 0; */
}
.solution-tit {
  display: flex;
  flex-direction: column;
  justify-content: left;
  color: white;
  padding-top: 0.6rem;
}
.solution-h1 {
  font-size: 0.6rem;
}
.solution-h2 {
  font-size: 0.4rem;
  margin: 0.5rem !important;
}

.solution-block {
  display: flex;
  justify-content: center;
  width: 6rem;
  height: 3rem;
  text-align: center;
  /* line-height: 3rem; */
  vertical-align: middle;
  /* margin: .5rem;
}
/* .solution-chunk ul li{
display: flex;
width: 40%;

} */
}
.solution-block-tit {
  color: white;
  border: 0.02rem solid rgb(194, 194, 194);
  width: 15%;
  height: 96%;
  background-color: rgba(6, 86, 117, 0.712);
  writing-mode: vertical-rl;
  word-wrap: break-word;
  display: flex;
  -webkit-display: flex;
  flex-direction: column;
  /* align-content: center; */
  /* vertical-align: middle; */
  justify-content: center;
  font-size: 0.3rem;
}
.solution-block-with {
  width: 70%;
}
.solution-block-small {
  display: flex;
  height: 96%;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.solution-block-small-tit {
  width: 100%;
  height: 20%;
  border: 0.02rem solid rgb(194, 194, 194);
  background-color: rgba(25, 142, 146, 0.712);
  /* vertical-align: middle; */
  word-wrap: break-word;
  display: flex;
  -webkit-display: flex;
  flex-direction: column;
  /* align-content: center; */
  /* vertical-align: middle; */
  justify-content: center;
}
.solution-block-small li {
  width: 25%;
  height: 79%;
  border: 0.02rem solid rgb(194, 194, 194);
  writing-mode: vertical-rl;
  word-wrap: break-word;
  display: flex;
  /* -webkit-display:flex; */
  flex-direction: column;
  /* align-content: center; */
  /* vertical-align: middle; */
  justify-content: center;
}
.solution-block-small li:hover {
  background-color: rgb(8, 91, 112);
  color: white;
}

.solution-chunk {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.solution-bottom {
  display: flex;
  flex-direction: column;
  /* background-color: yellowgreen; */
}
.solution-h3 {
  margin: 0 0 0.5rem 0;
  font-size:.24rem ;
}
.solution-bottom p {
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.solution-bottom li {
  display: flex;
  flex-direction: column;
  justify-content: left;

  margin: 0.5rem 0;

  position: relative;
}

.solution-bottom li div {
  width: 40%;
  padding: 0.2rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 16%;
}

.solu-boder {
  margin-top: 0.2rem;
  width: 100%;
  border: 10px double rgba(6, 86, 117, 0.712);
}
.solu-img {
  position: absolute;
  right: 0.8rem;
  top: 0.2rem;
  width: 2rem;
}
.solu-img img{
    width: 130%;
    height: 100%;
}
.bottom-img {
  width: 92%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  /* justify-content: space-between; */
  /* padding-right: 1rem; */
  /* margin: 1rem; */
  /* margin-right: 1rem; */
  box-sizing: border-box;
  margin: 0.5rem 0;
  /* margin-right: 1rem; */
  margin-left: 0.5rem;
  background-color: #fff;
  overflow: hidden;

  overflow: hidden;
}
.bottom-img img {
  width: 30%;
}
.solution-bottom-bg {
  /* padding-bottom: 0.5rem; */
  /* padding-left: 0.8rem; */
}

.solu-boder-large {
  /* display: block; */
  width: 40%;
  padding: 0.2rem;
  height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 16%;
  width: 100%;
  border: 10px double rgba(6, 86, 117, 0.712);
}