.solution-view .swiper-slide .h2 {
  max-width: 526px;
  line-height: 32px;
  margin-bottom: 32px;
  margin-top: -6px;
  max-height: 60px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.solution-progress {
  /* height: 508px; */
  background: #fff;
}
.big-img {
  width: 1200px;
  /* height: 460px; */
  margin: 0 auto;
}
.solution-progress .title-box > .title,
.apply-scene .title-box > .title{
  margin-top: 60px !important;
}
.solution-progress .body-box{
  margin-top: 26px;
  padding-bottom: 40px;
}
.apply-scene {
  background: #f2f5fc;
}
.apply-scene .body-box {
  margin-top: 52px;
  padding-bottom: 80px;
}
.apply-scene .body-box ul {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.apply-scene .card-item-wrapper {
  width: 384px;
  height: 495px;
  background: #ffffff;
  box-shadow: 0px 18px 32px 0px rgba(31, 32, 36, 0.05);
  border-radius: 2px;
  padding: 30px 30px 24px 30px;
  position: relative;
  top: 0;
  transition: top 0.3s ease;
  overflow: hidden;
}

.apply-scene .card-item .bg {
  width: 324px;
  height: 180px;
  border-radius: 2px;
}
.apply-scene .card-item .title {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1f2024;
  margin-top: 20px;
  margin-bottom: 10px;
}
.apply-scene .card-item .content {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5c616b;
  line-height: 32px;
  max-height: 96px;
  overflow: hidden;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.apply-scene .card-item .tags-box {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.apply-scene .card-item .tag-item {
  width: 130px;
  height: 40px;
  background: #ebf2ff;
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1c6cfe;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.apply-scene .card-item:hover .card-item-wrapper {
  box-shadow: 0px 18px 32px 0px rgba(31, 32, 36, 0.1);
  background: url('../picture/jj-a-bg.png') no-repeat;
  background-size: 100% 100%;
  top: -6px;
}

/* manage-ecology */
.manage-ecology {
  background: url('../picture/jj-b-bg.png') no-repeat;
  background-size: 100% 100%;
}
.manage-ecology .body-box {
  margin-top: 115px;
  padding-bottom: 80px;
}
.manage-ecology .body-box ul {
  flex: 1;
  display: flex;
  justify-content: center;
}
.manage-ecology .card-item {
  width: 442px;
  height: 317px;
  /* opacity: 0.4; */
  border-radius: 2px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 36px;
  margin-right: 65px;
}
.manage-ecology .card-item:last-child {
  margin-right: 0;
}
.manage-ecology .card-item:nth-child(1) {
  background: url('../picture/jj-b-bg1.png') no-repeat;
  background-size: 100% 100%;
}
.manage-ecology .card-item:nth-child(2) {
  background: url('../picture/jj-b-bg2.png') no-repeat;
  background-size: 100% 100%;
}
.manage-ecology .card-item .icon {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  position: absolute;
  top: -55px;
  left: 165px;
}

.manage-ecology .card-item .title {
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1f2024;
  margin-top: 90px;
  margin-bottom: 24px;
}
.manage-ecology .card-item .content {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5c616b;
  line-height: 32px;
}

.manage-ecology .card-item .seek-btn {
  width: 134px;
  height: 43px;
  background: #1c6cfe;
  border-radius: 2px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 44px;
}
.manage-ecology .card-item .seek-btn:hover {
  background: #3370ff;
}
.try-use {
  /* height: 400px; */
  /* background: url('/app../picture/'); */
}