.lx-content .banner-box{
    margin-bottom: 20px;
    position: relative;
}
.lx-content .banner-box .banner-box_img {
    width: 100%;
    height: 290px;
    background-image: url(/img/pages/products/pbd/zntpb_banner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lx-content .banner-box .text-box{
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center  ;
    color: #fff;
    font-size: 40px;
}

.lx-content .banner-box .text-box span{
  margin: 0 15px;
}

.lx-content .banner-box .tryBtn{
    border: 1px solid #fff;
    font-size: 16px;
    display: inline-block;
    margin: 2% 0;
    padding: 5px 40px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}
.lx-content .banner-box svg{
    margin-bottom: 3px;
}

.lx-content .content-box{
  margin: 0 auto;
}
.lx-content  .nav{
  width: 90%;
  margin: 0 auto;
  color: #6c757d;
}
.lx-content  .nav .breadcrumb-box{
    display: inline-block;
}
.lx-content  .nav .breadcrumb{
    margin: 0;
    padding: 0;
    background-color: unset;
}

  .lx-content .content-box .title {
    margin: 30px auto;
    text-align: center;
    height: 90px;
    line-height: 90px;
    font-size: 30px;
  }
  
  .lx-content .box1{
    display: flex;
  }
  .lx-content .box1 .img-box{
    text-align: center;
  }
  .lx-content .box1 .column {
    margin: 0 1%;
    flex: 1;
  }

  .lx-content .box1 .column:first-of-type {
    margin-left: 2%;
  }
  .lx-content .box1 .column:last-of-type {
    margin-right: 2%;
  }
  
  .lx-content .column .column-text{
    display: block;
    margin: 10px 0;
    text-align: center;
    font-weight: 400;
    color:#777;
  }
  
  .lx-content .box2 .line {
    width: 90%;
    margin: 0 auto;
  }

  .lx-content .box3{
      display: flex;
  }
  .lx-content .box3 .content-title{
      color: #fff;
      width: 288px;
      height: 100px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
  }
  .lx-content .box3 .column{
      width: 28%;
      margin: 0 2.5%;
  }
  .lx-content .box3 .content-box{
      margin: 0 auto;
  }
  .lx-content .box3 .content-text{
      padding: 15%;
      color: #777777;
      font-size: 15.6px;
  }
  .lx-content #page-bottom img{
    width: unset;
  }

  @media (min-width: 320px){
    .content-box .nav {
        display: none;
    }

    .lx-content .banner-box .text-box span{
      display: block;
      font-size: 1.45rem;
    }

    .lx-content .banner-box .text-box .tryBtn {
      display: none;
    }

    .lx-content .content-box .title {
      height: 75px;
      line-height: 75px;
      font-size: 24px;
    }
    .lx-content .box1 img,.lx-content .box2 img{
      width: 100%;
    }
    .lx-content .column .column-text {
      margin: 10px 2%;
      font-size: 12px;
    }

    .lx-content .box3 {
      flex-direction: column;
    }

    .lx-content .box3 .column {
      width: 90%;
    }

    .lx-content .box3 .content-box {
      min-height: 200px;
    }

    .lx-content .box3 .content-title {
      width: 144px;
      height: auto;
      padding-left: 46px;
      background-position: top;
      line-height: 70px;
      font-size: 12px;
    }

    .lx-content .box3 .content-text {
      padding: 0 2%;
      font-weight: 400;
      font-size: 12px;
    }
  }

  @media(min-width: 992px){
    .lx-content .banner-box .text-box span{
      display: inline;
      font-size: 40px;
    }
    .lx-content .banner-box .text-box .tryBtn {
        display: inline-block;
    }
    .lx-content .banner-box .banner-box_img {
        height: 580px;
    }
    .content-box .nav {
        display: block;
    }
    .lx-content .content-box{
      max-width: 960px;
    }
    .lx-content .box3 .content-title{
      font-size: 22px;
      padding: 20% 0 10% 33%;
    }
    .lx-content .box1 .column {
      margin: 0 5% !important;
      flex: 1;
    }
    .lx-content .box1 img,.lx-content .box2 img{
      width: unset;
    }
    .lx-content .column .column-text {
      margin: 10px 0;
      font-size: 16px;
    }

    .lx-content .box3 {
      flex-direction: row;
    }

    .lx-content .box3 .column {
      width: 28%;
    }

    .lx-content .box3 .content-box {
      min-height: auto;
    }

    .lx-content .box3 .content-title {
      width: 288px;
      height: 100px;
      padding-left: 0;
      background-position: center;
      line-height: unset;
      font-size: 22px;
    }

    .lx-content .box3 .content-text {
      font-weight: 400;
      padding: 15%;
      font-size: 15.6px;
    }
  }
  @media(min-width: 1200px){
    .lx-content .content-box{
      max-width: 1140px;
    }
    .lx-content .box3 .content-title{
      font-size: 26px;
      padding: 15% 0 10% 27%;
    }
  }