@media screen and (max-width:1500px) {
 .yeshu{
  display: none;
 }
  
}

/*  当页面宽度<= 1200px 的时候，logo 与浏览左边有 25px 间距 */
@media screen and (max-width:1200px) {
    .logo{
        margin-left: 25px;
    }
    
}

/* 当浏览器的宽度小于等于 992px */
@media screen and (max-width:992px) {
    /* 隐藏顶部导航 */
    .top nav.nav{
        display: none;
    }
    /* 显示栏目图标 */
    .nav-button{
        display: block;
    }



     /* ipad 端  轮播文字在上，图片在下时样式调整 */
     .swiper1 .item-content .left .small-title {
        padding-top: 57px;
        /* 行高 24 * 1.5= 60  上下 6*/
        font-size: 40px;
        font-weight: bold;
        color: var(--primary-color);
        margin-bottom: 20px;
      }
      .swiper1 .item-content .left .title {
        font-size: 80px;
        /* 行高 80 *1.5 =48+24=72px  上下  12px */
        font-weight: bold;
        margin-bottom: 34px;
        line-height: 1;
      }
      .swiper1 .item-content .left .desc {
        font-size: 32px;
        line-height: 1;
        margin-bottom:97px;
      }
     
      .swiper1 .item-content .banner-btn1 {
       display: none;
      }
      /* .mySwiper .item-content .left{
        display: none;
      } */

      .swiper1 .banner-btn2 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom:92px;
    }

    /* 特色美食推荐 适配 */
    
    .food-recommend .grid-container {
      margin-top: 36px;
      gap: 20px; /* 网格行列间距 30px*/
    }


    /* 公司优势 */
    .company-advantages {
      height: 160px;
      margin-top: 60px;
     
    }
    .company-advantages-content .item .num {
      font-size:64px;
     
      margin-bottom: 17px;
    }
    .company-advantages-content .item .desc {
      font-size: 16px;
    }

    /* ipad 和移端适配 */
    .limited-time-offer-body ul {
      gap: 15px; /* 间隙 */
      margin-top: 30px;
    }
    .limited-time-offer-body ul li a {
      flex-direction: column-reverse;
      padding:10px;
    }
    .limited-time-offer-body .left-text {
      width: 100%;
     
    }

    .limited-time-offer-body .right-img {
      width: 100%;
      box-sizing: border-box;
      padding:20px;
      /* background-color: #664134; */
     
    }

    .limited-time-offer-body .left-text .title {
      font-size: 18px;
      color: var( --sub-deep-orange-color);
    }
    .limited-time-offer-body .left-text .desc {

      font-size: 12px;
      margin-top: 15px;
    }
    .limited-time-offer-body .left-text .tag{
      width:72px;
      height:20px;
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 8px;
      margin-top:11px;
    }
    .limited-time-offer-body .left-text p{
      display: none;
    }

    /* 网站底部的logo 要隐藏*/
    .footer .footer-logo{ 
      display: none;
    }
   .footer-link{
    padding-left:91px;
   }
}



@media screen and (max-width:768px){
  ul.flex-list {
    width: calc(100% + 23px);

  }
  ul.flex-list li{
    margin-bottom:23px;
  }
  ul.flex-list li a{
    margin-right: 23px;
  }
  ul.flex-list li a .tag {

    left: -10px;
    top: 8px;
    padding: 6px 10px;

    border-radius: 4px 4px 4px 0;
  }
  ul.flex-list li a .tag::after {
    border: 5px solid transparent;
    left: 0;
    bottom: -10px;
    border-top-color: var(--sub-dark-red-color1);
    border-right-color: var(--sub-dark-red-color1);
   
  }

  ul.flex-list li a .title {
    /* line-height:  18 *1.5= 24;  上下 3px */
    font-size: 18px;
    padding: 7px 7px 0 12px;

  }
  ul.flex-list li a .desc {
    font-size: 12px;

    padding-left: 12px;
    padding-bottom: 8px;
  }

  .footer-link{
    padding-left:61px;
   }
} 
  


/* 当浏览器的宽度小于等于 576px */
@media screen and (max-width:576px) {
 

    /* ipad 端  轮播文字在上，图片在下时样式调整 */
    .swiper1 .item-content .left .small-title {
        padding-top: 8px;
        /* 行高 24 * 1.5= 60  上下 6*/
        font-size: 25px;
        font-weight: bold;
        color: var(--primary-color);
        margin-bottom: 20px;
      }
      .swiper1 .item-content .left .title {
        font-size: 47px;
        /* 行高 80 *1.5 =48+24=72px  上下  12px */
        font-weight: bold;
        margin-bottom: 34px;
        line-height: 1;
      }
      .swiper1 .item-content .left .desc {
        font-size: 20px;
        line-height: 1;
        margin-bottom:30px;
      }
     
      .swiper1 .item-content .banner-btn1 {
       display: none;
      }


      .swiper1 .banner-btn2 {
        display: flex;
        justify-content: center;
        align-items: center;
       padding-bottom:68px;
    }


    /* 移动内容与屏两边距离 */
    .layout-center{
      padding: 0px 10px;
    }

     /* 特色美食推荐 适配 */
     .food-recommend .grid-container {
      grid-template-rows: repeat(3, auto); /* 两行,行高自动 */
      grid-template-columns: repeat(3, 1fr); /* 四列,每列宽度自动 */
      gap: 10px; /* 网格行列间距 10px*/
      margin-top: 35px;
    }

    /* 第1  4  5 项是跨两列的 */
    .food-recommend .grid-container .grid-item:nth-child(1) {
      grid-row:1/2;
      grid-column: 1/3;

    }

    .food-recommend .grid-container .grid-item:nth-child(4) {
      grid-row:2/3;
      grid-column: 2/4;
    }

    .food-recommend .grid-container .grid-item:nth-child(5) {
      grid-row:3/4;
      grid-column: 1/3;
    }

    .food-recommend .grid-container .grid-item:nth-child(6){
      grid-row:3/4;
      grid-column: 3/4;
    }

    .yd-bl-70-100 {
      width: 100%;
      padding-top: 70%;
      height:0; /* 重写 */
    }
   
    .yd-bl-auto {
      width: 100%;
      height: 100%;
      padding-top:0; /* 重写 */
      background-color: pink;
    }


    
    /* 查看详情按扭隐藏 */
    .food-recommend .grid-item-content .text .bottom a{
      display: none;
    }
    .food-recommend .grid-item-content .text h4 {
      /* line-height 24 * 1.5=36  上下 6px  */
      font-size: 18px;
     
    }
    .food-recommend .grid-item-content .text p {
      /* line-height 16 * 1.5= 24  上下 4 */
    
      font-size: 12px;
    }
    .food-recommend .grid-item-content .text .bottom span.price {
      font-size:12px;
      height:18px;
      line-height: 12px;
      padding-right: 5px;
      border-radius: 4px;

    }

    .food-recommend .grid-item-content .text .bottom span.price::before {

      line-height: 18px;
      padding: 0px 4px;

      margin-right: 5px;
    }

     /* 公司优势 */
     .company-advantages {
      height: 90px;
      margin-top: 40px;
     
    }
    .company-advantages-content .item .num {
      font-size:32px;
     
      margin-bottom: 6px;
    }
    .company-advantages-content .item .desc {
      font-size: 12px;
    }

    /* 图片弹出放大 */
    .gallery-body ul.imglist {
      width: calc(100% + 10px);

    }
    .gallery-body ul.imglist li .img-wrap {
      margin-right: 10px;
    }
    .gallery-body ul.imglist li {
      margin-bottom: 10px;
    }

    .footer-link{
      padding-left:11px;
     }
}