.headerPadding .banner {
  height: 5.33333333rem;
  width: 100%;
  background: url('../images/kaopeiBanner.png') no-repeat;
  background-size: 100% 100%;
}
.headerPadding .successBoxNone {
  display: none;
}
@media (max-width: 320px) {
  .headerPadding .icon {
    height: 4.5rem !important;
  }
  .headerPadding .icon .box {
    display: block!important;
  }
  .headerPadding .icon .box .icon_box {
    margin-top: 0.5rem;
    display: inline-block !important;
    width: 29%!important;
  }
}
@media (max-width: 767px) {
  .headerPadding .title {
    padding-left: 3%;
  }
  .headerPadding .successBox1 {
    display: none!important;
  }
  .headerPadding .successBoxNone {
    display: block!important;
    width: 8rem!important;
    margin: 0 auto;
    margin-top: 2rem;
  }
  .headerPadding .successBoxNone .left {
    width: 8rem;
    height: 5rem;
    background: url(../images/kpSuccess2.png);
    background-size: 100% 100%;
  }
  .headerPadding .successBoxNone .right {
    margin: auto;
    margin-top: 0.32rem;
    margin: 1rem auto!important;
  }
  .headerPadding .successBoxNone .right .p1 {
    font-size: 0.29333333rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
  }
  .headerPadding .successBoxNone .right .p2 {
    font-size: 0.24rem;
    letter-spacing: 0.01333333rem;
    line-height: 1.7;
  }
  .headerPadding .banner {
    height: 2.66666667rem !important;
  }
  .headerPadding .icon_box {
    margin-right: 0.26666667rem !important;
  }
  .headerPadding .icon_box:nth-of-type(5) {
    margin-right: 0rem!important;
  }
  .headerPadding .icon_box:nth-of-type(1) {
    margin-left: 0rem!important;
  }
  .headerPadding .header_center,
  .headerPadding .icon .icon_img,
  .headerPadding .info .infoBox,
  .headerPadding .technologuy .technologuyBox,
  .headerPadding .publicWidth {
    width: 100%!important;
  }
  .headerPadding .service .serviceBox .serviceSixPs {
    width: 6.3733333rem !important;
  }
  .headerPadding .service .serviceBox .serviceSix {
    width: 3.133333rem !important;
  }
  .headerPadding .successBox,
  .headerPadding .successBox1,
  .headerPadding .successBox2 {
    margin-top: 2rem!important;
    display: block!important;
  }
  .headerPadding .success .successBox .right {
    width: 8rem!important;
    margin: 1rem auto!important;
  }
  .headerPadding .success .successBox .left {
    width: 8rem!important;
    height: 5rem!important;
    margin: 0 auto!important;
  }
  .headerPadding .success .successBox .left img {
    width: 100%;
    height: 100%;
  }
  .headerPadding .success .successBox1 .right {
    width: 8rem!important;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .headerPadding .success .successBox1 .left {
    width: 8rem!important;
    height: 5rem!important;
    margin: 0 auto;
    top: 0;
    position: absolute;
  }
  .headerPadding .success .successBox1 .left img {
    width: 100%;
    height: 100%;
  }
  .headerPadding .successBox1 {
    position: relative!important;
    height: 10rem!important;
    display: none!important;
  }
  .headerPadding .success .successBox2 .right {
    width: 8rem!important;
  }
  .headerPadding .success .successBox2 .left {
    width: 8rem!important;
    height: 5rem!important;
    margin: 0 auto;
  }
  .headerPadding .success .successBox2 .left img {
    width: 100%;
    height: 100%;
  }
  .headerPadding .technologuy {
    height: 3.5rem !important;
  }
  .headerPadding .TcBox {
    display: block!important;
  }
  .headerPadding .TcBox .text {
    width: 32%!important;
    display: inline-block !important;
    margin-top: 0.3rem !important;
  }
}
.headerPadding .header_box {
  width: 100%;
  height: 0.93333333rem;
  line-height: 0.93333333rem;
  background: #464646;
}
.headerPadding .header_box .header_center {
  width: 20rem;
  margin: 0 auto;
  display: flex;
  height: 0.93333333rem;
  line-height: 0.93333333rem;
  justify-content: center;
}
.headerPadding .header_box .header_center div {
  width: 25%;
  text-align: center;
  height: 0.93333333rem;
  line-height: 0.93333333rem;
}
.headerPadding .header_box .header_center div a {
  font-size: 0.29333333rem;
  color: #969696;
}
.headerPadding .publicTitle {
  font-weight: bold;
  color: #000;
  font-size: 0.4rem;
}
.headerPadding .publicTitle::before {
  content: '';
  display: inline-block;
  width: 0.06666667rem;
  height: 0.36rem;
  background: #4c73c1;
  margin-right: 0.13333333rem;
  vertical-align: middle;
}
.headerPadding .publicWidth {
  width: 16rem;
  margin: 0 auto;
}
.headerPadding .info .infoBox {
  width: 16rem;
  margin: 0 auto;
  padding: 0.32rem 0;
}
.headerPadding .info .infoBox .title {
  font-weight: bold;
  color: #000;
  font-size: 0.4rem;
}
.headerPadding .info .infoBox .title::before {
  content: '';
  display: inline-block;
  width: 0.06666667rem;
  height: 0.36rem;
  background: #4c73c1;
  margin-right: 0.13333333rem;
  vertical-align: middle;
}
.headerPadding .info .infoBox .content {
  color: #969696;
  font-size: 0.28rem;
  margin-left: 0.2rem;
  margin-top: 0.24rem;
  letter-spacing: 0.02666667rem;
  line-height: 1.7;
}
.headerPadding .icon {
  height: 2.10666667rem;
  background: #138ec7;
}
.headerPadding .icon .icon_img {
  width: 16rem;
  margin: 0 auto;
  padding-top: 0.21333333rem;
}
.headerPadding .icon .title {
  font-weight: bold;
  color: #fff;
  font-size: 0.4rem;
}
.headerPadding .icon .title::before {
  content: '';
  display: inline-block;
  width: 0.06666667rem;
  height: 0.36rem;
  background: #fff;
  margin-right: 0.13333333rem;
  vertical-align: middle;
}
.headerPadding .icon .box {
  display: flex;
  justify-content: center;
  margin-top: 0.21333333rem;
}
.headerPadding .icon .box .icon_box:nth-of-type(5) {
  margin-right: 0;
}
.headerPadding .icon .box .icon_box {
  text-align: center;
  margin-right: 1.78666667rem;
}
.headerPadding .icon .box .icon_box .iconImg {
  width: 0.62666667rem;
  height: 0.62666667rem;
  margin: 0 auto;
}
.headerPadding .icon .box .icon_box .iconImg img {
  width: 100%;
  height: 100%;
}
.headerPadding .icon .box .icon_box .text {
  margin-top: 0.06666667rem;
  font-size: 0.26666667rem;
  color: #fff;
  white-space: nowrap;
}
.headerPadding .technologuy {
  height: 2.10666667rem;
  padding-top: 0.24rem;
}
.headerPadding .technologuy .technologuyBox {
  width: 16rem;
  margin: 0 auto;
}
.headerPadding .technologuy .technologuyBox .title {
  font-weight: bold;
  color: #000000;
  font-size: 0.4rem;
}
.headerPadding .technologuy .technologuyBox .title::before {
  content: '';
  display: inline-block;
  width: 0.06666667rem;
  height: 0.36rem;
  background: #4C73C1;
  margin-right: 0.13333333rem;
  vertical-align: middle;
}
.headerPadding .technologuy .technologuyBox .content {
  margin-top: 0.58666667rem;
  color: #848484;
  font-size: 0.32rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
.headerPadding .technologuy .technologuyBox .content .text {
  width: 16%;
  text-align: center;
  white-space: nowrap;
}
.headerPadding .floatLeft {
  float: left;
}
.headerPadding .marginTop7 {
  margin-top: 0.18666667rem !important;
}
.headerPadding .marginLeft80 {
  margin-left: 1.06666667rem !important;
}
.headerPadding .clearBoth {
  clear: both;
}
.headerPadding .service {
  margin-top: 0.86666667rem;
}
.headerPadding .service .serviceBox {
  margin: 0 auto;
  margin-top: 0.50666667rem;
  padding-left: 0.15rem;
  width: 12rem;
}
.headerPadding .service .serviceBox .serviceSix {
  width: 3.73333333rem;
  height: 3.06666667rem;
  margin: 0 0.05333333rem;
  position: relative;
}
.headerPadding .service .serviceBox .serviceSix .center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.86666667rem;
  width: 100%;
  text-align: center;
  line-height: 0.86666667rem;
  font-size: 0.32rem;
  color: #fff;
}
.headerPadding .service .serviceBox .serviceSixPs {
  width: 7.57333333rem;
  height: 3.06666667rem;
  position: relative;
  margin-left: 0.05333333rem;
}
.headerPadding .service .serviceBox .serviceSixPs .center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.86666667rem;
  width: 100%;
  text-align: center;
  line-height: 0.86666667rem;
  font-size: 0.32rem;
  color: #fff;
}
.headerPadding .service .serviceBox .serviceSix1 {
  background: url(../images/kpfw1.png) no-repeat;
  background-size: 100% 100%;
}
.headerPadding .service .serviceBox .serviceSix1 .center {
  background-color: rgba(0, 0, 0, 0.5);
}
.headerPadding .service .serviceBox .serviceSix2 {
  background: #5FB1BC;
}
.headerPadding .service .serviceBox .serviceSix3 {
  background: url(../images/kpfw2.png) no-repeat;
  background-size: 100% 100%;
}
.headerPadding .service .serviceBox .serviceSix3 .center {
  background-color: rgba(0, 0, 0, 0.5);
}
.headerPadding .service .serviceBox .serviceSix4 {
  background: url(../images/kpfw3.png) no-repeat;
  background-size: 100% 100%;
}
.headerPadding .service .serviceBox .serviceSix4 .center {
  background-color: rgba(0, 0, 0, 0.5);
}
.headerPadding .success {
  padding-top: 1.04rem;
}
.headerPadding .success .successBox {
  margin-top: 0.48rem;
  margin-left: 0.13333333rem;
  margin-right: 0.13333333rem;
  display: flex;
  justify-content: space-between;
}
.headerPadding .success .successBox .left {
  width: 5.93333333rem;
  height: 3.78666667rem;
  background: url(../images/kpSuccess1.png);
  background-size: 100% 100%;
  margin-left: 2rem;
}
.headerPadding .success .successBox .right {
  width: 4.68rem;
  margin: auto;
  margin-top: 0.32rem;
  margin-left: 2.5rem;
}
.headerPadding .success .successBox .right .p1 {
  font-size: 0.29333333rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
}
.headerPadding .success .successBox .right .p2 {
  font-size: 0.24rem;
  letter-spacing: 0.01333333rem;
  line-height: 1.7;
}
.headerPadding .success .successBox1 {
  margin-top: 0.48rem;
  margin-left: 0.13333333rem;
  margin-right: 0.13333333rem;
  display: flex;
  justify-content: space-between;
}
.headerPadding .success .successBox1 .left {
  width: 5.93333333rem;
  height: 3.78666667rem;
  background: url(../images/kpSuccess2.png);
  background-size: 100% 100%;
}
.headerPadding .success .successBox1 .right {
  width: 4.68rem;
  margin: auto;
  margin-top: 0.32rem;
}
.headerPadding .success .successBox1 .right .p1 {
  font-size: 0.29333333rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
}
.headerPadding .success .successBox1 .right .p2 {
  font-size: 0.24rem;
  letter-spacing: 0.01333333rem;
  line-height: 1.7;
}
.headerPadding .success .successBox2 {
  margin-top: 0.48rem;
  margin-left: 0.13333333rem;
  margin-right: 0.13333333rem;
  display: flex;
  justify-content: space-between;
}
.headerPadding .success .successBox2 .left {
  width: 5.93333333rem;
  height: 3.78666667rem;
  background: url(../images/success3.png);
  background-size: 100% 100%;
}
.headerPadding .success .successBox2 .right {
  width: 4.68rem;
  margin: auto;
  margin-top: 0.32rem;
}
.headerPadding .success .successBox2 .right .p1 {
  font-size: 0.29333333rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
}
.headerPadding .success .successBox2 .right .p2 {
  font-size: 0.24rem;
  letter-spacing: 0.01333333rem;
  line-height: 1.7;
}