.page-cate {
      display: none;
  }

  body,
  .nb-menu {
      background-color: #f5f5f5 !important;
  }

  .content .headline {
      margin-top: 40px;
      height: 450px;
  }

  .content .headline .cont {
      text-align: left;
      float: left;
      width: 50%;
      padding-right: 100px;
      box-sizing: border-box;
  }

  .content .headline .cont h2 {
      font-size: 36px;
      margin-bottom: 20px;
      font-weight: 400;
      text-align: left;
      color: rgb(51, 51, 51);
  }

  .content .headline .pic {
      width: 50%;
      height: 100%;
      float: right;
  }

  .content .headline .cont .des {
      font-size: 25px;
      margin-top: 30px;
      color: #333;
  }

  .content .headline .cont .des h5 {
      font-size: 25px;
      font-weight: normal;
  }

  .content .headline .cont .des .txt {
      margin-top: 25px;
      height: 220px;
      overflow-y: scroll;
      padding-right: 5px;
      font-family: 'PingFang SC', "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important;
  }

  .content .headline .cont .des .txt::-webkit-scrollbar {
      width: 4px;
      height: 4px;
  }

  .content .headline .cont .des .txt::-webkit-scrollbar-button {
      background-color: #eee;
  }

  .content .headline .cont .des .txt::-webkit-scrollbar-corner {
      background: #eee;
  }

  .content .headline .cont .des .txt::-webkit-scrollbar-thumb {
      background: #ddd;
      border-radius: 2px;
  }

  .content .headline .cont .des .txt::-webkit-scrollbar-track {
      background: #eee;

  }

  .content .headline .cont .des .txt p {
      font-size: 16px;
      color: #666;
      margin-top: 10px;
  }

  .content .headline .pic>img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }

  .particulars {
      background-color: #fff;
  }

  .headline .cont .other {
      margin-top: 70px;
  }

  .headline .cont .other .com-zx {
      margin-right: 60px;
      background-color: #22c577;
      display: inline-block;
      width: 168px;
      line-height: 44px;
      text-align: center;
      border: 1px solid #fff;
      color: #fff !important;
  }

  .headline .cont .other .share {
      margin-top: -2px;
      display: inline-block;
      vertical-align: middle;
      line-height: 32px;
  }

  .headline .cont .other .com-zx .icon {
      position: relative;
      margin-right: 14px;
      margin-top: -2px;
      width: 23px;
      height: 21px;
      background: url(../images/image/image/icon-zx.png) no-repeat center;
      display: inline-block;
      font-style: normal;
      vertical-align: middle;
      line-height: 44px;
      text-align: center;
  }

  .headline .cont .other .share {
      margin-top: -2px;
      display: inline-block;
      vertical-align: middle;
      line-height: 32px;
  }

  .headline .cont .other .share>span {
      font-size: 18px;
      float: left;

  }

  .headline .cont .other .share .bdshare-button {
      zoom: 1;
      float: left;
  }

  .headline .cont .other .share .bdshare-button a {
      float: left;
      width: 32px;
      line-height: 32px;
      height: 32px;
      cursor: pointer;
      margin: 0 5px !important;
      text-indent: -100em;
      overflow: hidden;
      color: #3a8ceb;
  }

  .headline .cont .other .share .bdshare-button .weixin {
      background: url(../images/image/image/wx.png) no-repeat center !important;
  }

  .headline .cont .other .share .bdshare-button .weibo {
      background: url(../images/image/image/sina.png) no-repeat center !important;
  }

  .headline .cont .other .share .bdshare-button .qqk {
      background: url(../images/image/image/qzone.png) no-repeat center !important;
  }

  .headline .cont .other .share .bdshare-button .qq {
      background: url(../images/image/image/qq.png) no-repeat center !important;
  }

  @media only screen and (max-width: 960px) {
      .content .headline .cont {
          text-align: left;
          float: left;
          width: 50%;
          padding-right: 50px;
          box-sizing: border-box;
      }

      .content .headline .cont h2 {
          font-size: 25px;
          margin-bottom: 15px;
          font-weight: 400;
          text-align: left;
          color: rgb(51, 51, 51);
      }

      .content .headline .cont .des h5 {
          font-size: 20px;
          font-weight: normal;
      }

      .content .headline .cont .des .txt p {
          font-size: 14px;
          color: #666;
          margin-top: 10px;
      }

      .headline .cont .other {
          margin-top: 30px;
      }

      .headline .cont .other .com-zx {
          margin-right: 30px;
          background-color: #22c577;
          display: inline-block;
          width: 140px;
          line-height: 35px;
          text-align: center;
          border: 1px solid #fff;
          color: #fff !important;
      }
  }

  @media only screen and (max-width: 768px) {
      .content .headline {
          margin-top: 60px;
          height: 470px;
      }

      .content .headline .cont h2 {
          font-size: 16px;
          margin-bottom: 10px;
          font-weight: 600;
          text-align: left;
          color: rgb(51, 51, 51);
      }

      .content .headline .cont .des h5 {
          font-size: 15px;
          font-weight: normal;
      }

      .content .headline .cont .des .txt p {
          font-size: 12px;
          color: #666;
          margin-top: 10px;
      }

      .headline .cont .other {
          margin-top: 15px;
      }

      .content .headline .cont {
          text-align: left;
          float: left;
          width: 50%;
          padding-right: 10px;
          box-sizing: border-box;
      }
  }