.home_page .pc_code_box{
  padding: 0.625rem 2.125rem; 
}
.home_page  .flex_group,.home_page .flex_group_four{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home_page  .flex_group .flex_group_item{
  width: calc((100% - 6.25rem) / 5);
  margin-left: 1.5625rem;
  padding: 1.25rem 0px 2.25rem 0px;
  border-radius: 0.625rem;
  background: linear-gradient(180deg, rgba(197, 232, 97, 0.10) 0%, rgba(197, 232, 97, 0.40) 100%);
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.home_page  .flex_group .flex_group_item:hover{
  background: linear-gradient(180deg, #D3F571 0%, #C5E861 100%);
}
.home_page  .flex_group .flex_group_item:first-child,
.home_page  .flex_group_four .flex_group_item:first-child{
  margin-left: 0;
}
.home_page  .flex_group .flex_group_item .flex_group_item_img{
  width: 12rem;
  height:12rem;
  flex-shrink: 0;
}
.home_page  .flex_group .flex_group_item .flex_group_item_txt{
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 1.875rem;
  font-weight: 500;
}
.home_page  .integration_part{
  background: url("../../../pc_img/home//bg.png");
}
.home_page  .integration_part .integration_part_flex_box{
  display: flex;
  justify-content: center;
  align-content: center;
}
.integration_part .integration_part_flex_box .left_bg{
  width: 38.75rem;
  height: 26.875rem;
  display: block;
  margin-right: 1.875rem;
  margin-left: 0px;
}
.integration_part_flex_box_right{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.integration_part_flex_box_right_item{
  border-radius: 1rem;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.50);
  margin-top: 0.625rem;
  width: 34.375rem;
  display: flex;
  flex-direction: column;
  padding: 1.375rem 1.25rem;
}
.integration_part_flex_box_right_item:first-child{
  margin-top: 0;
}
.integration_part_flex_box_right_item:hover{
  background: #FFF; 
}
.integration_part_flex_box_rightt_item_h1{
  color:  #000;
  font-family: "PingFang SC";
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.125rem; 
  margin-bottom: 1rem;
}
.integration_part_flex_box_right_item_txt{
  color:  #000;
  font-family: "PingFang SC";
  font-size: 0.875rem;
  font-weight: 400;
}
.home_page  .flex_group_four .flex_group_item{
  width: calc((100% - 8.25rem) / 4);
  margin-left: 2.75rem;
  padding: 1.25rem 2rem; 
  border-radius: 0.625rem;
  background: #FFF;
  box-shadow: 0px 4px 40px 0px rgba(158, 190, 68, 0.09);
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 1s; 
}
.home_page  .flex_group_four .flex_group_item:hover{
  transform: scale(1.1);
}
.home_page  .flex_group_four .flex_group_item .flex_group_item_img{
  width: 10.9375rem;
  height: 10.9375rem;
}
.home_page  .flex_group_four .flex_group_item   .flex_group_item_txt{
  color:  #4D4D4D;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
}
.home_page  .flex_group_four .flex_group_item  .flex_group_item_title{
  color:  #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 0.875rem;
}
.home_page .my_banner{
  position: relative;
 
}
.home_page .my_banner .recode_mask{
  position: absolute;
  top: 55%;
  left: 19%;
  height: 9.625rem; 
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 500px;
}
.home_page .my_banner .recode_mask .recode_item{
  border-radius: 10px;
  background: #FFF;
  display: flex;
  padding: 0.5rem 0.625rem;
  flex-direction: column;
  align-items: center;
  margin-right: 24px;
}
.home_page .my_banner .recode_mask .recode_item .rcode_img{
  width: 7.375rem;
  height:7.375rem;
}
.home_page .my_banner .recode_mask .recode_item .tct{
  color: #4D4D4D;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 12px;
  font-weight: 400;
  line-height: 14px; 
  margin-top: 6px;
}