/* 基础样式 */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }
  *{
    transition: all 0.3s;
  }
  @media  (min-width: 1520px) {
    :root {
    --header-font-size: 14px;
    --header-font-menu-size: 18px;
     --header-font-space-size: 12px;
    --content-title-font-space: 40px;
    --list-font-size-title: 30px;
    --art-font-size: 25px;
    --artlist-height:300px;
    --space-width: 30px;
    --carc-padding: 35px;
    --page-padding: 12%;
    --art-conetnt-h5:22px;
    --art-title-h1:35px;
    --el-drawer-padding-primary: 20px !important;
    --art-title-h6:18px;
    --carousel__container-height:100vh;
    --size:'large';
    --el-carousel__container2:200px;
    }
  
  }
  /* 大屏幕 (桌面) 样式 */
  @media (min-width: 1025px) and (max-width: 1520px) {

    
    :root {
    --header-font-size: 14px;
    --header-font-menu-size: 14px;
    --header-font-space-size: 12px;
    --content-title-font-space: 40px;
    --list-font-size-title: 30px;
    --art-font-size: 25px;
    --art-conetnt-h5:22px;
    --carousel__container-height:100vh;
    --el-carousel__container2:200px;

    --artlist-height:300px;
    --art-title-h1:35px;
    --art-title-h6:18px;

    --space-width: 30px;
    --carc-padding: 35px;
    --page-padding: 12%;
    --el-drawer-padding-primary: 20px !important;
    --size:'large'

    }
  
  }
  
  /* 中等屏幕 (平板) 样式 */
  @media (min-width: 768px) and (max-width: 1023px) {
    .el-carousel__arrow{
      display: none;
    }
    :root {
        --header-font-size: 16px;
        --header-font-menu-size: 16px;
        --header-font-space-size: 16px;
        --carousel__container-height:100vh;
        --el-carousel__container2:200px;

        --content-title-font-space: 30px;
        --list-font-size-title: 20px;
        --art-font-size: 25px;
        --artlist-height:200px;
        --art-title-h1:25px;
        --art-conetnt-h5:18px;
        --art-title-h6:14px;

        --space-width: 30px;
        --carc-padding: 35px;
        --page-padding: 6%;
        --el-drawer-padding-primary: 20px !important;
        --space-width:20px;
        --size:'large'

        }
        .top2{
          padding: 0 30px !important;
        }
        *{
          box-sizing: border-box;
        }
        ::-webkit-scrollbar {
          width: 3px;
          height: 3px;
      }
      
      ::-webkit-scrollbar-track {
          background: #f3f3f3;
          border-radius: 10px;
      }
    
      ::-webkit-scrollbar-thumb {
          background: #999999;
          border-radius: 10px;
      }
    
      ::-webkit-scrollbar-thumb:hover {
          background: #515151;
      }
        :root{
          --carousel__container-height:30vh;
          --el-component-size-large:30px !important;
          --el-carousel__container2:100px;
          --art-title-h6:12px;
          --space-width: 10px;
          --carc-padding: 15px;
        }
       #selectPage .el-drawer{
        width: 100% !important;
        }
        .el-breadcrumb{
          overflow: auto;
          width: calc(100% - 50px);
          height: 35px;
          display: flex;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .ListCard-main .ListCard-main-right .ListCard-main-right-pro{
          font-size: 12px;
          line-height: 18px !important;
        }
        .ListCard-main-right-tile{
          font-size: 12px !important;
        }
        .page{
          padding: 0px !important;
        }
        #header{
          width: 100vw;
          overflow: hidden;
          background:  linear-gradient(rgba(5, 25, 0, 0.1), rgba(255, 255, 255, 0) 100%);
        }
        #carouselExampleControls img{
          width: 100% !important;
          height: 100% !important;
        }
        .main-index .main-content .main-content-newInfo .two .two-right img{
            width: 100%;
        }
        .main-index .main-content .main-content-newInfo .two .two-right{
          height: 130px !important;
          overflow: hidden;
          display: flex;
          align-items: center;
        }
        .main-index .select-box .select-box-content .select-box-items .select-box-item{
          font-size: 16px;
        }
        .artList .artlist-title{
          font-size: 16px !important;
        }
        .webzw{
          display: none;
        }
        .main-index .main-content .main-content-newInfo .two .two-left .two-left-pro{
          font-size: 14px !important;
          line-height: 18px !important;
        }
        .ListCard-main-right-pro{
    
          line-height: 16px !important;
          overflow: hidden;              /* 隐藏溢出部分 */
          display: -webkit-box;          /* 设置 display 为 WebKit Box 模型 */
          -webkit-box-orient: vertical;  /* 设置 Box 模型为垂直排列 */
          -webkit-line-clamp: 4;         /* 限制文本显示的行数 */
          
        }
        .phoneHeader {
          display: flex !important;
        }
        .artLists-main-content{
          padding: 10px;
          flex-direction: column;
        }
        .artLists-main-content-right{
          width: 100% !important;
        }
        .artBody-main .artDetialPage-main-content .artDetialPage-main-content-body,.nextPrvList{
          padding: 15px !important;
        }
        .menus-main{
          width: calc(100vw - 60px) !important;
          gap: 10px;
          flex-wrap: wrap;
          background: #fff;
          flex-direction:row !important;
        }
        .artListAndDetil-main-box{
          flex-direction: column;
        }
        .main-content-newInfo .two{
          padding: 0px !important;
          margin-bottom: 10px;
        }
        .artDetialPage-main-content-header{
         padding:30px 0  12px 0 !important;
        }
        .top2{
          display: none !important;
        }
        .top1-right{
           display: none !important;
        }
        .top1-left{
          display: none !important
        }
        .top2-left{
          display: none !important
    
        }
        .footer{
          margin-top: 20px;;
        }
        .main-search{
          display: none !important;
        }
        .top2-menu,.top1,top2{
          display: none !important
        }
        .h1{
          font-size: 16px !important;
          top:20px !important;
        }
     
        .pro-text{
          margin-bottom: 10px !important;
          font-size: 22px !important;
        }
        .page-pro .artLists-text{
          bottom: auto !important;
          top:60px;
        }
        .h1-en{
          font-size: 12px !important;
          letter-spacing: 2px;
        }
        .el-carousel__indicator--horizontal{
          padding: 0px !important;
        }
        .el-carousel__button{
          width: 10px !important;
          height: 10px !important;
    
        }
        .main-content,.main-cards{
          flex-direction: column;
        }
        .main-content-newInfo,.newLists{
          width: 100% !important;
        }
        .newLists{
          margin-left:0px !important;
        }
       .select-box-item img{
          width: 35px !important;
        }
        .select-box-content{
          height: auto !important;
        }
        .headCard .text-h{
        }
        .main-index .main-cards .main-card-item .headCard .text-h{
          font-size: 18px;
        }
        .main-index .main-content .one .pro{
          font-size: 16px;
        }
        .shenbao{

    
         }
         .xcx{
          width: 60px !important;
          top:calc(50% - 40px) !important;
          right: 30px !important;
          span{
            font-size: 12px !important;
          }
         }
        .art-title-h1 {
          font-size: var(--art-title-h1);
          font-weight: bold;
          letter-spacing: 2px;
        }
        .art-conetnt-h5 {
          font-size: var(--art-conetnt-h5);
          line-height: 1.5em;
        }
        .art-title-h3 {
          font-size: 25px;
          font-weight: bold;
        }
        .art-title-h6 {
          font-size: var(--art-title-h6);
        }
        .footer .bg2{
          margin-top: -10px !important;
          width: calc(100% - 10px) !important;
    
        }
        .footer-content{
          align-items: start !important;
        }
        .footer .footer-content .three,.one-right,.footer .two{
          gap: 5px !important;
        }
        .footer .footer-content {
          flex-direction:column;
         }
        .footer .xianb {
          width: 120px !important;
        }
  }
  
  /* 小屏幕 (手机) 样式 */
  @media (max-width: 767px) {
    *{
      box-sizing: border-box;
    }
    ::-webkit-scrollbar {
      width: 3px;
      height: 3px;
  }
  .select-box-items{
    flex-wrap: wrap;
  }
  .card-list-item-title .name{
    font-size: 12px;
  }
  .main-index-text .pro-text{
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  }
  .card-list-item-title{
    gap: 3px !important;
  }
 
  .main-index .main-cards .main-card-item .card-list-items .card-list-item .card-list-item-time .date{
    font-size: 12px !important;
  }
  
  .main-index .select-box .select-box-content .select-box-items .select-box-item{
    width: 50%;
    margin-bottom:12.5px;
    margin-top: 7.5px;
  }
  .page-pro .menuCard .breadcrumb{
    gap: 10px !important;
    padding: 0px !important;
  }
  
  .page-pro .menuCard{
    height: 50px;
    margin-top: -15px !important;

  }
  .newLists .artList{
    padding: 15px 0 !important;
  }
  #carouselExampleSlidesOnly .carousel-inner{
    padding: 0 15px !important;
  }
  .main-index .main-content .one .wztitle{
    font-size: 14px !important;
    margin-top: 10px;
  }
  #carouselExampleSlidesOnly .left-icon{
    display: none;
  }
  #carouselExampleSlidesOnly .right-icon{
    display: none;
  }
  .el-carousel__arrow{
    display: none;
  }
 
  
  ::-webkit-scrollbar-track {
      background: #f3f3f3;
      border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb {
      background: #999999;
      border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb:hover {
      background: #515151;
  }
    :root{
      --carousel__container-height:30vh;
      --el-component-size-large:30px !important;
      --el-carousel__container2:100px;
      --art-title-h6:12px;
      --space-width: 10px;
      --carc-padding: 15px;
    }
   #selectPage .el-drawer{
    width: 100% !important;
    }
    .el-breadcrumb{
      overflow: auto;
      width: calc(100% - 30px);
      height: 35px;
      display: flex;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .ListCard-main .ListCard-main-right .ListCard-main-right-pro{
      font-size: 12px;
      line-height: 18px !important;
    }
    .ListCard-main-right-tile{
      font-size: 12px !important;
    }
    .page{
      padding: 0px !important;
    }
    #header{
      width: 100vw;
      overflow: hidden;
      background:  linear-gradient(rgba(5, 25, 0, 0.1), rgba(255, 255, 255, 0) 100%);
    }
    #carouselExampleControls img{
      width: auto !important;
      height: 300px !important;
    }

    .main-index .main-content .main-content-newInfo .two .two-right img{
      width: 100%;
    }
    
    .main-index .main-content .main-content-newInfo .two .two-right{
      height: 80px !important;
      display: flex;
      align-items: center;
      overflow: hidden;    }
    .webzw{
      display: none;
    }
    .main-index .main-content .main-content-newInfo .two .two-left .two-left-pro{
      font-size: 14px !important;
      line-height: 18px !important;
    }
    .ListCard-main-right-pro{

      line-height: 16px !important;
      overflow: hidden;              /* 隐藏溢出部分 */
      display: -webkit-box;          /* 设置 display 为 WebKit Box 模型 */
      -webkit-box-orient: vertical;  /* 设置 Box 模型为垂直排列 */
      -webkit-line-clamp: 4;         /* 限制文本显示的行数 */
      
    }
    .phoneHeader {
      display: flex !important;
    }
    .artLists-main-content{
      padding: 0px;
      flex-direction: column;
    }
    .artLists-main-content-right{
      width: 100% !important;
    }
    .artBody-main .artDetialPage-main-content .artDetialPage-main-content-body,.nextPrvList{
      padding: 15px !important;
    }
    .menus-main{
      width: calc(100vw - 60px) !important;
      gap: 10px;
      flex-wrap: wrap;
      background: #fff;
      flex-direction:row !important;
    }
    .artListAndDetil-main-box{
      flex-direction: column;
    }
    .main-content-newInfo .two{
      padding: 0px !important;
      margin-bottom: 10px;
    }
    .artDetialPage-main-content-header{
     padding:30px 0  12px 0 !important;
    }
    .top2{
      display: none !important;
    }
    .top1-right{
       display: none !important;
    }
    .top1-left{
      display: none !important
    }
    .top2-left{
      display: none !important

    }
    .footer{
      margin-top: 20px;;
    }
    .main-search{
      display: none !important;
    }
    .top2-menu,.top1,top2{
      display: none !important
    }
    .h1{
      font-size: 16px !important;
      top:20px !important;
    }
 
    .pro-text{
      margin-bottom: 10px !important;
      font-size: 18px !important;
    }
    .page-pro .artLists-text{
      bottom: auto !important;
      top:60px;
    }
    .h1-en{
      font-size: 12px !important;
      letter-spacing: 2px;
    }
    .main-index .main-content .main-content-newInfo .two .two-content{
      margin: 0px 0px 10px 0 !important;
    }
    .el-carousel__indicator--horizontal{
      padding: 0px !important;
    }
    .el-carousel__button{
      width: 10px !important;
      height: 10px !important;

    }
    .main-content,.main-cards{
      flex-direction: column;
    }
    .main-content-newInfo,.newLists{
      width: 100% !important;
    }
    .newLists{
      margin-left:0px !important;
    }
   .select-box-item img{
      width: 35px !important;
    }
    .select-box-content{
      height: auto !important;
    }
    .headCard .text-h{
      display: none !important;
    }
    .shenbao{
      right:calc(50% - 50px) !important;
      bottom:calc(50% - 20px) !important;

     }
     .xcx{
      width: 60px !important;
      top:calc(50% - 40px) !important;
      right: 30px !important;
      span{
        font-size: 12px !important;
      }
     }
    .art-title-h1 {
      font-size: var(--art-title-h1);
      font-weight: bold;
      letter-spacing: 2px;
    }
    .art-conetnt-h5 {
      font-size: var(--art-conetnt-h5);
      line-height: 1.5em;
    }
    .art-title-h3 {
      font-size: 25px;
      font-weight: bold;
    }
    .art-title-h6 {
      font-size: var(--art-title-h6);
    }
    .footer .bg2{
      margin-top: -10px !important;
      width: calc(100% - 10px) !important;

    }
    .footer-content{
      align-items: start !important;
    }
    .footer .footer-content .three,.one-right,.footer .two{
      gap: 5px !important;
    }
    .footer .footer-content {
      flex-direction:column;
     }
    .footer .xianb {
      width: 120px !important;
    }
  }
  .art-title-h1 {
    font-size: var(--art-title-h1);
    font-weight: bold;
    letter-spacing: 2px;
  }
  .art-conetnt-h5 {
    font-size: var(--art-conetnt-h5);
    line-height: 1.5em;
  }
  .art-title-h3 {
    font-size: 25px;
    font-weight: bold;
  }
  .art-title-h6 {
    font-size: var(--art-title-h6);
  }