main{
    margin-top: 145px;
}
.gnav {
    position: fixed;
    z-index: 9999;
    margin: 0;
    top: 80px;
    height: 65px;
    background: linear-gradient(0deg, #000 0%, #007b8c 100%);
}
.gnav ul {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gnav ul li {
    width: 180px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.gnav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: color .3s linear;
}
.gnav ul li a:hover,
.gnav ul li a.active,
.gnav ul li.now a{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
}
@media screen and (max-width: 1319px){
    .gnav ul {
        max-width: 90%;
    }
    .gnav ul li {
        width: 14%;
    }
}
@media screen and (max-width: 768px){
    main{
        margin-top: 80px;
    }
}