.subnav{background:#f3f7ff; position:relative; z-index:4;}
.subnav article>ul>li>a{font-size:16px; font-size:px;}
.subnav article li.on>a,
.subnav article li.pn>a{color:rgb(65,93,138);}
@media(min-width:992px){
.subnav article>ul{text-align:center; font-size:0;} 
.subnav article>ul>li{display:inline-block; position:relative;}
.subnav article>ul>li>a{display:block; padding:12px 16px;}
.subnav article>ul>li.has>a:after{display:inline-block; content:'\\2228'; margin-left:3px; transition:transform .3s;}
.subnav article>ul>li.has:hover>a:after{transform:rotate(180deg);}
.subnav article>ul>li ul{position:absolute; left:100%; top:0; width:140px; white-space:nowrap; text-align:center; background:#fff; 
visibility:hidden; opacity:0; transition:.05s; transform:scale(0); transform-origin:top center;}
.subnav article>ul>li ul ul{transform-origin:left center;}
.subnav article>ul>li>ul li.parent{display:none;}
.subnav article>ul>li>ul li.right ul{left:auto; right:100%; transform-origin:right center;}
.subnav article>ul li:hover>ul{visibility:visible; opacity:1; transition:.3s; transform:scale(1);}
.subnav article>ul>li>ul{left:50%; top:100%; width:140px; margin-left:-70px;}
.subnav article>ul>li ul{box-shadow:0 0 5px rgba(0,0,0,.1);}
.subnav article>ul>li ul>li{position:relative; border-top:1px dashed #f0f0f0; }
.subnav article>ul>li ul>li:first-child{border-top:0;}
.subnav article>ul>li ul>li>a{display:block; padding:8px 0; font-size:16px; }
.subnav article>ul>li ul>li>a>b{}
}
@media(max-width:991px){
.subnav article{padding:2px 0 1px 0;}
.subnav article ul{overflow:auto; white-space:nowrap;  font-size:0; text-align:center;}
.subnav article ul>li{display:inline-block; padding:8px;}
.subnav article>ul>li ul{position:absolute; background:#fff; top:100%; left:0; right:0; visibility:hidden; opacity:0; transition:.3s; transform:translateY(-8px);}
.subnav article>ul>li.active{background:#fff;}
.subnav article>ul>li.active>ul{visibility:visible; opacity:1; transform:translateY(-2px);}
.subnav article>ul>li ul>li>a{font-size:16px;}
.subnav article>ul>li>ul li.parent.pn>a{color:rgb(33,33,33);}
.subnav ul::-webkit-scrollbar{height:1px; background:;}
.subnav ul::-webkit-scrollbar-track-piece{height:1px;}
.subnav ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,0); transition:.2s;}
.subnav ul:hover::-webkit-scrollbar-thumb{background:rgb(65,93,138);}
}




.newslist2{position:relative;}

@media(min-width:1200px){
.newslist2{padding-top:50px;padding-bottom:50px;}
}

@media(max-width:1199px){
.newslist2{padding-top:30px;padding-bottom:30px;}
}

@media(max-width:767px){
.newslist2{padding-top:15px;padding-bottom:15px;}
}

.newslist2 .list-box{max-width:1200px; margin:auto;}
.newslist2 .list-box ul{margin:-8px;}
.newslist2 .list-box ul li{padding:8px; border-radius:3px; transition:.3s; position:relative;}
.newslist2 .list-box ul li:after{display:block; content:''; clear:both;}
.newslist2 .list-box ul li:hover{background:rgb(248,248,248);} 
.newslist2 .list-box ul li h3:after{position:absolute; content:''; left:0; bottom:1px; right:100%; height:1px; background:rgb(41,129,227);  transition:.3s;}
.newslist2 .list-box ul li:hover h3:after{right:0;}
.newslist2 .list-box ul li img{float:left; height:144px; border-radius:2px; margin-right:18px;}
.newslist2 .list-box ul li h3{position:relative; font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:2px;}
.newslist2 .list-box ul li h3 a{ }
.newslist2 .list-box ul li p{overflow:hidden; height:84px; margin:2px 0; }
.newslist2 .list-box ul li span{display:block; font-size:14px;}
.newslist2 .list-box ul li span em{font-style:normal; color:rgb(153,153,153);}
.newslist2 .list-box ul li span em.fa-clock-o{ }
.newslist2 .list-box ul li span em.fa-eye{ }
.newslist2 .list-box ul li span i{font-style:normal; color:rgb(153,153,153); margin-right:8px;}
.newslist2 .list-box dir{margin-top:28px;}
@media(max-width:1200px){
.newslist2 .list-box{}
.newslist2 .list-box ul li p{margin:1px 0;}
}
@media(max-width:992px){
.newslist2 .list-box{}
}
@media(max-width:767px){
.newslist2 .list-box ul li h3{font-size:16px;}
.newslist2 .list-box ul li img{width:116px; height:108px; object-fit:cover; margin-right:8px;}
.newslist2 .list-box ul li p{height:52px; font-size:14px;}
.newslist2 .list-box dir{margin-top:18px;}
}