.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);}
}


.about{background:url('../box/news.jpg?') center 50px; background-repeat:no-repeat; background-size:100% auto;}
.about>article>aside{border:1px solid #e8e8e8; padding:28px; border-radius:4px; background:#fff;} 

@media(min-width:1200px){
.about{padding:50px 0;}
}

@media(max-width:1199px){
.about{padding:35px 0;}
}

@media(max-width:767px){
.about{padding:15px 0;}
}