@media screen and (max-width:1680px) {
    html {
        font-size: 86px;
    }
}

@media screen and (max-width:1440px) {
    html {
        font-size: 72px;
    }
}

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

@media screen and (max-width:1280px) {
    html {
        font-size: 63px;
    }
}

@media screen and (max-width:1150px) {
    html {
        font-size: 100px;
    }

    .top_box {
        display: none;
    }

    .mobile_nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        background-color: #fff;
        padding: 0 .18rem;
        box-sizing: border-box;
        height: .7rem;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }

    .m_logo {
        width: 2rem;
        height: auto;
    }

    .m_logo img {
        width: 100%;
        height: auto;
    }

    .search_btn {
        width: .51rem;
        height: .44rem;
        scale: .6;
    }

    .box-mobile {
        display: inline-block;
    }

    .nav-btn {
        width: 25px;
        height: 16px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
    }

    .nav-btn span {
        height: 2px;
        width: 100%;
        background-color: #333;
        display: flex;
        position: absolute;
        transition: .5s;
    }

    .nav-btn span:nth-child(1) {
        top: 0;
        left: 0;
    }

    .nav-btn span:nth-child(2) {
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }

    .nav-btn span:nth-child(3) {
        bottom: 0;
        left: 0;
    }

    .nav-btn-active span:nth-child(1) {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .nav-btn-active span:nth-child(2) {
        opacity: 0;
    }

    .nav-btn-active span:nth-child(3) {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }



    .head-mc {
        position: fixed;
        top: .7rem;
        left: 0;
        width: 100%;
        height: calc(100vh - .7rem);
        background-color: #fff;
        padding: 30px 20px;
        box-sizing: border-box;
        overflow: auto;
        z-index: 10000;
        background-image: url('../img/m_nav_bg.png');
        display: none;
    }

    .head {
        display: flex;
        flex-direction: column;
    }

    .head-mc a {
        color: #fff;
        font-style: italic;
    }

    .nav_more_item {
        font-size: .15rem;
    }

    .head-mc li {
        padding: 0;
        margin: 0;
        margin-bottom: .15rem;
        padding-bottom: .15rem;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        width: 100%;
        box-sizing: border-box;
    }

    .head-mc li:nth-last-child(1) {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
    }

    .head li:hover .nav_item {
        color: #fff;
    }

    .head li .nav_item::after {
        display: none;
    }

    .head li .nav_item {
        font-size: .16rem;
    }

    .head li {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .hasChild {
        position: relative;
    }

    .head li::after {
        content: '';
        position: absolute;
        width: .1rem;
        height: .08rem;
        background-image: url('../img/xl.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        right: 0;
        top: 10px;
        transform: translate(0, -50%);
        transition: .3s;
    }

    .head .active::after {
        transform: translate(0, -50%) rotate(-180deg);
    }

    .nav_more {
        padding: .15rem;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, .2);
        position: static;
        transform: unset;
        margin-top: .2rem;
        display: none;
    }

    .nav_more_inner {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0;
        font-style: italic;
    }

    .nav_more_item {
        margin: 0;
        margin-top: .2rem;
    }

    .nav_more_item:nth-child(1) {
        margin-top: 0;
    }

    .foot_box {
        display: none;
    }

    .mobile_foot_box {
        display: flex;
        flex-direction: column;
        padding: .2rem;
        box-sizing: border-box;
        background-color: #686868;
    }

    .ewm_list {
        margin-bottom: 0;
    }

    .ewm_item img {
        width: .8rem;
        height: .8rem;
    }

    .foot_bq {
        font-size: .13rem;
        margin-top: .16rem;
    }


    .page_title_box {
        margin: 0;
        transform: translate(0);
        padding-left: .3rem;
        box-sizing: border-box;
    }

    .page_title_box::before {
        width: .29rem;
        height: .385rem;
        transform: translate(0, .1rem);
    }

    .page_title_box .b_title {
        font-size: .3rem;
    }

    .page_title_box .l_title {
        font-size: .15rem;
        margin: 0;
    }

    .page_top_img {
        width: 100%;
        height: 2.49rem;
        margin-top: .7rem;
    }

    .page_top_title {
        font-size: .24rem;
        top: 50%;
        left: .24rem;
        transform: translate(0, -50%);
        line-height: 1.5;
    }

    .tab_box {
        bottom: 0;
        left: 0;
        transform: translate(0,70%);
        width: 100%;
        flex-wrap: wrap;
        padding: 0 .24rem;
        box-sizing: border-box;
    }

    .tab_item {
        /* zoom: .5; */
        width: calc(2.2rem * .5);
        height: calc(.56rem * .5);
        margin-top: calc(.2rem * .5);
        font-size: calc(.18rem * .5);
        margin-right: -.1rem;
    }

    .mobile_none {
        display: none;
    }

    .img-box .div {
        width: 100%;
    }

    .yf_btm{
        padding: .12rem;
    }

    .yf_title{
        font-size: .15rem;
        line-height: 1.5;
    }

    .yf_info{
        font-size: .12rem;
        line-height: 1.5;
        margin-top: .08rem;
    }

    .yf_title span{
        font-size: .14rem;
        margin-top: .05rem;
    }

    .more_btn{
        width: calc(1.62rem * .6);
        height: calc(.38rem * .6);
        font-size: calc(.16rem * .6);
    }
}