.zdly-navs .box{height: 310px; position: relative; background: #fff;}
.zdly-navs .pNav{height: 100%; background: #F0F7FF;}
.zdly-navs .pNav a{display: block; overflow: hidden; height: 100%;}
.zdly-navs .pNav a:hover{background: #e0edfc; transition:300ms;}
.zdly-navs .pNav img{display: block; margin: 70px auto 16px;}
.zdly-navs .pNav h3{padding:0 40px; font-size: 1.25em; line-height: 24px; font-weight: bold; text-align: center;}
.zdly-navs .sNav{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 30px; background: rgba(0,92,184,.8); opacity: 0; height: 0; overflow: hidden;
  -webkit-transition:400ms; -moz-transition:400ms; -o-transition:400ms; transition:400ms;}
.zdly-navs .sNav a{color: #fff;}
.zdly-navs .sNav a:hover{font-weight: bold;}
.zdly-navs .sNav h3{padding: 28px 0; color: #fff; font-size: 1.25em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zdly-navs .sNav ul{height: 210px; margin-right: -15px; overflow-y: auto;}
.zdly-navs .sNav ul li{position: relative; padding:7px 10px 7px 20px; line-height: 22px;}
.zdly-navs .sNav ul li:before{content: ''; position: absolute; left: 0; top: 16px; width: 5px; height: 5px; background: #fff; border-radius: 50%;}
.zdly-navs .box:hover .sNav{opacity: 1; height: 100%;}


/* 设置滚动条的样式 */
/* .common-scrollbar{direction:rtl;} */
.common-scrollbar::-webkit-scrollbar{width: 5px; border-radius: 2px; background: none;}
/*滚动槽*/
.common-scrollbar::-webkit-scrollbar-track{  border-radius: 5px; background: rgba(255,255,255,.2);}
/* 滚动条滑块 */
.common-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.5); border-radius: 4px;}