@charset "utf-8";
.lt_service{ position:relative; max-width:1200px; margin:0 auto -40px; top:-100px; }
.lt_service ul:after { display:block; visibility:hidden; clear:both; content:""}
.lt_service li{ 
	float:left; 
	width:25%; 
	position:relative; 
	text-align:center; 
	padding-right:10px; 
	transform:translateY(0px);
	-webkit-transition:all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition:all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.lt_service li:last-child { padding-right:0; }
.lt_service li:hover { transform:translateY(-30px);  }

.lt_service li a { 
	display:block;
	max-width:100%; 
	height:auto; 
	vertical-align:top; 
	text-align:center; 
	padding:30px 0; 
	background-color:#fff; 
	border:1px solid #c7c7c7; 
	border-radius:50px; 
	color:#444; 
}
.lt_service li a i { font-size:90px; margin:30px 0; display:block; opacity:0.5; }
.lt_service li a p { font-size:25px; font-weight:600; letter-spacing:-2px; margin-bottom:30px; display:block; }

.lt_service li a:hover { color:#fff; }
.lt_service li .lt_box1:hover { background-color:#7bb4d2; border:1px solid #7bb4d2; }
.lt_service li .lt_box2:hover { background-color:#fab10c; border:1px solid #fab10c; }
.lt_service li .lt_box3:hover { background-color:#458fb4; border:1px solid #458fb4; }
.lt_service li .lt_box4:hover { background-color:#78ab4f; border:1px solid #78ab4f; }


@media (max-width: 969px){
    .lt_service li a { padding:20px 0; }
	.lt_service li a i { font-size:70px; }
	.lt_service li a p { font-size:20px; }
 }
@media (max-width: 639px){
	.lt_service{ margin:0px 10px; top:-50px; }
	.lt_service li { width:50%; padding:5px; }
	.lt_service li:last-child { padding-right:5px; }
    .lt_service li a { padding:10px 0; }
	.lt_service li a i { font-size:60px; margin:18px 0; }
	.lt_service li a p { margin-bottom:20px; }
 }