header {
  background: white;
}
.content {
  /* position: absolute; */
  width: 100%;
  height: auto;
}
.content .downd {
  height: 764px;
  width: 100%;
  /* background: #F9F9F9; */
  float: left;
}
.content .downd .phone2 {
  float: left;
  width: 150px;
  height: 300px;
  margin-left: 218px;
  margin-top: 120px;
}
.content .downd .dda {
  float: left;
  margin-left: 44px;
  margin-top: 200px;
  width: auto;
  height: auto;
}
.content .downd .dda p {
  font-family: "思源黑体 CN Regular" !important;
  font-style: normal;
}
.content .downd .dda .p1 {
  font-size: 20px;
  font-family: "思源黑体 CN Regular" !important;
  font-style: normal;
}
.content .downd .dda .p2 {
  font-size: 15px;
  color: #999999;
  margin-left: 0px;
  margin-top: 10px;
  font-family: "思源黑体 CN Regular" !important;
  font-style: normal;
}
.content .downd ul {
  float: left;
  margin-top: 300px;
  height: auto;
  margin-left: 420px;
  position: absolute;
}
.content .downd ul li {
  width: auto;
  height: 75px;
  float: left;
}
.content .downd ul .two {
  margin-left: 70px;
}
.content .downd ul li img {
  width: 50px;
  height: 40px;
}
.content .downd ul li p {
  margin-top: 24px;
  text-align: center;
  font-family: "思源黑体 CN Regular" !important;
  font-style: normal;
}
.content .downd ul li .pb {
  margin-left: -15px;
}
.content .downd .xiaz .imb {
  width: 18%;
  float: left;
  position: relative;
  margin-top: -19%;
  margin-left: -12%;
  display: none;
}
.content .downd .xiaz .is {
  width: 18%;
  float: left;
  position: relative;
  margin-top: -19%;
  margin-left: -14%;
  display: none;
}
.content .downd .xiaz .weichat {
  width: 20%;
  float: left;
  margin-left: -14%;
  margin-top: -20%;
  display: none;
}
footer {
  position: absolute;
  margin-top: 489px;
}

@media screen and (max-width: 1920px) {
  .content {
    /* width: 1920px; */
    /* margin-top: 90px; */
  }
  .content .downd {
    height: 764px;
  }
  .content .xiaz {
    margin-left: 269px;
    margin-top: -12px;
  }
  .content .xiaz .phone2 {
    width: 270px;
    height: 556px;
  }

  .content .downd .dda {
    margin-top: 121px;
    margin-left: 86px;
  }
  .content .downd ul {
    margin-top: 420px;
    margin-left: 575px;
  }
  .content .downd ul .two {
    margin-left: 144px;
  }
  .content .downd ul li img {
    width: 60px;
    height: 70px;
    margin-top: 10px;
  }
  .content .downd ul li .img1 {
    width: 75px;
    height: 62px;
    margin-top: 15px;
  }
  .content .downd ul li .img2 {
    width: 58px;
    height: 58px;
    margin-top: 18px;
  }
  .content .downd ul li p {
    font-size: 22px;
    color: #999999;
    margin-top: 48px;
  }
  .content .downd .dda .p1 {
    font-size: 36px;
    margin-top: 120px;
  }
  .content .downd .dda .p2 {
    font-size: 28px;
    color: #999999;
    margin-left: 0px;
    margin-top: 20px;
  }
  footer {
    margin-top: 854px;
  }
}
@media screen and (max-width: 1680px) {
  .content {
    /* margin-top: 80px; */
    width: 1680px;
  }
  .content .downd {
    height: 648px;
  }
  .content .xiaz {
    margin-left: 300px;
  }
  .content .xiaz .phone2 {
    width: 236px;
    height: 486px;
  }

  .content .downd .dda {
    margin-top: 172px;
    margin-left: 77px;
  }
  .content .downd ul {
    margin-top: 400px;
    margin-left: 528px;
  }
  .content .downd ul .two {
    margin-left: 126px;
  }
  .content .downd ul li img {
    width: 50px;
    height: 60px;
  }
  .content .downd ul li .img1 {
    width: 65px;
    height: 52px;
    margin-top: 15px;
  }
  .content .downd ul li .img2 {
    width: 48px;
    height: 48px;
    margin-top: 18px;
  }
  .content .downd ul li p {
    font-size: 20px;
    color: #999999;
  }
  .content .downd .dda .p1 {
    font-size: 32px;
    margin-top: 105px;
  }
  .content .downd .dda .p2 {
    font-size: 25px;
    color: #999999;
    margin-left: 0px;
    margin-top: 18px;
  }
  footer {
    margin-top: 728px;
  }
}
@media screen and (max-width: 1440px) {
  .content {
    width: 1440px;
    /* margin-top: 68px; */
  }
  .content .xiaz {
    margin-left: 180px;
  }
  .content .downd {
    height: 555px;
  }
  .content .xiaz .phone2 {
    width: 202px;
    height: 416px;
    margin-top: 100px;
  }
  .content .downd ul .two {
    margin-left: 100px;
  }
  .content .downd .dda {
    margin-top: 147px;
    margin-left: 66px;
  }
  .content .downd ul {
    margin-top: 347px;
    margin-left: 485px;
  }
  .content .downd ul li img {
    width: 40px;
    height: 50px;
  }
  .content .downd ul li .img1 {
    width: 55px;
    height: 42px;
    margin-top: 15px;
  }
  .content .downd ul li .img2 {
    width: 38px;
    height: 38px;
    margin-top: 18px;
  }
  .content .downd ul li p {
    font-size: 17px;
    color: #999999;
    margin-top: 38px;
  }
  .content .downd .dda .p1 {
    font-size: 27px;
    margin-top: 90px;
  }
  .content .downd .dda .p2 {
    font-size: 21px;
    color: #999999;
    margin-left: 0px;
    margin-top: 15px;
  }
  footer {
    margin-top: 648px;
  }
}
@media screen and (max-width: 1366px) {
  .content {
    /* margin-top: 64px; */
    width: 1366px;
  }
  .content .xiaz {
    margin-left: 150px;
  }
  .content .downd {
    height: 527px;
  }
  .content .xiaz .phone2 {
    width: 192px;
    height: 395px;
  }
  .content .downd ul .two {
    margin-left: 60px;
  }
  .content .downd .dda {
    margin-top: 139px;
    margin-left: 62px;
  }
  .content .downd ul {
    margin-top: 327px;
    margin-left: 473px;
  }
  .content .downd ul li img {
    width: 30px;
    height: 40px;
  }
  .content .downd ul li .img1 {
    width: 35px;
    height: 32px;
    margin-top: 15px;
  }
  .content .downd ul li .img2 {
    width: 28px;
    height: 28px;
    margin-top: 18px;
  }
  .content .downd ul li p {
    font-size: 16px;
    color: #999999;
    margin-top: 28px;
  }
  .content .downd .dda .p1 {
    font-size: 20px;
    margin-top: 85px;
  }
  .content .downd .dda .p2 {
    font-size: 14px;
    color: #999999;
    margin-left: 0px;
    margin-top: 15px;
  }
  footer {
    margin-top: 591px;
  }
}
@media screen and (max-width: 1280px) {
  .content {
    width: 1280px;
  }
  .content {
    width: 1280px;
  }
  .content .xiaz {
    margin-left: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .content {
    width: 1024px;
  }
  .content .xiaz {
    margin-left: -30px;
  }
}
@media screen and (max-width: 960px) {
  .content {
    width: 960px;
  }
  .content .xiaz {
    margin-left: -25px;
  }
}