.head_box {
  display: flex;
  justify-content: space-evenly;
  height: 1.25rem;
}
.head_box .head_left {
  display: flex;
  align-items: center;
  width: 6.25rem;
  height: 1.25rem;
}
.head_box .head_left .logo {
  height: 0.875rem;
  cursor: pointer;
}
.head_box .head_left .title {
  color: #343434;
  font-size: 0.325rem;
  margin-left: 0.1875rem;
}
.head_box .head_right {
  width: 7.5rem;
  height: 1.25rem;
}
.head_box .head_right .ul {
  display: flex;
  justify-content: space-around;
  font-size: 0.2rem;
}
.head_box .head_right .ul .li {
  line-height: 1.25rem;
}
.centre_box {
  position: relative;
  width: 100%;
  height: 10rem;
}
.centre_box .bg {
  background-image: url(../image/bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  /*-1 可以当背景*/
  filter: blur(0.0125rem);
}
.centre_box .content {
  width: 70%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.centre_box .content .title_text {
  color: #fff;
  font-size: 0.5625rem;
  font-family: cursive;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.centre_box .content .list {
  width: 100%;
  height: 4.375rem;
}
.centre_box .content .list ul {
  display: flex;
  justify-content: space-between;
}
.centre_box .content .list ul li {
  width: 23%;
  height: 4.375rem;
  background-color: #fff;
  border-radius: 0.125rem;
}
.centre_box .content .list ul li .image {
  width: 100%;
  height: 3.125rem;
}
.centre_box .content .list ul li .name_kg {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.centre_box .content .list ul li .name_kg .name {
  color: #992d2f;
  font-size: 0.3125rem;
  font-family: cursive;
  font-weight: 700;
  margin-top: 0.1875rem;
}
.centre_box .content .list ul li .name_kg .kg {
  color: #343434;
  font-size: 0.225rem;
}
.centre_box .content .list ul li:hover {
  cursor: pointer;
  box-shadow: 0rem 0rem 0.125rem 0.05rem rgba(154, 48, 49, 0.7);
}
.introduce_box {
  height: 6.5rem;
}
.introduce_box .content {
  width: 70%;
  height: 100%;
  margin: 0 auto;
}
.introduce_box .content .title {
  position: relative;
  height: 1.25rem;
}
.introduce_box .content .title .bg_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../image/logo-2.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.introduce_box .content .title .textA {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 0.4375rem;
  font-family: cursive;
  font-weight: 700;
  color: #992d2f;
}
.introduce_box .introduce {
  height: 5.25rem;
}
.introduce_box .introduce p {
  font-size: 0.25rem;
  text-indent: 0.5rem;
}
.introduce_box .introduce p:nth-child(2) {
  margin: 0.375rem 0;
}
.serve_box {
  height: 8.75rem;
  background-image: url(../image/home/fuwubeijing.jpg);
}
.serve_box .content {
  width: 70%;
  height: 100%;
  margin: 0 auto;
}
.serve_box .content .title {
  position: relative;
  height: 1.25rem;
}
.serve_box .content .title .bg_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../image/logo-2.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.serve_box .content .title .textA {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 0.4375rem;
  font-family: cursive;
  font-weight: 700;
  color: #992d2f;
}
.serve_box .content .serve {
  height: 7.5rem;
}
.serve_box .content .serve .ul {
  height: 7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: space-around;
}
.serve_box .content .serve .ul .li_item {
  position: relative;
  width: 30%;
  height: 3.875rem;
  border-radius: 0.125rem;
  background-image: url(../image/home/fuwuBG.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.serve_box .content .serve .ul .li_item .circle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -43%);
  width: 1.1875rem;
  height: 1.125rem;
  border-radius: 50%;
}
.serve_box .content .serve .ul .li_item .circle .image {
  height: 100%;
}
.serve_box .content .serve .ul .li_item .textC {
  display: flex;
  flex-direction: column;
  margin-top: 0.8125rem;
  padding: 0 0.5rem;
  align-items: center;
}
.serve_box .content .serve .ul .li_item .textC .titleA {
  font-size: 0.375rem;
  color: #992d2f;
  font-family: cursive;
  font-weight: 700;
}
.serve_box .content .serve .ul .li_item .textC .text {
  font-size: 0.225rem;
}
.serve_box .content .serve .ul .li_item:hover {
  cursor: pointer;
  box-shadow: 0.025rem 0.025rem 0.0875rem 0.0125rem rgba(0, 0, 0, 0.5);
}
.cooperation_box {
  height: 6.25rem;
  background-color: #fff;
}
.cooperation_box .content {
  width: 70%;
  height: 100%;
  margin: 0 auto;
}
.cooperation_box .content .title {
  position: relative;
  height: 1.25rem;
}
.cooperation_box .content .title .bg_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../image/logo-2.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.cooperation_box .content .title .textA {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 0.4375rem;
  font-family: cursive;
  font-weight: 700;
  color: #992d2f;
}
.cooperation_box .content .cooperation {
  height: 5rem;
}
.cooperation_box .content .cooperation .ul {
  display: flex;
  justify-content: space-between;
}
.cooperation_box .content .cooperation .ul .li_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 28%;
  height: 4.5rem;
}
.cooperation_box .content .cooperation .ul .li_item .item_img {
  width: 100%;
  height: 4rem;
}
.cooperation_box .content .cooperation .ul .li_item .item_name {
  margin-top: 0.0625rem;
  font-size: 0.225rem;
}
.contact_box {
  height: 3.75rem;
  background-image: url(../image/home/lixiwomen.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.contact_box .content {
  width: 70%;
  height: 100%;
  margin: 0 auto;
}
.contact_box .content .title {
  position: relative;
  height: 1.25rem;
}
.contact_box .content .title .bg_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(../image/logo-2.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.contact_box .content .title .textA {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 0.4375rem;
  font-family: cursive;
  font-weight: 700;
  color: #fff;
}
.contact_box .content .contact {
  height: 2.5rem;
}
.contact_box .content .contact .ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contact_box .content .contact .ul .li_item {
  width: 34%;
  line-height: 0.625rem;
  color: #fff;
  white-space: nowrap;
}
.contact_box .content .contact .ul .li_item .iconfont {
  font-size: 0.25rem;
}
.contact_box .content .contact .ul .li_item .item_text {
  margin-left: 0.0625rem;
  font-size: 0.25rem;
}
.bottom_box {
  height: 1.25rem;
}
.bottom_box .content {
  width: 70%;
  height: 100%;
  margin: 0 auto;
}
.bottom_box .content .btm_text {
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.2rem;
}
.side_box {
  position: fixed;
  bottom: 0.625rem;
  right: 0.125rem;
  width: 0.625rem;
  height: 0.625rem;
  background-color: #992d2f;
  border-radius: 50%;
  z-index: 100;
}
.side_box:hover {
  background-color: #6e4646;
}
.side_box .get_back_top {
  line-height: 0.625rem;
  text-align: center;
}
.side_box .get_back_top .iconfont {
  color: #fff;
  font-size: 0.3rem;
}