.zw-template-inner {
  overflow: hidden
}

* {
  padding: 0;
  margin: 0;
  list-style: none
}

a {
  text-decoration: none
}

h1,h2,h3,h4,p,span {
  font-weight: normal
}

.book {
  margin: 0 auto;
  width: 1277px
}

.wpaper {
  padding-top: 20px;
  min-width: 1340px;
  margin-bottom: 88px
}

.news-top {
  height: 56px;
  width: 100%;
  display: flex;
  justify-content: center
}

.news-top .bread-nav {
  width: 1160px;
  display: flex;
  align-items: center
}

.bread-nav a {
  font-size: 14px;
  color: #545861;
  margin-right: 4px;
  font-weight: 400
}

.bread-nav span {
  font-size: 14px;
  color: #545861;
  margin-right: 4px;
  font-weight: 400
}

.bread-nav a:hover {
  color: #ff8000
}

.bread-nav img {
  width: 12px;
  height: 12px;
  margin-right: 4px
}

.bread-nav .bread-news-title {
  font-size: 14px;
  color: #545861
}

.body-wrapper {
  width: 100%;
  display: flex;
  justify-content: center
}

.content-wrapper {
  width: 1180px;
  display: flex;
  margin-top: 10px
}

.content-wrapper .tab-left {
  display: flex;
  flex-direction: column;
  margin-right: 72px;
  width: 792px
}

.content-wrapper .tab-left .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 56px;
  color: #181c25;
  margin-bottom: 20px
}

.content-wrapper .tab-left .time {
  display: flex;
  margin-bottom: 26px
}

.tab-left .time .month-day {
  font-size: 14px;
  font-family: HelveticaNeue;
  color: #91959e;
  margin-right: 16px
}

.tab-left .time .source {
  font-size: 14px;
  color: #91959e
}

.content-wrapper .tab-left .body-wrapper-article {
  width: 792px;
  margin-top: 40px;
  margin-bottom: 76px
}

.tab-left .image {
  width: 792px;
  height: 434px
}

.content-wrapper .tab-left .read-nextpage {
  display: flex;
  margin-bottom: 14px
}

.content-wrapper .tab-left .read-nextpage .next-line {
  border-left: 3px solid #ff8000;
  margin-right: 6px
}

.content-wrapper .tab-left .read-nextpage .read-next {
  font-size: 14px;
  color: #545861
}

.content-wrapper .tab-left .next-link {
  font-size: 36px;
  font-weight: 500;
  color: #181c25
}

.content-wrapper .tab-left .next-link:hover {
  color: #ff8000
}

.body-wrapper .tab-right {
  width: 300px;
  height: max-content;
  background: #fff;
  display: flex;
  float: left;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: #181c25
}

.add {
  position: fixed;
  top: 55px
}

.tab-right .xgtj .right-title {
  text-align: center;
  margin: 24px 24px 16px 24px;
  height: 34px;
  font-size: 24px;
  font-weight: 500;
  color: #181c25;
  line-height: 34px
}

.xgtj .recommend-lists {
  width: 250px;
  margin: auto 30px
}

.xgtj .recommend-lists .lists-item {
  display: flex;
  align-items: center;
  margin-bottom: 23px;
  line-height: 26px;
  font-size: 16px;
  overflow: hidden
}

.xgtj .recommend-lists a {
  color: #202020
}

.xgtj .recommend-lists .lists-item:last-child {
  margin-bottom: 40px
}

.xgtj .recommend-lists .lists-item .point {
  width: 28px;
  height: 20px;
  background-image: url(//cdn.zoho.com.cn/sites/zweb/images/zh-hans/crm/huixingzhen.png);
  background-repeat: no-repeat;
  margin-right: 7px
}

.xgtj .recommend-lists .lists-item .case-title {
  width: 284px;
  line-height: 30px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

.xgtj .recommend-lists .lists-item .case-title:hover {
  overflow: visible;
  text-overflow: unset;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

.tab-right .right-line {
  width: 304px;
  height: 1px;
  background: #dee1e6;
  margin-bottom: 39px
}

.tab-right .right-qrcode {
  display: flex;
  flex-direction: column;
  align-items: center
}

.tab-right .right-qrcode img {
  width: 100%;
  border-radius: 10px
}

.tab-right .right-qrcode p {
  text-align: center;
  width: 276px;
  height: 60px;
  line-height: 26px;
  font-size: 16px
}

.footer {
  height: 250px;
  padding: 40px 0;
  display: flex;
  /* width: 1080px; */
}

.footer .media {
  width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

.media .media-title {
  font-size: 32px;
  font-weight: 500;
  color: #181c25;
  margin-bottom: 28px
}

.media-list {
  display: flex;
  /* justify-content: center; */
  margin: 0 auto;
}

.media .media-list li {
  width: 280px;
  height: 242px;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #dee1e6;
  border-radius: 4px
}

.media .media-list li a {
  text-decoration: none
}

.media .media-list li a img {
  width: 280px;
  height: 160px;
  border-radius: 4px 4px 0 0
}

.media-list li a .title {
  font-size: 18px;
  color: #181c25;
  font-weight: 500;
  padding: 18px 24px;
  line-height: 34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.body-wrapper-article img {
  width: 21px;
  height: auto;
  margin: 6px 0 13px 0
}

.body-wrapper-article blockquote {
  color: #666;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.7;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.body-wrapper-article blockquote cite {
  display: block;
  font-style: normal;
  font-weight: 600;
  margin-top: .5em
}

.body-wrapper-article blockquote:before,.body-wrapper-article blockquote:after {
  content: ''
}

.body-wrapper-article pre {
  background: #eee;
  font-family: 'Courier 10 Pitch',Courier,monospace;
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em
}

body {
  margin: 0 !important
}

.body-wrapper-article .alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em
}

.body-wrapper-article .alignright {
  display: inline;
  float: right;
  margin-left: 1.5em
}

.body-wrapper-article .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.body-wrapper-article {
  font-size: 16px;
  line-height: 24px
}

.body-wrapper-article h2 {
  font-size: 20px;
  margin: 30px 0 -5px 0
}

.body-wrapper-article h3 {
  font-size: 16px;
  margin: 9px 0 15px 0;
  font-weight: 600
}

.body-wrapper-article p {
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 16px 0
}

.whitepaper-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.whitepaper-img {
  width: 330px;
  margin-right: 40px;
  box-shadow: 0 0 32px 0 rgba(0,0,0,0.04),0 0 5px 0 rgba(24,28,37,0.12);
  border: 1px solid #dee1e6
}

.whitepaper-img .content-image {
  width: 330px
}

.whitepaper-intro {
  width: 422px
}

.whitepaper-header .title {
  margin-bottom: 24px
}

.whitepaper-header .whitepaper-intro p {
  font-size: 16px;
  color: #545861;
  line-height: 26px;
  margin-bottom: 24px
}

.whitepaper-header ul {
  font-size: 16px;
  color: #545861;
  line-height: 26px;
  margin-bottom: 24px
}

.i-btn {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
  border-radius: 24px;
  font-size: 24px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 3px 10px 1px #0d39ff87
}

.i-btn-download {
  background: #1a43dd;
  color: #fff !important
}

@media screen and (max-width: 1400px) {
  .content-wrapper {
      width:1040px
  }

  .content-wrapper .tab-left {
      margin-right: 245px;
      width: 513px
  }

  .content-wrapper .tab-left .body-wrapper-article {
      width: 729px
  }

  .news-top .bread-nav {
      width: 1035px
  }

  .body-wrapper .tab-right {
      width: 480px
  }

  .xgtj .recommend-lists .lists-item .point {
      width: 26px
  }

  .wpaper {
      min-width: 1312px
  }

  .xgtj .recommend-lists {
      width: 269px;
      margin: 0 auto
  }

  .media-list li a .title {
      padding: 0 18px
  }

  .media .media-list li {
      width: 253px;
      height: 215px;
      /* margin:0 auto; */
      margin-bottom: 18px;
  }

  .footer .media {
      /* width:950px; */
      /* margin: 0 auto; */
  }

  .whitepaper-img {
      margin: 0 auto;
      width: 445px;
      margin-right: 30px;
      height: -webkit-fill-available
  }

  .body-wrapper-article p {
      width: 95%
  }
}

.gaisu {
  width: 11px;
  height: 23px;
  background-color: #0067ff;
  position: absolute
}

.mulu1 {
  margin-left: 30px
}

.mulu1 p {
  font-size: 20px
}

.xgtj {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #dee1e6;
  margin-bottom: 20px
}

.xgtj .recommend-lists .lists-item p {
  margin: 0
}

@media only screen and (max-width: 1200px) {
  .news-top .bread-nav {
      width:935px
  }

  .wpaper {
      max-width: 990px
  }

  .wpaper {
      min-width: 1180px
  }

  .content-wrapper {
      width: 935px
  }

  .content-wrapper .tab-left {
      margin-right: 50px;
      width: 500px
  }

  .content-wrapper .tab-left .body-wrapper-article {
      width: 575px
  }

  .body-wrapper .tab-right {
      width: 300px
  }

  .footer .media {
      width: 875px
  }

  .footer {
      height: 500px
  }

  .media .media-list li:last-child {
      margin-right: auto
  }
}

@media only screen and (max-width: 1199px) {
  .media-list {
      flex-wrap:wrap
  }
  .footer .media {
    align-items: unset;
  }
}

@media only screen and (max-width: 991px) {
  .news-top .bread-nav {
      width:750px
  }

  .content-wrapper .tab-left .body-wrapper-article {
      width: 400px
  }

  .content-wrapper .tab-left {
      width: 350px
  }

  .wpaper {
      max-width: 550px
  }

  .wpaper {
      min-width: 880px
  }

  .book {
      width: 730px
  }

  .content-wrapper {
      width: 750px
  }

  .content-wrapper .tab-left .body-wrapper-article {
      width: 400px
  }

  .body-wrapper .tab-right {
      width: 275px
  }

  .footer .media {
      width: 730px
  }

  .footer {
      height: 500px
  }
}

@media only screen and (max-width: 767px) {
  .content-wrapper .tab-left .body-wrapper-article {
      margin:0 auto;
      width: 90%
  }

  .media-list {
      display: initial
  }

  .whitepaper-header {
      width: 480px
  }

  .news-top .bread-nav {
      flex-wrap: wrap;
      padding: 10px
  }

  .footer {
      margin: 0;
      width: 480px
  }

  .media-list {
      flex-wrap: wrap;
      justify-content: center
  }

  .mobile-bfc {
      overflow: hidden;
      height: auto !important;
      min-height: auto !important;
      width: 100% !important;
      min-width: auto !important;
      margin: 0 auto !important;
      padding: 0 !important;
      display: block !important;
      position: static !important
  }

  .mobile-scroll-x {
      overflow-x: scroll
  }

  .scale-08 {
      transform: scale(0.9);
      width: 100%
  }

  .mobile-title {
      font-size: 22px !important;
      padding: 10px 20px !important;
      font-weight: 600 !important;
      margin: 0 !important;
      text-align: center !important;
      line-height: 30px !important
  }

  .mobile-sub-title {
      font-size: 16px !important;
      padding: 10px 20px !important;
      margin: 0 !important;
      text-align: center !important;
      line-height: 26px !important
  }

  .mobile-fs-20 {
      font-size: 20px !important
  }

  .mobile-fs-16 {
      font-size: 16px !important
  }

  .mobile-fs-14 {
      font-size: 14px !important
  }

  .mobile-align-center {
      text-align: center !important
  }

  .mobile-outline {
      width: 100% !important;
      height: auto !important
  }

  .mobile-hide {
      display: none !important
  }

  .mobile-padding-10 {
      padding: 10px !important
  }

  .mobile-opacity-show {
      opacity: 1
  }

  .flex-center {
      display: flex !important;
      justify-content: center !important
  }

  .mobile-zoom-03 {
      text-size-adjust: none;
      -webkit-text-size-adjust: none;
      zoom:.3}

  .mobile-content-artical {
      padding: 10px
  }

  .mobile-content-artical img {
      height: auto !important
  }

  .mobile-content-artical video {
      width: 100% !important;
      height: auto !important
  }

  .mobile-full {
      width: 100% !important;
      height: 100% !important
  }

  .mobile-scale-box {
      margin: auto
  }

  .mobile-scale-lt-03 {
      transform-origin: 0 0;
      transform: scale(0.3)
  }

  .mobile-scale-lt-06 {
      transform-origin: 0 0;
      transform: scale(0.6)
  }

  .mobile-margin-b-10 {
      margin-bottom: 10px
  }

  .xgtj {
      width: 90%
  }

  .tab-right .right-qrcode {
      width: 90%
  }

  .body-wrapper .tab-right {
      width: 100%
  }

  .footer .media {
      width: 480px;
      margin: auto
  }

  .book {
      width: 100%
  }

  .whitepaper-img .content-image {
      width: 100%
  }

  .whitepaper-img {
      margin: 0 auto;
      width: 80%
  }

  .news-top {
      display: none
  }
}