.img-five-one {
  position: absolute;
  left: 12%;
  top: -12%;
  scale: 90%;
}
.img-five-two {
  position: absolute;
  left: 55%;
  top: 4%;
  scale: 90%;
}
.img-five-three {
  position: absolute;
  left: 44%;
  top: 53%;
  scale: 90%;
}
.img-five-four {
  position: absolute;
  left: -3%;
  top: 57%;
  scale: 90%;
}
.img-five-five {
  position: absolute;
  left: -10%;
  top: 10%;
  scale: 90%;
}
.yuanxin {
  display: none;
}
.firBox {
  padding-top: 15px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgb(255, 255, 255) 70%
  );
  width: 430px;
  height: 175px;
  box-shadow: #e7effe 5px 5px 7px;
  position: absolute;
  top: -210px;
  margin: auto;
}
.fivBox {
  padding-top: 15px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgb(255, 255, 255) 70%
  );
  width: 430px;
  height: 175px;
  box-shadow: #e7effe 5px 5px 7px;
  position: absolute;
  top: 0px;
  left: -580px;
}
.fouBox {
  padding-top: 15px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgb(255, 255, 255) 70%
  );
  width: 430px;
  height: 175px;
  box-shadow: #e7effe 5px 5px 7px;
  position: absolute;
  top: 300px;
  left: -580px;
}
.secBox {
  padding-top: 15px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgb(255, 255, 255) 70%
  );
  width: 430px;
  height: 175px;
  box-shadow: #e7effe 5px 5px 7px;
  position: absolute;
  top: -0px;
  left: 660px;
}
.thrBox {
  padding-top: 15px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgb(255, 255, 255) 70%
  );
  width: 430px;
  height: 175px;
  box-shadow: #e7effe 5px 5px 7px;
  position: absolute;
  top: 300px;
  left: 660px;
}
.nums {
  color: #ddeaff;
  font-size: 28px;
  font-weight: bolder;
  margin-left: 22px;
}
.tits {
  font-size: 23px;
  font-weight: bold;
  margin: auto;
  width: 49px;
}
.firbox {
  width: 350px;
  margin: auto;
  margin-top: 10px;
  font-size: 14px;
  /*font-weight: bold;*/
  overflow: hidden;
  height: 35px;
}
.fivbox {
  width: 350px;
  margin: auto;
  margin-top: 10px;
  font-size: 14px;
  /*font-weight: bold;*/
  overflow: hidden;
  height: 35px;
}
.foubox {
  width: 350px;
  margin: auto;
  margin-top: 10px;
  font-size: 14px;
  /*font-weight: bold;*/
  overflow: hidden;
  height: 35px;
}
.secbox {
  width: 350px;
  margin: auto;
  margin-top: 10px;
  font-size: 14px;
  /*font-weight: bold;*/
  overflow: hidden;
  height: 40px;
}
.thrbox {
  width: 350px;
  margin: auto;
  margin-top: 10px;
  font-size: 14px;
  /*font-weight: bold;*/
  overflow: hidden;
  height: 35px;
}
.roundBox {
  width: 510px;
  height: 510px;
  position: relative;
  min-width: 510px;
  min-height: 510px;
  top: 215px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
body {
  /*min-width: 1920px;
    min-height: 1970px;*/
}
.img-five-one:hover {
  transition: all 1s ease-out;
  cursor: pointer;
  opacity: 0.6;
}
.img-five-two:hover {
  transition: all 1s ease-out;
  cursor: pointer;
  opacity: 0.6;
}
.img-five-three:hover {
  transition: all 1s ease-out;
  cursor: pointer;
  opacity: 0.6;
}
.img-five-four:hover {
  transition: all 1s ease-out;
  cursor: pointer;
  opacity: 0.6;
}
.img-five-five:hover {
  transition: all 1s ease-out;
  cursor: pointer;
  opacity: 0.6;
}
.firBox,
.secBox,
.thrBox,
.fouBox,
.fivBox,
.firbox,
.secbox,
.thrbox,
.foubox,
.fivbox {
  transition: all 0.5s;
}

@media screen and (max-width: 1700px) {
  .fivBox {
    left: -500px;
  }
  .fouBox {
    left: -500px;
  }
  .secBox {
    left: 560px;
  }
  .thrBox {
    left: 560px;
  }
}

@media screen and (max-width: 1500px) {
  .fivBox {
    left: -350px;
    width: 300px;
  }
  .fouBox {
    left: -350px;
    width: 300px;
  }
  .secBox {
    left: 560px;
    width: 300px;
  }
  .thrBox {
    left: 560px;
    width: 300px;
  }
  .secbox,
  .thrbox,
  .fivbox,
  .foubox {
    width: 100%;
    padding: 0 30px;
  }
}

@media screen and (max-width: 1280px) {
  .advb {
    background: url(../images/adv_bg2.jpg) no-repeat center center/cover;
    height: auto;
  }
  .roundBox {
    display: block;
    top: 30px;
    height: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: inherit;
    justify-content: space-between;
  }
  .roundBox::before{
    display: none;
  }
  .firBox,
  .secBox,
  .thrBox,
  .fouBox,
  .fivBox
   {
    position: relative;
    left: auto;
    top: auto;
    width: 48%;
    /* margin-right: 4%; */
    margin: 0;
    margin-bottom: 35px;
    height: auto;
    
  }
  
  /* .fivBox {
    left: -350px;
    width: 48%;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 4%;
    float: left;
    height: auto;
  }
  .fouBox {
   
    width: 48%;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    margin-bottom: 35px;
    height: auto;
  }
  .secBox {
    left: 560px;
    width: 48%;
    position: relative;
    left: 0;
    top: 0;
    width: 48%;
    float: left;
    margin-bottom: 35px;
    height: auto;
  }
  .thrBox {
    left: 560px;
    width: 48%;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 4%;
    float: left;
    margin-bottom: 35px;
    margin-bottom: 35px;
    height: auto;
  } */
  .firbox,
  .secbox,
  .thrbox,
  .fivbox,
  .foubox {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 35px;
    height: auto;
  }
  .roundBox img {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .advb {
    background: url(../images/adv_bg2.jpg) no-repeat center center/cover;
    height: auto;
  }
  .roundBox {
    display: block;
    top: 30px;
    height: auto;
    width: 100%;
    min-width: 100%;
  }
  .firBox {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    margin-right: 0;
    float: left;
    margin-bottom: 20px;
  }
  .fivBox {
    left: -350px;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 0;
    float: left;
    margin-bottom: 20px;
  }
  .fouBox {
    left: -350px;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    margin-bottom: 20px;
  }
  .secBox {
    left: 560px;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  .thrBox {
    left: 560px;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 0;
    float: left;
    margin-bottom: 20px;
  }
  .secbox,
  .thrbox,
  .fivbox,
  .foubox {
    width: 100%;
    padding: 0 30px;
    height: auto;
  }
  .roundBox img {
    display: none;
  }

  .tits {
    font-size: 18px;
  }
  .firbox {
    width: 100%;
  }
  .firbox,
  .secbox,
  .thrbox,
  .foubox,
  .fivbox {
    height: auto;
    padding: 0 20px 20px 20px;
  }
  .yuanxin {
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 0;
  }
  .yuanxin img {
    width: 100%;
    height: 100%;
  }
}