.banner{
  width: 100%;
}
.banner img{
  width: 100%;
}

.introduce,.function{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.introduce{
  padding-bottom: 71rem;
}
.introduce p{
  width: 62.5%;
  font-size: 16rem;
  text-indent: 2em;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 30rem;
  margin-top: 4rem;
}
.function{
  background: #F1F4F9;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 74rem;
}
.function_cards{
  width: 1224rem;
  display: flex;
  flex-wrap: wrap;
}
.function_card{
  width: 586rem;
  height: 320rem;
  margin-left: 13rem;
  margin-right: 13rem;
  background: #FFFFFF;
  box-shadow: 0rem 2rem 14rem 0rem rgba(169,170,170,0.4000);
  border-radius: 10rem;
  display: flex;
  align-items: center;
  margin-bottom: 30rem;
}
.function_card:hover{
  box-shadow: 0rem 2rem 14rem 0rem rgba(31,116,254,0.4000);
}
.function_card:hover .f_box_btn{
  background: #1F74FE;
  color: #fff;
}
.function_card_img{
  width: 192rem;
  height: 246rem;
  margin-left: 28rem;
}
.function_card_box{
  margin-left: 20rem;
  height: 246rem;
  display: flex;
  flex-direction: column;
}
.f_box_title{
  display: flex;
  align-items: center;
}
.f_box_title h3{
  margin-left: 10rem;
  font-size: 20rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #555555;
  line-height: 20rem;
}
.f_box_title img{
  width: 34rem;
}
.function_card_box p{
  width: 320rem;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #555555;
  line-height: 28rem;
  margin-top: 15rem;
}
.f_box_btns{
  margin-top: auto;
  display: flex;
  /* flex-wrap: wrap; */
}
.f_box_btnbox{
  display: flex;
}
.f_box_btn{
  margin-top: 18rem;
  margin-right: 11rem;
  width: 100rem;
  height: 36rem;
  background: #FFFFFF;
  border: 1rem solid #D9D9D9;
  border-radius: 6rem;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  line-height: 36rem;
  text-align: center;
}
.bright{
  width: 1220rem;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 62rem;
}
.bright_cards{
  margin-top: 9rem;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bright_card{
  width: 418rem;
  margin-left: 10rem;
  margin-right: 10rem;
  padding-left: 40rem;
  padding-right: 40rem;
  padding-bottom: 40rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bright_card:hover{
  box-shadow: 0 20px 20px 0 rgb(72 75 126 / 10%);
}
.b_imgbox{
  width: 90rem;
  height: 90rem;
  background: #F1F4F9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b_imgbox img{
  width: 68rem;
}
.bright_card h3{
  font-size: 22rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #222222;
  line-height: 22rem;
  margin-top: 28rem;
  margin-bottom: 33rem;
}
.bright_card p{
  font-size: 16rem;
  width: 100%;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #555555;
  line-height: 28rem;
}
.show{
  width: 100%;
  background: #F1F4F9;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 86rem;
}
.show img{
  width: 779rem;
  height: 424rem;
}