.body {
  height: auto;
}

.content-body {
  min-width: 1200px;
}

.section-one {
  position: relative;
  width: 100%;
  height: 620px;
  background-color: #cfc8c8;
  opacity: 0.5;
}

.section-one .container {
  height: 620px;
  overflow: unset;
}

.hand-phone {
  position: absolute;
  left: -260px;
  bottom: 0;
  width: 816px;
  height: 537px;
  opacity: 0;
  /*-webkit-animation: moveHandPhone 1.5s ease-in-out;*/
  /*-o-animation: moveHandPhone 1.5s ease-in-out;*/
  /*animation: moveHandPhone 1.5s ease-in-out;*/
}

@keyframes moveHandPhone {
  0%{
    left:0;
  }
  100%{
    left:220px;
  }
}

@-o-keyframes moveHandPhone {
  0%{
    left:0;
  }
  100%{
    left:220px;
  }
}

@-webkit-keyframes moveHandPhone {
  0%{
    left:0;
  }
  100%{
    left:220px;
  }
}

.text {
  position: absolute;
  right: 12px;
  width: 467px;
  /*-webkit-animation: moveImgOne 1s ease-in-out;*/
  /*-o-animation: moveImgOne 1s ease-in-out;*/
  /*animation: moveImgOne 1s ease-in-out;*/
}

.text .img-one,
.img-one {
  display: block;
  top: 100px;
  right: 82px;
  width: 400px;
  height: 121px;
  margin-bottom: 35px;
  opacity: 0;
  /*-webkit-animation: moveImgOne 1s ease-in-out;*/
  /*-o-animation: moveImgOne 1s ease-in-out;*/
  /*animation: moveImgOne 1s ease-in-out;*/
}

@keyframes moveImgOne {
  from {top: 50px;}
  to {top: 150px;}
}

@-o-keyframes moveImgOne {
  from {top: 50px;}
  to {top: 150px;}
}

@-webkit-keyframes moveImgOne {
  from {top: 50px;}
  to {top: 150px;}
}

.text .img-two,
.img-two {
  display: block;
  top: 260px;
  width: 467px;
  height: 45px;
  margin-bottom: 30px;
  opacity: 0;
  /*-webkit-animation: moveImgTwo 1s ease-in-out;*/
  /*-o-animation: moveImgTwo 1s ease-in-out;*/
  /*animation: moveImgTwo 1s ease-in-out;*/
}

@keyframes moveImgTwo {
  from {top: 200px;}
  to {top: 310px;}
}

@-o-keyframes moveImgTwo {
  from {top: 200px;}
  to {top: 310px;}
}

@-webkit-keyframes moveImgTwo {
  from {top: 200px;}
  to {top: 310px;}
}

@keyframes typing {
  from {
    width: 0;
  }
}

@keyframes blink-caret {
  50% {
    border-color: transparent;
  }
}

h1.text {
  bottom: 0;
  display: none;
  width: 530px;
  font-family: "Verdana Pro Cond SemiBold";
  /*font: bold 200% Consolas, Monaco, monospace;*/
  /*width: 16.5em;*/
  /* fallback */
  /*width: 30ch;*/
  /* # of chars */
  white-space: nowrap;
  overflow: hidden;
  /*animation: typing 3s steps(30, end), !* # of steps = # of chars *! blink-caret .5s step-end infinite alternate;*/
}


.text a,
a.text {
  display: block;
  right: 328px;
  top: 330px;
  margin-bottom: 55px;
  width: 152px;
  /*height: 56px;*/
  outline: none;
  border: none;
  opacity: 0;
  /*-webkit-animation: moveButton 1s ease-in-out;*/
  /*-o-animation: moveButton 1s ease-in-out;*/
  /*animation: moveButton 1s ease-in-out;*/
}

@keyframes moveButton {
  from {top: 260px;}
  to {top: 400px;}
}

@-o-keyframes moveButton {
  from {top: 260px;}
  to {top: 400px;}
}

@-webkit-keyframes moveButton {
  from {top: 260px;}
  to {top: 400px;}
}

.hz-service {
  display: flex;
  padding: 69px 0 67px;
}

.hz-service li {
  flex: 1;
  text-align: center;
}

.hz-service li img {
  width: 71px;
  height: 71px;
  margin-bottom: 20px;
  /*-webkit-transition: -webkit-transform 1s ease-in-out;*/
  /*-moz-transition: -moz-transform 1s ease-in-out;*/
  /*-o-transition: -o-transform 1s ease-in-out;*/
  /*-ms-transition: -ms-transform 1s ease-in-out;*/
}

/*.hz-service li img:hover {*/
  /*-webkit-transform: rotateZ(360deg);*/
  /*-moz-transform: rotateZ(360deg);*/
  /*-o-transform: rotateZ(360deg);*/
  /*-ms-transform: rotateZ(360deg);*/
  /*transform: rotateZ(360deg);*/
  /*cursor: pointer;*/
/*}*/

.hz-service li h4 {
  margin-bottom: 20px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  /*font-family: PingFangSC-Medium;*/
}

.hz-service li div:first-child {
  margin-bottom: 30px;
}

.hz-service li p {
  width: 88%;
  line-height: 24px;
  margin: 0 auto;
  color: #666;
  font-size: 12px;
  font-family: PingFangSC-Regular;
}

.hz-solution,
.hz-hzhb {
  min-width: 1200px;
  padding: 70px 0 60px;
  color: #333333;
  font-size: 24px;
  background-color: #ffffff;
  text-align: center;
}

.hz-solution h4,
.hz-hzhb h4 {
  margin: 0 0 40px 0;
  font-weight: bold;
  /*font-family: PingFangSC-Medium;*/
}

.hz-solution {
  background-color: #fafafa;
}

.hz-solution img {
  width: 585px;
  height: 312px;
  vertical-align: middle;
}

.hz-solution-item {
  float: left;
  background-color: #ffffff;
}

.hz-solution-item-tit {
  padding-top: 30px;
  margin-bottom: 18px;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
}

.hz-solution-item-info {
  margin-bottom: 45px;
  color: #999999;
  font-size: 14px;
}