body {
  min-width: 1280px;
  margin: auto;
  overflow-x: auto;
  font-size: 16px;
  color: #4d4d4d;
  background: #fbfbfb;
}
.container {
  width: 1200px;
  margin: 0 auto;
}
/*顶部*/
.top-header {
  height: 35px;
}
.top-header .top-service {
  cursor: pointer;
}
.top-header .top-service .qq:before {
  display: inline-block;
  content: " ";
  width: 11px;
  height: 13px;
  margin-right: 3px;
  background: url("../img/icon-qq.png") no-repeat top left/contain;
}
.top-header .top-service .qq:after {
  display: inline-block;
  content: " ";
  width: 2px;
  height: 13px;
  margin: 0 8px;
  background: #838383;
}
.top-header .top-service .wxchat:before {
  display: inline-block;
  content: " ";
  width: 15px;
  height: 12px;
  margin-right: 3px;
  background: url("../img/icon-wchat.png") no-repeat top left/contain;
}
.g-header {
  height: 137px;
  background: #f7ca15;
}
.g-header .logo {
  width: 512px;
}
.title-comm {
  position: relative;
  font-size: 39px;
  color: #f08712;
  border-bottom: 1px solid #d0d0d0;
}
.title-comm .title {
  margin: 35px 0 15px 0;
}
.title-comm .title:before {
  position: absolute;
  left: 50%;
  bottom: -5px;
  content: '';
  width: 70px;
  height: 5px;
  transform: translateX(-50%);
  background: #f08712;
}
.title-comm span {
  position: absolute;
  left: 50%;
  bottom: -40px;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 2px;
  color: #b3b3b3;
  transform: translateX(-50%);
}
.what-box {
  height: 549px;
  background: url("../img/what_bg.png") no-repeat center/cover;
}
.what-box .item {
  position: relative;
  width: 211px;
  height: 191px;
  margin: 0 36px 36px 0;
  background: #fff;
}
.what-box .item >div {
  transition: all 0.3s;
}
.what-box .item >div:hover {
  transform: translateY(-10px);
}
.what-box .item img {
  width: 60px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 17px;
}
.what-box .item:nth-child(5n) {
  margin-right: 0;
}
.what-box .item:nth-of-type(n+6) {
  margin-bottom: 0;
}
.what-box .item:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 5px;
  background: #f08712;
}
.advantage-box {
  height: 627px;
  background: url("../img/advantage-bg.jpg") no-repeat center/cover;
}
.advantage-box li {
  width: 33.3%;
  margin-top: 35px;
  text-align: center;
  transition: all 0.3s;
}
.advantage-box li:hover {
  transform: translateY(-10px);
}
.advantage-box li h4 {
  line-height: 36px;
  font-weight: bold;
  color: #000;
}
.advantage-box li p {
  line-height: 25px;
  color: #5b5b5b;
  font-weight: normal;
}
.aprocess-box {
  margin: 60px 0 40px;
}
.aprocess-box li {
  transition: all 0.3s;
}
.aprocess-box li:hover {
  transform: translateY(-10px);
}
.aprocess-box li:nth-child(2n) {
  width: 31px;
}
.g-foot {
  height: 80px;
  background: #282828;
  font-size: 20px;
  letter-spacing: 2px;
}