*{
    padding: 0;
    margin: 0;
    font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
}

body{
    background: #fff;
    position: relative;
    overflow-x: hidden;
}
body.hidden{
    overflow: hidden;
}
.clear{
    clear: both;
}
.flex{
display: flex;
flex-wrap: wrap;
align-items: center;
}
ul,ol{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
img{
    width: 100%;
    height: 100%;
}
a{
    text-decoration: none;
} 

/* pc端 */
@media (min-width:1350px) {
    header .logo{
        margin-left:1.9%;
    }
    
    }
    @media (min-width:1360px) {
      header .fw{
        margin-right: 3.9%;
    }  
    }
    @media (min-width:821px) {
        .container{
            width: 1200px;
            margin: 0 auto;
        }
        #phone{
            display: none !important;
        }
        h1{
    line-height: 43.44px;}
        article h1{
            font-size: 26px;
            color: rgba(0,0,0,0.8);
            font-weight: 700;
        }
        h2{font-size: 24px;
            font-weight: 700;}
        h3{font-size: 18px;}
        p{font-size: 16px;
        color: rgba(0,0,0,0.8);} 
        .title{
            font-size: 20px;
            line-height: 30px;
            color: rgba(0,0,0,0.8);
        }
        .time span{
            font-size: 14px;
            line-height: 20px;
            color: rgba(0,0,0,0.5);
        }
        .des{
            font-size: 16px;
            font-weight: 400;
            line-height: 28px;
            color: rgba(0,0,0,0.5);
            display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
        }
        header{
            min-width: 1200px;
            background: #fff;
        }
        header .top{
            height: 88px;
            justify-content: space-between;
        }
        header .logo{
            display: block;
            width: 210px;
        }
        header nav{
         min-width: 400px;
         width: 36vw;
        }
        header nav .nav{
            justify-content: space-between;
            min-width: 400px;
            width: 36vw;
        }
        header nav .nav li{
            height: 36px;
        }
        header nav .nav li.active:after{
            content: '';
            display: block;
            width: 100%;
            height: 5px;
            background: rgba(2,189,127);
            border-radius: 5px;
            margin: 5px 0 0px -7px;
            padding: 0 7px;
        }
        header nav .nav a{
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            color: rgba(16,16,18,0.8);
        }
        header nav .nav li.active a{
            color: rgba(2,189,127);
        }
        header .fw .number{
            font-size: 20px;
            font-weight: 600;
            line-height: 29px;
            color: rgba(2,189,127);
            height: 29px;
        }
        header .fw .number:before{
            content: '';
            display: inline-block;
            width: 22px;
            height: 22px;
            background: url(/static/index/pc/images/phone.png) no-repeat;
            background-size: 100% 100%;
            margin-bottom: -3px;
            margin-right: 1px;
        }
        header .fw .text{
            font-size: 18px;
            font-weight: 500;
            line-height: 26px;
            color: rgba(2,189,127);
            height: 27px;
            letter-spacing: 1px;
        }
        header .fw .text span{
            font-size: 20px;
            font-weight: 500;
            line-height: 29px;
            letter-spacing: 0;
            color: rgba(255,141,26);
            margin-left: -10px;
        }
        header .position_nav{
            position: absolute;
            left: 0;
            top: 88px;
            width: 100%;
border-top: 1px solid rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(0,0,0,0.05);
background: #fff;
height: 150px;
overflow: hidden;
display: none;
z-index: 999;
        }
        header .position_nav.active{
            display: block;
            animation: slide .3s linear;
        }
        header .position_nav .content{
            display: none;
        }
        header .position_nav .content ul{
            height: 26px;
            overflow: hidden;
        }
        header .position_nav .content.active{
            display: flex;
        }
        header .position_nav .head{
            border-right: 1px dashed rgba(0,0,0,0.1);
            padding-right: 70px;
            margin: 30px 0;
        }
        header .position_nav .tit{
            font-size: 36px;
            font-weight: 400;
            line-height: 52px;
            color: rgba(2,189,127,0.8);
        }
        header .position_nav .en{
            font-size: 24px;
            font-weight: 400;
            line-height: 31px;
            color: rgba(255,141,26,0.3);
            text-transform: uppercase;
        }
        header .position_nav .nav-list li{
            margin: 0 10px 0 40px;
        }
        header .position_nav .nav-list a{
            font-size: 18px;
            line-height: 26px;
           color: rgba(16,16,18,0.5);
            font-weight: 400;
        }
        header .position_nav .nav-list li:hover a{
            color: rgba(255,141,26);
        }
        header .search{
            min-width: 220px;
            width: 20vw;
        }
        header .search form{
            margin: 0 auto;
            padding: 0 30px;
            justify-content: space-between;
            min-width: 212px;
            width: 17vw;
            height: 60px;
            border-radius: 50px;
            background: rgba(0,0,0,0.05);
        }
        header .search input{
            background: rgba(0,0,0,0);
            border: 0;
            line-height: 60px;
           outline: none;
           width: 300px;
           font-size: 18px;
           color: rgba(0,0,0,0.8);
           width: 14vw;
           min-width: 170px;
        }
        header .search input::placeholder{
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            color: rgba(0,0,0,0.2);
        }
        header .search button{
            width: 30px;
            height: 30px;
            background: rgba(0,0,0,0);
            border: none;
        }
        header .language{
            width: 140px;
            position: relative;
        }
        header .language .action{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
           
cursor: pointer;
        }
           header .language .action p{
               flex-shrink: 0;
                font-size: 18px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 26.06px;
color: rgba(0, 0, 0, 0.8);
           }
           header .language .action img{
              
               display: block;
               width: 20px;
height: 20px;
 
            transform: rotate(180deg);
           }
           header .language .action.active img{
               transform:rotate(0); 
           }
           header .language .list{
               position: absolute;
               width: 140px;
opacity: 1;
border-radius: 10px;
background: rgba(255, 255, 255, 1);

border-top: 1px solid rgba(2, 189, 127, 1);
display:flex;
flex-direction: column;
align-items: center;
justify-content: left;
gap:10px ;
overflow: hidden;
padding: 15px 0 10px;
top: 36px;
z-index: 999;
           }
           header .language .list li a{
              height: 30px;
opacity: 0.8;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 26.06px;
color: rgba(0, 0, 0, 1);
           }
    main{
        min-width: 1200px;
    }
    section{
        margin-top: 30px;
    }
    .header{
        text-align: center;
        width: 943px;
        margin: 0 auto;
    }
     .header .tit{
        height: 50px;
        margin-bottom: 8px;
    }
     .header .tit h2{
        height: 58px;
        margin: 0 auto;
    }
    .header .cn{
        font-size: 16px;
        font-weight: 400;
        line-height: 27px;
        height: 27px;
        color: rgba(0,0,0,0.5);
    }
    footer{
        margin-top: 60px;
        height: 210px;
    box-shadow: 0px 0px 8px 6px rgba(38,117,88,0.15);
    }
    footer .foot{
        justify-content: space-between;
        padding: 28px 0;
    }
    footer .foot .b-logo{ 
        width: 240px;
        height: 40px;
    }
    footer .foot .text{ 
        width: 760px;
        text-align: center;
       
    }
    footer .foot .text p{
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        color: rgba(0,0,0,0.5);
     }
     footer .foot .text .copyright{
        line-height: 20px;
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px dashed rgba(0,0,0,0.3);
     }
    footer .foot .ma{ 
        width: 120px;
        text-align: center;
     }
     footer .foot .ma .des{
        font-size: 14px;
        font-weight: 500;
        color: rgba(0,0,0,0.8);
        margin-top: 5px;
        line-height: 20px;
      }
      #articles{
        justify-content: space-between;
        align-items: start;
      }
      #articles main{
        width: 810px;
        min-width: 810px;
      }
      .article{
        padding: 30px;
        border-radius: 10px 10px 10px 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
      }
      article h1{
        line-height: 35px;
        color: rgba(0, 0, 0, 0.8);
      }
      article .time{
        justify-content: space-between;
        margin-top: 33px;
        padding-bottom: 13px;
        border-bottom: 1px dashed rgba(2, 189, 127, 1);
        margin-bottom: 10px;
      }
      article .time span{
        font-size: 18px;
font-weight: 400;
line-height: 26.06px;
color: rgba(0, 0, 0, 0.3);
       }
       article p{
        margin-top: 10px;
        font-size: 16px;
font-weight: 300;
line-height: 36px;
color: rgba(0, 0, 0, 0.8);
       }
       article h2{
        line-height: 27px;
        color: rgba(2, 189, 127, 1);
        margin: 15px;
       }
       article h3{
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
        color: rgba(255, 141, 26, 0.8);
        margin-top: 10px;
       }
       article{
        padding-bottom: 30px;
        border-bottom: 1px dashed rgba(2, 189, 127, 1);;
       }
       .article .page{
        margin-top: 10px;
       }
       .article .page p{
        font-size: 20px;
font-weight: 400;
line-height: 24px;
color: rgba(255, 141, 26, 0.8);
margin-top: 20px;
       }
       .article .page p a{
        font-size: 16px;
font-weight: 300;
line-height: 30px;
color: rgba(0, 0, 0, 0.5);
       }
       #articles main .news{
        padding: 30px;
        border-radius: 10px;
background: rgba(250, 250, 250, 1);
box-shadow: 0px 2px 4px  rgba(7, 49, 144, 0.25);
       }
       #articles .header {
        width: 100%;
        text-align: center;
        margin: 0;
        padding-bottom: 9px;
        border-bottom: 1px dashed rgba(2, 189, 127, 0.5);
    }
       #articles main .header .tit{
        height: 63px;
        width: 170px;
        background-size: 170px 18px;
        background-position: center bottom;
                  }
       #articles main .header .tit h2{
                    width: 270px;
                    background: url(/static/index/pc/images/zhuanjia_head_tit.png) no-repeat;
                    background-size: 100% 100%;
                    line-height: 58px;
       }
       #articles main .news .content{
        margin-top: 24px;
       }
       #articles main .news .title{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
       }
       #articles main .news .des{
        margin-top: 15px;
       }
       #articles main .news li{
        justify-content: space-between;
        margin-top: 30px;
       }
       #articles main .news .list .title{
        width: 590px;
       }
       #articles main .news .list time{
        font-size: 18px;
font-weight: 400;
line-height: 26.06px;
color: rgba(0, 0, 0, 0.3);
       }
       #articles aside .header{
        border: none;
       }
       #articles aside .header .tit{
        height: 63px;
        width: 258px;
        background-size: 258px 18px;
        background-position: center bottom;
                  }
       #articles aside .header .tit h2{
                    width: 270px;
                    background: url(/static/index/pc/images/zhuanjia_head_tit.png) no-repeat;
                    background-size: 100% 100%;
                    line-height: 58px;
                    margin: 0;
       }
       aside .aside1{
        width: 320px;
        border-radius: 10px 0px, 10px, 10px;
        background: rgba(250, 250, 250, 1);
        box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25); 
        padding: 20px;
       }
       aside .aside1 .zx1{
        border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
       }
       aside .aside1 .zx1 img{
width: 320px;
height: 200px;
border-radius: 5px;
       }
       aside .aside1 .zx1 .title{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 30px;
        margin: 15px 0;
       }
       aside .aside1 .zx1 .des{
        display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom:15px;
       }
       aside .aside1 .zx2 .title{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 30px;
       }
       aside .aside1 .zx2 li{
        margin-top: 15px;
       }
       aside .aside1 .zx3{
        justify-content: space-between;
        margin-top: 6px;
       }
       aside .aside1 .zx3 li{
        width: 150px;
        margin-top: 20px;
       }
       aside .aside1 .zx3 .img{
        width: 150px;
height: 91px;
border-radius:10px;
        display: block;
     overflow: hidden;
       }
       aside .aside1 .zx3 .title{
     display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
      margin-top: 10px;
       }
       aside .aside1 .zx3 .time span{
        font-size: 16px;
font-weight: 400;
line-height: 23.17px;
color: rgba(0, 0, 0, 0.2);
       }
       aside .aside2{
        width: 360px;
border-radius: 10px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
margin-top: 30px;
padding-bottom: 27px;
       }
       aside .aside2 .ma{
        height: 300px;
border-radius: 10px 10px 0px 0px;
background-size: 100% 100%;
text-align: center;

       }
       aside .aside2 .ma img{
        width: 200px;
height: 200px;
border-radius: 10px;
margin-top: 50px;
       }
       aside .aside2 .tit{
        font-size: 20px;
font-weight: 400;
line-height: 30px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
margin: 25px 0 10px;
       }
       aside .aside2 .tit::before{
content: '';
display: inline-block;
width: 30px;
height: 30px;
background-size: 100% 100%;
margin-right: 15px;
margin-bottom: -8px;
       }
       aside .aside2 .des{
        line-height: 30px;
text-align: center;
       }
       .pagination{
           display: flex;
           flex-wrap: wrap;
           align-items: center;
           justify-content: center;
           gap: 20px;
           margin-top: 30px;
       }
       .pagination li{
           height: 40px;
           border-radius: 5px;
           padding: 0 15px;
           line-height: 40px;
           border: 1px solid rgba(146, 201, 183, 1);
           flex-shrink: 0;

       }
       .pagination li:nth-child(1){
         background: rgba(37, 148, 111, 0.5);  
           } 
           .pagination li:nth-child(1) a{
               color: rgba(255, 255, 255, 1);
           }
        .pagination li a{
            font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height:40px;
color: rgba(0, 0, 0, 0.5);
        }
        .pagination li.active{
            background: rgba(37, 148, 111, 1);
        }
         .pagination li.active a{
             color: rgba(255, 255, 255, 1);  
         }
    }
    @media (max-width:820px) {
        main {
            padding: 4vw;
        }
        section{
            margin-top: 4vw;
        }
        .container{width: 100%;}
        #pc{display: none !important;}
        article h1{
            font-size: 4.53vw;
        font-weight: 700;
        line-height: 6.67vw;}
        h2{font-size: 4.27vw;font-weight: 700;}
        article h2{font-size:4.27vw;
            color: rgba(242,99,159);
            margin: 2.67 0 1.33vw;
            font-weight: 700;
        }
        h3{font-size: 3.47vw;font-weight: 700;
            color: rgba(242,99,159,0.8);
            margin: 1.33vw 0;
        }
        p{font-size: 3.47vw;
        color: rgba(0,0,0,0.8);}
        article  p{
        line-height: 6.33vw;
        }
        .title{
            font-size: 4vw;
            line-height: 5.73vw;
            color: rgba(0,0,0,0.8);
        }
        .time span{
            font-size: 3.2vw;
            line-height: 4.67vw;
            color: rgba(0,0,0,0.5);
        }
        .des{
            font-size: 3.2vw;
            font-weight: 400;
            line-height: 4.67vw;
            color: rgba(0,0,0,0.5);
            display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
        }
        header .top{
            height: 10.67vw;
            padding: 1.73vw 0;
            position: relative;
        }
        header .logo{
            display: block;
            width: 43.6vw;
            height: 7.33vw;
            margin-left :4vw;
        }
        header nav{
            width: 5.33vw;
            height: 4vw;
        background: url(/static/index/pc/images/nav_icon.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 4vw;
        }
        .mask{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: calc(100vh - 14.11vw);
    background: rgba(0,0,0,0.3);
    top: 14.11vw;
    left: 0;
    display: none;
}
.mask .nav{
    background: #fff;
    width: 42.67vw;
    height: calc(100vh - 14.11vw);
    box-shadow: inset 0px .8vw .8vw rgba(38,117,88,0.25);
}
.mask .nav .nav-item{
    text-align: center;
    height: 13.33vw;
    line-height: 13.33vw;
    border-bottom: .13vw dashed rgba(0,0,0,0.2);
}

.mask .nav .nav-item:last-child{
   border:none;
}
.mask .nav .nav-item .nav-link{
font-size: 3.2vw;
line-height: 4.67vw;
font-weight: 400;
color: rgba(16,16,18,0.8);

}
.mask .nav .language .action{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.mask .nav .language .action img{
    width: 2.1333vw;
    height: 2.1333vw;
     transform: rotate(180deg);
}
.mask .nav .language .action.active img{
               transform:rotate(0); 
           }
.mask .nav .language .action .tit{
    font-size: 3.2vw;
font-weight: 700;
letter-spacing: 0px;
color: rgba(16, 16, 18, 0.8);
}
.mask .nav .language .list{
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    max-height: 40vw;
    overflow-y: scroll;
}
.mask .nav .language .list li{
    height: 10.6666vw;
    line-height: 10.6666vw;
}
.mask .nav .language .list li a{
    font-size: 3.2vw;
font-weight: 400;
letter-spacing: 0px;
color: rgba(16, 16, 18, 0.4);
}
        header .fw {
            position: absolute;
            left: 52.27vw;
          }
          header .fw .number{
              font-size: 2.67vw;
              font-weight: 600;
              line-height: 3.86vw;
              color: rgba(2,189,127);
              height: 3.73vw;
          }
          header .fw .number:before{
              content: '';
              display: inline-block;
              width: 2.93vw;
              height: 2.54vw;
              background: url(/static/index/pc/images/phone.png) no-repeat;
              background-size: 100% 100%;
              margin-bottom: -.27vw;
              margin-right: .13vw;
          }
          header .fw .text{
              font-size: 2.4vw;
              font-weight: 500;
              line-height: 3.4vw;
              color: rgba(2,189,127);
              height: 3.7vw;
              letter-spacing: .13vw;
              margin-top: -.4vw;
          }
          header .fw .text span{
              font-size: 2.67vw;
              font-weight: 500;
              line-height: 3.87vw;
              letter-spacing: 0;
              color: rgba(255,141,26);
              margin-left: -1.33vw;
          }
          .header{
            text-align: center;
            /*width: 78.67vw;*/
            margin: 0 auto;
        }
         .header .tit{
            height: 7.87vw;
            margin: 0 auto;
            margin-bottom: 1.07vw;
        }
         .header .tit h2{
            height: 7.87vw;
            margin: 0 auto;
        }
        .header .cn{
            font-size: 3.2vw;
            font-weight: 400;
            line-height: 3.2vw;
            height: 3.2vw;
            color: rgba(0,0,0,0.5);
        }
        footer{
            margin-top: 4vw;
            box-shadow: -.53vw 0px 1.07vw .8vw  rgba(38,117,88,0.15);
            padding: 3.73vw 4vw;
        }
        footer .foot{
            justify-content: space-between;
          position: relative;
        }
        footer .foot .b-logo{ 
            width: 32vw;
            height: 5.33vw;
        }
        footer .foot .text{ 
            width: 100%;
           
        }
        footer .foot .text p{
            font-size: 2.13vw;
            font-weight: 400;
            line-height: 3.73vw;
            color: rgba(0,0,0,0.5);
         }
         footer .foot .text .des{
            display: block;
            width: 66.13vw;
            margin-top: 2.67vw;
         }
         footer .foot .text .copyright{
            line-height: 2.67vw;
            text-align: center;
            padding-top: 1.33vw;
            margin-top: 2.67vw;
            border-top: .33vw dashed rgba(0,0,0,0.3);
         }
        footer .foot .ma{ 
            position: absolute;
            width: 21.33vw;
            text-align: center;
            right: 0;
            top: -.27vw;
         }
         footer .foot .ma .des{
            font-size: 2.4vw;
            font-weight: 500;
            color: rgba(0,0,0,0.8);
            line-height: 3.46vw;
            margin-top: -.67vw;
        }
        #articles{
          display: block;
          }
          #articles main{
          }
          .article{
            padding: 4vw;
            border-radius: 1.33vw;
    background: rgba(250, 250, 250, 1);
    box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25);
          }
          article h1{
            color: rgba(0, 0, 0, 0.8);
          }
          article .time{
            justify-content: space-between;
            margin-top: 2.67vw;
            padding-bottom: 1.33vw;
            border-bottom: .13vw dashed rgba(2, 189, 127, 1);
            margin-bottom: 1.33vw;
          }
          article .time span{
            font-size: 2.67vw;
            font-weight: 400;
            line-height: 3.87vw;
            color: rgba(0, 0, 0, 0.2);
           }
           article p{
            margin-top: 1.33vw;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.8);
           }
           article h2{
            line-height: 5.33vw;
            color: rgba(2, 189, 127, 1);
            margin: 2vw;
           }
           article h3{
            font-weight: 500;
            line-height: 5.33vw;
            color: rgba(255, 141, 26, 0.8);
            margin-top: 1.33vw;
           }
           article{
            padding-bottom: 2.67vw;
            border-bottom: .13vw dashed rgba(2, 189, 127, 1);;
           }
           .article .page{
            margin-top: 1.33vw;
           }
           .article .page p{
    font-weight: 400;
    color: rgba(255, 141, 26, 0.8);
    margin-top: 2.67vw;
           }
           .article .page p a{
            font-size: 3.2vw;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
           }
           #articles main .news{
            padding: 4vw;
            border-radius: 1.33vw;
    background: rgba(250, 250, 250, 1);
    box-shadow: 0px .27vw 1.07vw .27vw rgba(38, 117, 88, 0.25);
           }
           #articles .header {
            width: 100%;
            text-align: center;
            margin: 0;
            padding-bottom: 1.33vw;
            border-bottom: .13vw dashed rgba(2, 189, 127, 0.5);
        }
           #articles main .header .tit{
            height: 8.4vw;
            width: 27.73vw;
            background-size:  27.73vw 2.4vw;
            background-position: center bottom;
                      }
           #articles main .header .tit h2{
            width: 50vw;
                        background: url(/static/index/pc/images/zhuanjia_head_tit_phone.png) no-repeat;
                        background-size: 100% 100%;
                        height: 7.87vw;
           }
           #articles main .news .content{
            margin-top: 2.67vw;
           }
           #articles main .news .title{
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
           }
           #articles main .news .des{
            margin-top: 2vw;
           }
           #articles main .news li{
            justify-content: space-between;
            margin-top: 4vw;
           }
           #articles main .news .list .title{
            width: 67.67vw;
           }
           #articles main .news .list time{
            font-size: 2.67vw;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.3);
           }
           #articles aside .header{
            border: none;
           }
           #articles aside .header .tit{
            height: 8.4vw;
            width: 27.73vw;
            background-size: 258px 18px;
            background-position: center bottom;
                      }
           #articles aside .header .tit h2{
                        width: 170px;
                        background: url(/static/index/pc/images/zhuanjia_head_tit.png) no-repeat;
                        background-size: 100% 100%;
                        line-height: 58px;
                        margin: 0;
           }
           aside .aside1{
            width: 320px;
            border-radius: 10px 0px, 10px, 10px;
            background: rgba(250, 250, 250, 1);
            box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25); 
            padding: 20px;
           }
           aside .aside1 .zx1{
            border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
           }
           aside .aside1 .zx1 img{
    width: 320px;
    height: 200px;
    border-radius: 5px;
           }
           aside .aside1 .zx1 .title{
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 30px;
            margin: 15px 0;
           }
           aside .aside1 .zx1 .des{
            display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom:15px;
           }
           aside .aside1 .zx2 .title{
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 30px;
           }
           aside .aside1 .zx2 li{
            margin-top: 15px;
           }
           aside .aside1 .zx3{
            justify-content: space-between;
            margin-top: 6px;
           }
           aside .aside1 .zx3 li{
            width: 150px;
            margin-top: 20px;
           }
           aside .aside1 .zx3 .img{
            width: 150px;
    height: 91px;
    border-radius:10px;
            display: block;
         overflow: hidden;
           }
           aside .aside1 .zx3 .title{
         display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
          margin-top: 10px;
           }
           aside .aside1 .zx3 .time span{
            font-size: 16px;
    font-weight: 400;
    line-height: 23.17px;
    color: rgba(0, 0, 0, 0.2);
           }
           aside .aside2{
            width: 360px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px  rgba(38, 117, 88, 0.25);
    margin-top: 30px;
    padding-bottom: 27px;
           }
           aside .aside2 .ma{
            height: 300px;
    border-radius: 10px 10px 0px 0px;
    background-size: 100% 100%;
    text-align: center;
    
           }
           aside .aside2 .ma img{
            width: 200px;
    height: 200px;
    border-radius: 10px;
    margin-top: 50px;
           }
           aside .aside2 .tit{
            font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin: 25px 0 10px;
           }
           aside .aside2 .tit::before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    margin-right: 15px;
    margin-bottom: -8px;
           }
           aside .aside2 .des{
            line-height: 30px;
    text-align: center;
           }
            .pagination{
           display: flex;
           flex-wrap: wrap;
           align-items: center;
           justify-content: center;
           gap: 2vw;
           margin-top: 4vw;
       }
       .pagination li{
           height: 5.3333vw;
           border-radius: 0.6666vw;
           padding: 0 2vw;
           line-height: 4.3333vw;
           border: 0.1333vw solid rgba(146, 201, 183, 1);
           flex-shrink: 0;

       }
       .pagination li:nth-child(1){
         background: rgba(37, 148, 111, 0.5);  
           } 
           .pagination li:nth-child(1) a{
               color: rgba(255, 255, 255, 1);
           }
        .pagination li a{
            font-size: 1.86666vw;
font-weight: 400;
letter-spacing: 0px;
line-height:5.3333vw;
color: rgba(0, 0, 0, 0.5);
        }
        .pagination li.active{
            background: rgba(37, 148, 111, 1);
        }
         .pagination li.active a{
             color: rgba(255, 255, 255, 1);  
         }
    }
    @keyframes slide {
        0%{
            height: 0;
        }
        100%{
            height: 150px;
        }
    }
    @keyframes fadein{
        0%{
left: -116px;
        }
        100%{
            left: 0;
        }
    }