.chainService {
  width: 100%;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
.topBanner {
  width: 100%;
  height: 504px;
}
.topBanner img{
  width: 100%;
  height: 100%;
}
.boxTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  font-size: 32px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #171717;
  padding-top: 70px;
}
.titleHint {
  width: 1000px;
  margin: 0 auto;
  font-size: 17px;
  /* font-family: Source Han Sans CN; */
  font-weight: 400;
  color: #504E5B;
  line-height: 24px;
  text-align: center;
}
.wrapper1Bg{
  background: #f7f9fe;
  height: 795px;
}
.wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  /* margin-bottom: 50px; */
}
.wrapper1 img {
  margin-top: 60px;
  height: 523px;
  width: 1200px;
}
.wrapper2{
  width: 100%;
  height: 588px;
  background: url(../images/solution/engery_wrapper0Bg_bg.png) no-repeat;
  background-size: 100% 100%;
}

.wrapper2 h2{
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin-top: 70px;
  margin-bottom: 10px;
}
.wrapper2 p{
 line-height: 25px;
 color: #504E5B;
}
.wrapper2Img{
  width: 412px;
  height: 407px;
  margin: 0 35px;
}
.wrapper2 .textLeft, .wrapper2 .textRight{
  padding-top: 38px;
  padding-bottom: 96px;
  flex-direction: column;
  justify-content: space-between;
}
.wrapper2 .textLeft .left_item{
  width: 287px;
  height: 56px;
  background: url(../images/solution/leftItem_bg.png) no-repeat;
  background-size: 100% 100%;
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  justify-content: flex-end;
  padding-right: 20px;
}
.wrapper2 .textLeft .left_item img{
  margin-left: 22px;
}
.wrapper2 .textRight .right_item{
  width: 287px;
  height: 56px;
  background: url(../images/solution/rightItem.png) no-repeat;
  background-size: 100% 100%;
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  /* justify-content: fle; */
  padding-left: 20px;
}
.wrapper2 .textRight .right_item img{
  margin-right: 22px;
}
.flex-itembox{
  width: 25%;
  height: 322px;
  padding: 30px;
  box-sizing: border-box;
}
.flex-itembox img{
  height: 56px;
  width: 56px;
  margin-bottom: 36px;
  margin-right: 40px;
}
.flex-itembox h3{
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 16px;
}
.flex-itembox p{
  font-weight: 400;
  font-size: 14px;
  color: #504E5B;
  line-height: 22px;
  text-align: justified;
  font-style: normal;
  text-transform: none;
}
.wrapper3{
  width: 100%;
  height: 654px;
}
.wrapper3 .banner{
  width: 364px;
  height: 278px;
  margin: 0 18px;
  margin-top: 30px;
}

.wrapper3 .list-item h3{
  font-weight: 500;
  font-size: 20px;
  color: #171717;
  text-align: right;
}
.rightBox h3{
  text-align: left !important;
}
.wrapper3 .list-item img{
  width: 12px;
  height: 12px;
  margin-top: 10px;
  margin-left: 6px;
}
.rightBox img{
  margin-left: 0 !important;
  margin-right: 6px !important;
}
.wrapper3 .leftBox, .wrapper3 .rightBox{
  flex-direction: column;
  justify-content: space-between;
}
.wrapper3 .list-item p {
  display: block;
  width: 385px;
  font-weight: 400;
  font-size: 16px;
  color: #504E5B;
  line-height: 28px;
  margin-top: 10px;
}

.wrapper4{
  width: 100%;
  height: 288px;
}

.wrapper4 .tag_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
  height: 160px;
  cursor: pointer;
}

.wrapper4 .tag_item img{
  width: 100px;
  height: 100px;
  margin-bottom: 13spx;
}

.wrapper4 .tag_item span{
  font-weight: 500;
  font-size: 24px;
  color: #132D6B;
}

.wrapper4 .tag_this{
  border-bottom: 2px solid #002784;;
}

.tag_content{
  width: 100%;
  height: 538px;
  background: url(../images/solution/tag_cotentbg.png) no-repeat;
  background-size: 100% 100%;
}

.tag_content .banner{
  width: 495px;
  height: 432px;
}

.tag_content h3{
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 32px;
  color: #171717;
}
.tag_content li {
  margin-bottom: 24px;
}
.tag_content li img {
  margin-right: 16px;
}
.tag_content li div{
  font-weight: 500;
  font-size: 20px;
  color: #171717;
}
.tag_content li p{
  display: block;
  width: 619px;
  margin-top: 4px;
  font-weight: 400;
  font-size: 16px;
  color: #504E5B;
  margin-left: 40px;
}

.layui_hide{
  display: none;
}

.caseWrap{
  background-color: #f0f3fe;
  height: 804px;
}
.caseBox{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content:space-between;
  margin-top: 50px;
}
.caseItem {
  text-align: center;
  background-color: #fff;
  width: 380px;
  height: 522px;
}
.caseItem img{
  width: 332px;
  height: 220px;
  margin-top: 24px;
}
.caseTitle{

  margin-top: 20px;
  height: 30px;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  font-size: 20px;
  color: #171717;

}
.caseText{

  text-align: left;
  margin-top: 8px;
  padding: 0 24px;
  height: 196px; /* 7行 × 28px行高 = 196px */
  font-family: "Source Han Sans CN", sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #7B7A84;
  overflow: hidden; /* 关键：隐藏溢出内容 */

  /* 标准方式（尚未被所有浏览器支持） */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7; /* WebKit/Blink 浏览器 */
  line-clamp: 7; /* 未来标准，但目前支持有限 */
}