body {
    background: #000;
}
.banner img {
    width: 100%;
}
.model-box1 {
    position: relative;
    margin: 60px 0 0;
}
.model-box1 .model1_title {
    display: block;
    width: 439px;
    margin: 0 auto;
}
.model-box1 .model1_bg {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-74%);
    width: 55%;
}
.model-box1 .slide-title {
    display: block;
    width: 15%;
    margin: 30px auto 40px;
}
.model-box1 .slide-box {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 577px;
}
.model-box1 .slide-box img{
    height: 100%;
    object-fit: contain;
}
.x3-container .swiper-button-next {
    right: 6%;
}
.x3-container .swiper-button-prev {
    left: 6%;
}

.x3-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 1;
    margin-right: 10px !important;
}
.x3-container .swiper-pagination-bullet-active {
    background-color: #FF2302;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
}
.x3-container .mySwiper0 {
    padding-bottom: 70px;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: '';
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: '';
}


.bottom-logo {
    width: 65%;
    margin: 0 auto;
    display: block;
}
.bottom-logo .back {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin: 35px 0 70px;
    cursor: pointer;
}
.bottom-logo .bottom-logo-in{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 155px;
    background: url(../images/qiye2025/model6_bg.png) no-repeat center;
    background-size: 100%;
    margin: 120px auto 0;
  }
  .model-box2-in {
    position: relative;
    width: 100%;
    height: 1480px;
    background: url(../images/product_x3/model2_bg.png) no-repeat center;
    background-size: 125%;
    background-position: 30% 21%;
    margin: -16% auto 0;
  }
  .model-box2 .model2_txt {
    position: absolute;
    top: 55%;
    left: 17%;
    width: 23.8%;
  }
  .model_left {
    position: absolute;
    top: 38%;
    left: 3%;
    width: 32px;
  }
  .model_right {
    position: absolute;
    top: 24%;
    right: 3%;
    width: 32px;
  }
  .model-box3 {
    position: relative;
    width: 100%;
  }
  .model-box3 .model3_bg {
    width: 100%;
  }
  .model-box3 .model3_txt {
    position: absolute;
    top: 28%;
    right: 14%;
    width: 20.3%;
  }
  .model-box4-in {
    position: relative;
    width: 100%;
    height: 960px;
    background: url(../images/product_x3/model4_bg.png) no-repeat center;
    background-size: 90%;
    background-position: 233% top;
    margin: -5% auto 0;
  }
  .model-box4 .model4_txt {
    position: absolute;
    top: 31%;
    left: 21%;
    width: 23.8%;
  }
  .model-box4 .model_left{
    top: 31%;
  }
  .model-box5 {
    position: relative;
    width: 100%;
  }
  .model-box5 .model5_bg {
    width: 100%;
  }
  .model-box5 .model5_txt {
    position: absolute;
    top: 28%;
    right: 11%;
    width: 23.3%;
  }
  .model-box5 .model_right{
    top: 46%;
  }
  .model-box6 {
    position: relative;
    width: 100%;
  }
  .model-box6 .model6_bg {
    width: 100%;
  }
  .model-box6 .model6_txt {
    position: absolute;
    top: 28%;
    left: 18%;
    width: 20.7%;
  }
  .model-box6 .model_left{
    top: 67%;
  }
  .model-box7 {
    position: relative;
    width: 100%;
  }
  .model-box7 .model7_bg {
    width: 100%;
  }
  .model-box7 .model7_txt {
    position: absolute;
    top: 32%;
    right: 17%;
    width: 18.1%;
  }
  .model-box7 .model_right{
    top: 50%;
  }
  .model-box8 {
    position: relative;
    width: 100%;
  }
  .model-box8 .model8_bg {
    width: 100%;
  }
  .model-box8 .model8_txt {
    position: absolute;
    top: 41%;
    left: 16%;
    width: 22.8%;
  }
  .model-box8 .model_left{
    top: 41.5%;
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0px;
  }
  @media screen and (max-width: 960px) {
    .model-box1 .slide-box img {
      width: 100%;
    }
    .model-box1 .model1_title {
      width: 51%;
    }
    .model-box1 .slide-title {
      display: block;
      width: 55%;
      margin: .2rem auto .6rem;
    }
    .swiper-slide {
      display: block;
      background: transparent;
    }
    .model-box1 .slide-box {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 2rem;
    }
    .model-box1 .model1_bg {
      transform: translate(-50%, 37%);
      width: 94%;
    }
    .model-box .model_title {
      position: relative;
      z-index: 1;
      width: 100%;
      display: block;
    }
    .model_left {
      position: absolute;
      top: 10%;
      left: 2.5%;
      width: .08rem;
    }
    .model_right {
      position: absolute;
      top: 46%;
      right: 3%;
      width: .09rem;
    }
    .model-box2 {
      margin-top: .5rem;
    }
    .model-box .model_txt {
      position: absolute;
      top: 0%;
      left: 10%;
      width: 65%;
      color: #fff;
    }
    .model-box2 .model-box2-in {
      position: relative;
      width: 100%;
      height: 5.5rem;
      background: url(../images/product_x3/model2_bg.png) no-repeat center;
      background-size: 10rem;
      background-position: 61% 24%;
      margin: 0 auto;
    }
    .model-box .model_txt_top {
      font-weight: normal;
      font-size: .16rem;
      font-family: 'Sans_SC_Bold';
      margin: 0 0 .15rem 0;
    }
    
    .model-box .model-tag {
        width: .14rem;
        margin-right: .03rem;
    }
    
    .model-box .model_txt_in {
        margin-top: .3rem;
    }
    
    .model-box .model_txt_bottom {
        font-size: .14rem;
        line-height: 1.6;
        font-family: 'Sans_SC_Light';
        margin: .3rem 0 0;
    }
    .model-box2 .model_txt_bottom {
        width: 85%;
    }
    .model-box .other_bg {
      width: 100%;
      margin-bottom: .5rem;
    }
    .model-box3 .model_title {
      width: 77%;
    }
    .model-box3 .model_txt {
      width: 55%;
      top: 2%;
      left: auto;
      right: 7%;
    }
    .model-box3 .model_txt_top {
        line-height: 1.3;
    }
    .toptxt-red {
      color: #FF2303;
    }
    .model_txt_top .toptxt-red:nth-of-type(1) {
      margin-left: .17rem;
    }
    .model-box4 {
      margin-top: .5rem;
    }
    .model-box4 .model_txt {
      width: 70%;
    }
    .model-box4-content {
      width: 100%;
      height: 2.85rem;
      /* border: .01rem solid red; */
      position: relative;
      z-index: 1;
    }
    .model-box4-in {
      position: relative;
      width: 100%;
      height: 3.6rem;
      background: url(../images/product_x3/model4_bg.png) no-repeat center;
      background-size: 162%;
      background-position: 43% -10%;
      margin: 0 auto;
      /* border: .01rem solid red; */
    }
    .model-box4 .model_title {
      width: 72%;
    }
    .model-box4 .model4_txt_bottom2 {
      margin-top: .1rem;
    }
    .model-box4 .other_bg {
      margin-top: .1rem;
    }
    .model-box5 {
      margin-top: .5rem;
    }
    .model-box5-content {
      width: 100%;
      height: 2.85rem;
      /* border: .01rem solid red; */
      position: relative;
      z-index: 1;
    }
    .model-box5-in {
      position: relative;
      width: 100%;
      height: 3.9rem;
      background: url(../images/product_x3/model5_bg.png) no-repeat center;
      background-size: 242%;
      background-position: 46% bottom;
      margin: 0 auto;
      /* border: .01rem solid red; */
    }
    .model-box5 .model_txt {
      position: absolute;
      top: 0%;
      left: auto;
      right: 10%;
      width: 60%;
      color: #fff;
    }
    .model-box5 .model_title {
      width: 85%;
    }
    .model-box5 .model5_txt_bottom2 {
      margin-top: .1rem;
    }
    .model-box5 .model_left {
      position: absolute;
      top: 29%;
      left: 2.5%;
      width: .08rem;
    }
    .model-box6 {
      margin-top: .5rem;
      width: 100%;
      overflow: hidden;
    }
    .model-box6-content {
      width: 100%;
      height: 2.24rem;
      /* border: .01rem solid red; */
      position: relative;
      z-index: 1;
    }
    .model-box6-in {
      position: relative;
      width: 100%;
      height: 3.6rem;
      background: url(../images/product_x3/model6_bg.png) no-repeat center;
      background-size: 197%;
      background-position: 80% 0;
      margin: 0 auto;
      /* border: .01rem solid red; */
      transform: rotate(-20deg);
    }
    .model-box6 .model_title {
      width: 60%;
    }
    .model-box6 .model6_txt_bottom2 {
      margin-top: .1rem;
    }
    .model-box6 .model_right{
      position: absolute;
      top: 7%;
      right: 3.8%;
      width: .09rem;
    }
    .model-box7 .model_title {
      width: 60%;
    }
    .model-box7 .model_txt {
      width: 60%;
      top: 2%;
      left: auto;
      right: 7%;
    }
    .model-box7 .model_txt_top {
        line-height: 1.3;
    }
    .model-box8 .model_txt {
      position: absolute;
      top: .5rem;
      left: 10%;
      width: 72%;
      color: #fff;
    }
    .model-box8 .model_title {
      position: relative;
      z-index: 1;
      width: 62%;
      display: block;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
      top: auto;
      bottom: 0;
      left: 0;
      padding: 0;
      width: 100%;
    }
    .esc-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: .1rem;
      height: .1rem;
    }
    .esc-container .banner {
      margin-top: 0;
    }
    .model-box1 .swiper {
      width: 80%;
    }
    .x3-container .swiper-pagination-bullet {
      width: 0.1rem;
      height: 0.1rem;
      margin-right: .07rem !important;
    }
}