.top-nav{

    background-color: #2d2d2d;

    /* position: relative;

    z-index: 11; */

}



.nav-all{

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #fff;

    padding: 100px 0 50px 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 li.on a{

    color: #ffd700;

}



.nav-right ul li a{

    color: #fff;

    font-size: 15px;

    padding: 0 15px;

}



@media(max-width: 1120px){

    .nav-all{

        display: block;

    }

}



@media(max-width: 512px){

    .nav-right ul li a{

        padding: 0 5px;

    }

}





.pro-line{

    width: 60px;

    height: 8px;

    background-color: #ffd700;

    margin-top: 120px;

}



.pro-title{

    font-size: 28px;

    padding-top: 5px;

    letter-spacing: 5px;

}



.pro-new-title{

    display: flex;

    align-items: center;

}



.pro-new-title img{

    margin-left: -15px;

}



.pro-new-title span{

    font-size: 25px;

    padding-left: 10px;

    letter-spacing: 0px;

}



.pro-new-img{

    width: 372px;

    height: 199px;

    overflow: hidden;

}



.pro-new-img img{

    width: 100%;

}



.pro-new-subtitle,.pro-new-desc{

    font-size: 16px;

    padding-left: 15px;

    padding-top: 5px;

}



.pro-new{

    padding-top: 40px;

    /* padding-bottom: 200px; */

}



.div{

    padding-bottom: 200px;

}



.pro-new-content{

    padding: 20px 0;

}



.pro-contetn{

    padding-bottom: 60px;

}



@media(max-width:1120px){

    .pro-new-img{

        width: auto;

        height: auto;

    }

    .pro-new-content-all.row{

        margin: 0;

    }

    .pro-new-title img{

        margin: 0;

    }

}













@media(max-width:512px){

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

    }

    .pro-line {

        width: 50px;

        height: 6px;

        background-color: #ffd700;

        margin-top: 30px;

    }

    .pro-title {

        font-size: 20px;

        padding-top: 5px;

        letter-spacing: 2px;

    }

    .pro-new {

        padding-top: 20px;

    }

    .pro-new-content {

        padding: 20px 5px;

    }

}



.pro-new-img{

    overflow: hidden;

}



.pro-new-img img{

    transition: .5s;

}



.pro-new-img:hover img{

    transform: scale(1.1);

}