.menu{  
    position: relative;
    z-index: 12;
}
.nav > li{
    display: inline-block;
    position: relative;
}
.nav > li > a{
    text-align: center;
    color: #fff;
    font-size: 19px;
    width: 140px;
    font-weight: 300;
}

.nav > li:hover > a{
    color: #fff;
    background: #fe9b00;
}
.nav a{
    color:#f5f5f5;
    display: block;
    text-decoration: none;
}
.nav  ul{
    display: none;
    position:absolute;
    background-color:transparent;
 
}
.nav  ul li{
    position:relative;


}
.nav  ul li + li{
    border-top: 1px solid rgb(70, 70, 70);
}

.nav > li:hover > ul{
    display: block;
   
}
.nav > li > ul > li > a{

    height: 45px;
    width: 10em;
    text-align: center;
    line-height: 45px;
    padding-left: 1em;
    padding-right: 1em;
    background-color: rgb(50, 50, 50);
}
.nav > li > ul > li:hover > a{
    background: #fe9b00;
    color:#FFFFFF;
}
.nav > li > ul > li > ul{
    left:100%;
    top:0;
}
.nav > li:last-child > ul > li > ul{
    left:-100%;
    top:0;
}
.nav > li > ul > li:hover >ul {
    display: block;
}
.nav > li > ul > li > ul > li > a{
    height: 30px;
    width: 10em;
    line-height: 30px;
    text-align: center;
    background-color: rgb(50, 50, 50);
}
.nav > li > ul > li > ul > li:hover > a{
    background: #fe9b00;
    color:#FFFFFF;
}




 
nav{display:block;}
a{color:#007bff;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:underline;}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem;}
.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6;}
.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6;}
.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important;}
.my-4{margin-top:1.5rem!important;}
.my-4{margin-bottom:1.5rem!important;}
.text-center{text-align:center!important;}
 

a{color:#212529;text-decoration:none;}
a:hover{text-decoration:none;}
.page-num:not(:disabled){cursor:pointer;}
.page-num,.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#17a2b8;background-color:#fff;border:1px solid #dee2e6;}
a.page-num:hover,.page-link:hover{text-decoration:none;}
.page-num-current{z-index:1;color:#fff;background-color:#17a2b8;border-color:#17a2b8;}
.page-num-current:hover{color:#fff;}
@media only screen and (max-width: 576px){
.page-num{display:none;}
}

.text-center{text-align:center!important;}
a:hover{color:#000;}
.page-num,.page-link{color:#333;}
.page-num-current{background-color:#333;border-color:#333;color:#fff;}

@media (max-width: 768px){
.my-4{margin-top:0.8rem!important;}
}


.clear{
    clear:both;
}

 .zhanshi .heizi{
        float: left;
        width:240px;
        height:210px;   
        margin:5px;
        padding: 18px 2px 0 2px;
        font-size: 14px;
        overflow-y: hidden;
    }

.heizi a{
    display:block;
    text-align: center;
}
.heizi .images{
    width: 240px;
    height: 180px;
    margin-bottom: 10px;
    text-align: center;
}    
.heizi .images img{
     width:100%;
     height: 100%;
}