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

    .container {
        min-width: 1200px !important;
        width: 1200px !important;
        /*background:white;*/
        margin: 0 auto
    }

    /*顶部导航开始*/
    .header {
        width: 100%;
        /*padding:20px 0;*/
        /*height:70px;*/
        vertical-align: middle;
        background: white;
        color: #333333;
        font-size: 14px;
        text-align: left;
    }

    .header .logo {
        width: 200px;
        height: 70px;
        /*margin-top:19px;*/
        display: inline-block;
        background: url("../img/logo.gif") left center no-repeat;
        background-size: contain;
    }

    .header .navBox {
        height: 70px;
        line-height: 70px;
        margin-left: 52px;
    }
    .rightBtn{
        display:none
    }
    .mobileNav{
        display:none
    }
    .header .navBox a {
        display: inline-block;
        color:black;
        text-decoration: none;
        margin-right: 32px;
        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;
        cursor: pointer;
    }

    .header .navBox a:hover {
        color: #c90915
    }

    .header .languageIcon {
        width: 34px;
        height: 70px;
        display: inline-block;
        background-size: contain;
    }

    .header .chinaIcon {
        background: url("../img/chinaIcon.png") center center no-repeat;
    }

    .header .japaIcon {
        background: url("../img/japaniseIcon.png") center center no-repeat;
    }

    .header .EnglandIcon {
        background: url("../img/yingguoIcon.png") center center no-repeat;
    }

    /*顶部导航结束*/
    /*大banner图开始*/
    .banner {
        width: 100%;
        min-width: 1200px;
        display: block;
        height: auto;
    }
    .bigBanner.swiper-container {
        width: 100%;
        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;
    }
    .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%;
    }
    /*大banner图结束*/
    /*系列导航开始*/
    .xiliebox{
        display:flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
    }
    .itemNav {
        /*width: 284.8px;*/
        height: 60px;
        margin: 32px 0;
        background: white;
        font-size: 16px;
        color: #c90915;
        padding: 0 17px;
        display: block;
        box-sizing: border-box;
        vertical-align: middle;
        margin-right: 20px;
        cursor: pointer;
        display:flex;
        justify-content:space-between;
        align-items: center;
        border: 2px solid;
        border-radius: 45px;
        border-color: #e8e8e8;
    }
    .itemNav:hover{
        background: #c90915;
        color: white;
    }

    .itemNav:hover .icecreamIcon{
        background:url("../img/navIconActive.png") center center no-repeat;
    }
    .itemNav:hover .arrowIcon{
        background:url("../img/arowActive.png") center center no-repeat;
    }
    .itemNav:last-child {
        margin-right: 0 !important;
    }

    .icecreamIcon {
        width: 30px;
        height: 60px;
        display: inline-block;
        /*vertical-align:middle;*/
        background-size: contain;
        background: url("../img/navIcon.png") center center no-repeat;
        margin-right: 20px;
    }

    .icreamText {
        width: 162px;
        height: 60px;
        line-height: 60px;
        display: inline-block;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .icreamTextP1{
        height: 30px;
        line-height: 40px;
        text-align: left;
        padding-left: 15px;
    }
    .icreamTextP2{
        height: 20px;
        line-height: 20px;
        text-align: left;
    }

    .arrowIcon {
        width: 20px;
        height: 60px;
        display: inline-block;
        /*vertical-align:middle;*/
        background-size: contain;
        background: url("../img/arow.png") center center no-repeat;
    }

    /*系列导航结束*/
    /*新鲜资讯模块开始*/
    .contentTitle {
        font-size: 20px;
        color: black
    }

    .bannerBox {
        width: 480px;
        height: 360px;
        margin-right: 20px;
    }

    .rightContent {
        width: 700px;
        height: 360px;

    }
    .rightContent .contentItem {
        width: 100%;
        height: 107px;
        padding: 20px 30px;
        box-sizing: border-box;
        /*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 .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 .arrow, .rightContent .contentItem .activearrow {
        position: absolute;
        right: 30px;
        width: 30px;
        height: 30px;
        top: 38px;
        display: inline-block;
        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 .contentItem{*/
    /*!*border-bottom: 0.1px solid #c7101f;*!*/
    /*}*/
    /*.rightContent .contentItem:hover {*/
    /*opacity:1;*/
    /*width:100%;*/
    /*border-bottom: 1px solid #c7101f;*/
    /*transition:all 3s linear;*/
    /*}*/

    .rightContent .contentItem:hover .arrow {
        background: url("../img/activeRightActive.png") center center no-repeat;
    }

    .rightContent .contentItem .contentItemTitle {
        font-size: 18px;
        color: black;
        margin-bottom: 8px;
    }

    .rightContent .contentItem .articalBox {
        font-size: 14px;
        color: #666666;
        line-height: 20px;
        width:90%;
        text-overflow:ellipsis;
        overflow: hidden;
        height:40px;

    }

    .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;
        transition:all 0.3s linear;
        -webkit-transition:all 0.3s linear;
        -moz-transition:all 0.3s linear;
        -o-transition:all 0.3s linear;
        /*margin-bottom: 32px;*/
    }


    /*新鲜资讯模块结束*/
    /*每日佳作模块开始*/
    .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;
        /*padding-bottom:25px;*/
    }

    .everyfood {
        width: 380px;
        margin-right: 30px;
    }

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

    .everyfood .foodImg {
        width: 100%;
        height: 210px;
        display: block
    }

    .foodTitle {
        font-size: 18px;
        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;*/
    }

    /*每日佳作模块结束*/
    /*好吃美食物模块开始*/
    .goodFoodItemBox {
        width: 280px;
        margin-right: 26px;
        margin-top:20px;
    }

    .goodFoodItemBox:nth-child(4n+4) {
        margin-right: 0!important;
    }

    .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: 90px;
        height: 90px;
        position: absolute;
        top: 35px;
        left: 100px;
        display: block;
    }

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

    .goodFoodItemBox .foodTitle {
        margin-top: 0
    }

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

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

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

    /*好吃美食物模块结束*/
    .longImg {
        width: 100%;
        min-width: 1200px;
        height: auto
    }

    .productdesc {
        font-size: 16px;
        color: #333333;
        text-align: center;
        line-height: 30px;
        margin-top: 25px;
    }

    /*深海美食开始*/
    .shenhaifood {
        width: 280px;
        margin-right: 26px;
        margin-bottom: 30px;
    }

    .shenhaifood:nth-child(4n+4){
        margin-right: 0
    }

    .shenhaifood .img {
        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;
    }

    .everyCompartner {
        width: 280px;
        margin-right: 26px;
        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;
        box-sizing:border-box;
    }

    .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;
        width: 280px;
        height: 120px;
        box-sizing:border-box;
    }
    /*合作伙伴结束*/
    /*底部开始*/
    .footer {
        width: 100% !important;
        background: #021d3f !important;
        /*height:300px;*/
        margin-top: 60px;
        color: #7c8087;
        font-size: 14px;
    }

    .footer .footerNavBox {
        text-align: left;
        height: 60px;
        line-height: 60px;
        background: #021d3f;
        /*background:red;*/
    }

    .footer .footerNavBox span {
        margin-right: 40px;
        cursor: pointer;
    }

    .footer .footerNavBox span:hover {
        color: white;
    }

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

    .companyAdressTitle {
        text-align: left;
        color: #b0b1b5;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .footer span {
        display: inline-block;
    }

    .footer span.leftDesc {
        width: 400px;
    }

    .erweima {

        background: #021d3f;
    }

    .erweimaItem {
        width: 100px;
        height: 100px;
        /*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;
    }
    .footerMobileBox{
        opacity:0
    }
    /*底部结束*/
    .swiper-container {
        width: 100%;
        height: 360px;
        color: #fff;
        text-align: center;
    }


    .swiper-slide .img {
        width: 100%;
        height: 100%
    }

    .swiper-slide p {
        font-style: italic;
        font-size: 25px;
    }

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

    .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;
    }

    .swiper-active-switch {
        background: #fff;
    }
    .footerMobileBox{
        height:1px
    }
    .mobileIMg{
        display:none
    }
    .everyfood {-moz-box-shadow: 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);}
    .everyfood:hover{    opacity: 1;
        top: -3px;
        left: -3px;-moz-box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45); -webkit-box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45); box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45);}

    .goodFoodItemBox {-moz-box-shadow: 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);}
    .goodFoodItemBox:hover{    opacity: 1;
        top: -3px;
        left: -3px;-moz-box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45); -webkit-box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45); box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45);}

    .shenhaifood {-moz-box-shadow: 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);}
    .shenhaifood:hover{    opacity: 1;
        top: -3px;
        left: -3px;-moz-box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45); -webkit-box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45); box-shadow:16px 16px 16px rgba(0, 0, 0, 0.45);}



}
