@media screen and (max-width: 1360px) {

    body .journalism {

        display: flex;

        flex-direction: column;

        min-width: unset;

    }

    body .journalism .journalism-component .journalism-banner {

        width: 100%;

        height: 8rem;

        background-image: url('../../images/banner-10.png');

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

    }

    body .journalism .journalism-component .journalism-nav {

        width: 100%;

        height: 4rem;

        background-color: #ffffff;

        display: flex;

        justify-content: center;

    }

    body .journalism .journalism-component .journalism-nav .nav {

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        display: flex;

        justify-content: space-between;

    }

    body .journalism .journalism-component .journalism-nav .nav .nav-right {

        display: none;

    }

    body .journalism .journalism-component .journalism-nav .nav .nav-left {

        display: flex;

        width: 100%;

        justify-content: center;

    }

    body .journalism .journalism-component .journalism-nav .nav .nav-left a {

        width: unset;

        height: 100%;

        text-align: center;

        line-height: 4rem;

        border-bottom: 3px solid transparent;

        cursor: pointer;

        margin-right: 1rem;

        padding-bottom: 3px;

        box-sizing: border-box;

        transition: all .3s;

    }

    body .journalism .journalism-component .journalism-nav .nav .nav-left a:hover {

        border-bottom: unset;

        color: #0084ce;

    }

    body .journalism .journalism-component .journalism-nav .nav .nav-left .select-nav {

        border-bottom: unset;

        color: #0084ce;

    }

}

.journalism {

    display: flex;

    flex-direction: column;

    width: 100%;

}

.journalism .journalism-component {

    display: flex;

    flex-direction: column;

    width: 100%;

}

.journalism .journalism-component .journalism-banner {

    width: 100%;

    height: 320px;

    background-image: url('../../images/banner-10.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.journalism .journalism-component .journalism-nav {

    width: 100%;

    height: 70px;

    background-color: #ffffff;

    display: flex;

    justify-content: center;

}

.journalism .journalism-component .journalism-nav .nav {

    width: 1360px;

    padding: 0 20px;

    box-sizing: border-box;

    display: flex;

    justify-content: space-between;

}

.journalism .journalism-component .journalism-nav .nav .nav-left {

    display: flex;

}

.journalism .journalism-component .journalism-nav .nav .nav-left a {

    width: 80px;

    height: 100%;

    text-align: center;

    line-height: 70px;

    border-bottom: 3px solid transparent;

    cursor: pointer;

    margin-right: 110px;

    padding-bottom: 3px;

    box-sizing: border-box;

    transition: all .3s;

}

.journalism .journalism-component .journalism-nav .nav .nav-left a:hover {

    border-bottom: 3px solid #0084ce;

    color: #0084ce;

}

.journalism .journalism-component .journalism-nav .nav .nav-left .select-nav {

    border-bottom: 3px solid #0084ce;

    color: #0084ce;

}

.journalism .journalism-component .journalism-nav .nav .nav-right {

    display: flex;

    align-items: center;

}

.journalism .journalism-component .journalism-nav .nav .nav-right span:first-child {

    font-size: 16px;

    color: #0084ce;

}

.journalism .journalism-component .journalism-nav .nav .nav-right a {

    color: #888888;

    font-size: 14px;

    cursor: pointer;

    transition: all .3s;

}

.journalism .journalism-component .journalism-nav .nav .nav-right a:hover {

    color: #0084ce;

}

.journalism .journalism-component .journalism-nav .nav .nav-right span {

    margin: 0 12px;

    color: #b4b4b4;

    font-size: 12px;

}