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

    /* header */

    .logo {
        background-position-y: 10%;
        background-size: 50%;
        margin-left: 2%;
    }

    .logotext1 {
        position: relative;
        font-size: 16px;
        border: none;
        bottom: -15%;
        left: -10%;
    }

    .topsearch {
        position: absolute;
        top: 1.5vh;
        right: 1.5vw;
        width: 40%;
    }

    #keyword{
        font-size: 12px !important;
    }

    /* banner */
    .no1 {
        /* width: 100vw;
        height: 60vh;
        position: relative;
        z-index: 99999;
        right: -100%;
        background: #8f2a2e;
        opacity: 0.90;
        grid-template-columns: 100% !important;
        grid-template-rows: repeat(8, 1fr); */
        display: none;
    }

    .no2 {
        display: none;
    }

    /* login */

    .clj {
        position: absolute;
        top: 19vh;
        /* transform: translateY(-110px); */
        z-index: 9999;
    }

    .clj ul {
        width: 95%;
        height: 4rem;
    }

    .clj span {
        font-size: 12px;
    }

    .clj span span {
        font-size: 8px !important;
    }

    .focus-container .focus-item img {
        height: 180px !important;
    }

    .focus-navigation {
        top: 20% !important;
    }

    .focus-box {
        height: 215px !important;
    }

    .focus-title {
        overflow: hidden;
        width: 175px;
        height: 50px !important;
    }

    .pic-news {
        width: 100%;
    }

    .left-box21 {
        width: 100%;
    }

    .left-box3 {
        width: 100%;
    }

    ul.news_l {
        overflow-y: auto;
        overflow-x: hidden;
        height: 360px;
    }

    /* 隐藏招聘信息日历 */
    .pic-news2 {
        display: none !important;
    }

    .box2 input+label {
        line-height: normal;
        font-size: 16px;
    }

    .box2 ul :last-child {
        display: none;
    }

    .box2 ul :first-child {
        display: none;
    }

    .box2 ul li {
        height: 30px;
        /* padding: 0px 0px 0px 0px; */
        width: 50% !important;
    }

    .bgtt {
        font-size: 12px !important;
    }

    .news-header-span-img {
        padding-right: 5px;
        padding-left: 5px;
    }

    .nomobile {
        overflow-y: auto;
        min-height: 360px;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .xyjs {
        margin-bottom: 0;
        text-align: left;
        padding-left: 10px;
        line-height: 0;
    }

    .xyjs-font {
        padding-left: 2px;
        letter-spacing: 0;
    }

    .bottomsty li {
        width: calc(100% / 4);
        font-size: 12px;
        line-height: normal;
        align-items: center;
    }

    .bottomsty li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
    }

    .bottomsty li a img {
        width: 10px;
        height: 10px;
        margin-left: 5px;
    }

    .backtop {
        z-index: 999;
    }

    .invite {
        z-index: 999;
    }

    .cotents {
        height: 40px;
        width: 40px;
        position: fixed;
        background-color: #b4393de6;
        top: 20%;
        right: 1%;
        border: solid 1px #b4b2b2;
        border-radius: 25px;
        z-index: 99999;
    }
}