@media screen and (max-width: 1200px) {
  .bql-lb-1 .slide-1-bg {
    width: 1000px;
  }
  .bql-lb-2 .slide-2-bg {
    width: 1000px;
  }
  .bql-lb-1 .slide-right p.p-one {
    padding-top: 160px;
  }
  .bql-lb-1 .slide-right p {
    font-size: 80px;
  }
  .bql-2 .bql-2-cen::before {
    width: 1000px;
    height: 1000px;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(1) {
    left: 0%;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(2) {
    left: 87px;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(3) {
    left: 200px;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(4) {
    left: 690px;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(5) {
    left: 800px;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(6) {
    left: 900px;
  }
  .bql-3 .bql-3-cen .text p {
    font-size: 85px;
    padding-top: 180px;
  }
  .bql-4 .bql-4-cen .text p {
    font-size: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .headerbg {
    height: 10rem;
  }
  .bql-lb-2 .slide-2-bg .slide-left p,
  .bql-lb-1 .slide-right p {
    font-size: 1rem;
    text-align: center;
  }
  .bql-lb-2 .slide-2-bg .slide-left .p-two,
  .bql-lb-1 .slide-right p {
    font-size: 0.9rem;
    text-align: center;
  }
  .bql-lb-1 .slide-right p {
    font-size: 0.9rem;
    text-align: left;
  }
  .slide-1-bg {
    transform: rotateX(180deg);
  }
  .bql-lb-1 .slide-left {
    position: absolute;
    bottom: 0;
    float: none;
    width: 100%;
    height: 100%;
    transform: rotateX(180deg);
  }
  .bql-lb-1 .slide-left img {
    width: 130%;
    height: 100%;
  }
  .bql-lb-2 .slide-2-bg .slide-right img {
    max-width: 130%;
  }
  .bql-lb-2 .slide-2-bg .slide-right {
    left: 40%;
  }
  .bql-lb-1 .slide-right {
    position: absolute;
    bottom: 1rem;
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    transform: rotateX(180deg);
  }
  .bql-lb-1 .slide-right p.p-one {
    padding-top: 0;
  }
  .bql-2 .bql-2-cen {
    height: 6.6667rem;
  }
  .bql-2 .bql-2-cen::before {
    width: 130%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 200%;
    border-radius: 50%;
  }
  .bql-2 .bql-2-cen::after {
    width: 120%;
    height: 200%;
    border-radius: 50%;
  }
  .cen-img::before {
    width: 90%;
    height: 200%;
    border-radius: 50%;
  }
  .cen-img {
    padding: 0.5rem;
  }
  .cen-img img {
    width: 40%;
  }
  .bql-1 .bql-1-cen ul li {
    width: 32%;
  }
  .bql-1 .bql-1-cen ul li:nth-child(-n+2) {
    width: 36%;
  }
  .bql-2 .bql-2-cen .cen-bg ul li {
    width: 1.3333rem;
    height: 1.3333rem;
    padding: 0.0667rem;
  }
  .bql-2 .bql-2-cen .cen-bg ul li p {
    width: 130%;
    font-size: 0.1867rem;
    margin: 0.1333rem 0;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(1) {
    top: 65%;
    left: 1%;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(2) {
    top: 30%;
    left: 7%;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(3) {
    top: 10%;
    left: 25%;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(4) {
    top: 10%;
    left: 60%;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(5) {
    top: 30%;
    left: 78%;
  }
  .bql-2 .bql-2-cen .cen-bg ul li:nth-child(6) {
    top: 65%;
    left: 84%;
  }
  .bql-3 .bql-3-cen .text {
    float: none;
    width: 100%;
    text-align: center;
  }
  .bql-3 .bql-3-cen .img {
    float: none;
    width: 100%;
    text-align: center;
  }
  .bql-3 .bql-3-cen .img img {
    width: 55%;
  }
  .bql-3 .bql-3-cen .text p {
    text-align: center;
    font-size: 1rem;
    padding-top: 0.6667rem;
    text-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.5);
  }
  .bql-3 .bql-3-cen .text span {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    text-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.5);
  }
  .bql-4 {
    padding: 0.5333rem 0;
  }
  .bql-4 .bql-4-cen .text {
    float: none;
    width: 100%;
    text-align: center;
  }
  .bql-4 .bql-4-cen .img {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0.2667rem 0;
  }
  .bql-4 .bql-4-cen .text p {
    font-size: 1rem;
    padding-top: 0;
    text-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.5);
  }
  .bql-4 .bql-4-cen .text p em {
    text-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.5);
  }
  .bql-4 .bql-4-cen .text span {
    display: block;
    width: 100%;
    font-size: 0.8rem;
    text-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.5);
  }
  .bql-4 .bql-4-cen .img img {
    width: 55%;
  }
}