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

    .w {

        width: 100%;

        padding: 0 .1rem;

        box-sizing: border-box;

    }



    body a:focus,

    body a:hover {

        color: #fff;

        text-decoration: none;

    }



    .hidd {

        overflow: hidden;

    }



    .head {

        height: .6rem;

        box-sizing: content-box !important;

    }



    .head_box {

        display: none !important;

    }



    .mobil_head_box {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        z-index: 99;

        height: .6rem;

        display: flex;

        justify-content: space-between;

        align-items: center;

        background-color: #333;

    }



    .head .logo {

        flex: 1;

        padding: 0;

    }



    .head .logo a {

        display: block;

        margin-left: .1rem;

    }



    .mobile_nav_i {

        width: .6rem;

        height: .6rem;

        margin-left: .2rem;

        padding: .05rem;

        box-sizing: border-box;

    }



    .mobile_nav_i img {

        width: 100%;

        height: 100%;

    }



    .mobil_head_nav {

        display: none;

        position: fixed;

        top: .6rem;

        left: 0;

        width: 100%;

        height: 100%;

        background-color: #333;

        padding-bottom: .6rem;

        z-index: 999;

        overflow: auto !important;

    }



    .mobil_nav_item {

        position: relative;

    }



    .mobil_nav_item a,

    .mobil_tow_nav_item a {

        height: .5rem;

        line-height: .5rem;

        display: flex;

        justify-content: space-between;

        align-items: center;

        padding-left: .2rem;

        color: #fff;

        font-size: .16rem;

    }



    .initial {

        transform: rotate(0);

        transition: all .3s linear;

        -webkit-transform: rotate(0);

        -webkit-transtion: all .3s linear;

    }



    .no_initial {

        transform: rotate(180deg);

        transition: all .3s linear;

        -webkit-transform: rotate(180deg);

        -webkit-transtion: all .3s linear;

    }



    .mobil_tow_nav_list {

        display: none;

        padding-left: .2rem;

    }



    .mobil_head_nav .iconfont {

        width: .5rem;

        text-align: center;

        font-weight: 700;

    }



    .videos,

    #video {

        width: 100% !important;

    }



    .inner_tow_nav {

        display: block;

    }



    .inner_tow_nav_list {

        flex-wrap: wrap;

    }


    .language {
        width: 100%;
        margin-top: .15rem;
    }

    .crumbs {
        flex-wrap: wrap;
    }


    /* 尾部版块 */

    .foot_box {

        padding: .4rem 0;

    }



    .foot_nav {

        display: block;

    }



    .foot_nav dl {

        margin: 0;

    }





    .foot_nav dl dt {

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .foot_nav dt .icon-xiangxia-copy {

        display: block;

        width: .4rem;

        text-align: center;

    }



    .foot_nav dl dd {

        display: none;

    }



    .foot_tel_box {

        display: block;

        padding: .2rem .1rem;

    }



    .foot_copyright {

        display: block;

    }

}











@media screen and (min-width: 950px) {

    .w {

        width: 1200px;

        margin: 0 auto;

    }



    .head {

        position: relative;

        height: 80px;

        background-color: #ccc;

        border-bottom: 3px solid #fff;

        box-sizing: content-box !important;

    }



    .mobil_head_box,

    .mobil_head_nav {

        display: none;

    }



}