.animate-item {
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.animate-active {
  animation-fill-mode: forwards !important;
  pointer-events: auto;
}
.bannermin {
  width: 100%;
  height: calc(280 * var(--vw-unit));  
  overflow: hidden; 
  position: relative;
}

.bannermin img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  transform-origin: center center; 
  animation: swiperSlideFadeIn 5s linear forwards;
  animation-play-state: running;
}

.conboxbg{
  background: url('conbg.jpg') repeat-y center center;
  background-size: 100% auto;padding-bottom: calc(30 * var(--vw-unit));
  .positionbox{
    width: 100%;
    height:calc(60 * var(--vw-unit));
    background:rgba(255,255,255,0.4);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
    .con{
      width: calc(1400 * var(--vw-unit));
      margin: 0 auto;
      display: flex;
      align-items: center;
      height:calc(60 * var(--vw-unit));
      line-height:calc(60 * var(--vw-unit));
      font-size: calc(16 * var(--vw-unit));
      a{
        color:#134D76;
      }
      a:last-child{
        color: #999;
      }
      .arrow{
        margin: 0 calc(4 * var(--vw-unit));color:#134D76;
      }
    }
  }
  .listmain{
    min-height: calc(450 * var(--vw-unit));
    width:  calc(1400 * var(--vw-unit));
    background: rgba(255,255,255,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    border-radius: calc(8 * var(--vw-unit));
    margin: calc(20 * var(--vw-unit)) auto 0 auto;
    
    .menumax{
      width: 100%;
      overflow-x: auto;
      .menuzi{
        width: max-content;
        min-width: 100%;
        border-bottom: solid calc(1 * var(--vw-unit)) #eaeaea;
        height: calc(100 * var(--vw-unit));
        padding: calc(30 * var(--vw-unit));
        display: flex;
        align-items: center;
        gap: calc(120 * var(--vw-unit));
        padding-top: calc(45 * var(--vw-unit));
        li{
          color: #999;
          font-size: calc(28 * var(--vw-unit));
          height: calc(56 * var(--vw-unit));
          width: calc(140 * var(--vw-unit));
          text-align: center;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
        }
        li.active,li:hover{
          color: #134D76;
        }
        li.active::after,li:hover::after{
          content: "";
          display: block;
          background: url(../images/menuline.png) no-repeat center bottom;
          width: calc(140 * var(--vw-unit));
          height: calc(18 * var(--vw-unit));
          background-size: 100% 100%;
        }

      }
    }
    .jucenter{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .listbox{
      padding:0 calc(30 * var(--vw-unit));
      li{
        border-bottom: dashed calc(1 * var(--vw-unit)) #eaeaea;
        a{
          display: flex;
          align-items: center;
          height:calc(80 * var(--vw-unit)) ;
          line-height:calc(80 * var(--vw-unit)) ;
          font-size:calc(16 * var(--vw-unit));
          color: #333;
        }
        a:hover{
          color: #134D76;
          h1{
            color: #134D76;
          }
        }
        a:before{
          content: "";
          display: block;
          width:calc(9 * var(--vw-unit));
          height:calc(17 * var(--vw-unit));
          background: url('liblueico.png') no-repeat center center;
          background-size: 100% 100%;
        }
        h1{
          color: #333;
          flex: 1;
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size:calc(16 * var(--vw-unit));
          font-weight: 400;
          white-space: nowrap;
          margin: 0 calc(10 * var(--vw-unit)) 0 calc(5 * var(--vw-unit));
        }
        span{
          display: block;
          width: calc(90 * var(--vw-unit));
          text-align: right;
        }
      }
    }
    .listPicDc{
      padding: calc(30 * var(--vw-unit));
      overflow: hidden;
      .li{
        width:calc(320 * var(--vw-unit)) ;
        float: left;
        margin-right: calc(20 * var(--vw-unit));
        margin-bottom: calc(20 * var(--vw-unit));
        a{
          .licon{
            border: solid calc(2 * var(--vw-unit)) #ededed;
            padding:calc(15 * var(--vw-unit));
            height:calc(427 * var(--vw-unit)) ;
            .liinr{
              border: solid calc(1 * var(--vw-unit)) #ededed;
              padding:calc(15 * var(--vw-unit));
              height: calc(100%);
              position: relative;
              .pic{
                height: 100%;
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
              }
              img{
                /* max-height: 100%;
                width: auto;
                max-width: 100%;
                margin: 0 auto; */
                max-width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                z-index: 20;
                transition: transform 0.5s ease;
              }
              i{
                width: calc(31 * var(--vw-unit));
                height: calc(31 * var(--vw-unit));
                background:#f9f9f9 url('pictb.png') no-repeat center center;
                background-size: 70% 70%;
                display: block;
              }
              i:nth-child(2){
                position: absolute;
                top: calc(-10 * var(--vw-unit));
                left: calc(-10 * var(--vw-unit));
                z-index: 10;
              }
              i:nth-child(3){
                position: absolute;
                top: calc(-10 * var(--vw-unit));
                right: calc(-10 * var(--vw-unit));
                z-index: 10;
                transform: scaleX(-1) scaleY(1);
              }
              i:nth-child(4){
                position: absolute;
                bottom: calc(-10 * var(--vw-unit));
                left: calc(-10 * var(--vw-unit));
                z-index: 10;
                transform: scaleX(1) scaleY(-1);
              }
              i:nth-child(5){
                position: absolute;
                bottom: calc(-10 * var(--vw-unit));
                right: calc(-10 * var(--vw-unit));
                z-index: 10;
                transform: scaleX(-1) scaleY(-1);
              }

            }
          }
          .tit{
            text-align: center;
            font-size: calc(16 * var(--vw-unit));
            line-height: calc(50 * var(--vw-unit));
            height: calc(50 * var(--vw-unit));
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
      @media screen and (min-width: 1023px) { 
        .li:nth-child(4n){
          margin-right: 0;
        }
      }
      .li:hover{
        .licon{
          border-color: #134D76;
          .liinr{
            border-color: #134D76;
            img{transform: scale(1.2);}
            i{
                background:#f9f9f9 url('pictbon.png') no-repeat center center;
                background-size: 70% 70%;
            }
          }
        }
        .tit{
          color: #134D76;
        }
      }
    }
    .maincon{
      padding: calc(30 * var(--vw-unit));
      line-height: calc(30 * var(--vw-unit));
      font-size: calc(16 * var(--vw-unit));
      p,span{
      line-height: calc(30 * var(--vw-unit));
      font-size: calc(16 * var(--vw-unit));

      }
    }

  }

  
    .listPicDwjl{
      padding: calc(30 * var(--vw-unit)) 0 calc(30 * var(--vw-unit)) 0;
      overflow: hidden;
      .jlli{
        border: solid calc(1 * var(--vw-unit)) #ededed;
        padding: calc(20 * var(--vw-unit)) calc(20 * var(--vw-unit)) calc(10 * var(--vw-unit)) calc(20 * var(--vw-unit));
        float: left;
        width: calc(453 * var(--vw-unit));
        margin-right: calc(20 * var(--vw-unit));
        margin-bottom: calc(20 * var(--vw-unit));
        .pic{
          height: calc(308* var(--vw-unit));
          width: 100%;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
          border: solid calc(1 * var(--vw-unit)) #ededed;
        }
        img{
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
          transition: transform 0.5s ease;
        }
        h1{
          font-weight: 400;
          color: #333;
          font-size: calc(16 * var(--vw-unit));
          line-height: calc(40 * var(--vw-unit));
          height: calc(40 * var(--vw-unit));display: block;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
        span{
          display: block;
          line-height: calc(30 * var(--vw-unit));
          color: #999;font-size: calc(16 * var(--vw-unit));
        }
      }
      @media screen and (min-width: 1023px) { 
      .jlli:nth-child(3n){margin-right: 0;}
      }
      .jlli:hover{
        color: #134D76;
        border: solid calc(1 * var(--vw-unit)) #134D76;
        a{
          color: #134D76;
          img{
            transform: scale(1.2);
          }
          h1{
            color: #134D76;
          }
          span{
            color: #134D76;
          }
        }
      }

    }
    .lisType{
      padding: calc(30* var(--vw-unit));
      .jlli{
        width: calc(433* var(--vw-unit));
        .pic{
          height: calc(293* var(--vw-unit));
        }
      }

    }

    .btnmore {
      width: calc(154 * var(--vw-unit));
      height: calc(53 * var(--vw-unit));
      background: url('btn-border.png') no-repeat;
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: calc(18 * var(--vw-unit));
      margin: 0 auto 0 auto;
      cursor: pointer;
    }
    .btnmore:hover{
        background: url('btn-borderon.png') no-repeat center center;
        background-size: 100% 100%;
      a{
        color: #134D76;
        transform: scale(1.1);
      }
    }
    .zhanlanbox{
      padding: calc(50 * var(--vw-unit)) 0 calc(50 * var(--vw-unit)) 0;
    }
    .menutit{
      width: calc(267 * var(--vw-unit));
      height: calc(60 * var(--vw-unit));
      background: url('zltitibg.png') no-repeat center center;
      background-size: 100% 100%;
      font-size: calc(32 * var(--vw-unit));
      line-height: calc(55 * var(--vw-unit));
      text-align: center;
      color: #885a2d;
      font-family: '思源宋体';
      font-weight: 400;
      margin: 0 auto calc(10 * var(--vw-unit)) auto;
    
    }
    .clzlbox{
      overflow: hidden;
      padding: calc(30 * var(--vw-unit)) calc(5 * var(--vw-unit)) 0 calc(5 * var(--vw-unit));
      width:  calc(1400 * var(--vw-unit));
      margin: 0 auto;
      .clzlli{
        width: calc(413 * var(--vw-unit));
        border: solid calc(1 * var(--vw-unit)) #885a2d;
        height: calc(318 * var(--vw-unit));
        position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          float: left;
          margin-right:calc(50 * var(--vw-unit)) ;
          margin-bottom:calc(50 * var(--vw-unit));

        .licon{
          position: relative;
          width: calc(386 * var(--vw-unit));
          height: calc(290 * var(--vw-unit));
          z-index: 20;
          overflow: hidden;
          display: flex;
          justify-content: center; 
          align-items: center;   
          flex-wrap: wrap;
          .pic{
            height: calc(290 * var(--vw-unit));
            overflow: hidden;
            img{
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center;
              z-index: 20;
            }
          }
          .tit{
            position: absolute;
            bottom: 0;
            width: 100%;
            height: calc(50 * var(--vw-unit));
            line-height: calc(50 * var(--vw-unit));
            background: rgba(0,0,0,0.6);
            text-align: center;
            color: #fff;
            font-size: calc(16 * var(--vw-unit));
          }
        }
        i{
          width: calc(31 * var(--vw-unit));
          height: calc(31 * var(--vw-unit));
          background:#f9f9f9 url('pictb_cs.png') no-repeat center center;
          background-size: 70% 70%;
          display: block;
        }
        i:nth-child(2){
          position: absolute;
          top: calc(-10 * var(--vw-unit));
          left: calc(-10 * var(--vw-unit));
          z-index: 10;
        }
        i:nth-child(3){
          position: absolute;
          top: calc(-10 * var(--vw-unit));
          right: calc(-10 * var(--vw-unit));
          z-index: 10;
          transform: scaleX(-1) scaleY(1);
        }
        i:nth-child(4){
          position: absolute;
          bottom: calc(-10 * var(--vw-unit));
          left: calc(-10 * var(--vw-unit));
          z-index: 10;
          transform: scaleX(1) scaleY(-1);
        }
        i:nth-child(5){
          position: absolute;
          bottom: calc(-10 * var(--vw-unit));
          right: calc(-10 * var(--vw-unit));
          z-index: 10;
          transform: scaleX(-1) scaleY(-1);
        }
      }
      @media screen and (min-width: 1023px) { 
        .clzlli:nth-child(3n){
          margin-right: 0;
        }
      }
      .clzlli:hover{
        border: solid calc(1 * var(--vw-unit)) #134D76;
        i{
          background:#f9f9f9 url('pictbon.png') no-repeat center center;
          background-size: 70% 70%; 
        }
        .licon{
          .tit{
            height:calc(290 * var(--vw-unit));
            background: rgba(27,83,123,0.75);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: calc(32 * var(--vw-unit));;
          }
        }
      }
    }
    .zhanlanboxls{
      background:rgba(255,255,255,0.7);
      position: relative;
      padding-top:calc(50 * var(--vw-unit)) ;
      padding-bottom:calc(50 * var(--vw-unit)) ;
    }
    .zhanlanboxls::before{
      display: block;
      content: '';
      width: 100%;
      background: url('jgxbg.png') repeat-x center center;
      height: calc(19 * var(--vw-unit));
      margin-top: calc(-60 * var(--vw-unit));
      position: absolute;
    }
    .zhanlanboxls::after{
      display: block;
      content: '';
      width: 100%;
      background: url('jgxbg.png') repeat-x center center;
      height: calc(19 * var(--vw-unit));
      bottom: calc(-10 * var(--vw-unit));
      transform: scaleY(-1);
      position: absolute;
    }
    .lsbox{
      width: calc(1400 * var(--vw-unit));
      margin: 0 auto;
    
    }

    .xunibox{
      .clzlli{
        margin-right: 0;
        margin-bottom: 0;
        float: unset;
        .licon{position: relative;}
        .inrbf{
          width: 100%;
          height: 100%;
          display:flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 0;
          background: rgba(27,83,123,0.75);
          display: none;
          span{
            width:calc(52* var(--vw-unit));
            height:calc(52* var(--vw-unit));
            display: block;
            background: url('btnbofang.png') no-repeat;
            margin: 0 auto;
          }
        }
      }
      .zllicon{
        margin-right: calc(50* var(--vw-unit));
        margin-bottom: calc(50* var(--vw-unit));
        float: left;
        a{
          display: block;
          width: 100%;
          height: 100%;
        }
        width: calc(413* var(--vw-unit));
        height: calc(348* var(--vw-unit));
      }
      
      @media screen and (min-width: 1023px) { 
        .zllicon:nth-child(3n){
          margin-right: 0;
        }
      }
      .zllicon:hover{
         .inrbf{display: flex;}
         .titxn{
          color: #134D76;
         }
      }
      .titxn{
        height: calc(50 * var(--vw-unit)) ;
        line-height: calc(50 * var(--vw-unit)) ;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        font-size: calc(16 * var(--vw-unit)) ;;
      }
    }
    .bannerwc {
      width: 100%;
      height: calc(700 * var(--vw-unit));  
      overflow: hidden; 
      position: relative;
    }

    .bannerwc img {
      width: 100%;
      height: 100%;
      object-fit: cover; 
      transform-origin: center center; 
      animation: swiperSlideFadeIn 5s linear forwards;
      animation-play-state: running;
    }
    .zpbox{
      background: url('wcxybg.png') no-repeat right bottom;
    }
    .zpbox::after{
      content: "";
      background: url('jgxbg.png') repeat-x center bottom;
      transform: scaleY(-1);
      display: block;
      height: calc(19 * var(--vw-unit));
      
    }
    .zpbox:last-child{
      margin-bottom:calc(30 * var(--vw-unit)) ;
    }
    @media screen and (min-width: 1023px) { 
        .zpbox:nth-child(2n){
          .zpmain{
            position: relative;
            .inrbox{
              /* margin-left: calc(-800 * var(--vw-unit)); */
              position: absolute;
              left: 0;
            }
            .tupic{
              margin-left: calc(600 * var(--vw-unit));
              /* position: absolute;
              right: 0; */
            }
          }
        }
      }
    .zpmain{
      width: calc(1400 * var(--vw-unit));
      padding:calc(40 * var(--vw-unit)) 0 ;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .tupic{
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        img{
          width: 100%;
          
        transition: transform 0.5s ease;
        }
      }
      .tupic.animate-active{
        animation: scaleLeft 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
      }
      .tupic img:hover{transform: scale(1.05);}
      .inrbox{
         width: calc(600 * var(--vw-unit));
         .tit{
          width:calc(420 * var(--vw-unit));
          height:calc(130 * var(--vw-unit));
          line-height:calc(130 * var(--vw-unit));
          background: url('wctitbg.png') no-repeat center center;
          background-size: 100% 100%;
          font-size:calc(60 * var(--vw-unit)) ;
          color: #500a0e;
          text-align:center;
          margin: 0 auto;
          display: flex;
          align-items: center;
          justify-content: center;
          span{
            display: block;
            padding: 0 calc(10 * var(--vw-unit));
          }

         }
         p{
          color: #999;
          line-height: calc(40 * var(--vw-unit));
          height:calc(120 * var(--vw-unit));
          font-size:calc(20 * var(--vw-unit)) ;
          text-indent: 2em;
          margin: calc(40 * var(--vw-unit)) 0 0 calc(50 * var(--vw-unit));
          overflow: hidden;
          text-overflow: ellipsis;
         }
         .tit::after{
          width: calc(68 * var(--vw-unit));
          height: calc(24 * var(--vw-unit));
          background: url('wctitico.png') no-repeat center center;
          background-size: 100% 100%;
          content: "";
          display: block;
         }
         .tit::before{
          width: calc(68 * var(--vw-unit));
          height: calc(24 * var(--vw-unit));
          background: url('wctitico2.png') no-repeat center center;
          background-size: 100% 100%;
          content: "";
          display: block;
         }
      }
      .inrbox:hover{
        p{
          color: #134D76;
        }
      }
      .inrbox.animate-active{
        animation: scaleBottom 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
      }
    }

    .articlebox{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      padding: calc(30 * var(--vw-unit)) 0 0 0;
      border-bottom:solid calc(1 * var(--vw-unit)) #ededed;
      h1{
        font-size:calc(28 * var(--vw-unit));
        line-height: calc(30 * var(--vw-unit));
        width: 100%;
        color: #333;
        text-align: center;
        font-weight: 400;
      }
      .inr{
        width: 100%;
        display: flex;
        justify-content: center;
          align-items: center;
        gap: calc(50 * var(--vw-unit));
        padding: calc(20 * var(--vw-unit)) 0;
        span{
          color: #666;
          font-size: calc(16 * var(--vw-unit));
          i{
            font-style:unset;
            margin: calc(10 * var(--vw-unit));
          }
          i.cur{
            color: #134D76;
          }
          i:hover{
            cursor: pointer;
          }
        }
      }
    }
    .artcontent{
      padding: calc(30 * var(--vw-unit));
      line-height: calc(30 * var(--vw-unit));
       font-size:calc(16 * var(--vw-unit));
       color: #333;
      p,span{
      line-height: calc(30 * var(--vw-unit));
       font-size:calc(16 * var(--vw-unit));
       color: #333;
      }
      p{
      }
    }

}


@media screen and (max-width: 1023px) { 
  .conboxbg{
    padding-bottom: .3rem;
    .bannermin{
      height: 2.8rem;
    }
    .positionbox{
      height: .8rem;        
      .con {
          width: 100%;
          height: .8rem;
          line-height: .8rem;
          font-size: .32rem;
          padding: 0 .3rem;
        }
    }
    .zhanlanbox{
      padding: .3rem 0 .3rem 0;
    }
    .menutit{
      width: 3.2rem;
      height: .8rem;
      font-size: .4rem;
      line-height: .8rem;
      margin: .2rem auto;
    }
    .clzlbox{
      padding: .3rem .15rem 0 .15rem;
      width: calc(100% - .2rem);
      margin: 0 .1rem;
        .clzlli {
          border: solid 0.01rem #885a2d;
          width: calc((100% - .3rem) / 2);
          margin-right: .3rem;
          margin-bottom: .3rem;
          position: relative;
          height: auto;
          padding: .2rem;
          
          .licon {
            position: relative;
            width: 100%;
            height: unset;
            padding-top: 75%;
              .pic {
                height: 100%;
                width: 100%;
                overflow: hidden;
                position: absolute;
                top: 0;
              }
            .tit{
              height: .7rem;
              line-height: .7rem;
              font-size: .32rem;
            }
          }
          a{
            width: 100%;
            display: block;
          }
          
            i{
              background-size: 100% 100%;
              width: .3rem;
              height: .3rem;
              z-index: 25 !important;
            }
            i:nth-child(2){
                position: absolute;
                top: -0.1rem;
                left:-0.1rem;
              }
              i:nth-child(3){
                position: absolute;
                top: -0.1rem;
                right:-0.1rem;
              }
              i:nth-child(4){
                position: absolute;
                bottom: -0.1rem;
                left:-0.1rem;
              }
              i:nth-child(5){
                position: absolute;
                bottom: -0.1rem;
                right:-0.1rem;
              }

          }
    }
    .clzlli:nth-child(3n){
      margin-right: .3rem !important;
    }
    .clzlli:nth-child(2n){
      margin-right: 0 !important;
    }

    .clzlli:hover{
    border: solid .01rem #134D76;
    i{
      background:#f9f9f9 url('pictbon.png') no-repeat center center;
      background-size: 100% 100%; 
    }
    .licon{
      .tit{
        height:.7rem;
        background: rgba(27,83,123,0.75);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size:.32rem;
      }
    }
    }
    .btnmore {
      width: 2.2rem;
      height: .75rem;
      line-height: .75rem;
      font-size: .32rem;
       margin: .1rem auto .2rem auto;
    }
    .zhanlanboxls::before{
      height: .25rem;
      margin-top: -.35rem;
      position: absolute;
      background-size: auto 100%;
    }
    .zhanlanboxls::after{
      height: .25rem;
      margin-bottom: -.2rem;
      position: absolute;
      background-size: auto 100%;
    }
    .lsbox{
      width: calc(100% - .3rem);
      padding: .2rem 0 0 0;
    }
    .listPicDwjl{
      padding: .1rem 0;
      .jlli{
        width: calc((100% - .2rem) / 2);
        margin-right: .2rem;
        margin-bottom: .2rem;
        padding: .15rem;
        border: solid .01rem #ededed;
        a{
          width: 100%;
          display: block;
          .pic{
            width: 100%;
            padding-top: 75%;
            position: relative;
            img{
              position: absolute;
              top: 0;
              left: 0;
            }
          }
        }
        h1{
          font-size: .32rem;
          line-height: .7rem;
          height: .7rem;
        }
        span{
          line-height: .4rem;
          font-size: .32rem;
        }
      }
      .jlli:nth-child(2n){
        margin-right: 0;
      }
    }

    .xunibox {
      .menutit{
        margin: .3rem auto .2rem auto;
      }
      .btnmore{
        margin: 0 auto .2rem auto;
      }
        .zllicon{
          width: calc((100% - .3rem) / 2);
          height: unset;
          margin-right: .3rem;
          margin-bottom: .3rem;
          a{
            display: block;
            width: 100%;
            .clzlli{
              width: 100%;
              margin-bottom: 0;
            }
            .titxn{
              height: .7rem;
              line-height: .7rem;
              font-size: .32rem;
            }
          }
        }
        .zllicon:nth-child(2n){
          margin-right: 0;
        }
        .zllicon:nth-child(3n){
          margin-right: .3rem;
        }
        .zllicon:last-child{
          margin-right:0;
        }
    }

    .listmain{
      min-height: unset;
      width:100%;
      margin: 0 auto;
      padding: 0 .2rem;

      .menumax{
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none; 
        -ms-overflow-style: none; 
          -webkit-overflow-scrolling: touch;
        .menuzi{
          height: 1.5rem;
          border-bottom: solid 0.01rem #eaeaea;
          gap: .5rem;
          flex-wrap: nowrap;
          width: max-content;
          padding: .2rem .1rem 0 .1rem;
          li{
            font-size: .4rem;
            height: .8rem;
            width: auto;
          }
          li.active::after, li:hover::after{
            width: 1.8rem;
            height: .23rem;
          }
        }
      }
      
      .width::-webkit-scrollbar {
        display: none; 
      }
        
      .listPicDc{
        padding: .2rem 0;
        .li{
          width: calc((100% - .2rem) / 2);
          margin-right: .2rem;
          margin-bottom: .2rem;
          a{
          .licon{
              border: solid .02rem #ededed;
              padding: .15rem;
              height:auto;
              .liinr{
                width: 100%;
                padding:.2rem;
                .pic{
                  width: 100%;
                  padding-top: 75%;
                  position: relative;
                  img{
                    position: absolute;
                    top: 0;
                    left: 0;
                  }

                }
                 i{
                    background-size: 100% 100%;
                    width: .3rem;
                    height: .3rem;
                    z-index: 25 !important;
                  }
                  i:nth-child(2){
                      position: absolute;
                      top: -0.1rem;
                      left:-0.1rem;
                    }
                    i:nth-child(3){
                      position: absolute;
                      top: -0.1rem;
                      right:-0.1rem;
                    }
                    i:nth-child(4){
                      position: absolute;
                      bottom: -0.1rem;
                      left:-0.1rem;
                    }
                    i:nth-child(5){
                      position: absolute;
                      bottom: -0.1rem;
                      right:-0.1rem;
                    }


              }
            }
            .tit{
              font-size: .32rem;
              line-height: .7rem;
              height: .7rem;

            }
          }
        }
        .li:nth-child(2n){
          margin-right: 0;
        }
      }

      .listbox{
        padding: 0 0 .2rem 0;
        li{
          border-bottom: dashed 0.01rem #eaeaea;
          a{
            height: .8rem;
            line-height: .8rem;
            font-size: .32rem;
          }
          a:before{
            width:.18rem;
            height: .34rem;
            
          }
          h1{
            font-size: .32rem;
            margin: 0 .1rem 0 .1rem;
            height: .8rem;
            line-height: .8rem;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          span{
            font-size: .32rem;
            width: 1.8rem;
          }
        }
      }
      .maincon{
        padding: .2rem 0;
        line-height: .5rem;
        font-size: .32rem;
        p, span{
          font-size: .32rem;
          line-height: .5rem;
        }
      }

    }
    .lisType{
      padding: .2rem 0;
    }
    .articlebox{
      padding: .3rem 0 0 0;
      h1{
        font-size: .36rem;
        line-height: .5rem;
      }
      .inr{
        gap: .2rem;
        padding: .2rem 0;
        flex-wrap: wrap;
        span{
          font-size: .32rem;
        }
      }
    }
    .artcontent{
      padding: .3rem 0;
      line-height: .5rem;
      font-size: .32rem;
      p, span{
        line-height: .5rem;
        font-size: .32rem;
      }
    }

    .zpmain{
      width: 100%;
      padding: .3rem;
      flex-wrap: wrap;
      .inrbox{
        width: 100%;
        margin-top: .3rem;
        .tit{
            width: 3.6rem;
            height: 1rem;
            font-size: .45rem;
            line-height: 1rem;
            span{
                padding: 0 .2rem;
            }
        }
        .tit::before,.tit::after{
          width: .6rem;
          height: .2rem;
        }
        p{
          line-height: .5rem;
          height: auto;
          font-size: .32rem;
          text-indent: 2em;
          margin: .3rem 0 0 0;
          text-align: center;
        }
      }
    }
    .zpbox::after{
      height: .26rem;
    }

  }
  .pages{
    padding: 0 0 .2rem 0;
  }
  .pages ul li{
    margin: .05rem;
  }
  .pages ul li a {
    padding:0 .15rem;
    font-size: .32rem;
    border:.01rem solid #eee;
    border-radius: .05rem;
    line-height: .5rem;
  }
}