.top-nav{

    background-color: #2d2d2d;

}



.nav-all{

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #fff;

    padding: 80px 0 60px 0;

}



.nav-left{

    font-size: 35px;

}



.nav-left span{

    border-bottom: 10px solid #ffd700;

    letter-spacing: 4px;

    padding-bottom: 5px;

}



.nav-right ul{

    display: flex;

    padding-top: 35px;

}



.nav-right ul li a{

    color: #fff;

    font-size: 15px;

    padding: 0 15px;

}



.nav-right .on a{

    color: #ffd700;

}



@media(max-width: 1120px){

    .nav-all{

        display: block;

    }

}



@media(max-width: 512px){

    .nav-right ul li a{

        padding: 0 5px;

    }

}











.dt-line{

    width: 60px;

    height: 8px;

    background-color: #ffd700;

    margin-top: 120px;

}



.dt-title{

    font-size: 28px;

    padding-top: 5px;

    letter-spacing: 5px;

}



.dt-all-img{

    overflow: hidden;

}



.dt-all-img img{

    width: 100%;

    height: 265px;

    transition: .5s all;

}



.dt-all-img:hover img{

    transform: scale(1.1);

}



.dt-all-desc{

    padding: 20px;

}



.dt-content-all{

    padding: 15px;

}



@media(min-width:1120px){

    .dt-content-all{

        height: 510px;

    }

    

}



.dt-all-desc span:first-child{

    background-color: #ffd700;

    padding: 0 5px;

    font-size: 12px;

    border-radius: 20px;

}



.dt-all-desc span:last-child{

    font-size: 12px;

    padding-left: 5px;

    color: #2e2e2e;

}



.dt-all-title{

    font-size: 18px;

    font-weight: bold;

    padding-left: 20px;

    height: 50px;

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}



.dt-all-content{

    font-size: 15px;

    text-indent: 2em;

    padding-top: 30px;

    line-height: 25px;

    letter-spacing: 1px;

    text-align: justify;

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}



.dongtai .container{

    padding-bottom: 80px;

}



.fenye{

    text-align: center;

    display: flex;

    justify-content: center;

    padding-top: 40px;

}



.fenye span{

    display: block;

    width: 39px;

    height: 39px;

    text-align: center;

    line-height: 39px;

    font-size: 16px;

    color:#000;

    opacity: 1;

    background: #f5f5f5;

    margin: 0 5px;

    outline: none;

    border-radius: 50%;

    cursor: pointer;

}



.fenye span.on{

    color:#fff;

    background: #ffd700;

}



@media(min-width:1120px){

    .dongtai .container{

        width: 1280px;

    }

}



@media(max-width:990px){

    
    .dt-all-img img{

        width: 100%;

        height: 200px;

    }

    .dt-all-content {

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        overflow: hidden;

    }

}









@media(max-width:512px){

    .dt-all-img img{

        width: 100%;

        height: 140px;

    }

    .nav-all {

        padding: 20px 0 20px 0;

    }

    .nav-left{

        font-size: 20px;

    }

    .nav-left span{

        border-bottom: 5px solid #ffd700;

    }

    .nav-right ul {

        padding-top: 15px;

    }

    .nav-right ul li a{

        padding: 0 5px;

    }

    .dt-line{

        margin-top: 30px;

        width: 50px;

        height: 6px;

        background-color: #ffd700;

    }

    .dt-title {

        font-size: 20px;

        padding-top: 3px;

        letter-spacing: 2px;

    }

    .dt-all-desc {

        padding: 15px 0 0 0;

    }

    .dt-all-title {

        font-size: 16px;

        font-weight: bold;

        padding: 15px 0;

        height: 60px;

        display:-webkit-box;

        -webkit-line-clamp:2;

        -webkit-box-orient:vertical;

        overflow:hidden;

    }

    .dt-all-content {

        font-size: 14px;

        text-indent: 0;

        padding-top: 15px;

        line-height: 20px;

        letter-spacing: 0px;

        padding-bottom: 0px;

        display:-webkit-box;

        -webkit-line-clamp:2;

        -webkit-box-orient:vertical;

        overflow:hidden;

    }

    .dt-content-all{

        padding: 10px;

    }

    .dt-content-all:nth-child(odd){

        padding-right: 5px;

    }

    .dt-content-all:nth-child(even){

        padding-left: 5px;

    }

}