.chainService{
  background-color: #fff;
}
.bannerBtn{
  color: #fff !important;
  border-color: #fff !important;
}

.module_box01{
  height: 628px;
}

.module_box01 .flex_item{
    width: 586px;
    height: 170px;
    background: #FFFFFF;
    box-shadow: 0px 8px 20px 0px #F1F5FA;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 28px;
    box-sizing: border-box;
    padding: 40px 40px 40px 30px;
}

.module_box01 .flex_item img {
    width: 68px;
    height: 68px;
    margin: 6px 0 16px 0;
}

.module_box01 .flex_item h3 {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #132D6B;
    margin-bottom: 8px;
}

.module_box01 .flex_item p {
    font-weight: 400;
    font-size: 14px;
    color: #504E5B;
    line-height: 26px;
    text-align: justified;
    font-style: normal;
    text-transform: none;
}

.module_box02{
  height: 935px;
  background-color: #E8F0FC;
}

.module_box02 img{
  width: 1200px;
  height: 659px;
}

.module_box03{
  height: 280px;
}

.module_box03 .flex-item{
  display: flex;
  padding-bottom: 26px;
  box-sizing: border-box;
  width: 210px;
  /* 小手 */
  cursor: pointer;
}
.module_box03 .flex-item img{
  height: 40px;
  width: 50px;
}
.module_box03 .flex-item span{
  font-weight: 500;
  font-size: 24px;
  color: #171717;
  margin-left: 10px;
}
.this_item{
  border-bottom: 4px solid #2671FF;
}

.module_box04{
  overflow: hidden;
  height: 553px;
  background-color: #F5FAFF;
}

.txt_module img{
  width: 586px;
  height: 423px;
  margin-right: 54px;
}

.txt_module .txt{
    width: calc(100% - 586px - 54px);
    box-sizing: border-box;
}

.txt_module .txt-item{
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #D9D9D9;
     margin-bottom: 16px;
}

.txt_module .txt-item h3{
    font-weight: 500;
    font-size: 20px;
    color: #171717;
}

.txt_module .txt-item div{
    margin-top: 2px;
    font-weight: 400;
    font-size: 16px;
    color: #504E5B;
    line-height: 28px;
}

.layui_hide{
  display: none !important;
}

.module_box05{
  height: 1022px;
}

.ys{
  width: 100%;
  height: 820px;
  background: url(../images/solution/ys_bg.png) no-repeat;
  background-size: 100% 100%;
}

.ys .ys_item{
  width: 600px;
  padding-right: 50px;
  box-sizing: border-box;
}

.ys .ys_item .item{
  display: flex;
  margin-bottom: 30px;
  flex-direction: column;
}

.ys .ys_item .item h3{
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
}

.ys .ys_item .item .line{
  width: 22px;
  height: 6px;
  background: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  margin: 6px 0;
}

.ys .ys_item .item p{
  font-weight: 400;
  font-size: 16px;
  color: #E3F0FC;
  line-height: 28px;
}

.module_box06{
  height: 618px;
}

.ys_box div{
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 282px ;
  height: 320px;
  /* 初始状态 */
  transform: scale(1);
  transition: transform 0.3s ease; /* 添加过渡效果使变化更平滑 */
}

.ys_box div img{
  height: 100%;
  width: 100%;
}

.ys_box div span{
  height: 49px;
  width: 282px;
  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;
}

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

.ys_box div:hover {
  /* 鼠标悬停时放大1.05倍（可根据需要调整比例） */
  transform: scale(1.1);
  
  /* 可选：添加其他悬停效果 */
  /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
  /* z-index: 1; 防止被其他元素遮挡 */
}
.ys_box 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%); */
}
.caseWrap{
  background-color: #f0f3fe;
  height: 804px;
}
.caseBox{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content:space-between;
  margin-top: 50px;
}
.caseItem {
  background-color: #fff;
  width: 585px;
  height: 530px;
  padding: 24px;
  box-sizing: border-box;
}
.caseItem img{
  width: 527px;
  height: 280px;
}
.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;
  height: 196px; /* 7行 × 28px行高 = 196px */
  font-family: "Source Han Sans CN", sans-serif;
  font-size: 16px;
  line-height: 28px;
  color: #7B7A84;
}