/* 移动端 */
@media screen and (max-width: 1401px) {
    .pc-footer{
        margin-bottom: 100px;
    }
    
    .w1400{
        width: calc(100% - 3rem);
        min-width: calc(100% - 3rem);
        margin: 0 auto;
    }
}

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

    /* 搜索框、导航 */
    .m-nav .logo img {
        width: 13rem;
        height: 3rem;
    }
    .m-nav {
        transition-duration: 0.5s;
        position: fixed;
        right: -75%;
        top: 0;
        z-index: 999;
        width: 75%;
        height: 100%;
        overflow-y: auto;
        background: #fff;
    }
    .m-nav .logo-box {
        padding: 4.25rem 1.5rem 3.3rem;
    }
    .m-nav .logo {
        float: left;
    }
    .m-nav .logo-box span {
        float: right;
        width: 1.3rem;
        height: 3rem;
        background: url(../images/sy/header/icon_5.png) center no-repeat;
        background-size: contain;
    }
    .m-nav li a {
        margin: 0 1.5rem;
        line-height: 4rem;
        font-size: 1.2rem;
        color: #333;
        background: url(../images/sy/header/icon_6.png) right center no-repeat;
        background-size: 0.6rem auto;
        border-bottom: #dcdcdc 1px solid;
        display: block;
    }
    .m-nav-bac {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 998;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
    }
    .m-nav-block {
        display: block;
        transition-duration: 0.5s;
        right: 0%;
    }
    /* 头部 */
    .pc-header {
        display: none;
    }

    .mo-header {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        z-index: 20;
        width: 100%;
    }

    .mo-header .top {
        background-color: #a31b21;
        height: 50px;
        width: 100%;
    }

    .mo-header .top .w1400 {
        display: flex;
        justify-content: space-between;
    }

    .mo-header .top .w1400 .hLeft {
        line-height: 50px;
        color: #fff;
        font-size: 14px;
    }

    .mo-header .top .w1400 .hLeft .time {
        font-size: 1.2rem;
    }

    .mo-header .top .w1400 .hRight {
        display: flex;
        line-height: 50px;
        color: #fff;
        font-size: 14px;
    }

    .mo-header .top .w1400 .hRight .p {
        margin-left: 1rem;
        font-size: 1.2rem;
        position: relative;
        color: #fff;
    }

    .mo-header .nav {
        width: 100%;
        height: 80px;
        background: url(../images/sy/header/logo_bac.png) center no-repeat;

    }

    .mo-header .nav .w1400 {
        display: flex;
        justify-content: space-between;
    }

    .mo-header .nav .w1400 .logo {
        position: relative;
        align-items: center;
        height: 80px;
        width: 75%;
    }

    .mo-header .nav .w1400 .logo .img2 {
        position: absolute;
        top: 50%;
        margin-top: -21px;
        display: block;
        max-width: 15rem;
        height: 100%;
    }

    .mo-header .nav .w1400 .logo .img2 img {
        width: 100%;
    }

    .mo-header .nav .w1400 .menu {
        display: flex;
    }

    .mo-header .nav .w1400 .menu .sousuo , .mo-header .nav .w1400 .menu .menu1 {
        width: 2rem;
        height: 100%;
       
        position: relative;
    }
    .mo-header .nav .w1400 .menu .menu1 {
        margin-left: 2rem;
    }
    .mo-header .nav .w1400 .menu .sousuo img , .mo-header .nav .w1400 .menu .menu1 img {
        position: absolute;
        top: 50%;
        margin-top: -1rem;
        width: 100%;
        height: auto;
    }
    .mo-header .nav .w1400 .menu .menu {
        margin-top: 30px;
        width: 39px;
        height: 41px;
        margin-left: 1rem;
    }
    .m-sousou{
        display: none;
        position: absolute;
        top: 50px;
        width: 100%;
        height: 130px;
        color: #000;
        z-index: 1;
        background: #fff;
    }
    .m-sousou-top{
        display: flex;
        justify-content: space-between;
        height: 60px;
        border-bottom: 1px solid #a31b21;
    }
    .m-sousou-top input{
        height: 100%;
        width: calc(100% - 80px);
        padding-left: 20px;
        font-size: 16px;
    }
    .m-sousou-btns{
        display: flex;
        width: 60px;
        justify-content: space-between;
        align-items:center;
        margin-right: 10px;
    }
    .pls-nav-search-i{
        width: 22px;
        height: 22px;
        display: block;
    }
    .m-sousou-botton{
        height: 60px;
        width: 100%;
        display: flex;
    }
    .m-sousou-botton p{
        width: 90px;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        line-height: 60px;
        padding-left: 20px;

    }
    .m-sousou-botton ul{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(100% - 140px);

    }
    
    .foot-top{
        height: 130px;
    }
    .foot-botton{
        line-height: 35px;
    }
    .foot-botton ul{
        display: inline;
    }
    .foot-botton ul .fl{
        text-align: center;
        width: 33%;
    }
}

@media screen and (max-width: 940px) {
    .foot-top .f2 .logo{
        margin: 0;
    }
    /* 右侧悬浮 */
    .suspension {
        display: none;
    }

    .suspension_left {
        display: none;
    }
    .suspension-left-fixed{
        display: none;
    }
    .suspension-mo {
        display: block;
        height: 100px;
        background-color: #a31b21;
    }
    .suspension-mo-fixed{
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    .win {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

    .suspension-mo .sus {
        font-size: 18px;
        color: #fff;
        text-align: center;
    }
    .suspension-mo .sus p {
        line-height: 50px;
        padding-top: 45px;
        font-size: 16px;
    }

    .suspension-mo .sus1 p {
        background: url(../images/sy/supension/icon_15.png) center 20px no-repeat;
    }

    .suspension-mo .sus2 p {
        background: url(../images/sy/supension/icon_16.png) center 20px no-repeat;
    }

    .suspension-mo .sus3 p {
        background: url(../images/sy/supension/icon_17.png) center 20px no-repeat;
    }

    .suspension-mo .sus6 p {
        background: url(../images/sy/supension/icon_18.png) center 25px no-repeat;
    }
    .suspension-right{
        display: none;
    }
}
@media screen and (max-width: 801px) {

    /* 底部 */
    .pc-footer{
        display: none;
    }
    .mo-footer{
        display: inline-table;
        height: 100%;
        margin-bottom: 100px;
    }
    .foot-top{
        height: 250px;
        padding-top:20px;
        border-bottom: 1px solid #ababab;
    }
    .foot-xy{
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
    }
    .mo_footlogo{
        width: 20rem;
    }
    .foot-xy a img{
        width: 159px;
        height: 49px;
    }
    .foot-xx{
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        width:100%;
    }
    .foot-xx .f1{
        width: 65%;
    }
    .foot-xx .f1 a{
        display: block;
    }
    .foot-xx .f1 a,.foot-xx .f1 span {
        width: 100%;
        text-align: left;
        height: 35px;
        line-height: 35px;
    }
    .foot-xx .f1 .map i {
        margin-top: 8px;
        width: 20px;
        height: 18px;
        background: url(../images/sy/footer/map.png) left center no-repeat;
        background-size: contain;
    }
    .foot-xx .f1 .map p, .foot-xx .f1 span p{
        font-size: 1.2rem;
        padding-left: 10px;
        float: left;
        margin-right: 10px;
        color: #8d8d8d;
    }

    .foot-xx .f1 .address i {
        margin-top: 5px;
        margin-right: 10px;
        width: 17px;
        height: 21px;
        background: url(../images/sy/footer/add.png) left center no-repeat;
        background-size: contain;
    }
    .foot-xx .f1 .address p {
        font-size: 1.2rem;
        margin-left: 10px;
        color: #8d8d8d;
    }
    .foot-xx .f1 .tel i {
        margin-top: 5px;
        width: 17px;
        height: 21px;
        background: url(../images/sy/footer/tel.png) left center no-repeat;
        background-size: contain;
    }
    .foot-xx .f1 .yx {
        margin-left: 10px;
    }
    .foot-xx .f1 .yx i {
        margin-top: 10px;
        width: 20px;
        height: 15px;
        background: url(../images/sy/footer/youxiang.png) left center no-repeat;
        background-size: contain;
    }
    .foot-xx .f3-t .jiucuo{
        border: 1px solid #ababab;
    }
    .foot-xx .f3-t .dzjg{
        margin-left: 1rem;
    }
    .foot-botton{
        height:auto;
    }
    .foot-botton ul .fl{
        width: 50%;
        text-align: left;
    }
    .foot-xx .f1 .yx{
        margin-left: 0;
    }
    .foot-xx .f1 a, .foot-xx .f1{
        display: block;
    }
    span.tel{
        width: 60%;
    }
    .foot-xx .f3-t .dzjg img{
        width: 35px;
        height: 50px;
    }
    .foot-xx .f3-t .jiucuo img{
       
        height: 40px;
    }
    .foot-xx .f3-t{
        margin-top: 40px;
    }
    
}

@media screen and (max-width: 501px) {
    .mo-header .top .w1400 .hLeft .time{
        font-size: 1rem;
    }
    .mo-header .top .w1400 .hRight .p{
        font-size: 1.1rem;
    }
    .mo_footlogo{
        width: 15rem;
    }
    .foot-top .foot-xy a{
        width: 30%;
    }
    .foot-botton ul .fl{
        width: 100%;
    }
    .foot-xy a img{
        width: 100%;
        height: auto;
    }
    .foot-xx .f1 span{
        display: block;
        float: left;
    }
    .foot-xx .f1 .map p, .foot-xx .f1 span p{
        padding-left: 0.4rem;
    }
    .foot-xx .f3-t{
        width: 40%;
    }
    .foot-xx .f1 .tel{
        width: 57%;
    }
    .foot-xx .f1 .yx{
        width: 38%;
    }
    .foot-xx .f1 .map p, .foot-xx .f1 a p,.foot-xx .f1 .address p,.foot-xx .f1 .map p, .foot-xx .f1 span p{
        font-size: 1rem;
    }
}

@media screen and (max-width:415px) {
    .foot-top{
        height: 233px;
    }
    .foot-xx .f1 .tel{
        width: 100%;
    }
    .foot-xx .f1 .yx{
        width: 100%;
    }
    .mo-header .top .w1400 .hLeft .time{
        font-size: 0.9rem;
    }
    .mo-header .top .w1400 .hRight .p{
        font-size: 1rem;
    }
}