.layui-tab-bar { z-index: 0;}


.layui-tab-title label{    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    min-width: 65px;
    text-align: center;
    cursor: pointer;margin-bottom:0;}


 .banner{width: 100%;
     height: 500px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(195deg, rgba(73, 163, 241, 0.4), rgb(255,15,15,.4)) 50% center / cover,transparent url(../images/1656298592.jpeg) center center no-repeat;
    background-size: cover;z-index:-1;}

     .banner .carousel-control-next, .carousel-control-prev{top: -20%!important;}
    
   .banner-t{position:absolute;top: 100px;width: 100%;}
   .banner-t h2{    width: 100%;
    color: #ffffff;
    position: absolute;
    letter-spacing: 3px;
    text-align: center;}
    .banner-t p{width: 100%;
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    margin-top: 55px;
    text-align: center;}
    
   .banner-pic{height:500px;width:100%;}
   .banner-pic img{height:100%;width:100%;} 
   
   
   
   article{width:85%;margin:0 auto;margin-top: -10%;}
   .nav-warpc{display:flex;flex-wrap:wrap;}
   .nav-warpc2{text-align:center;padding: 3% 1%;}
   
   .layui-card-body{background:#fff; }
   
   .nav-sub{display:flex;justify-content: space-evenly;background: #fff;border: 1px solid #f2f2f4;
    position: relative;}
    .nav-sub .nav-slist{width:33.33%;}
   .nav-sub a{height: 55px;line-height: 55px;text-align: center;font-size: 16px;color: #585858; display: block;}
   .nav-slsub{padding:2% 3%;display:flex;flex-wrap: wrap;border: 1px solid #f2f2f4;border-width: 1px 1px 0 0;}
   .nav-slsub a{display:block;width:25%;    height: 45px;line-height: 45px;}
   /*.nav-warp{margin-bottom:3%;}*/
   .nav-warpt{display:flex;    justify-content: space-between;padding:2% 0 1%;}
   .nav-warpt div{display:flex;}
   .nav-warpt div:nth-of-type(1) a{}
   .nav-warpt div:nth-of-type(1) a span{padding-left:5px;border-left: 3px solid #333;font-size:24px;
    padding: 9px 16px 9px 16px; font-weight: bolder;display: block;}
    
   .nav-warpt div:nth-of-type(2){width:50%;}
   .nav-warpt div:nth-of-type(2) a{text-align: center;
   font-size: 14px;background-color: #FFF;border: #f6f6f6 solid 1px;margin-left: 10px;border-radius: 2px;padding: 9px 16px 9px 16px;
      -webkit-box-flex:1;-webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; 
       
   }
   .nav-warpt div:nth-of-type(2) a:hover{background:#108bf3;color:#fff;}
   
   


   .nav-warpt div:nth-of-type(2),.nav-sub{
        list-style-type: none; display:-webkit-box;display:-webkit-flex; display:-ms-flexbox;

      display:flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap;

      -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify;justify-content:space-between; padding:0; overflow:auto;    overflow-y: hidden;

   }
   
   .nav-warpt div:nth-of-type(2) a,.nav-sub .nav-slist{text-align: center;
     -webkit-box-flex:1;-webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; }

    
/*首页更多按钮*/
.tab-more{margin:0 auto;width: 155px;}
.morebtn {
    margin: 15px 0;
    text-align: center;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.morebtn span::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #646464;
    height: 2px;
    width: 40px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.morebtn span::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #646464;
    height: 30px;
    width: 2px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.morebtn:hover span::after{
	height: 100%;
}
.morebtn:hover span::before{
	width: 100%;
}
.morebtn .morebtn-right {
    font-weight: bold;
    text-align: center;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    padding: 0 60px;
        font-size: 16px;
    /*font-family: 微软雅黑;*/
    color: rgb(153, 153, 153);
}
.morebtn .morebtn-right:hover{
	color:#646464;
}
.morebtn .morebtn-right::before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #646464;
    height: 2px;
    width: 40px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.morebtn .morebtn-right::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #646464;
    height: 30px;
    width: 2px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.morebtn:hover .morebtn-right::before{
	width: 100%;
}
.morebtn:hover .morebtn-right::after{
	height: 100%;
}


 .card-title,.card-text,.wa-t div:nth-of-type(1){ overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
    
    
    
 /*悬滑左右线动画弹窗显示  */
.morebtn i {position: absolute; top: 20px; z-index: 9; display: inline-block; width: 104px; height: 2px; background-color:#646464; opacity: 0;filter:alpha(opacity=0);}

.morebtn i.m-le {left: -100%;}
.morebtn i.m-ri {right: -100%;}
.morebtn a:hover i {opacity: 1.0; filter:alpha(opacity=100);    -webkit-transition: all 0.4s ease;}
.morebtn a:hover i.m-le {left: -70px;    -moz-transition: all 0.4s ease;}
.morebtn a:hover i.m-ri {right: -70px;     transition: all 0.4s ease;}
    

  /*悬滑动画动画效果显示  */
.morebtn a .wzdh {


    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;

}

.morebtn a .wzdh::before{
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    left: 36px;
    top: 14px;
    /*background: url(../images/icon_download.svg) no-repeat;*/
    background-size: 100%;
}    
.morebtn a:hover .wzdh {
    -webkit-animation: rubberBand 1s ease-in-out;
    -moz-animation: rubberBand 1s ease-in-out;
    animation: rubberBand 1s ease-in-out;
}
    

/*end首页更多按钮*/

/*音频box*/
.audio-box{ width: 23.5%; background: #f1f3f4; text-align: center; margin: 1.5% 0% 0% 1.5%;padding-top:1%;    overflow: hidden;}
/*end音频box*/


.tool-card div:nth-of-type(2) strong,.tool-card div:nth-of-type(2) p{overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp:1;}


/*工具-tool-card*/
.tool-card{display:flex;position: relative;width:15%; padding:1%;margin: 1.5% 0% 0% 1.5%;background:#f9f9f9;padding:0.7%;border-radius:10px;}
.tool-card div:nth-of-type(1){    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background: rgba(128,128,128,.1);
    overflow: hidden;margin-right: 0.5rem!important;}
.tool-card div:nth-of-type(1) img{width:100%;height:100%;display:block;}
.tool-card div:nth-of-type(2){width: 100%;}
.tool-card div:nth-of-type(3){    padding-top: 6%;    display: table;margin: 0 auto;}


.wa-t{cursor:pointer}
/*.tool-card div:nth-of-type(3){position: absolute;top: 0;margin-right:0;line-height: 20px;width: 100%;padding: 0.5rem;left: 0;background: #f9f9f9;display:none;}*/
/*.tool-card:hover div:nth-of-type(3){display:block;}*/

{if(!isset($filters[$s['field']]))}

.tool-card2{background:#fff;width: 15.1%;}
.tab-content{margin-top:1%;}
.tool-card-box{background:#f9f9f9;margin-bottom:1.5%;padding: 1%;}
.tab-pane22-title{padding: 1% 0 0.5%;font-size: 1.125rem;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 15px;display:flex;}

@media only screen and (max-width: 480px){
    .tool-card-box{margin-bottom:3%;}
}

 @media (max-width: 575px) {
    .tool-card-box{margin-bottom:3%;}
 }
 {/if} 

/*end具-tool-card*/





/*分页*/
.feny{display: flex;margin: 2% 0;}
.feny .pagination{margin:0 auto!important;}
.feny div{width: 50%; }
.feny div:nth-of-type(1){text-align: left;padding-right: 2%;}
.feny div:nth-of-type(2){text-align: right;padding-left: 2%;}
.feny div a ,.feny div a{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;color: #999;    font-size: 14px;}
.feny div a:hover,.feny div a:hover{color: #00215C;}
.feny nav{    padding: 0 20%;}
.feny nav ul li{margin:0 3%!important;}
.feny nav ul li a{background: #F0F2F5; width:30px!important;height:30px!important;padding: 0.2rem 0.65rem;outline-color: rgb(234 234 234 / 30%);border:1px solid #edeff0;color: #606266;border:none;outline:unset!important;}
/*.feny nav ul li:nth-of-type(1) a,.feny nav ul li:last-child a{padding: 0.2rem 0.65rem;}*/

.feny nav ul li.active a,.feny nav ul li a:hover{    z-index: 3;border:none;
    color: #fff!important;
    background-color: #0073BF!important;
    border-color: unset;outline:unset!important;
}

.feny div a:hover,.feny div a:hover{color: #00215C;}

/*end分页*/


/*文章list*/

.news_warp .slideTxtBox{ width:100%; /*border:1px solid #ddd;*/ text-align:left; }
.news_warp .slideTxtBox .hd{ height:47px; line-height:47px; padding:0 10px 0 20px;position:relative; border-bottom: 1px solid #ddd;background: #fff;}

.news_warp .slideTxtBox .hd ul{position:absolute; left:2%; height:40px;padding-bottom: 2%;}
.news_warp .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size: 16px; }
.news_warp .slideTxtBox .hd ul li{position:relative;}



.news_warp .slideTxtBox .hd ul li.on{ height:47px;
border-bottom:2px solid #00c1de; color:#00c1de;}


.news_warp .slideTxtBox .bd{width: 100%;/*margin-top: 2%;*/}
.news_warp .slideTxtBox .bd ul{zoom:1;padding-bottom: 2%;}
.news_warp .slideTxtBox .bd li{width: 100%;margin-top: 2%;padding: 2%;background: #fff;overflow: hidden;}

.news_warp .slideTxtBox .bd li.list-wz{border:1px solid #eee;}



/*.news_warp .slideTxtBox .bd li:hover{border-left: 3px solid #81c53f;}*/

.news_warp .slideTxtBox .bd li .newstitle{margin: 0 0 10px 0;font-size: 20px;overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
}
.news_warp .slideTxtBox .bd li .newspic{float: left;width: 25%;max-height: 130px;margin-right: 5px;display: block;overflow: hidden;}

.news_warp .slideTxtBox .bd li .newspic img {width: 100%;height: auto;margin-bottom: 10px;
transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s;
}
.news_warp .slideTxtBox .bd li:hover .newspic img{transform: scale(1.1);}





.news_warp .slideTxtBox .bd li .newstext{
font-size: 14px; color: #566573;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;margin-top: 30px;
}

.news_warp .slideTxtBox .bd li .newsinfo{overflow: hidden; margin-top: 10px;display: block;width: auto;}
.bd_warp,.news_nav{visibility: unset !important;}

.news_nav{width: 100%;padding:2%;background: #fff;}
.news_nav h1{font-size: 22px;margin-bottom: 15px;}
.news_nav p{color: #666;}

.news_warp .slideTxtBox .bd li .newsinfo li{float: left;font-size: 12px;padding: 0 0 0 20px;margin: 0 15px 0 0;color: #748594;line-height: 1.5;display: inline-block;}
.news_warp .slideTxtBox .bd li .newsinfo ul li{width: auto;}
.news_warp .slideTxtBox .bd li .newsinfo ul li:nth-child(1){background: url({$tpl}static/images/auicon.jpg) no-repeat 0 0;}
.news_warp .slideTxtBox .bd li .newsinfo ul li:nth-child(2){background: url({$tpl}static/images/auicon.jpg) no-repeat top -23px left;}
.news_warp .slideTxtBox .bd li .newsinfo ul li:nth-child(3){background: url({$tpl}static/images/auicon.jpg) no-repeat top -44px left;}
.news_warp .slideTxtBox .bd li .newsinfo ul li:nth-child(4){background: url({$tpl}static/images/auicon.jpg) no-repeat top -64px left;}
.news_warp .slideTxtBox .bd .bd_warp ul li:nth-child(-n+4){opacity: unset !important;-webkit-transform: translatey(0px) !important;transform: translatey(0px) !important;}


@media screen and (min-width: 1200px) and (max-width: 1365px){

.news_article{width: 75%;}
}


/*在1024 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media screen and (min-width: 1024px) and (max-width: 1199px){

.news_article{width: 90%;}

}


@media screen and (max-width: 1023px) {

main {width: 100%;}
aside {display: none;}
.news_article { width: 98%;}
.news_warp .slideTxtBox .bd li .newstext{margin-top: 0px; }


}


@media only screen and (max-width: 480px){

/*手机端选项卡左右滑动*/
.news_warp .slideTxtBox .hd {overflow-x: auto;}
.news_warp .slideTxtBox .hd {overflow-x: auto;}
.news_warp .slideTxtBox .hd ul { width: 800px; }
.newslist li { padding: 0 10px 10px 10px; }
.news_warp .slideTxtBox .hd li {margin-right: 30px;width: auto;}
.news_warp .slideTxtBox .bd li .newsinfo {clear: both;}
}

/*文章list*/






/*超小屏幕*/
 @media (max-width: 575px) {
       .nav-slsub a{width:33%!important; }
       article{width: 96%; margin-top: -10%;}
       .layui-card-body {padding: 10px 6px!important;}
       .nav-warpc2 h2{font-size:20px;}
       .nav-warpc2 img{width:100%;}
       .banner{height: 300px; width: 100%;}
       .banner .carousel-control-next, .carousel-control-prev{top: -40%!important;}
        .banner-pic {height: 300px; width: 100%;}
       .banner-t {margin-top: 4%;}
       .banner-t h2 {font-size: 16px;}
       .banner-t p {font-size: 14px; margin-top: 35px;}
       .nav-sub{margin-top: -13%;}
         .nav-sub .nav-slist{width:100%;}
        .nav-warpt>div:nth-of-type(1){width:40%;}
        .nav-warpt div:nth-of-type(2){width:60%;}
         .nav-warpt>div:nth-of-type(1) a span{font-size:14px;display: table-cell;padding:9px;border-left: 2px solid #786969;}
        .card{width:100%;margin:2% 0;padding:3%;}
         .yl{bottom: 38%;right: 3%;}
         
         .audio-box{width: 100%;margin-bottom: 3%;}
         
        .tool-card{ width: 47.5%;margin: 1.5% 0% 1% 2.5%;}
        .tool-card div:nth-of-type(1){width: 30px;height: 30px;margin-right: 0.5rem!important;}
        .tool-card div:nth-of-type(1) img{width:100%;height:100%;}
                
         
         /*.tab-more { width: 155px;}*/
    

 	.feny div{width: 100%; margin-bottom: 2%;}
 	.feny div:nth-of-type(1){padding-right: 0%;}
    .feny div:nth-of-type(2){text-align:left;padding-left: 0%;padding-right: 0%;}

 }
 

/*小屏幕*/
 @media (min-width: 576px) and (max-width: 767px) {
     article{width: 96%;}
     .nav-warpc2 h2{font-size:20px;}
     .nav-warpc2 img{width:100%;}
       .banner{height: 350px; width: 100%;}
       .banner .carousel-control-next, .carousel-control-prev{top: -40%!important;}
        .banner-pic {height: 350px; width: 100%;}
       .banner-t {margin-top: 4%;}
       .banner-t h2 {font-size: 20px;}
       .banner-t p { margin-top: 60px;}
       .nav-sub{margin-top: -13%;}
         .nav-sub .nav-slist{width:100%;}
        .nav-warpt>div:nth-of-type(1){width:40%;}
        .nav-warpt div:nth-of-type(2){width:60%;}
         .nav-warpt>div:nth-of-type(1) a span{font-size:14px;display: table-cell;padding:9px;border-left: 2px solid #786969;}
        .card{width:100%;margin:2% 0;padding:3%;}
         .yl{bottom: 38%;right: 3%;}
         .audio-box{width: 100%;}
  
  
    .tool-card{ width: 47.5%;margin: 1.5% 0% 1% 2.5%;}
  
         .feny div{width: 100%; margin-bottom: 2%;}
         .feny div:nth-of-type(1){padding-right: 0%;}
    .feny div:nth-of-type(2){text-align:left;padding-left: 0%;padding-right: 0%;}

 }

/*中屏幕*/
 @media (min-width: 768px) and (max-width: 991px) {
       article{width: 96%;}
       .nav-warpc2 h2{font-size:20px;}
       .banner{height: 350px; width: 100%;}
       .banner .carousel-control-next, .carousel-control-prev{top: -40%!important;}
        .banner-pic {height: 350px; width: 100%;}
       .banner-t {margin-top: 4%;}
       .banner-t h2 {font-size: 25px;}
       .banner-t p { margin-top: 50px;}
       .nav-sub{margin-top: -13%;}
       .nav-sub .nav-slist{width:50%;}
        .nav-warpt>div:nth-of-type(1){width:25%;}
        .card{width:31.33%;}
        .yl{bottom: 38%;right: 3%;}
        .audio-box{width: 48.5%;}
         .tool-card2{background: #fff;width: 31.8%;}
        
 }

 /*大屏幕*/
 @media (min-width: 992px) and (max-width: 1199px) {
        article{width: 96%;margin-top: -8%;}
        .banner .carousel-control-next, .carousel-control-prev{top: -40%!important;}
        .banner{height: 400px;}
        .banner-pic {height: 400px;}
       .banner-t {margin-top: 4%;}
       .banner-t p { margin-top: 65px;}
        .nav-sub{margin-top: -20%;}
        .nav-sub .nav-slist{width:50%;}
        .nav-warpt>div:nth-of-type(1){width:25%;}
        .card{width:23%;}
        .yl{bottom: 39%;right: 4%;}
         .audio-box{width: 31.8%;}
         
          .tool-card2{background: #fff; width: 23.5%;}

        
 }
  /*超大屏幕*/
 @media (min-width: 1200px){
          .container-self{background: pink;width: 1140px;}
          .banner-t{padding-top: 2%;}
          
 }
 
 
 
 
 @media (max-width:992px){
   /*.banner{top: 59px!important;}*/
 }