.nav {
    width: 100%;
    height: 56px;
    position: relative;
        background: #015293;}
.fd-sub-nav a:hover{color: #caaf30;font-weight: bold;}
.nav>ul {
    width: 100%;}
.nav>ul>li {
    height: 56px;
    width: 25%;
    float: left;
    position: relative;}
.nav>ul>li>a {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 56px;
    color: #f4f4f4;
    font-size: 24px;
    text-align: center;}

.nav>ul>li>a:hover {
    color: #f4da29;
    background: #015293;}

.fd-xl:hover .fd-sub-nav {
    display: block;}

.nav>ul.fd-sub-nav li:hover a {
    color: #f4da29;
    background:#015293;}
.fd-sub-nav {
    position: absolute;
    background: #024b86;
    width: 180px;
    display: none;
    z-index: 99;
    margin-left: calc(50% - 90px);}
.fd-sub-nav li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px dashed #5186dd;}
.fd-sub-nav a {
    color: #fff;
    font-size: 16px;
    padding: 0;
    letter-spacing: 0;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 100%;}


@media(max-width:700px){
.fd-sub-nav {
    width: 100%;
    margin-left: 0;}
.nav>ul>li>a{font-size:20px;}
}
.position>div{font-size:14px;}
.pagination span{height:20px !important;line-height:16px !important;}
.pagination a{height:20px !important;line-height:16px !important;}