@charset "utf-8";
/* CSS Document */

.serviceArea{
top:-50px;
z-index:99;
position:absolute;

}
.serviceArea ul li {
	
}
.serviceArea ul li a{
	background:#000000;
	overflow:hidden;
	position:relative;
	text-align:center;
	display:block;
}
.serviceArea ul li a img{
	width:100%;
	float:left;
	z-index:-1;}
.serviceArea ul li a h3{
	position:absolute;
	width:70%;
	padding:0 15%;
	top:65%;
	font-size:15px;
	color:#fff;
	font-weight:500;
	line-height:25px;
}
.serviceArea ul li a:after{
	content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #ffffff transparent;
display:block;
bottom:5px;
right:5px;
position:absolute;
}

.link{
	background:url(../images/linkBg.jpg);
	padding:25px 0;}
.link ul{margin-left:-5px;}
.link ul li{
	padding:15px;}

.link ul li a img{
	float:left;
	width:100%;
	border:5px solid #fff;}
.link ul li a:hover{
}
@media (max-width:1160px){
.serviceArea{
	top:0;

position:relative;
}
.serviceArea li {	padding-top:10px;}
.mainArea div.decoration{
	display:none;}
}
@media (max-width: 1120px){	

.serviceArea ul li {
	width:50%;
	padding:10px 20px;
}
}


@media (max-width: 530px){	
.serviceArea ul li {
	width:100%;
	padding:10px 30px;
}
}

@media (max-width: 450px){

.serviceArea ul li {
	padding:10px 20px;
}
}