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