.newbottom{

  /* fixed bottom-0 left-0 right-0 z-30 hidden xs:block */

  position: fixed;

  bottom:0;

  left:0;

  width: 100%;

  z-index: 30;

  display: none;

}

.newbottom .box{

/* mx-auto w-full max-w-[46.875rem] bg-white shadow */

    margin-left: auto;  

    margin-right: auto;  

    width: 100%;  

    max-width: 768px; /* 相当于 768px */  

    background-color: white;  

    box-shadow: 1px 2px 2px #ebebeb;

    padding-top: 8px;  

    padding-bottom:8px;  

}

.newbottom .lists {  

    display: grid;  

    grid-template-columns: repeat(3, 1fr); /* 4列，每列等宽 */  

    grid-column-gap: 1px; /* 假设Tailwind的divide-x样式是1px的边框 */  

    padding-top: 0.5rem; /* py-2对应上下内边距各0.5rem */  

    padding-bottom: 0.5rem;  

}  

/* 如果需要添加边框样式，可以这样做 */  

.lists > * + * {  

    border-left: 1px solid #e2e2e2; /* 假设Tailwind的divide-x样式是左边框 */  

}

.newbottom .lists >div >.block,

.newbottom .lists >div >a.block{

  display: block;

}

.newbottom .lists .block .icon{

  /* mx-auto aspect-square w-5 text-main */

   margin-left: auto;  

   aspect-ratio: 1/1;

   width: 20px;

   color: #ee8600;

  margin-right: auto;  

}

.newbottom .lists .block .icon i{

  font-size: 18px;

}

.newbottom .lists .title{

  margin-top: 4px;

  text-align: center;

  color: #696a6b;

  font-size: 14px;

  line-height: normal;

  /* mt-1 text-center text-xs leading-none */

}

.section-layout .my-40{

  margin: 40px auto;

}

.section-layout .title1{

  font-size: 2.5em;

  font-family: "Ubuntu-Bold";

    font-weight: normal;

}

.section-layout .my-40:first{

  margin-top:0px;

}

.section-layout .mb-img{

  display: none;

}

.section-layout .banner1 ,

.section-layout .banner2, 

.section-layout .banner3 {

  max-height: 450px;

  width: 100%;

  overflow: hidden;

}

.section-layout .banner1 img,

.section-layout .banner3 img,

.section-layout .banner2 img {

  object-fit: cover;

  width: 100%;

}

.swiper-content3 .swiper-slide .box,

.swiper-content1 .swiper-slide .box{

  display: flex ;

  row-gap: 20px;

  justify-content: space-between;

  align-items: center;

}



.swiper-content1 .swiper-slide .box .left,

.swiper-content3 .swiper-slide .box .left{

  display: flex;

  flex-direction: column;

  justify-content: center;

  /* align-items: center; */

}

.swiper-content1 .swiper-slide .box .left,

.swiper-content3 .swiper-slide .box .left,

.swiper-content1 .swiper-slide .box .right,

.swiper-content3 .swiper-slide .box .right

{

  width: 49%;

}

.swiper-content1 .swiper-slide .box .right img,

.swiper-content3 .swiper-slide .box .right img

{

  height:450px;
  object-fit: cover;

}

.my-40 .box{
  display: flex;
  row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.my-40 .box:nth-child(odd){
  flex-direction: row-reverse;
}

.my-40 .box .left{
  width: 49%;
}
.my-40 .box .right{
  width: 49%;
}
.my-40 .box .right img{
  height: 450px;
  object-fit: cover;
}
.my-40 .title2.title{
  margin-bottom: 30px;
}




.title2{

  text-align: center;

}

main .fullwidth .banner .pc_img{
  width: 100%;
}
main .fullwidth .banner .mb_img{
  display: none;
}

@media (max-width: 768px) { 
  main .fullwidth .banner .pc_img{
    display: none;
  }
  main .fullwidth .banner .mb_img{
    display: block;
    width: 100%;
  }
  .my-40 .box{
    flex-direction: column !important;
  }
  .my-40 .box .left{
    width: 100%;
  }
  .my-40 .box .right{
    width: 100%;
  }
 }

@media (max-width: 768px) {  

  .swiper-content1 .swiper-slide .box .right img,

.swiper-content3 .swiper-slide .box .right img

{

  height:auto;

  aspect-ratio: 1/1;

}

  .swiper-content1 .swiper-slide .box .left,

.swiper-content3 .swiper-slide .box .left,

.swiper-content1 .swiper-slide .box .right,

.swiper-content3 .swiper-slide .box .right

{

  width: 100%;

}

  .swiper-content3 .swiper-slide .box,

.swiper-content1 .swiper-slide .box{

  display: flex;

  flex-direction: column;

}

  .section-layout .my-40{

  margin: 30px auto;

}

  .section-layout .banner3, 

  .section-layout .banner2,

  .section-layout .banner1{

  max-height: 300px;

  width: 100%;

}

  .section-layout .pc-img{

  display: none;

}

.section-layout .mb-img,

    .newbottom {  

        display: block;  

    }  

    .c-footer-bottom{

      margin-bottom: 64px;

    }

    .c-sidebar{

      bottom:90px;

    }

    .c-sidebar-contact{

      display: none;

    }

}