.content {
  width: 100%;
  min-height: 970px;
  max-width: 1920px;
  background: url(//eo-front.halopet.cn/front/web/bg_1697606836455.png) no-repeat center;
}

.content .showContent {
  width: 1200px;
  margin: 0 auto;
}

.content .showContent .topBox {
  height: 80px;
  line-height: 80px;
}

.content .showContent .topBox .textBox {
  margin-left: 10px;
}

.content .showContent .topBox .textBox h3 {
  font-size: 25px;
  color: #321a00;
  line-height: 80px;
  height: 80px;
  font-weight: 800;
}

.content .showContent .infoBox {
  padding-top: 20px;
}

.content .showContent .infoBox .leftBox {
  padding-top: 30px;
}

.content .showContent .infoBox .leftBox h2 {
  font-size: 60px;
  color: #321a00;
  font-weight: 800;
}

.content .showContent .infoBox .leftBox p strong {
  color: #333333;
  font-size: 24px;
  font-weight: 500;
}

.content .showContent .infoBox .leftBox p a.downLoadBtn {
  display: inline-block;
  width: 232px;
  height: 72px;
  background: url(//eo-front.halopet.cn/front/web/btn_1697607715781.png) no-repeat;
  margin-top: 19px;
}

.content .showContent .infoBox .leftBox p.systemInfo {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}

.content .showContent .infoBox .leftBox p.other {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}

.content .showContent .infoBox .leftBox p.other strong {
  font-size: 16px;
  font-weight: 400;
}

.content .showContent .tabBox {
  margin-top: 50px;
}

.content .showContent .tabBox li {
  width: 268px;
  height: 312px;
  margin-right: 40px;
}

.content .showContent .tabBox li h4 {
  color: #321a00;
  font-size: 22px;
  text-align: center;
  padding-top: 139px;
}

.content .showContent .tabBox li p {
  font-size: 16px;
  color: #000;
  text-align: center;
  margin-top: 20px;
  line-height: 22px;
}

.content .showContent .tabBox li.first {
  background: url(//eo-front.halopet.cn/front/web/1_1697608993151.png) no-repeat;
}

.content .showContent .tabBox li.second {
  background: url(//eo-front.halopet.cn/front/web/2_1697608993156.png) no-repeat;
}

.content .showContent .tabBox li.third {
  background: url(//eo-front.halopet.cn/front/web/3_1697608993158.png) no-repeat;
}

.content .showContent .tabBox li.fourth {
  background: url(//eo-front.halopet.cn/front/web/4_1697608993160.png) no-repeat;
  margin-right: 0;
}

.footer {
  height: 80px;
  background: #eee;
}

.footer ul {
  width: 1200px;
  margin: 0 auto;
}

.footer li {
  line-height: 80px;
}

.footer li.middle {
  margin-left: 273px;
  margin-right: 350px;
}