div.business{max-width:1400px; padding:10px 0; margin:-160px auto 0 auto; overflow: hidden;}
div.business div.item a{width:24.25%; float:left; text-align:center; height:350px; margin-right:1%; position:relative; 
 transition:all .3s ease; box-shadow:1px 1px 7px rgba(0,0,0,0.1); }
div.business div.item:last-child a {margin-right:0;}
div.business div.item a:before {content:""; width:100%; height:100%; border-radius: 10px !important; background-color:rgba(0,0,0,0.9);
 border-radius:0px ; position:absolute; left:0; top:0; transition:all .3s ease;  }
div.business div.item a:after {content:""; width:100%; height:200px; background-color:#fff;
 border-radius:0px ; position:absolute; left:0; bottom:0; transition:all .3s ease; border:1px solid #dfdfdf; border-top:0; border-radius: 0 0 10px 10px;} 
div.business div.item a:hover:after { background-color:#21b7cf;   border:0; border-top:0px dashed rgba(255,255,255,0.2);}

div.business div.item .img {position:absolute; top:28px; width:100%; background-repeat: no-repeat;
 background-position:86% 25px; height:115px;}
div.business div.item .img span {display:block; transition:all 0.3s ease; padding:30px 45px; 
font-size:22px; font-weight:500; color:#fff; text-align:left; width:100%;}
div.business div.item a:hover .img span {transform: translate(0,0px); transition:all 0.3s ease; color:#FFF;  }
div.business div.item a:hover:before { background-color:#0ea1b8; }
div.business div.item {transform: translate(0,0px); transition:all 0.3s ease; }
div.business div.item a:hover {transform: translate(0,-10px) !important; transition:all .8s ease ; }

div.business div.item .hover {position:absolute; top:150px; /*background-color:rgba(33,36,167,0.8);*/ height:180px; width:100%; 
opacity:1; transition:all 0.3s ease}
div.business div.item .hover .txt { transition:all 0.3s ease; font-size:18px; color:#333; position:absolute; top:48px;
 text-align:center; padding:0 40px; width:100%; z-index:9; font-weight:500 }

div.business div.item a .more:before {content:""; width:1px; height:41px; background-color:#555;
 position:absolute; left:50%; top:120px; transition:all .3s ease; z-index: 9; transform:translate(-0%,0%) rotate(-90deg) }
div.business div.item a .more:after {content:""; width:1px; height:41px; background-color:#555;
 position:absolute; left:50%; top:120px; transition:all .3s ease; z-index: 9; transform:translate(-0%,0%) rotate(0deg) }

div.business div.item a:hover .more:before { background-color:#fff; transform:rotate(0deg) ; )  }
div.business div.item a:hover .more:after {background-color:#fff;  transform:rotate(90deg) ; }

 div.business div.item01 a .img {background-image:url("../img/ico1_w.png"); }
 div.business div.item02 a .img{background-image:url("../img/ico2_w.png"); }
 div.business div.item03 a .img{background-image:url("../img/ico3_w.png"); }
 div.business div.item04 a .img{background-image:url("../img/ico4_w.png");}
 
 /* div.business div.item01 a:hover .img {background-image:url("../img/ico1.png"); }
 div.business div.item02 a:hover .img{background-image:url("../img/ico2.png"); }
 div.business div.item03 a:hover .img{background-image:url("../img/ico3.png"); }
 div.business div.item04 a:hover .img{background-image:url("../img/ico4.png");}*/

/*div.business div.item .hover .more::after{content:""; color:#fff;  width:20px; height:2px; background-color:#fff; position:absolute; 
  left:50%; top:50%; transform:translate(-50%,-50%);}
div.business div.item .hover .more::before{content:""; color:#fff;  width:2px; height:20px; background-color:#fff; position:absolute; 
  left:50%; top:50%; transform:translate(-50%,-50%);}
 div.business div.item01 a:hover .more {background-image:url("../img/ico1.png"); }
 div.business div.item02 a:hover .more {background-image:url("../img/ico2.png"); }
 div.business div.item03 a:hover .more {background-image:url("../img/ico3.png"); }
 div.business div.item04 a:hover .more {background-image:url("../img/ico4.png"); }*/
div.business div.item a{display:block;}
div.business div.item a:hover .hover{opacity:1; transition:all 0.3s ease }
div.business div.item a:hover .txt{ transition:all 0.3s ease;  color:#fff; }
div.business div.item a:hover .more {transition:all 0.3s ease;  color:#fff; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1500px) {
div.business{max-width : calc(100% - 100px); padding:10px 0; margin:-160px auto 0 auto; overflow: hidden;}
}
@media (max-width: 1023px) {
div.business{max-width:100%;  width:100%; padding:0px 0 0px 0 ; margin:0;  bottom:0px; right:0px; border-bottom:1px solid #dfdfdf;}
div.business div.item a{width:50%; float:left; text-align:center; height:130px; margin-right:0%; position:relative; 
 transition:all .3s ease; box-shadow:1px 1px 7px rgba(0,0,0,0); }
div.business div.item a:after {content:""; width:100%; height:80px; border:0; } 
div.business div.item:nth-child(even) a:after {border-left:1px solid #dfdfdf;}
div.business div.item .img {position:absolute; top:0px;  background-position:86% center; height:50px; background-size:auto 60%;}
div.business div.item .img span { padding:14px 20px; font-size:15px;  text-align:left; width:100%; }
div.business div.item:nth-child(even) .img span{ border-left:1px solid rgba(255,255,255,0.3);}
div.business div.item .hover {top:20px;  height:80px; width:100%;}
div.business div.item .hover .txt { transition:all 0.3s ease; font-size:13px; color:#333; position:absolute; top:48px;
 text-align:center; padding:0 10px; width:100%; z-index:9; font-weight:500 }
div.business div.item a:hover .img span {transform: translate(0,0px); transition:all 0.3s ease; color:#fff;  }
div.business div.item a:hover:before { background-color:#111; }
div.business div.item a:hover {transform: translate(0,-0px) !important; }
div.business div.item a:hover:after { background-color:#fff;  }
div.business div.item a:hover .hover .txt{ color:#333; }

div.business div.item a:before {background-color:#21b7cf;}
 
div.business div.item .hover .more {dipslay:none; }
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}