/*解决方案列表*/
@media (max-width: 720px) {
  .solution-banner {
      width: 100%;
      /*height: 420px;*/
      margin-bottom: 20px;
      background: url("../images/jpg/solution/banner.png");
  }

  .solution-banner-title {
      font-size: 20px;
      color: #ffffff;
      text-align: center;
      padding: 30px 0;
  }

  .solution-banner-text {
      font-size: 16px;
      line-height: 26px;
      color: #ffffff;
      opacity: 0.9;
      padding: 0px 10px 10px 10px;
  }

  .solution-block {
      display: flex;
      flex-wrap: wrap;
      margin: 40px 0px;
  }

  .solution-block-img {
      height: 180px;
      margin: auto;
      width: auto;
  }

  .solution-block-title {
      display: block;
      font-weight: lighter;
      font-size: 26px;
      color: #005ca9;
      padding: 10px 10px 0 10px;
  }

  .solution-block-title:visited {
      color: #005ca9;
  }

  .solution-block-text {
      font-size: 16px;
      line-height: 24px;
      color: #535353;
      font-weight: lighter;
      margin: 10px 10px;
  }

  .solution-block-2 {
  }

  .solution-block-2-title {
      text-align: center;
      font-size: 20px;
      color: #ffffff;
      padding: 20px 0px;
      font-weight: lighter;
  }

  .solution-block-2-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding-bottom: 20px;
  }

  .solution-prod-item {
      margin: 10px 10px;
  }

  .solution-prod-item div {
      font-size: 16px;
      color: #ffffff;
      text-align: center;
      margin: 5px 0px;
  }
}

@media (min-width: 720px) {
  .solution-banner {
      width: 100%;
      height: 420px;
      margin-bottom: 40px;
      background: url("../images/jpg/solution/banner.png");
  }

  .solution-banner-title {
      font-size: 36px;
      font-weight: lighter;
      color: #ffffff;
      opacity: 0.9;
      padding: 130px 0px 40px 114px;
  }

  .solution-banner-text {
      font-size: 16px;
      line-height: 26px;
      padding: 0 276px 0 114px;
      color: #ffffff;
      opacity: 0.9;
  }

  .solution-block {
      margin: 40px 0;
  }

  .solution-block-content {
      width: 322px;
      display: inline-block;
  }

  .solution-block-img {
      width: 718px;
      height: 380px;
      display: inline-block;
  }

  .mrl-60 {
      margin-left: 60px;
  }

  .mrr-60 {
      margin-right: 60px;
  }

  .mrr-35 {
      margin-right: 35px;
  }

  .mrl-35 {
      margin-left: 35px;
  }

  .solution-block-title {
      display: block;
      font-weight: lighter;
      font-size: 26px;
      color: #005ca9;
      padding: 60px 0 0 0;
  }

  .solution-block-title:visited {
      color: #005ca9;
  }

  .solution-block-text {
      font-size: 16px;
      line-height: 24px;
      color: #535353;
      font-weight: lighter;
      margin: 20px 0 0 0;
      text-align: justify;
  }

  .solution-block-2 {
  }

  .solution-block-2-title {
      text-align: center;
      font-size: 40px;
      color: #ffffff;
      padding: 95px 0px;
      font-weight: lighter;
  }

  .solution-block-2-content {
      padding-bottom: 70px;
      margin: 0px -18px;
  }

  .solution-prod-item {
      float: left;
      width: 131px;
      height: 164px;
      margin: 0px 14px 40px 14px;
  }

  .solution-prod-item div {
      font-size: 16px;
      color: #ffffff;
      text-align: center;
      margin: 18px 0 0 0;
  }
}

/*解决方案详情*/
@media (max-width: 720px) {
  .acticle-container {
      background: #ffffff;
      padding: 20px 10px;
  }

  .acticle-title {
      font-size: 24px;
      font-weight: normal;
      color: #535353;
      font-weight: lighter;
      margin-bottom: 30px;
      text-align: center;
  }

  .acticle-info {
      margin-bottom: 40px;
      text-align: center;
  }

  .acticle-info-item {
      display: inline-block;
      margin-right: 20px;
      color: #959595;
      font-size: 14px;
  }

  .acticle-info-item .iconfont {
      margin-right: 10px;
  }

  .acticle-content {
  }

  .acticle-content p {
  }

  .acticle-content > img {
  }

  .relative-title {
      font-size: 18px;
      color: #959595;
      padding: 10px 0;
  }

  .solution-list {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .solution-list-item {
      margin-bottom: 50px;
  }

  .solution-list-item img {
      width: 380px;
  }

  .solution-list-title {
      font-size: 18px;
      color: #959595;
      font-weight: lighter;
      text-align: center;
      margin: 20px 0px;
  }

  .next-container {
      margin: 40px 0 0 0;
  }

  .acticle-next {
      display: block;
      padding: 10px;
  }

  .next-acticle-title {
      display: inline-block;
      color: #959595;
      width: 200px;
      font-size: 14px;
      vertical-align: middle;
      /*line-height: 40px;*/
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .btn-next {
      display: inline-block;
      background: #aaaaaa;
      padding: 0 20px;
      line-height: 40px;
      margin-right: 20px;
      color: #ffffff;
      border-radius: 5px;
  }

  .btn-next:visited {
      color: white;
  }
}

@media (min-width: 720px) {
  .acticle-container {
      background: #ffffff;
      padding: 55px 40px 0 40px;
  }

  .acticle-title {
      font-size: 30px;
      font-weight: normal;
      color: #535353;
      margin-bottom: 16px;
      text-align: center;
  }

  .acticle-info {
      margin-bottom: 40px;
      text-align: center;
  }

  .acticle-info-item {
      display: inline-block;
      margin-right: 20px;
      color: #959595;
      font-size: 14px;
  }

  .acticle-info-item .iconfont {
      margin-right: 10px;
  }

  .acticle-content {
      line-height: 24px;
      font-size: 14px;
      line-height: 22px;
      color: #535353;
  }

  .solution-list {
      margin: 0 -15px 50px -15px;
  }

  .solution-list-item {
      display: block;
      float: left;
      margin: 30px 10px 0 15px;
      width: 340px;
  }

  .solution-list-item img {
      width: 340px;
  }

  .solution-list-title {
      font-size: 18px;
      color: #959595;
      font-weight: lighter;
      text-align: center;
      margin: 20px 0px;
  }

  .next-container {
      margin: 40px 0 0 0;
  }

  .acticle-next {
      margin-right: 70px;
  }

  .next-acticle-title {
      display: inline-block;
      color: #959595;
      width: 200px;
      font-size: 14px;
      vertical-align: middle;
      /*line-height: 40px;*/
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .btn-next {
      display: inline-block;
      background: #aaaaaa;
      padding: 0 20px;
      line-height: 40px;
      margin-right: 20px;
      color: #ffffff;
      border-radius: 5px;
  }

  .btn-next:visited {
      color: white;
  }
}