#elmompre {width:100%;  overflow:hidden; margin:80px 0 100px 0; }
#elmompre .floatL{width:100%; overflow:hidden; }
#elmompre a {display:block; position:relative;}
#elmompre .imgBox a .tit {position:absolute; bottom:30px; left:35px; color:#fff; font-size:25px; z-index: 2;   }
#elmompre .imgBox a .tit span {font-size:15px; display:block; }
#elmompre .floatL a .img{  width:100%; height:500px; background:url(../img/img1.jpg)no-repeat center center;
transition:all 0.3s ease;  }
#elmompre  .img:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0);  position:absolute;
 transform:translate(0,50%);  transition:all 0.3s ease; }
#elmompre .imgBox a:hover .img{ transform:scale(1.1,1.1); transition:all 0.3s ease;  }
#elmompre .imgBox a:hover .img:before {  }

#elmompre .floatR{width:50%; overflow:hidden; }
#elmompre .floatR .cont2 {height:394px; overflow:hidden;}
#elmompre .floatR a .img {height:394px;  width:100%; transition:all 0.3s ease;  }
#elmompre .floatR .cont1 a .img {background:url(../img/img2.jpg)no-repeat center center;  background-size:cover;}
#elmompre .floatR .cont2 a .img {background:url(../img/img3.jpg)no-repeat center center;  background-size:cover;}

.icoBox {margin-top:50px;}
.icoBox ul {}
.icoBox ul li{width:25%; float:left; border-left:1px solid #dfdfdf;}
.icoBox ul li:last-child {border-right:1px solid #dfdfdf;}
.icoBox li a{padding:100px 30px 30px 30px; text-align: center; }
.icoBox li a:hover .img {transform:translate(10%,0); transition:all 0.3s ease }
.icoBox li.ico1 a{background-image:url("../img/ico1.png"); background-repeat:no-repeat; background-position: center 20px; }
.icoBox li.ico2 a{background:url("../img/ico2.png")no-repeat center 20px; }
.icoBox li.ico3 a{background:url("../img/ico3.png")no-repeat center 20px; }
.icoBox li.ico4 a{background:url("../img/ico4.png")no-repeat center 20px; }
.icoBox li a .tit{font-size:25px;}
.icoBox li a .txt{font-size:18px; padding:10px 0 50px 0; color:#888; letter-spacing:-2px;}
.icoBox li a .img {font-size:18px; transition:all 0.3s ease}



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#elmompre {width:100%;  overflow:hidden; margin:40px 0 40px 0; }
#elmompre .floatL, #elmompre .floatR{width:100%; overflow:hidden; }	
#elmompre .floatL a .img{  height:270px; background-size:cover; }
#elmompre .floatR .cont2 {height:130px; overflow:hidden;}
#elmompre .floatR a .img {height:130px;  }
.icoBox {margin-top:30px;}
.icoBox ul li{width:50%; float:left; border-left:1px solid #dfdfdf; min-height:250px; margin-bottom:20px;}
.icoBox li a{padding:100px 20px 0px 20px; text-align: center; }
.icoBox ul li:nth-child(odd) {border-left:0px solid #dfdfdf;}
.icoBox ul li:last-child {border-right:0;}
.icoBox li a .txt{font-size:17px; padding:10px 0 20px 0; color:#888; letter-spacing:-2px}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}