.hr-baike {
  width: 100%;
  margin: 0 auto;
}
.hr-baike .hr-baike-banner {
  position: relative;
}
.hr-baike .hr-baike-banner .img {
  width: 100%;
}
.hr-baike .hr-baike-banner .hr-baike_banner {
  position: absolute;
  top: 25%;
  right: 25%;
}
.hr-baike .hr-baike-banner .hr-baike_banner h1 {
  font-size: 56px;
  color: #fff;
}
.hr-baike .hr-baike-banner .hr-baike_banner p {
  font-size: 24px;
  text-align: left;
  color: #fff;
}
.hr-baike .hr-baike-banner .hr-baike_banner div {
  margin-top: 73px;
  width: 162px;
}
.hr-baike .hr-baike-banner .hr-baike_banner div p {
  text-align: center;
  font-size: 20px;
}
.hr-baike .hr-baike-cenetr {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.hr-baike .hr-baike-cenetr .banner-top {
  top: 10%!important;
}
.hr-baike .hr-baike-cenetr .hr-baike_banner {
  position: absolute;
  top: 20%;
  left: 30%;
}
.hr-baike .hr-baike-cenetr .hr-baike_banner h1 {
  font-size: 44px;
  color: #7b36ca;
  padding-bottom: 20px;
}
.hr-baike .hr-baike-cenetr .hr-baike_banner h6 {
  font-size: 24px;
  color: #888888;
}
.hr-baike .hr-baike-cenetr .hr-baike_banner p {
  padding-top: 80px;
  font-size: 18px;
  color: #171717;
  width: 375px;
  text-align: left;
}
.hr-baike .hr-baike-div {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.hr-baike .hr-baike-div .hr-baike_banner {
  position: absolute;
  top: 20%;
  right: 20%;
}
.hr-baike .hr-baike-div .hr-baike_banner h1 {
  font-size: 44px;
  color: #7b36ca;
  padding-bottom: 20px;
}
.hr-baike .hr-baike-div .hr-baike_banner h6 {
  font-size: 24px;
  color: #888888;
}
.hr-baike .hr-baike-div .hr-baike_banner p {
  padding-top: 80px;
  font-size: 18px;
  color: #171717;
  width: 375px;
  text-align: left;
}
.hr-baike .foot-div {
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 554.1px;
  background: url('/static/cn/img/product/foot.png') no-repeat;
  background-size: cover;
}
.hr-baike .foot-div > img {
  width: 100%;
}
.hr-baike .foot-div .form {
  position: absolute;
  top: -35%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hr-baike .foot-div .foot-ent {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hr-baike .foot-div .foot-ent h1 {
  font-size: 50px;
  color: #ffffff;
  text-align: center;
}
.hr-baike .foot-div .foot-ent .img {
  display: block;
  margin: 0 auto;
}
.hr-baike .foot-div .foot-ent p {
  font-size: 20px;
  color: #fff;
  text-align: center;
}