.chainService {
  width: 100%;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
.topBanner {
  width: 100%;
  height: 504px;
}
.topBanner img{
  width: 100%;
  height: 100%;
}
.topBanner button{
  width: 163px;
  height: 52px;
  border: 2px solid #2E5FF6;
  text-align: center;
  line-height: 52px;
  color: #2E5FF6;
  font-size: 20px;
  background-color: transparent;
  margin-top: 50px;
  border-radius: 4px 4px 4px 4px;
}
.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: #7B7A84;
  line-height: 24px;
  text-align: center;
}
.wrapper0Bg{
  width: 100%;
  height: 588px;
  background: url(../images/solution/engery_wrapper0Bg_bg.png) no-repeat;
  background-size: 100% 100%;
}
.wrapper1Bg{
  background: #f7f9fe;
  height: 887px;
}
.wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 93px;
}
.wrapper1 img {
  margin-top: 60px;
  height: 596px;
  width: 1200px;
}
.wrapper2Bg{
  width: 100%;
  height: 914px;
  background: url(../images/solution/engery_wrapper_bg.png) no-repeat;
  background-size: 100% 100%;
}
.wrapper2Bg h1 {
  width: 1200px;
  font-weight: bold;
  color: #000;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 20px auto;
}
.titleHintLeft{
  width: 1200px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 30px;
}
.wrapper2 {
  width: 1200px;
  margin: 0 auto;
  justify-content: space-between;
 flex-wrap: wrap;
}
.coreItem{
  /* box-shadow: 0px 0px 21px 0px rgba(207, 208, 209, 0.39);  */
  padding: 30px;
  width: 225px;
  border-radius: 6px;
  background-color: #fff;
  margin-bottom: 20px;
}
.coreIcon{
  width: 74px;
  height: 74px;
  display: block;
  margin: 0 auto;
}
.coreItem .coreTitle{
  font-weight: bold;
  font-size: 18px;
  color: #171717;
  margin-top: 27px;
  letter-spacing: 2px;
}
.coreItem .coreText{
  font-size: 14px;
  color: #504E5B;
  margin-top: 10px;
  font-family: Source Han Sans CN;
  line-height: 28px;
}
.wrapper3{
  height:749px;
  background: url(../images/solution/engery_operation_bg.png) no-repeat;

}
.wrapper3 img{
  width: 1200px;
  height: 414px;
  display: block;
  margin: 0 auto;
}
.wrapper4{
  width: 100%;
  height:749px;
  background: url(../images/solution/engery_operation_bg.png) no-repeat;
  background-size: 100% 100%;
}
.wrapper5{
  width: 100%;
  height:690px;
  background: url(../images/solution/engery_assets_bg.png) no-repeat;
  background-size: 100% 100%;
}
.operationBox{
  padding-top: 60px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* height: 100%; */
  /* margin-bottom: 70px; */
}
.operatinArticle{
  width: 650px;
}
.operatinBox{
  display: flex;
}
.operatinTitle{
  margin-bottom:15px;
  margin-top: 15px;
  display: flex;
  height: 24px;
}
.operatinTitle span {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}
.operatinTitle .blockIcon{
  width: 16px;
  height: 16px;
  vertical-align: baseline;
}
.blockIcon1{
  width: 8px;
  height: 8px;
  background: #2C7BFE;
  border-radius: 4px;
  margin-top: 23px;
}
.operationBox p{
  font-size: 16px;
  line-height: 26px;
}

.operationBox img{
  width: 603px;
  height: 467px;
}
.module_box02{
  position: relative;
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.module_box02 .content{
  width: 1200px;
  height: auto;
  margin: 0 auto;
  margin-top: 39px;
  margin-bottom: 20px;
}

.module_box02 .content div{
  position: relative;
  display: flex;
  flex-direction: column;

  width: 226px ;
  height: 320px;
  /* 初始状态 */
  transform: scale(1);
  transition: transform 0.3s ease; /* 添加过渡效果使变化更平滑 */
}

.module_box02 .content div img{
  height: 100%;
  width: 100%;
}

.module_box02 .content div span{
  height: 49px;
  width: 226px;
  text-align: center;
  line-height: 49px;
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.4);
  font-weight: 500;
  font-size: 20px;
  color: #FFFFFF;
  padding: 0 37px;
  box-sizing: border-box;
}

.module_box02 .content div span p{
  margin-top: 0px;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 27px;
  text-align: left;
}

.module_box02 .content div:hover {
  /* 鼠标悬停时放大1.05倍（可根据需要调整比例） */
  transform: scale(1.1);
  
  /* 可选：添加其他悬停效果 */
  /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
  /* z-index: 1; 防止被其他元素遮挡 */
}
.module_box02 .content div:hover span{
  /* span标签动画过度向上铺满整个div */
  transition: all 0.8s ease-in-out;
  height: 320px;
  padding-top: 70px;
  box-sizing: border-box;
  background: rgba(14,64,162,0.75);

  /* transform: translateY(-100%); */
}

.energizeBox {
  display: flex;
  align-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1200px;
  height: 316px;
  margin: 0 auto;
  margin-bottom: 70px;
  margin-top: 50px;
}
.energize {
  display: flex;
  width: 586px;
  height: 144px;
  background: #FFFFFF;
  border-radius: 6px;
  /* background-color: #F5FAFF; */
}
.energize img {
  width: 68px;
  height: 68px;
  margin-right: 56px;
  margin: 36px 20px 40px 30px;
}
.eneTitle {
  /* width: 145px; */
  height: 30px;
  font-size: 20px;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 500;
  color: #132D6B;
  /* line-height: 162px; */
  margin-top: 40px;
  margin-bottom: 8px;

}
.eneTitle span {
  font-size: 16px;
}
.eneText {
  /* width: 371px; */
  height: 22px;
  font-size: 14px;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  color: #7B7A84;
  line-height: 22px;

}
.eneContent {
  padding-right: 40px;
  box-sizing: border-box;
}
.eneContent ul {
  margin-left: 20px;
}
.eneContent ul li {
  list-style: disc;
  font-size: 14px;
  font-family: Source Han Sans CN;
  color: #555659;
  line-height: 25px;
}
.advantageBox{
  width: 100%;
  height:594px;
  background: url(../images/solution/engery_advantage_bg.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  margin-top: 35px;
}
.advantageItem{
  width: 1200px;
  margin: 0 auto;
  padding-top: 100px;
}
.advantageItem h1{
  margin-top: 50px;
  font-size: 18px;
  font-weight: 400;
}
.advantageItem h2{
  font-weight: bold;
}
.advantageItem p{
 width: 550px;
}
.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; /* 未来标准，但目前支持有限 */
}