.environment .home{
  margin:50px auto;
}
.ourEnvionment{
    width:90%;
    height:450px;
    margin:0 auto;
    margin-top:30px;
    background: url(../images/4_05.png) no-repeat;
    background-size: cover;
}
.ourEnvionment .ft,.ourEnvionment .fb{
  height: 50%;
}

.envrion_text{
  width:25%;
  height: 70%;
   padding-top:20px;
   margin-left: 20px;
}
.ourEnvionment .fb .envrion_text{
 margin-left:56%;
 margin-top:30px;
}
.envrion_text p {
  text-align: left;
  font-size: 13px;
  line-height: 25px;
}
.envrion_text p span{
  display: block;
  width:100%;
  line-height: 30px;
  font-size: 15px;
  font-weight: bold;
}
.house{
  width:85%;
  height: auto;
}
.house ul{
  width:84%;
  margin:45px auto;
}
.house ul li{
  width:33.3%;
 float:left;
}
.house ul li div,.house ul li p{
  width:95%;
  margin:0 auto;
  text-align: center;
}
.house ul li div{
  height: 240px;
  overflow: hidden;
}

.house ul li p{
  line-height: 30px;
  font-size: 14px;
  margin:12px auto;
}
.house ul li img{
  width:100%;
  height: 100%;
  transition: all 0.3s linear;
}
.house ul li div:hover>img{
  transform: scale(1.1);
}
.house h2{
  font-size: 23px;
  line-height: 60px;
}
.house h2,.house p{
  text-align: center;
}
.house p{
  font-size: 13.5px;
  color: #4e4e4e;
}
.house ul li div.last_pic{
  width:90%;
  height: 220px;
  background: url(../images/4_28.png) no-repeat 50% 50%;
  border:10px solid #545454;
}
.house ul li div.last_pic:hover{
  background: url(../images/4_31.png) no-repeat 50% 50%;
  border:10px solid #c90915;
}
.environment .slider .cart{
  min-width: 1200px;
  position: relative;
  bottom:190px;
}
.environment .slider .cart span{
  position: absolute;
  left:31%;
}
.environment .slider .cart span:hover{
  background: url(../images/8_02.png) no-repeat;
  background-size: cover;
}

.img_container{display: none;}

@media screen and (max-device-width: 480px){ 
  .ourEnvionment{width: 100%;height: auto;  background: none}
  .ourEnvionment .ft, .ourEnvionment .fb{height: auto;position: relative;}
  .envrion_text{width: 100%;padding-bottom: 10px ;padding-top: 10px;     box-sizing: border-box;}
  .envrion_text p{line-height: inherit;}


  .img_container{position: absolute;width: 100%; height: 100%; display: block;left: 0;top: 0;z-index: -1;overflow: hidden;}
  .img_container img{position: absolute;height: 100%}
  .ourEnvionment .ft{width: 100%; background:none;}
  .ourEnvionment .ft .envrion_text{    background-color: #add100; width: 46%;  padding-left: 20px;     padding-right: 10px; margin: 0;}
  .ourEnvionment .ft .img_container img{right: -46px}
  .ourEnvionment .fb{width: 100%; background:none}
  .ourEnvionment .fb .envrion_text{    background-color: #ffc500; width: 46%;  padding-left: 20px;    padding-right: 10px;  margin: 0;margin-left: 54%;}
  .ourEnvionment .fb .img_container img{left: -70px}

  .house{padding: 0 5%; width: 100%;    box-sizing: border-box;}
  .house .last_pic{width: 50%;padding-bottom: 30%; margin: auto; background: url(../images/4_31x2.png) no-repeat 50% 50%;    background-size: 100% auto;}
  .house ul{width: 100%;}
  .house ul li{width: 49%;padding-bottom: 30%;position: relative;float: none;    margin-bottom: 2em;    display: inline-block;}
  .house ul li:last-child{display: none;}
  .house ul li div,.house ul li p{position: absolute;width: 100%;}
  .house ul li div{width: 100%;height: 100%}
  .house ul li img{    position: absolute; left: 50%; top: 50%; width: 100%; height: auto; transform: translate(-50%,-50%);}
  .house ul li p{bottom: -3em}
  .house ul li div:hover>img{ transform: scale(1.1) translate(-50%,-50%); } 

}

@media screen and (max-device-width: 375px){ 
  .ourEnvionment .ft .img_container img{right: -60px}
  .ourEnvionment .fb .img_container img{left: -88px}
}

@media screen and (max-device-width: 320px){ 
  .ourEnvionment .ft .img_container img{right: -104px}
  .ourEnvionment .fb .img_container img{left: -112px}
  .house ul li p { bottom: -3.3em; font-size: 0.8em; }
}