/*----------- media -----------*/
@media screen and (max-width: 1440px) {
    .style-banner {
      padding-top: 20em;
    }
  }
  @media screen and (max-width: 1024px) {
    .header .nav-content {
      width: 1024px;
    }
    .navbar a {
      font-size: 14px;
      padding: 0 10px;
    }
    .lang {
      left: 5px;
    }
    .post.team .post-text {
      padding: 50px 0px 0 0;
    }
    .PostBox.about .post .postAbout:after {
      width: 112%;
    }
    .fweixin {
      display: none;
    }
    .style-banner {
      padding-top: 15em;
    }
    .style-banner h5 {
      font-size: 40px;
    }
    .style-banner h4 {
      font-size: 1.5em;
    }
  }
  @media screen and (max-width: 960px) {
    .header,
    .header.opaque {
      padding-top: 60px;
    }
    .navbar {
      float: left;
      width: 100%;
    }
    .moble {
      display: block;
      height: 60px;
    }
    #navBox {
      display: none;
    }
    nav > ul > li > ul li {
      font-size: 14px;
      text-indent: 0px;
    }
    .header.opaque .navbar li.active > a {
      color: #fff;
      background-color: #fe9807;
    }
    .inner {
      /* height: 350px; */
      overflow-y: auto;
      background-color: #ccc;
    }
    .search-pup,
    .mLogo .logo,
    a.search-btn,
    .header .moble-bars,
    .header.opaque .header-nav.fixed .logo .logoa,
    .header.opaque .logo .logoa {
      display: block;
    }
    .header.opaque .logo .logob {
      display: none;
    }
    .search-btn,
    .sbtn,
    .searchBox {
      color: #aaa;
    }
    .moble {
      padding: 0 20px;
    }
    .post {
      padding: 60px 15px;
    }
    .sidebar {
      padding: 20px 10px;
    }
    .post .postTitle {
      margin-bottom: 25px;
    }
    .post .postTitle h3 {
      font-size: 1.8em;
    }
    .post .postTitle .title1 {
      font-size: 1.4em;
    }
    .post .postTitle h3 i {
      font-size: 0.4em;
      left: -24px;
      top: 10px;
    }
    .post .PostShow li {
      margin-bottom: 30px;
    }
    .post .PostShow li h4 {
      margin-bottom: 2px;
      font-size: 16px;
    }
    .post .PostShow li .post-img {
      margin-bottom: 12px;
    }
    .post.team {
      padding: 60px 0;
    }
    .post.team .post-img {
      max-width: 180px;
      max-height: 180px;
      margin-top: 20px;
    }
    .post.team .post-text span {
      margin-bottom: 15px;
    }
    .post.team .post-text {
      padding: 45px 40px 0 0;
      width: 64%;
    }
    .post.team .bx-controls-direction {
      margin-top: -85px;
    }
    .post.news li p {
      margin-top: 0px;
      line-height: 22px;
      height: 46px;
      overflow: hidden;
    }
    .post.team .bx-wrapper .bx-pager {
      padding-top: 10px;
    }
    .post.case .more {
      padding: 20px 0 30px;
    }
    .post .more {
      padding: 25px 0 0 0;
    }
    .PostNews {
      margin-top: 25px;
    }
    .pageNav {
      padding: 30px 0 25px;
    }
    .post.case .pageNav {
      padding-top: 10px;
    }
    .archive-top .archive-title span {
      line-height: 30px;
    }
    .subcate li {
      padding: 5px;
    }
    .subcate li a {
      padding: 4px 16px 3px;
      font-size: 16px;
    }
    .list-search p {
      padding: 16px;
    }
    .page-search,
    .list-search p {
      margin: 10px 0;
    }
    .PostBox.about .post .postTitle {
      padding: 25% 30px 0.1% 0;
    }
    .PostBox.about .post .more {
      bottom: 110px;
    }
    .PostBox.about .post .PostText {
      padding-right: 40px;
    }
    .bnBox.cateBn .text h3 {
      font-size: 36px;
    }
    .bnBox.cateBn .text p {
      font-size: 14px;
    }
  
    .style-banner {
      padding-top: 9em;
    }
    .style-banner h5 {
      font-size: 30px;
    }
    .style-banner h4 {
      font-size: 1em;
    }
  }
  @media screen and (max-width: 960px) {
    .post.news li p {
      margin-top: 0px;
      line-height: 22px;
      height: 46px;
      overflow: hidden;
    }
  }
  @media screen and (max-width: 900px) {
    .post.news li p {
      margin-top: 0px;
      line-height: 22px;
      height: 26px;
      overflow: hidden;
    }
  }
  @media screen and (max-width: 800px) {
    .post.team .post-text {
      padding: 30px 40px 0 0;
      width: 60%;
    }
    .container {
      padding: 0 12px;
    }
    .bnBox.cateBn .text h3 {
      font-size: 32px;
    }
    .bnBox.cateBn .text p {
      font-size: 14px;
    }
    .archive-top .archive-title h1 {
      font-size: 2.2em;
    }
  }
  
  @media screen and (max-width: 768px) {
    .mlang {
      margin: 0;
      position: fixed;
      top: 20px;
      right: 90px;
    }
    .mlang a.dropdown-toggle {
      font-size: 16px;
    }
    .vip-time-title{
        display: flex;
        flex-direction: column;
    }
  }
  
  @media screen and (max-width: 700px) {
    .post.team .post-text {
      padding: 19px 40px 0 0;
    }
    .PostBox.about .post .postAbout:after {
      width: 115%;
    }
  }
  
  @media screen and (max-width: 640px) {
    .header,
    .header.opaque {
      padding-top: 48px;
    }
    .moble {
      height: 48px;
      padding: 0 10px;
    }
    .header .moble-bars {
      margin-top: 9px;
    }
    .search-btn {
      top: 12px;
      right: 45px;
    }
    .inner {
      top: 48px;
    }
    .mLogo {
      height: 48px;
    }
    .mLogo .logo {
      height: 28px;
      margin-top: -14px;
    }
    .mLogo .logo img {
      height: 28px;
    }
    .post.news li p {
      margin-top: 0px;
      line-height: 22px;
      height: 46px;
      overflow: hidden;
    }
    .home-new{
      flex-direction: column;
    }
    .home-new .log-box{
      display: none;
    }
    .home-main,.home-news{
      grid-template-columns: 1fr;
      gap: 10px;
    }
    /* .home-new .home-item .home-list li span,
    .home-main .home-item .home-list li span
    {
      max-width: 140px;
    }
    .home-new .home-item .mobile-news li span{
      max-width: 320px;
    } */
    .home-news .home-item .home-title{
      background-size: cover;
    }
    .mobile-none{
      display: none;
    }
    .mobile-show{
      display: block;
    }
    /* 手机版列表 */
    .select-box .select-item .select-list {
      flex-wrap: wrap;
      max-height: 88px;
      overflow-y: scroll;
    }
    .zblist li{
      align-items: start!important;
    }
    .zblist li:not(:last-child){
      border-bottom: 1px solid #ccc;
    }
    .zblist li .index{
      min-width: 24px!important;
  
    }
    .zblist li .content{
      display: flex;
      flex:1;
      flex-direction: column;
    }
    .zblist li .content .zbright{
     min-width: 100%;
     color:#666!important;
    }
    .zblist li .content .zbtitle{
      flex: 1;
      color:#666;
      font-size: 16px;
      margin-bottom: 10px;
       /* 多行文本省略的核心样式 */
       display: -webkit-box!important;          /* 必须结合的属性，将对象作为弹性伸缩盒子模型显示 */
       -webkit-box-orient: vertical; /* 必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式 */
       -webkit-line-clamp: 2;         /* 限制在一个块元素显示的文本的行数 */
      white-space: wrap!important;
       /* 可选：设置行高，让两行看起来更协调 */
       line-height: 1.4;
       
       /* 可选：设置最大高度，确保只显示两行 */
       max-height: 2.8em; /* line-height * 2 */
    }
    .zblist li .icon{
      display: none;
    }
    .zblist li .area {
      flex:1;
    }
    .zblist li .content .sub-title{
      padding:0;
    }
    
    .zblist li .content .time{
     margin-right: 0; 
     color:#666!important;
    }
  
  
  
    .post {
      padding-left: 5px;
      padding-right: 5px;
    }
    .post.news {
      padding-left: 10px;
      padding-right: 10px;
    }
    .post .PostShow li {
      width: 47%;
      margin: 0 1.46% 25px;
    }
    .post.relates.imgRel .PostShow li {
      width: 47%;
      margin: 5px 1.5% 10px; /*  margin:0;*/
    }
    .relates.imgRel .title {
      text-indent: 6px;
      margin-top: 6px;
    }
    .post-img {
      max-width: 284px;
    }
    .post.team .post-text span {
      margin-bottom: 12px;
      font-size: 1em;
    }
    .post.team .LiBox a {
      text-align: center;
    }
    .post.team .post-img {
      max-width: 200px;
      max-height: 200px;
      margin: 20px auto;
      float: none;
      width: auto;
    }
    .post.team .post-text {
      width: auto;
      padding: 20px 20px 10px 20px;
    }
    .bx-controls-direction {
      display: none;
    }
    .post.team .post-text p {
      font-size: 14px;
    }
    .post.news li {
      width: 100%;
      margin: 0 0 10px;
    }
    .post.news li:nth-child(even) {
      float: left;
    }
    .post.news li h4 {
      font-size: 1em;
    }
    .post.news li p {
      font-size: 14px;
    }
    .post .postTitle h3 {
      margin-bottom: 0;
    }
    .post .postTitle .title1 {
      line-height: 1.2;
    }
    .breadcrumb {
      padding: 8px 0;
    }
    .subcate li {
      padding: 5px;
    }
    .subcate li a {
      padding: 4px 10px 3px;
      font-size: 14px;
    }
    .post-nav .post-next a {
      padding-right: 30px;
    }
    .post-nav .post-prev a {
      padding-left: 30px;
    }
    .post-nav div a i {
      font-size: 38px;
    }
    .article-box {
      padding: 0 16px 16px;
    }
    .relates,
    .commBox {
      padding: 16px;
    }
    .search-pup form button {
      top: 10px;
    }
  
    img.avatar {
      width: 40px;
      height: 40px;
    }
    li.msgarticle {
      padding-left: 15px;
    }
    ul.msg ul.msg li.msgarticle {
      padding-left: 10px;
    }
    ul.msg ul.msg li.msgarticle {
      padding-left: 0px;
    }
    .msgbox {
      padding-left: 51px;
    }
    #saypl ul,
    #saypl ul li {
      width: 100%;
    }
    .bx-wrapper .bx-pager {
      bottom: 18px;
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
      width: 5px;
      height: 3px;
    }
    .bx-wrapper .bx-pager.bx-default-pager a.active {
      width: 10px;
      height: 3px;
    }
  
    .PostBox.about .post .aboutImg {
      width: 100%;
    }
    .PostBox.about .post .postAbout {
      width: 100%;
    }
    .PostBox.about .post .postAbout:after {
      width: auto;
      right: 5%;
      left: 5%;
    }
    .PostBox.about .post .postTitle {
      text-align: center;
      padding: 100px 30px 0px;
    }
    .PostBox.about .post .PostText {
      text-align: left;
      padding: 0 65px;
    }
    .PostBox.about .post .more {
      left: 50%;
      transform: translateX(-50%);
      bottom: 100px;
    }
    .sidebar .addBox span.add {
      display: block;
      margin-right: 0;
    }
    .bnBox.cateBn .text h3 {
      font-size: 28px;
    }
    .bnBox.cateBn .text p {
      font-size: 14px;
    }
    .archive-top .archive-title h1 {
      font-size: 2em;
    }
  
    .style-banner {
      padding-top: 3em;
    }
    .style-banner h5 {
      font-size: 24px;
    }
    .style-banner h4 {
      font-size: 0.5em;
    }
    .mt-md-4,
    .my-md-4 {
      margin-top: 1rem !important;
    }
    .view-buttn a {
      font-size: 13px;
      padding: 4px 10px;
    }
  
    .mlang {
      margin: 0;
      position: fixed;
      top: 13px;
      right: 70px;
    }
    .mlang a.dropdown-toggle {
      font-size: 16px;
    }
    .link ul {
        display: flex!important;
        justify-content: center;
        flex-wrap: wrap;
    }
  }
  
  @media screen and (max-width: 480px) {
    .post.news li h4 {
      margin: 0;
      font-size: 1em;
      margin-top: -5px;
    }
    .post.news li p {
      margin-top: 0px;
      line-height: 20px;
      height: 40px;
    }
    .post.news .post-img {
      max-width: 138px;
      max-height: 138px;
    }
    .post .PostShow .loading {
      min-height: 90px;
    }
    .archive-top .archive-title h1 {
      font-size: 1.8em;
    }
    .avatar {
      margin-right: 10px;
    }
    .avatar img {
      width: 40px;
      height: 40px;
    }
    .commBody {
      margin-left: 55px;
    }
    .bx-wrapper .bx-pager {
      bottom: 10px;
    }
    #backTop {
      display: none;
    }
    .PostBox.about .post .postTitle {
      text-align: center;
      padding: 90px 50px 0px;
      margin-bottom: 20px;
    }
    .PostBox.about .post .PostText {
      text-align: left;
      padding: 0 50px;
    }
    .PostBox.about .post .more {
      left: 50%;
      transform: translateX(-50%);
      bottom: 90px;
    }
    .bnBox.cateBn .text h3 {
      font-size: 22px;
    }
    .bnBox.cateBn .text p {
      font-size: 10px;
    }
    .link ul {
      display: flex!important;
      justify-content: center;
      flex-wrap: wrap;
    }
    .header.opaque .navbar a{
        color:#000;
    }
  }
  @media screen and (max-width: 425px) {
    .post.news li h4 {
      white-space: normal;
    }
    .post.news li p {
      display: none;
    }
    .link ul {
      display: flex!important;
      justify-content: center;
      flex-wrap: wrap;
  }
  }
  @media screen and (max-width: 360px) {
    .PostBox.about .post .postTitle {
      padding: 75px 40px 0px;
      margin-bottom: 15px;
    }
    .PostBox.about .post .PostText {
      text-align: left;
      padding: 0 40px;
    }
    .PostBox.about .post .more {
      bottom: 80px;
    }
    .bnBox.cateBn .text h3 {
      font-size: 18px;
    }
    .link ul {
      display: flex!important;
      justify-content: center;
      flex-wrap: wrap;
  }
  }
  
  @media screen and (max-width: 320px) {
    .post-img {
      max-width: 100%;
    }
    .post .PostShow li {
      width: 98%;
      margin: 0 1% 20px;
    }
    .post .PostShow .loading {
      min-height: 60px;
    }
    .link ul {
      display: flex!important;
      justify-content: center;
      flex-wrap: wrap;
  }
  }