@media only screen and (min-width: 100px) and (max-width: 767px) {
    /*#container{ width: 440px;}*/
    .pcImg{
        display:none
    }
    .mobileIMg{
        display:block;
    }
    .container {
        /*width: 100%;*/
        margin: 0 auto;
        min-width:280px;
    }

   .header{
       width:100%;
       padding:5px;
       box-sizing:border-box;
       margin-top:0;
       position:relative;
       background:white;
   }
   .header .logo{
       width:33%;
       height:40px;
       background: url("../img/logo.png") left center no-repeat;
       background-size: contain;
   }
    .header .navBox{
     display:none
    }
    .header .rightBtn{
        width:30px;
        height:30px;
        background: url("../img/show.png") center center no-repeat;
        background-size: contain;
        display:inline-block;
        margin-top:5px;
    }
    .header .rightBtn1{
        width:30px;
        height:30px;
        background: url("../img/show.png") center center no-repeat;
        background-size: contain;
        display:inline-block;
        margin-top:5px;
    }
    .rightBtn.activeBtn{
        width:30px;
        height:30px;
        background: url("../img/newMore.png") center center no-repeat;
        background-size: contain;
        display:inline-block;
        margin-top:5px;
    }
    .mobileNav{
        position:absolute;
        width:100%;
        transition:all 0.3s linear;
        /*height:10rem;*/
        /*line-height:10rem;*/
        background:rgba(1,1,1,0.5);
        color:white;
        padding:20px 0;
        /*background:black;*/
        top:52px;
        left:0;
        font-size:1rem;
        display:flex;
        justify-content: space-around;
        align-items: center;
        opacity:0
    }
    .bigBanner.swiper-container {
        width: 100%;
        height: 200px;
        color: #fff;
        text-align: center;
    }
    .bigBanner.swiper-container .banner{
        width:100%;
    }
    .bigBanner .pagination {
        position: absolute;
        z-index: 20;
        left: 10px;
        bottom: 10px;
    }
    .bigBanner .pagination {
        position: absolute;
        z-index: 20;
        left: 10px;
        bottom: 10px;
        top:80%;
    }
    .bigBanner .swiper-pagination-switch {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #222;
        margin-right: 5px;
        opacity: 0.8;
        border: 1px solid #fff;
        cursor: pointer;
    }
    .bigBanner .swiper-visible-switch {
        background: #aaa;
    }
    .bigBanner .swiper-active-switch {
        background: #fff;
    }
    .bigBanner img{
        width:100%;
        height:100%;
    }
    .xiliebox{
        margin-top:1.8rem;
        box-sizing:border-box;
        display:flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    .itemNav{
        width:48%;
        height:3.5rem;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:0.8rem;
        box-sizing:border-box;
        border:1px solid #e8e8e8;
        border-radius:4px;
        background:white;
        padding-right:15px;
        color: #c90915;
        border: 2px solid;
        border-radius: 35px;
        border-color: #e8e8e8;
    }
    .icecreamIcon {
        width: 2rem;
        height:3.5rem;
        display: inline-block;
        background: url("../img/navIcon.png") center center no-repeat;
        background-size: 80%;
        /*margin-right: 0.2rem;*/
    }
    .icreamText {
        height: 3.5rem;
        line-height:3.5rem;
        display: inline-block;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        width:55%;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        /* margin-left:2px!important;*/
     }

     .icreamTextP1{
         height: 30px;
         line-height: 40px;
         text-align: left;
         padding-left: 12px;
         font-size: 14px;
     }
     .icreamTextP2{
         height: 20px;
         line-height: 20px;
         text-align: left;
         font-size: 14px;
     }

     .bigBanner{
         width:100%;
     }
     .arrowIcon {
         width: 20px;
         height: 60px;
         float:right;
         display: inline-block;
         /*vertical-align:middle;*/
        background-size: contain;
        background: url("../img/arow.png") center center no-repeat;
    }
    .contentTitle{
        font-size: 1.4rem;
        color: black;
        margin-top:20px;
        text-align:center;
    }
    .news .bannerBox {
        width: 100%;
        height: 300px;
        /*margin-right: 20px;*/
        float:none!important;
    }
    .bannerBox:after{
        clear:both
    }
    .bannerBox .swiper-container {
        width: 100%;
        height: 300px;
        color: #fff;
        text-align: center;

    }

    .bannerBox .swiper-pagination-switch {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #555;
        margin-right: 5px;
        opacity: 0.8;
        border: 1px solid #fff;
        cursor: pointer;
    }

    .bannerBox .swiper-active-switch {
        background: #fff;
    }
    .bannerBox .pagination {
        width: 100%;
        position: absolute;
        z-index: 20;
        left: 0px;
        text-align: center;
        bottom: 10px;
    }

    .rightContent, .newsContent.bannerBox{
        float:none!important;
    }
    .rightContent{
        padding:10px 5px;
        box-sizing:border-box;
    }
    .newsContent.bannerBox{
        margin-right:0!important;

    }
    .rightContent .contentItem {
        width: 100%;
        /*height: 107px;*/
        padding: 20px 10px;
        clear:both;
        box-sizing: border-box;
        /*margin:0 auto;*/
        /*margin-bottom: 17px;*/
        background: white;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        position: relative;
    }
    .rightContent .mobileNewsSwipper{
        width:100%;
    }
    .rightContent .contentItem .arrow, .rightContent .contentItem .activearrow {
        position: absolute;
        right: 5px;
        width: 30px;
        height: 30px;
        top: 50%;
        transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        display: inline-block;
        float:right;
        background: url("../img/rightArrow.png") center center no-repeat;
        background-size: contain;
        /*right:*/
    }

    .rightContent .activearrow {
        background: url("../img/activeRightActive.png") center center no-repeat;
    }
    .rightContent .newsContent .newsline{
        width:1px;
        height:1px;
        /*visibility:hidden;*/
        transition:all 0.5s linear;
    }
    .rightContent .newsContent:hover .newsline{
        width:100%;
        opacity:1;
        visibility:visible;
        height:1px;
        border-bottom:1px solid red
    }
    /*.rightContent .contentItem:hover {*/
        /*border-bottom: 1px solid #c7101f;*/
    /*}*/
    .rightContent .contentItem:hover .arrow {
        background: url("../img/activeRightActive.png") center center no-repeat;
    }
    .rightContent .contentItem .contentItemTitle {
        font-size: 1.2rem;
        color: black;
        margin-bottom: 8px;
    }

    .rightContent .contentItem .articalBox {
        font-size: 0.9rem;
        color: #666666;
        line-height: 20px;
        width:90%
    }
    .lookMore {
        color: #666666;
        font-size: 16px;
        line-height: 64px;
    }

    .lookMoreBtn {
        width: 134px;
        height: 50px;
        border: 1px solid #e3e3e3;
        background: #f9f9f9;
        line-height: 50px;
        text-align: center;
        margin: 0 auto;
        color: #666666;
        cursor: pointer;
        /*margin-bottom: 32px;*/
    }
    .lookMoreBtn:hover{
        color:red!important;
        boder:1px solid red!important;
    }

    .news .line{
        margin-top:0!important;
    }

    .centerTitle {
        font-size: 20px;
        color: black;
        text-align: center;
        line-height: 64px;
    }

    .smlTitle {
        font-size: 14px;
        color: #666666;
        text-align: center;
        line-height: 25px;
    }

    .everydayBox {
        margin-top: 10px;
        background: white;
        /*display:flex;*/
        /*justify-content: space-between;*/
        /*align-items: center;*/
        /*flex-wrap:wrap;*/
        /*padding-bottom:25px;*/
    }
    .everyfood {
        width: 90%;
        height: 100%;
        /*margin-right: 30px;*/
    }

    .everyfood:last-child {
        margin-right: 0;
    }

    .everyfood .foodImg {
        width: 100%;
        height: auto;
        display: block
    }
    .foodTitle {
        font-size: 1.2rem;
        color: black;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
        /*line-height:50px;*/
    }

    .foodTitledesc {
        font-size: 16px;
        color: #666666;
        text-align: center;
        margin-bottom: 30px;
        /*line-height:30px;*/
    }
    /*好吃美食物模块start*/
    .longImg {
        width: 100%;
        /*min-width: 1200px;*/
        height: auto
    }
    .goodFoodBox{
        display:flex;
        justify-content: space-between;
        align-items: center;
        padding:5px 10px;
        box-sizing:border-box;
        flex-wrap:wrap;
    }
    .goodFoodItemBox {
        width: 49%;
        float:none;
        /*margin-right: 26px;*/
    }

    .goodFoodItemBox:last-child {
        margin-right: 0
    }

    .goodFoodItemBox .goodImgBox {
        position: relative;
    }

    .goodFoodItemBox .goodImgBox .foodBannerImg {
        width: 100%;
        /*height: 160px;*/
    }

    .goodFoodItemBox .goodImgBox .zhezhao {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        opacity: 0;
        transform: scale(0);
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
    }

    .goodFoodItemBox .goodImgBox .zhezhao .erweima {
        width: 40%;
        height: auto;
        position: absolute;
        left:50%;
        top:50%;
        transform:translate(-50%, -50%);
        -moz-transform:translate(-50%, -50%);
        -webkit-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        -o-transform:translate(-50%, -50%);
        /*top: 35px;*/
        /*left: 100px;*/
        display: block;
    }

    .goodFoodItemBox:hover .goodImgBox .zhezhao {
        display: block;
        opacity: 1;
        transform: scale(1);
    }

    .goodFoodItemBox .foodTitle {
        margin-top: 0;
        width: 100%;
        white-space: nowrap!important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .foodTitle {
        margin-top: 20px;
        width: 100%;
        white-space: nowrap!important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .goodFoodItemBox .foodTitledesc {
        margin-bottom: 10px;
    }

    .foodDesBox {
        padding: 10px 0;
        box-sizing: border-box;
    }

    .foodMoney {
        color: #d30713;
        font-size: 20px;
        text-align: center;
    }

    /*好吃美食物模块结束*/

    .productdesc {
        font-size: 1rem;
        color: #333333;
        text-align: center;
        line-height: 30px;
        margin-top: 25px;
        padding:0 10px;
    }
    /*深海美食开始*/
    .shenhaiBox{
        display:flex;
        justify-content: space-between;
        align-items: center;
        padding:5px 10px;
        box-sizing:border-box;
        flex-wrap:wrap;
    }
    .shenhaifood {
        width: 48%;
        float:none!important;
        /*margin-right: 26px;*/
    }

    .shenhaifood:last-child {
        margin-right: 0
    }

    .shenhaifood .foodImg {
        width: 100%;
        /*height: 160px;*/
    }

    .shenhaifood .foodTitle {
        margin-top: 0
    }

    .shenhaifood .foodTitledesc {
        margin-bottom: 10px;
    }

    .foodDesBox {
        padding: 10px 0;
        box-sizing: border-box;
    }

    /*深海美食结束*/
    .compartnerBox {
        margin-top: 50px;
        display:flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 7px;
    }

    .everyCompartner {
        width: 49%;
        margin-bottom:10px!important;
        height: 120px;
        vertical-align: middle;
        text-align: center;
        background: white;
        transition:all 0.3s linear;
        -moz-transition:all 0.3s linear;
        -o-transition:all 0.3s linear;
        -webkit-transition:all 0.3s linear;
        -ms-transition:all 0.3s linear;
    }

    .everyCompartner .compartnerLogoBox {
        width: 108px;
        height: 50px;
        margin-top: 35px;
        display: inline-block;
        background-size: contain;
    }

    .Partner1 {
        background: url('../img/compartner1.png') center center no-repeat;
    }

    .Partner2 {
        background: url('../img/compartner2.png') center center no-repeat;
    }

    .Partner3 {
        background: url('../img/compartner3.png') center center no-repeat;
    }

    .Partner4 {
        background: url('../img/compartner4.png') center center no-repeat;
    }
    .everyCompartner:hover{
        border:1px solid #c90915!important;
    }
    /*合作伙伴结束*/
    .footer {
        width: 100% !important;
        background: #021d3f !important;
        /*height:300px;*/
        margin-top: 10px;
        color: #7c8087;
        font-size: 1rem;
    }

    .footer .footerNavBox {
        display:none
    }



    .footer .footerLine {
        width: 100% !important;
        height: 1px;
        border-bottom: 1px solid #7c8087;
    }

    .companyAdressTitle {
        text-align: left;
        color: #b0b1b5;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
        padding:0 5px;
        box-sizing:border-box;
    }

    .footer span {
        display: inline-block;
    }
    .footerMobileBox{
        opacity:1;
        text-align: left;
        height: 50px;
        line-height: 50px;
        background: #021d3f;
        display:flex;
        padding:0 10px;
        box-sizing:border-box;
        justify-content: space-between;
        align-items: center;
    }
    .footerMobileBox span{
        cursor:pointer;
    }
    .footer  .footerMobileBox span:hover {
        color: white;
    }
    .footer span.leftDesc {
        width:100%;
    }

    .erweima {
        padding:0 10px;
        box-sizing:border-box;
        background: #021d3f;
        width:100%;
    }
    .erweima li{
        float:none!important;
        line-height:30px;
    }
    .erweima div{
       margin-top:0!important;
    }

    .erweimaItem {
        width: 100px;
        height: 100px;
        margin: 10px auto;
        /*padding-bottom:30px;*/
    }

    .blue {
        background: #021d3f !important;
    }

    .erweimaItem span {
        width: 100%;
        display: inline-block;
        text-align: center;
        line-height: 25px;
    }

    .erweima .img {
        width: 90px;
        height: 90px;
    }

    .copyright {
        line-height: 40px;
        text-align:center;
    }
    .languageBox{
        padding-top:8px;
        box-sizing:border-box;
        position:absolute;
        width:40px;
        right: 55px;
        top: 35px;
        min-height:20px;
        background: url('../img/whitebg.png') top center no-repeat;
        background-size:cover;
        z-index: 9999;
        opacity: 0;
    }

    /*底部结束*/

}
@media only screen and (min-width: 280px) and (max-width: 500px)
{
    .pcImg{
        display:none
    }
    .mobileIMg{
        display:block;
    }
    .bigBanner.swiper-container {
        width: 100%;
        /*height: 150px;*/
        color: #fff;
        text-align: center;
    }
    .bannerBox.swiper-container {
        width: 100%;
        height: 150px;
        color: #fff;
        text-align: center;
    }
    .everydayBox {
        margin-right: 10px;
        margin-left: 10px;
    }

    .everyfood {-moz-box-shadow:4px 4px 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:4px 4px 4px 4px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.4);
        margin: 0 0 20px 20px;}

    .goodFoodItemBox {-moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
        margin: 0 0 12px;}

    .shenhaifood {-moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
        margin: 0 0 12px;}
}