.banner{
  width: 100%;
}
.banner img{
  width: 100%;
}
.introduce,.function,.bsmg,.advantage{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.introduce{
  padding-bottom: 55rem;
}
.introduce p{
  width: 61.8%;
  text-indent: 2em;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 30rem;
}
.function{
  background-color: #F1F4F9;
  padding-bottom: 66rem;
}
.function_cards{
  width: 1210rem;
  display: flex;
  flex-wrap: wrap;
}
.function_card{
  width: 224rem;
  height: 258rem;
  background: #FFFFFF;
  border-radius: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 9rem;
  margin-right: 9rem;
  margin-bottom: 19rem;
}
.function_card:hover{
  background-color: rgb(253, 154, 62);
}
.function_card:hover .f_imgbox{
  /* margin-bottom: 8rem; */
  background-color: rgb(253, 229, 197);
}
.function_card:hover p{
  font-weight: 500;
  color: #fff;
}
.function_card:hover h3{
  color: #fff;
}
.f_imgbox{
  width: 68rem;
  height: 68rem;
  margin-top: 12rem;
  background: #FFEDE3;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.f_imgbox img{
  width: 48rem;
}
.function_card h3{
  font-size: 20rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #555555;
  line-height: 20rem;
  margin-top: 8rem;
  margin-bottom: 18rem;
}
.function_card p{
  width: 148rem;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 30rem;
}
.bsmg_box{
  width: 1192rem;
  height: 520rem;
  background: #FFFFFF;
  border: 1rem solid #DADCE7;
  display: flex;
}
.bsmg_nav{
  width: 336rem;
  height: 520rem;
  list-style: none;
  /* background-color: red; */
}
.bsmg_li{
  height: 104rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bsmg_tit{
  width: 253rem;
  height: 100%;
  border-bottom: 1rem solid #DADCE7;
  font-size: 20rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #555555;
  line-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bsmg_li:hover .bsmg_border{
  width: 4rem;
  height: 82rem;
  background: #8896FF;
  position: absolute;
  left: 0;
  top: 13rem;
}
.bsmg_li:hover .bsmg_tit{
  font-weight: bold;
  color: #426AFF;
}
.bsmg_border_hover{
  width: 4rem;
  height: 82rem;
  background: #8896FF;
  position: absolute;
  left: 0;
  top: 13rem;
}
.bsmg_tit_hover{
  font-weight: bold;
  color: #426AFF;
}

.bsmg_content{
  width: 854rem;
  height: 518rem;
  background: #F5F9FC;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bsmg_content_height{
  width: 599rem;
  height: 328rem;
  border: 12rem solid #889EFF;
  border-radius: 10rem;
  overflow: hidden;
}
.bsmg_c_imgbox{
  display:flex;
  height: 307rem;
  position: relative;
  top: 0;
  left: 0;
  font-size: 0;
}
.bsmg_content_img{
  /* width: 574rem;
  height: 307rem; */
  margin-right:-3.7rem
}
.advantage{
  padding-bottom: 73rem;
}
.advantage_imgbox{
  width: 1190rem;
  min-height: 406rem;
  margin-top: 5rem;
}

.advantage_img{
  width: 100%;
  display: none;
}
.advantage_cards{
  margin-top: -3rem;
  width: 1190rem;
  display: flex;
}
.advantage_card{
  width: 397rem;
  height: 229rem;
  background: #F2F3F5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.a_card_tit{
  margin-top: 48rem;
  margin-bottom: 26rem;
  display: flex;
  align-items: center;
}
.a_card_tit div{
  width: 12rem;
  height: 12rem;
  background: #548AFF;
  transform:rotate(45deg)
}
.a_card_tit h4{
  font-size: 24rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #222222;
  line-height: 24rem;
  margin-left: 12rem;
}
.advantage_card p{
  width: 278rem;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 30rem;
}
.advantage_card:hover{
  background-color: #fff;
  border-bottom: 4rem solid #548AFF;
}
.advantage_card_hover{
  background-color: #fff;
  border-bottom: 4rem solid #548AFF;
}
.advantage_imgbox img{
  animation:show50 1s;
}