@media (min-width: 1600px) {
    .footer-l {
        width: 45%;
    }
}
@media (max-width: 1600px) {
    .footer-l {
        width: 42%;
    }
    .footer-l ul li {
        width: 46%;
    }
    .capital-l li .des .n {
        font-size: 40px;
    }
    .capital-l li .des .info {
        font-size: 20px;
    }

}

@media (max-width: 1440px){
    html {
        font-size: 52.5%!important;
    }
    .core {
        width: 96%;
    }
    .header-r ul li a {
        padding: 0 4rem;
    }
    .slide-wrap .slide li a {
        padding: 0 4rem;
    }

    .footer-l {
        width: 50%;
    }
    .footer-l ul li {
        width: 45%;
    }
    .news-l .title .ch {
        font-size: 34px;

    }

    .about-wrap {
        padding-left: 2%;
    }
    .group-wrap {
        margin-left: 2%;
    }

    .about-list .intro-item .img img {
        width: 60px;
        height: 60px;
    }
    .about-list .intro-item .des p {
        font-size: 38px;
    }
    .about-list .intro-item .des p .counter {
        font-size: 38px;
    }

    .about-list .intro-item .des span {
        font-size: 20px;
    }
    .about-list .intro-item {
        margin-right: 20px;
    }

    .culture-content-r {
        height: 460px;
    }
    .supplier-icon ul li {
        /*width: 19%;*/
    }

    .base-prev-next {
        left: -60px;
    }
    .base-prev {
        width: 60px;
        height: 60px;
    }
    .base-next {
        width: 60px;
        height: 60px;
    }
    .base-item .base-content p {
        line-height: 1.5;
    }

   /* .company-us .company-us-l {
        width: 100%;
        margin-bottom: 20px;
    }
    .company-us .company-us-r {
        width: 100%;
    }*/

    .capital {
        /*display: block;*/
        position: relative;
        /*width: 100%;*/
        top: -60px;
    }
    /*.capital-l {
        width: 100%;
        padding: 20px 0;
    }*/

    .capital-r {
        width: 30%;
    }

    .company {
        padding-bottom: 0;
    }

    .cooperation-r ul li {
        /*width: 18.5%;*/
    }

    .cooperation-r ul li:nth-child(8) {
        display: none;
    }
    .cooperation-r ul li:nth-child(15) {
        display: none;
    }
    .cooperation-r ul li:nth-child(29) {
        display: none;
    }

    .bottom-en {
        bottom: -10px;
    }
    .cooperation-l .ch {
        font-size: 30px;
    }
    .cooperation-l .en {
        font-size: 50px;
    }
    .cooperation-l .en-line::after {
        width: 100px;
    }


    .capital-l li {


    }

    .capital-l li .line {
        width: 180px;
    }

    .capital-l li .icon img {
        width: 66px;
        height: 66px;
    }
    .capital-l li .des .n {
        font-size: 30px;
    }
    .capital-l li .des .info {
        font-size: 18px;
    }

    .about-list {
        left: 2%;
    }

    .design-left .top {
        padding: 30px 20px;
    }
    .design-wrap {
        height: 550px;
    }

}

@media (max-width: 1200px) {
    html {
        font-size: 52.5%!important;
    }
    .core {
        width: 96%;
    }

    .foods-sales-list ul li {
        width: 100%;
    }

    .guarantee-r ul li {
        padding: 50px 15px;
        background-size: 100% !important;
    }

    .packing-item {
        width: 100%;
        margin-bottom: 15px;
    }
    .pack-content {
        height: auto;
        padding: 16px 10px;
    }

    .header-r ul li a {
        padding: 0 3rem;
    }
    .slide-wrap .slide li a {
        padding: 0 3rem;
    }

    .footer {
        display: block;
    }
    .footer-l {
        width: 100%;
        margin-bottom: 2rem;
    }
    .footer-l ul {
        margin-bottom: 2rem;
    }
    .news-l .title .en {
        font-size: 50px;
    }
    .news-l .title .ch {
        font-size: 28px;
    }
    .news-c {
        margin-top: 65px;
    }
    .head-l {
        padding: 0 2rem;
    }
    .promise-c-bottom .head-l {
        padding: 0 1rem;
    }
    .head-l .line {
        margin: 0.5rem 4rem;
    }
    .head-l .t {
        font-size: 22px;

    }
    .head-l p {
        font-size: 15px;
    }
    .head-r .mask {
        font-size: 16px;
    }
    .promise-content-left .mask {
        font-size: 16px;
    }
    .staff-wrap {
        padding: 30px 0 0 0;
    }
    .staff {
        display: block;
        width: 96%;
        margin: 0 auto;
    }
    .staff-l {
        width: 100%;
        margin-bottom: 20px;
    }
    .staff-l .content {
        margin-top: 4rem;
    }
    .staff-r {
        width: 100%;
    }

    .staff-list {
        width: 96%;
    }
    .page-wrap {
        width: 96%;
    }

    .staff-detail-wrap {
        width: 96%;
    }

    .contact-content ul li {
        width: 50%;
    }
    .contact-content ul li:nth-child(3n) {
        border-right: 1px solid #F0F2F1;
    }

    .about-list .intro-item .img img {
        width: 44px;
        height: 44px;
    }
    .about-list .intro-item .des p {
        font-size: 28px;
    }
    .about-list .intro-item .des p .counter {
        font-size: 28px;
    }

    .about-list .intro-item .des span {
        font-size: 16px;
    }
    .about-list .intro-item {
        margin-right: 15px;
    }
    .carousel-prev-next {
        right: -60px;
    }
    .carousel-prev {
        width: 60px;
        height: 60px;
    }
    .carousel-next {
        width: 60px;
        height: 60px;
    }

    .news-dynamic-title .en {
        font-size: 60px;
    }
    .news-dynamic-title .ch {
        font-size: 40px;
    }
    .group-right {
        padding: 10px 40px 27px 200px;
    }
    .group-right p {
        font-size: 80px;
    }

    .foods-safety-content-l {
        width: 100%;
    }
    .foods-safety-content-r {
        width: 100%;
        left: 0;
        margin-top: 40px;
    }
    .foods-safety-content-l .bottom {
        margin-top: 20px;
    }

    .supplier-list ul li {
        width: 100%;
    }
    .base-item .base-content {
        position: relative;
        width: 100%;
        padding: 0;
    }
    .base-prev-next {
        position: relative;
        left: 0;
        margin-bottom: 20px;
    }
    .base-next {
        width: 50%;
    }
    .base-prev {
        width: 50%;
    }
    .base-item .base-content .cont {
        padding: 0 20px;
    }
    .safety-l {
        width: 100%;
        margin-bottom: 30px;
    }
    .safety-r {
        width: 100%;
    }
    .cooperation-r ul li {
        width: 23.5%;
    }





    .company-us .company-us-l {
        width: 100%;
        margin-bottom: 20px;
    }
    .company-us .company-us-r {
        width: 100%;
    }
    .capital {
        display: block;
        position: relative;
        width: 100%;
        top: 10px;
        padding-bottom: 50px;
    }
    .capital-l {
        width: 100%;
        padding: 20px 0;
    }
    .capital-r {
        width: 100%;
    }

    .company-wrap {
        margin: 0 2%;
    }

    .ceti-prev {
        width: 60px;
        height: 60px;
    }
    .ceti-next {
        width: 60px;
        height: 60px;
    }
    .group-right {
        width: 75%;
    }
    .group-right-wrap {
        justify-content: flex-end;
    }
    .managenment-li {
        height: 380px !important;
    } 

    .design-wrap {
        height: auto;
    }
    .design-wrap .design-left {
        width: 100%;
    }
    .design-wrap .design-item {
        width: 100%;
        margin-bottom: 15px;
    }
    .design-left .top {
        margin-bottom: 15px;
    }

    .system-warp {
        height: auto;
    }
    .system-l {
        width: 100%;
        margin-bottom: 15px;
    }
    .system-r {
        width: 100%;
    }
    .system-r-item {
        margin-bottom: 15px;
    }
    .system-r-item-r ul li {
        width: 25%;
        margin-bottom: 10px;
    }


}

@media (max-width: 992px) {
    html {
        font-size: 47.5%!important;
    }
    .core {
        width: 96%;
    }

    .cold-list ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .quality-content .item-l {
        width: 100%;
    }
    .quality-content .item-r {
        width: 100%;
        margin-top: 15px;
    }

    .guarantee-wrap {
        height: auto;
    }
    .guarantee-l {
        width: 100%;
        margin-bottom: 15px;
        padding: 50px 15px;
    }
    .guarantee-r {
        width: 100%;
    }
    .guarantee-l .bottom {
        margin-top: 20px;
        height: auto;
    }

    .header-nav-wrap {
        display: none;
    }
    .header-t-right {
       display: none; 
    }
    .menu {
        display: block;
    }
    .service-content ul li {
        width: 50%;
    }
    .banner {
        margin-top: 90px;
    }
    .bread-nav {
        margin-top: 90px;
    }


    .news {
        display: block;
    }
    .news .news-l {
        width: 100%;
    }
    .news .news-c {
        width: 100%;
    }
    .news-l .see-all {
        margin-top: 3rem;
    }
    .news-c {
        margin-top: 30px;
    }
    .promise-content {
        display: block;
    }
    .promise-content-left {
        width: 100%;
        margin-bottom: 10px;
    }
    .promise-content-center {
        width: 100%;
        margin-bottom: 10px;
    }
    .promise-content-right {
        width: 100%;
        margin-bottom: 10px;
    }
    .promise-c-head {
        margin-bottom: 10px;
    }
    .promise-content-right .head-l {
        padding: 30rem 10px;
    }

    .dynamic-wrap {
        display: block;
    }
    .dynamic-wrap .dynamic-r {
        width: 100%;
    }
    .dynamic-wrap .dynamic-l {
        width: 100%;
    }
    .dynamic-wrap .dynamic-l ul {
        display: flex;
    }
    .dynamic-wrap .dynamic-l li {
        width: 50%;
        margin-bottom: 0;
    }
    .news-dynamic-title .en {
        font-size: 40px;
    }
    .news-dynamic-title .ch {
        font-size: 28px;
    }

    .about-l .mask {
        height: 150px;
    }
    .about-l .title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .about-wrap {
        display: block;
        padding-left: 0;
    }
    .about-l {
        width: 96%;
        margin: 0 auto;
    }
    .about-r {
        width: 100%;
    }
    .about-list {
        position: relative;
    }
    .culture-content-l img {
        width: 100%;
    }
    .culture-content-r {
        height: 225px;
    }
    .culture-list {
        display: block;
        position: relative;
        bottom: 60px;
    }
    .culture-list ul li {
        width: 48%;
    }
    .culture-list ul li:nth-of-type(4) {
        display: none;
    }

    .group-wrap {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .group-wrap .news-dynamic-title {
        padding: 10px 2%;
    }
    .group-right {
        position: relative;
        /*width: 100%;*/
        padding: 2%;
    }
    .group-wrap .news-dynamic-title {
        position: relative;
    }
    .group-right-wrap {
        width: 100%;
    }

    .group-right-wrap {
        justify-content: center;
    }

    .canteen {
        display: block;
        width: 100%;
        margin-left: 0;
        padding: 0 2%;
    }
    .canteen-l {
        width: 100%;
    }
    .canteen-r {
        width: 100%;
    }
    .canteen-prev {
        width: 70px;
        height: 70px;
    }
    .canteen-next {
        width: 70px;
        height: 70px;
    }
    .foods-head {
        display: block;
    }
    .foods-head-l {
        position: relative;
    }
    .foods-content-l {
        width: 100%;
    }
    .foods-content-c {
        flex-direction: row;
        width: 100%;
        margin-top: 10px;
    }
    .foods-content-c div {
        width: 48%;
    }
    .foods-content-c div:last-child {
        margin-top: 0;
    }
    .foods-content-r {
        width: 100%;
        margin-top: 10px;
    }
    .foods-content-r .foods-prev {
        width: 50%;
    }
    .foods-content-r .foods-next {
        width: 50%;
    }
    .supplier-list ul li {
        padding: 20px 0;
    }
    .supplier-icon ul li {
        width: 24%;
        height: 110px;
    }
	.supplier-icon ul li img{
        height: 70px;
    }


    .safety-r .t::after {
        width: 40px;
        height: 40px;
        top: -10px;
        left: -10px
    }

    .foods-safety-content-l .con-l {
        width: 100%;
    }
    .foods-safety-content-l .con-r {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-top: 10px;
    }
    .foods-safety-content {
        padding: 60px 0;
    }
    .cooperation {
        justify-content: flex-start;
    }
    .cooperation-l {
        position: relative;
    }
    .cooperation-r {
        width: 100%;
    }
    .cooperation-r ul li {
        width: 31.5%;
    }
    .cooperation-r ul li:nth-child(2) {
        display: none;
    }


    .company-us-l .title .en {
    	font-size: 54px;
    }
    .company-us-l .title .ch {
    	font-size: 35px;
    }

    .culture-list ul li:nth-of-type(1) {
        visibility: hidden;
        display: none;
    }
    .culture-list ul li:nth-of-type(2) {
        visibility: hidden;
        display: none;
    }

    .ceti-next {
        width: 50px;
        height: 50px;
    }
    .ceti-prev {
        width: 50px;
        height: 50px;
    }

    .intserv-title {
        display: block;
    }
    .intserv-t-right {
        margin-top: 20px;
        width: 100%;
        margin-left: 0;
    }

    .business-cate-wrap ul li {
        width: 23.5%;
    }
    .canteen-list ul li {
        width: 100%;
        height: auto;
        padding-bottom: 48px;
    }
    .kitchen-li {
        height: auto !important;
    }

    .managenment-li {
        height: auto !important;
    }

    .foods-scheme-wrap ul li .mask {
        padding: 10px 16px;
    }

    .vege-customized {
        height: auto;
    }

    .vege-customized-left {
        width: 100%;
    }
    .vege-customized-right {
        width: 100%;
        padding: 30px;
    }
    .vege-customized-right .content {
        padding: 10px;
    }

    .machining {
        height: auto;
    }
    .machining-left .content {
        width: 100%;

    }
    .machining-left .content p {
        padding: 20px 0;
    }
    .machining-left {
        width: 100%;
    }
    .machining-right {
        width: 100%
    }
    .vege-content-wrap ul li {
        width: 100%;
        height: auto;
    }
    .vege-options {
        height: auto;
        margin-bottom: 15px;
    }
    .vege-options-left {
        width: 100%;

    }
    .vege-options-right {
        width: 100%;
    }

    .system-r-item-r ul li {
        width: 33.33%;
    }

}
@media (max-width: 768px) {
    html {
        font-size: 42.5%!important;
    }
    .core {
        width: 92%;
    }

    .vege-options-left li {
        width: 100%;
    }


    .quality-content .item-l div {
        font-size: 22px;
    }
    .quality-content {
        padding: 20px 10px;
    }
    .quality-content .item-r ul li {
        width: 100%;
    }
    .quality-content .item-r ul li .t {
        font-size: 18px;
    }

    .foods-sales-list ul li .item-r .t {
        font-size: 18px;
    }

    .cold-list ul li .content .t {
        font-size: 18px;
    }

    .safe-content .safe-t {
        font-size: 18px;
    }



    .foods-sales-list ul li {
        height: auto;
        padding: 10px;
    }
    .foods-sales-list ul li .item-l {
        width: 40px;
        height: 40px;
    }

    .switch-wrap .switch-item {
        font-size: 16px;
    }

    .sales-warp .content {
        padding: 30px 20px;
    }

    .guarantee-r ul li {
        width: 100%;
    }

    .sales-warp ul li {
        margin-left: 5px;
    }

    .system-r-item-r ul li {
        width: 50%;
    }

    .footer-l ul {
        display: block;
        margin-bottom: 0;
    }
    .footer-l ul li {
        width: 100%;
        margin-bottom: 2rem;
    }

    .service-content ul li {
        width: 100%;
    }
    .service .service-title {
        font-size: 5rem;
    }
    .service .service-title span {
        bottom: -2rem;
    }
    .promise .promise-title {
        font-size: 5rem;
    }
    .promise .promise-title span {
        bottom: -2rem;
    }

    .news .news-l {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
    }
    .news-l .see-all {
        height: 5rem;
        line-height: 5rem;
    }
    .news-c-list .c-item .c-item-left {
        padding: 20px 0;
    }

    .promise-c-head {
        display: block;
    }
    .promise-c-head .head-l {
        width: 100%;
        padding: 60px 10px;
        margin-bottom: 10px;
    }
    .promise-c-head .head-r {
        width: 100%;
    }
    .promise-c-bottom {
        display: block;
    }
    .promise-c-bottom .head-l {
        width: 100%;
        padding: 60px 10px;
        margin-bottom: 10px;
    }
    .promise-c-bottom .head-r {
        width: 100%;
    }
    .promise-content-left .mask {
        font-size: 24px;
    }
    .head-r .mask {
        font-size: 24px;
    }
    .head-l .t {
        font-size: 24px;
    }
    .head-l p {
        font-size: 16px;
    }
    .head-l .line {
        margin: 2rem 4rem;
    }

    .staff-l .title .en {
        font-size: 40px;
    }
    .staff-l .title .ch {
        font-size: 28px;
    }
    .staff-l .content .c-t {
        font-size: 24px;
    }
    .staff-list ul li {
        width: 100%;
        margin-bottom: 2rem;
    }
    .staff-list ul li .content .title {
        font-size: 16px;
    }
    .staff-list ul li .content .des {
        margin: 10px 0;
        font-size: 14px;
    }

    .page ul li a.num {
        display: none;
    }
    .page ul {
        justify-content: space-between;
    }
    .page {
        width: 100%;
    }
    .page ul li.prev-li {
        width: 48%;
    }
    .page ul li.next-li {
        width: 48%;
    }
    .page ul li a.prev {
        width: 100%;
    }
    .page ul li a.next {
        width: 100%;
    }
    .edit-info ul {
        display: block;
    }
    .staff-detail-wrap .title {
        font-size: 25px;
    }
    .staff-detail-wrap .title {
        padding: 40px 0 10px 0;
    }
    .staff-detail-wrap .content {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .staff-detail-wrap .content .des p {
        line-height: 1.7em;
    }

    .dynamic-list .dynamic-item a {
        /*display: block;*/
    }
    .dynamic-item-l {
        /*width: 100%;*/
        width: 30%;
    }
    .dynamic-item .dynamic-item-r {
        /*width: 100%;*/
        width: 66%;
        margin-left: 10px;
    }
    .dynamic-item-r-left {
        width: 100%;
        padding-top: 15px;
    }
    .dynamic-item-r-right {
        display: none;
    }
    .dynamic-wrap .dynamic-l {
        padding: 20px 0;
    }
    .share-l {
        width: 100%;
        margin-bottom: 20px;
    }
    .share-r {
        width: 100%;
    }
    .contact-content ul li {
        width: 100%;
        border-right: 0;
    }
    .contact-content ul li:nth-child(3n) {
        border-right: 0;
    }
    .contact-content ul {
        margin-top: 30px;
    }
    .about-l {
        width: 92%;
    }
    .about-l .content p {
        line-height: 1.7em;
    }
    .about-l-wrap {
        top: 0;
    }
    .about-list {
        display: block;
        margin-left: 15px;
    }
    .about-l .mask {
        height: 60px;
    }
    .organizational {
        margin-top: 40px;
    }
    .news-dynamic-title .en {
        font-size: 36px;
    }
    .news-dynamic-title .ch {
        font-size: 26px;
    }
    .culture-list ul li {
        width: 100%;
    }
    .culture-content-l {
        width: 80%;
    }
    .culture-content-r .ch {
        font-size: 26px;
    }
    .culture-content-r .en {
        font-size: 16px;
    }
    .culture-content-r .con {
        padding-right: 15px;
        top: 40px;
    }
    .culture-content-r .ch.one {
        margin-right: 50px;

    }
    .culture-list ul li {
        height: 140px;
        padding: 20px;
    }
    .culture-list ul li .ch {
        padding: 5px 0 5px 0;
    }
    .carousel {
        display: block;
    }
    .carousel-l {
        width: 100%;
    }
    .carousel-r {
        width: 100%;
        margin-left: 0;
        padding: 20px;
    }
    .carousel-prev-next {
        position: relative;
        right: 0;
    }
    .carousel-prev {
        width: 50%;
    }
    .carousel-next {
        width: 50%;
    }
    .swiper-slide-next .carousel .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.6);
        opacity: 0;
        z-index: 9;
    }
    .distribution-center-wrap .organizational {
        margin-top: 0;
    }

    .canteen-prev {
        width: 40px;
        height: 40px;
    }
    .canteen-next {
        width: 40px;
        height: 40px;
    }
    .canteen-pagination {
        width: 90px;
        height: 45px;
        line-height: 13px;
    }

    .foods-head-l ul {
        justify-content: space-between;
        margin-top: 20px;
    }
    .foods-head-l ul li {
        padding: 0 40px;
    }
    .foods-content-l .des .ch {
        font-size: 40px;
    }
    .foods-content-l .des .en {
        font-size: 24px;
    }
    .foods-content-l .des .ch i {
        width: 40px;
        height: 40px;
    }
    .foods-content-l .des {
        top: -20px;
    }
    .foods-content-l .des .ch span {
        top: 20px;
    }
    .foods-content-l .des .en {
        margin-top: 60px;
    }

    .supplier-icon ul li {
        width: 32%;
        height: 100px;
    }
    .supplier-icon ul li img {
        height: 60px;
    }

    .foods-safety-content-l .con-l .ch {
        font-size: 22px;
    }
    .foods-safety-content-l .con-l .en {
        font-size: 14px;
    }
    .foods-safety-content-l .con-l .en .l {
        font-size: 20px;
    }
    .foods-safety-content {
        padding: 30px 0;
        margin-top: 50px;
    }
    .foods-safety-content-r {
        margin-top: 30px;
        padding: 0 10px;
    }
    .base-wrap {
        margin-top: 60px;
    }
    .supplier {
        margin-top: 60px;
    }
    .supplier-list ul li .item-l {
        width: 40px;
        height: 40px;
    }
    .supplier-list ul li .item-r {
        width: 85%;
    }
    .header {
        height: 90px;
    }
    .banner {
        margin-top: 90px;
    }
    .cooperation-r ul li img {
        width: 78px;
        height: 40px;
    }
    .cooperation-r ul li {
        height: 70px;
        margin-bottom: 10px;
    }
    .cooperation-l .en {
        font-size: 28px;
    }
    .cooperation-l .ch {
        font-size: 20px;
    }
    .cooperation-r {
        position: relative;
        top: -60px;
    }
    .capital-l li {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .capital-l li .icon img {
        width: 44px;
        height: 44px;
    }
    .capital-l li .des .n {
        font-size: 24px;
    }
    .capital-l li .des .info {
        font-size: 12px;
    }
    .capital-l li .line {
        width: 100px;
    }



    .wash-clean-content {
        display: none;
    }

    .wash-clean-content-mobile {
        display: block;
    }


    .company-wrap {
        margin: 0 4%;
    }


    .company-us-l .title .en {
    	font-size: 40px;
    }
    .company-us-l .title .ch {
    	font-size: 28px;
    }

    .cooperation-r ul li {
    	margin-right: 6px;
    }
    .certificate-warp {
        margin-top: 40px;
    }
    .company-culture-wrap {
        margin-top: 40px;
    }

    .intserv-img ul li {
        width: 100%;
    }
    .intserv-t-left .en {
        font-size: 20px;
    }
    .intserv-t-left .ch {
        font-size: 21px;
    }
    .intserv-title {
        padding: 30px 0 15px 0;
    }

    .canteen-img ul li {
        width: 48%;
    }
    .canteen-list ul li .item-l {
        width: 36px;
        height: 36px;
    }

    .design-left .top ul li {
        width: 100%;
    }

    .foods-scheme-wrap ul li {
        width: 48%;
    }

    .vege-customized-left .left-img {
        display: none;
    }
    .vege-customized-left .content {
        width: 100%;
    }
    .vege-customized-left .content p {
        padding: 20px 0;
    }
    .vege-customized-left .content ul li {
        width: 50%;
    }

    .advanage-list ul li .content .title {
        font-size: 16px;
    }
    .advanage-list ul li .content .des {
        font-size: 14px;
    }
    .advanage-list ul li {
        width: 100%;
    }
    .advantage .title .en {
        font-size: 40px;
    }
    .advantage .title .ch {
        font-size: 28px;
    }

    .delivery-advan ul li {
        width: 100%;
        margin-bottom: 15px;
    }
    .assurance-item {
        width: 100%;
        border-radius: 30px !important;
    }

    .clean-vegetable .title .en {
        font-size: 18px;
    }
    .clean-vegetable .title .ch {
        font-size: 20px;
    }


}
@media (max-width: 560px) {

    .header-top {
        height: 70px;
    }
    .header-t-left img {
        width: 155px;
    }

    .menu img {
        width: 45px;
    }

    .pack-content ul li {
        width: 100%;
    }

    .system-r-item-r ul li {
        width: 100%;
    }
    .service-content ul li {
        padding: 30px 10px 20px;
    }
    .supplier-icon ul li {
        /*width: 48%;*/
        height: 80px;
    }
    .supplier-icon ul li img {
        height: 40px;
    }
    .header-t-left span {
        display: none;
    }
    .header-t-left .txt {
        display: none;
    }

    .ceti-prev {
        width: 40px;
        height: 40px;
    }
    .ceti-next {
        width: 40px;
        height: 40px;
    }
    /*.canteen-list ul li {
        height: auto;
        padding-bottom: 48px;
    }*/

    .canteen-img ul li {
        width: 100%;
    }

    .foods-scheme-wrap ul li {
        width: 100%;
    }
    .foods-scheme-wrap ul li {
        margin-bottom: 15px;
    }

}

@media (max-width: 450px) {

}

