@charset "utf-8";

.solution{position: relative; z-index: 2; background: #fff; padding-top: 135px;}
.solution .container{max-width: 1110px; margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.solution .container:after{display: none;}
.solution .container .item{width: 500px; display: flex; margin-bottom: 135px;}
.solution .container .item .img{width: 145px; height: 145px; background: #d2d2d2; border-radius: 10px;}
.solution .container .item:nth-child(4n+2) .img{background: #0076ce;}
.solution .container .item:nth-child(4n+3) .img{background: #0076ce;}
.solution .container .item .con{margin-left: 30px;}
.solution .container .item .con .title{font-size: 2.4rem; color: #000;}
.solution .container .item .con .desc{font-size: 1.8rem; color: #323232; line-height: 1.7; margin-top: 15px;}

@media (max-width:1199px){
  .solution{padding-top: 55px;}
  .solution .container{padding: 0 15px;}
  .solution .container .item{width: 100%; margin-bottom: 35px;}
  .solution .container .item .img{width: 100px; height: 100px; background: #d2d2d2 !important;}
  .solution .container .item:nth-child(even) .img{background: #0076ce !important;}
  .solution .container .item .con{margin-left: 20px;}
  .solution .container .item .con .title{font-size: 2rem; color: #000;}
  .solution .container .item .con .desc{font-size: 1.5rem;}
}