.commone1,
.commone2,
.commone3 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

.gb1,
.gb2,
.gb3 {
  width: 100%;
}

.commone1 p {
  width: 55%;
  position: absolute;
  left: 20px;
  top: 55%;
}

.commone2 .gb2text1 {

  position: absolute;
  left: 20px;
  top: 20px;
}

.commone2 .gb2text2 {
  width: 60%;
  position: absolute;
  left: 20px;
  top: 23%;
}

.commone2 .gb2text3 {
  width: 60%;
  position: absolute;
  left: 30%;
  top: 44%;
}

.commone2 .gb2text4 {
  width: 60%;
  position: absolute;
  left: 2%;
  top: 75%;
}

.commone3 .gb3text1 {
  width: 50%;
  position: absolute;
  left: 45%;
  top: 7%;
}

.commone3 a {
  color: #fff;
  width: 266px;
  height: 42px;
  position: absolute;
  left: 70%;
  top: 87%;
  text-align: center;
  line-height: 42px;
  border-radius: 5px;
  background-color: #184f7e;
}

.commone3 a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 560px) {
  .commone1 p {
    left: 20px;
    top: 50%;
    font-size: 13px;
  }

  .commone2 .gb2text1 {
    left: 20px;
    top: 5px;

  }

  .commone2 .gb2text2 {
    width: 90%;
    position: absolute;
    left: 20px;
    top: 26%;
  }

  .commone2 .gb2text3 {
    width: 65%;
    position: absolute;
    left: 32%;
    top: 50%;
  }

  .gb2 {
    content: url(../src/img/6g/bgs2.jpg);
    margin-top: 250px;
  }

  p {
    font-size: 13px;
  }

  .commone3 a {
    width: 130px;
    left: 50%;
    top: 87%;

  }
}