.page {
  background-color: rgb(255, 255, 255);
  position: relative;
  min-width: 1200px;
}

@media (max-width: 800px) {
  .page {
    min-width: 300px;
    width: 100%;
  }
}
.section-header {
  width: 100%;
  min-width: 1200px;
  height: 300px;
  background: url("../image/service-centre/header.jpg") no-repeat 0 64px;
  background-size: 100% calc(100% - 64px);
  position: relative;
}
.section-header .box-header {
  height: 64px;
  padding: 20px 0 0 111px;
  position: relative;
  background-color: #FFFFFF;
}
.section-header .box-header .image-dj {
  width: 88px;
  height: 38px;
  margin-top: -7px;
}
.section-header .box-header ul {
  display: flex;
  margin-left: 45px;
}
.section-header .box-header ul li {
  margin-right: 30px;
  padding-bottom: 10px;
  list-style-type: none;
  font-size: 16px;
  color: #555555;
  line-height: 30px;
  text-align: justify;
  font-style: normal;
  text-transform: none;
}
.section-header .box-header ul li.active, .section-header .box-header ul li:hover {
  border-bottom: 4px solid rgb(230, 0, 12);
}
.section-header .box-header .box-contact {
  width: 360px;
  height: 30px;
  position: absolute;
  right: 0;
}
.section-header .box-header .box-contact .icon-phone {
  margin-top: 6px;
  margin-right: 10px;
  width: 18px;
  height: 18px;
}
.section-header .box-header .box-contact .sign-icon {
  width: 20px;
  height: 20px;
  margin-top: -8px;
  margin-left: 3px;
}
.section-header .box-header .box-contact .contact-text {
  font-size: 14px;
  color: #333333;
  line-height: 30px;
  text-align: left;
  height: 28px;
  font-style: normal;
  text-transform: none;
}
.section-header .box-header .box-contact .box-apply {
  width: 90px;
  height: 35px;
  margin-top: -5px;
  margin-left: 30px;
  font-size: 14px;
  color: #E60012;
  line-height: 35px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  border: 1px solid #E60012;
  border-radius: 20px;
}
.section-header .fixed {
  box-shadow: 0 6px 10px 0 rgba(184, 189, 196, 0.59);
}
.section-header .box-content {
  margin: 120px 0 0 110px;
}
.section-header .box-content .contact-text {
  font-size: 40px;
  color: #E60012;
  line-height: 40px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.section-header .box-content .contact-remark {
  margin-top: 30px;
  font-size: 32px;
  color: #333333;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.section-system {
  width: 100%;
  min-width: 1200px;
  background: url("../image/service-centre/system/bg.png");
  background-size: 100% 100%;
}
.section-system .system-content {
  width: 80%;
  margin-top: 50px;
  margin-bottom: 60px;
  background-color: #FFFFFF;
  box-shadow: 5px 5px 30px 0 #EDF1FA;
  border-radius: 12px 12px 12px 12px;
}
.section-system .system-content .system-item {
  width: 28%;
  height: 230px;
  padding: 15px 30px;
  border-radius: 12px 12px 12px 12px;
}
.section-system .system-content .system-item.item-two {
  width: 42%;
}
.section-system .system-content .system-item img {
  width: 52px;
  height: 52px;
}
.section-system .system-content .system-item .item-title {
  margin-top: 15px;
  font-size: 22px;
  color: #666666;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.section-system .system-content .system-item .item-text {
  width: 100%;
  margin-top: 18px;
  font-size: 24px;
  color: #3D3D3D;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.section-system .system-content .vertical-line {
  width: 1px;
  height: 80px;
  background-color: #A5A5A5;
}

.section-merit {
  width: 100%;
  min-width: 1200px;
}
.section-merit .merit-content {
  width: 80%;
  margin-top: 60px;
  margin-bottom: 60px;
}
.section-merit .merit-content .merit-item {
  width: 48%;
  padding: 15px 30px 30px;
  background-color: #F2F7FC;
  border-radius: 12px 12px 12px 12px;
}
.section-merit .merit-content .merit-item .item-title {
  margin-top: 15px;
  font-size: 22px;
  color: #3D3D3D;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.section-merit .merit-content .merit-item .item-text {
  width: 100%;
  margin-top: 15px;
  padding: 14px 30px 18px;
  font-size: 16px;
  color: #333333;
  line-height: 26px;
  background-color: #FFFFFF;
  text-align: center;
  font-style: normal;
  text-transform: none;
  border-radius: 10px;
}

.section-join {
  width: 100%;
  min-width: 1200px;
  height: 300px;
  background: url("../image/service-centre/join/bg.jpg");
  background-size: 100% 100%;
}
.section-join .join-content {
  width: 80%;
  height: 210px;
  background-color: #FFFFFF;
}
.section-join .join-content .join-wrapper {
  width: 70%;
}
.section-join .join-content .join-wrapper .join-title {
  font-size: 24px;
  color: #3D3D3D;
  line-height: 36px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.section-join .join-content .join-wrapper .text-wrapper {
  margin-top: 20px;
  font-size: 24px;
  color: #3D3D3D;
  line-height: 30px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.section-join .join-content .join-wrapper .text-wrapper img {
  width: 20px;
  height: 20px;
  margin-top: 5px;
  margin-right: 5px;
}
.section-join .join-content .join-wrapper .text-wrapper .join-phone {
  color: #3670F7;
}
.section-join .join-content .join-img {
  width: 160px;
  height: 160px;
}
.section-join .join-content .join-img img {
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=service-centre.css.map */