#MOBILE img {
    /* display: block; */
  }
  .m_top {
    width: 100%;
    height: 6.9rem;
    position: relative;
  }
 .m_logo {
    width: 20rem;
    height: 10rem;
    position: absolute;
    top: -6rem;
    left: 1.8rem;
  }
  .m_top .m_header_banner {
    width: 100%;
    height: 4rem;
    margin-top: 1.6rem;
    display: inline-block !important;
  }
  .m_top .m_header_bg {
    width: 5.6rem;
    height: 2.9rem;
    background-color: #141414;
    position: absolute;
    top: 4rem;
    left: 0.4rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 0.4rem;
  }
  
  .m_top .m_header_bg .m_title1 {
    font-size: 0.38rem;
    
    font-weight: bold;
    color: #ffffff;
    line-height: 0.48rem;
  }
  
  .m_top .m_header_bg .m_title2 {
    font-size: 0.24rem;
    
    font-weight: bold;
    color: #ffffff;
    line-height: 0.48rem;
    margin-top: 0.3rem;
  }
  
  .m_middle {
    height: auto;
    /* margin-top: 1.5rem; */
  }
  .m_middle .m_video1 {
    width: 5.6rem;
    height: 2.8rem;
    margin-left: 0.4rem;
    background: #01883a;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.3rem 0.4rem;
  }
  .m_middle .m_video2 {
    background: #1a1a1a;
  }
  .m_middle .m_video1 .m_video_title {
    font-size: 0.32rem;
    
    font-weight: bold;
    color: #ffffff;
    line-height: 0.72rem;
  }
  
  .m_middle .m_video1 .m_video_btn {
    font-size: 0.24rem;
    
    font-weight: bold;
    color: #ffffff;
    line-height: 0.72rem;
    display: flex;
    align-items: center;
  }
  .m_middle .m_text {
    font-size: 0.24rem;
    text-align: justify!important;
    font-weight: 400;
    color: #141414;
    line-height: 0.56rem;
    margin: 0.6rem 0.4rem 0.3rem 0.4rem;
  }
  
  .m_middle .m_text a{
  
    text-decoration: none;
    color: #01883A;
  }
  .m_middle .m_text_bold {
    font-size: 0.28rem;
    
    font-weight: bold;
    color: #141414;
    line-height: 0.56rem;
    margin: 0 0.4rem 0.6rem 0.4rem;
  }
  .m_middle .m_text_t {
    font-size: 0.38rem;
    
    font-weight: bold;
    color: #141414;
    line-height: 0.56rem;
    margin-left: 0.4rem;
    margin-bottom: 0.3rem;
  }
  .m_middle .m_more {
    display: flex;
    flex-direction: row;
    font-size: 0.24rem;
    
    font-weight: bold;
    color: #01883a;
    align-items: flex-start;
    margin-left: 0.4rem;
  }
  .m_middle .m_more img{
    margin-top: 10px;
  }
  
  
  .m_middle  .m_desc{
    font-size: 0.24rem;
    text-align: justify;
    font-weight: 400;
    color: #141414;
    line-height: 0.56rem;
    background-color: #F5F5F5;
    padding: 0.4rem;
  
  }
  
  
  .m_bottom {
    height: 41.5rem;
    width: 100%;
    position: relative;
    margin-bottom: 12rem;
  }
  .m_bottom .m_bottom_1 {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    margin-left: 0.4rem;
  }
  .m_bottom .m_bottom_bg {
    width: 100%;
    height: 45.72rem;
    background-color: #222222;
  }
  
  .m_bottom #m_container {
    width: 32.4rem;
    height: 26.4rem;
    position: absolute;
    left: 50%;
    top: 6rem;
    transform: translate(-50%,0);
  }
  .m_bottom .m_bottom_bg {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 2.4rem;
    padding-bottom: 5.4rem;
  }
  .m_bottom .m_bottom_bg .name {
    font-size: 0.24rem;
    
    font-weight: bold;
    color: #ffffff;
    line-height: 0.28rem;
    margin-bottom: 0.2rem;
  }
  
  .m_bottom .m_bottom_bg .phone {
    font-size: 0.2rem;
    
    font-weight: 400;
    color: #ffffff;
    line-height: 0.24rem;
  }
  
  .m_footer {
    width: 100%;
    height: 12rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
  }
  .m_footer .m_bottom_extend_menu {
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    right: 0.4rem;
    top: 0;
    display: block;
  }
  
  .m_footer .m_bottom_menu {
    width: 100%;
    background-color: #fff;
    display: block;
  }
  .m_menu_modal {
    height: 68.16rem;
    width: 100%;
    background-color: #01883a;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: none;
  }
  .m_menu_modal .m_menu_modal_close {
    width: 100%;
    height: 8.4rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4.8rem;
    font-weight: bold;
    color: #01883a;
    /* box-shadow: 0px -4px 11px 0px rgba(0, 0, 0, 0.3); */
  }
  .menu_small_house{
    width: 3rem;
  }
  
  .m_menu_modal .m_menu_modal_item {
    width: 27.96rem;
    height: 6rem;
    border-bottom: 1px solid #fff;
    font-size: 1.92rem;
    margin: -1px;
    font-weight: bold;
    color: #ffffff;
    line-height: 3rem;
    display: flex;
    align-items: center;
  }
  
  .swiper-slide{
    height: 100%;
  }
  .slide-1{
    background-image: url("./img/life/new1.jpg");
  }