.solutionCon {
  background: linear-gradient(155deg, #082756 0%, #120f52 100%);
  color: #fff;
  width: 100%;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}
.solutionCon.middle .middle-head {
  position: relative;
  box-sizing: border-box;
}

.solutionCon .middle-head-in {
  top:0px;
  bottom: 0px;
  left: 12%;
  position: absolute;
  margin: auto;
  height: 300px;
}

.solutionCon.middle .middle-head h1 {
  margin-bottom: 35px;
  font-size: 48px;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 56px;
  letter-spacing: 5px;
}

.solutionCon.middle .middle-head .middle-head-title {
  font-size: 30px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 35px;
  margin-bottom: 21px;
}

.solutionCon.middle .middle-head .middle-head-con {
  font-size: 30px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 40px;
  text-shadow: 0px 0px 8px #499CF5;
  text-indent: 62px;
}

.solutionCon.middle .middle-head img {
  width: 100%;
}

.solutionCon.middle .middle-bot {
  padding: 58px 0 138px;
  width: 1568px;
  margin: 0 auto;
}

.solutionCon.middle .middle-bot .middle-bot-title {
  display: flex;
  width: 100%;
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  margin-bottom: 49px;
  position: relative;
}

.solutionCon.middle .middle-bot .middle-bot-title::before,
.solutionCon.middle-bot-title::after {
  content: "";
  display: block;
  width: 267px;
  height: 3px;
  background: linear-gradient(
    27deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 100%,
    #ffffff 100%
  );
  border-radius: 9px 9px 9px 9px;
  opacity: 1;
  margin: 0 15px;
}

.solutionCon.middle .middle-bot .middle-bot-title::before {
  background: linear-gradient(
    -27deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 100%,
    #ffffff 100%
  );
}

.solutionCon .box {
  position: relative;
}

.solutionCon .bg {
  position: absolute;
  top: -130px;
  left: 385px;
  width: 247px;
  height: 1002px;
  background: linear-gradient(
    179deg,
    #ff6b00 29%,
    rgba(0, 255, 163, 0.88) 73%,
    #0068c9 100%
  );
  transform: rotate(-76deg);
  filter: blur(232px);
}

.solutionCon .bg1 {
  position: absolute;
  top: -343px;
  left: 460px;
  width: 247px;
  height: 1002px;
  background: linear-gradient(
    179deg,
    #ff6b00 29%,
    rgba(0, 255, 163, 0.88) 73%,
    #0068c9 100%
  );
  transform: rotate(76deg);
  filter: blur(232px);
}

.solutionCon .box:nth-child(2n + 2) .middle-bot-con .con-introduce {
  flex-flow: row-reverse;
}

.solutionCon.middle .middle-bot-con {
  width: 100%;
  margin-bottom: 52px;
  position: relative;
  z-index: 1;
}

.solutionCon.middle .middle-bot-con .con-introduce {
  display: flex;
  align-items: center;
  margin-bottom: 58px;
  padding-left: 10px;
  padding-right: 85px;
}

.solutionCon.middle .middle-bot-con .con-introduce img {
  width: 944px;
  height: 306px;
}

.solutionCon.middle .middle-bot-con .con-introduce p {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 42px;
  margin-left: 50px;
  margin-right: 0;
  text-indent: 38px;
  text-align: justify;
}

.solutionCon.middle .middle-bot-con .con-imgBox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.solutionCon.middle .middle-bot-con .con-imgBox li {
  text-align: center;
}

.solutionCon.middle .middle-bot-con .con-imgBox.shi li {
  margin-right: 26px;
}
.solutionCon.middle .middle-bot-con .con-imgBox.shi li:nth-child(5n + 5) {
  margin-right: 0;
}

.solutionCon.middle .middle-bot-con .con-imgBox li span {
  display: block;
  margin-bottom: 24px;
  font-size: 16px;
}

.solutionCon.middle .middle-bot-con .con-imgBox li img {
  width: 276px;
  height: 119px;
  margin-bottom: 24px;
}

.solutionCon.middle .box:nth-child(2n + 2) .middle-bot-con .con-introduce p {
  margin-right: 50px;
  margin-left: 0;
}

.solutionCon.middle .middle-bot-con .con-imgBox.san {
  justify-content: space-around;
}
.solutionCon.middle .middle-bot-con .con-imgBox.liu {
  justify-content: space-around;
}
.solutionCon.middle .middle-bot-con .con-imgBox.liu li {
  width: 30%;
}
.solutionCon.middle .middle-bot-con .con-imgBox.qi {
  justify-content: space-around;
}
.solutionCon.middle .middle-bot-con .con-imgBox.qi li {
  width: 25%;
}