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

.service-999-1{
	width:100%;
	height: 1004px;
	background:url(../images/service-999-1/bg.png) top center no-repeat;
	padding-top: 175px !important;
	}
.service-999-top{
	width:100%;
	height:auto;
	text-align:center;
	}
.service-999-top img{
	max-width:100%;
	}
.service-999-mid{
	width:100%;
	height:auto;
	margin-top: 50px;
	}
.service-box1{
	width:178px;
	height:auto;
	}
.service-b-text{
	width:100%;
	height:auto;
	text-align:center;
	font-family:'lineseed';
	font-size: 20px;
	color:#000;
	margin-top: 10px;
	margin-left: 23px;
	}
.service-b-pic{
	width:100%;
	height:auto;
	text-align:center;
	margin-top: 13px;
	transition: transform .2s;
	position:relative;
	}
.service-b-pic:hover{
	transform: scale(1.1);
    position: relative;
    z-index: 1;
	}
.service-box2{
	width: 185px;
	height:auto;
	margin-top: 218px;
	margin-left: 33px;
	position: relative;
	left: -18px;
	}
.service-box3{
	width:178px;
	height:auto;
	margin-left: -15px;
	}
 @media (max-width: 374px) { 
	 .service-999-1 {
    padding-top: 203px !important;
}
	 }
 @media (min-width: 375px) and (max-width: 413px) {
	 .service-999-1 {
    padding-top: 240px !important;
}
	 }
 @media (min-width: 414px) and (max-width: 575px) {
	 .service-999-1 {
    padding-top: 230px !important;
}
	 }
@media (min-width: 576px) and (max-width: 767px) { 
.service-999-1 {
    padding-top: 130px !important;
}
}
@media (min-width: 768px) and (max-width: 991px){
.service-999-1{
		
padding-top: 230px !important;
}
.service-999-top img{
		
max-width: 70%;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.service-999-1{
		
padding-top: 220px !important;
}
.service-999-top img{
		
max-width: 55%;
}	
}
@media (min-width: 1200px) and (max-width: 1280px){
.service-999-1{
		
padding-top: 230px !important;
}
.service-999-top img{
		
max-width: 40%;
}	
}
@media (min-width: 1281px) and (max-width: 1366px){
.service-999-1{
		
padding-top: 240px !important;
}
.service-999-top img{
		
max-width: 40%;
}	
}
@media (min-width: 1367px) and (max-width: 1440px){
.service-999-1{
		
padding-top: 225px !important;
}
.service-999-top img{
		
max-width: 45%;
}	
}
@media (min-width: 1441px) and (max-width: 1600px){
.service-999-1{
		
padding-top: 210px !important;
}
.service-999-top img{
		
max-width: 40%;
}	
.service-b-pic{
		
}
.service-b-pic img{
		
max-width: 110%;
}
.service-b-text{
		
margin-left: 10px;
}
.service-box1{
}
.service-box2{
		
left: -35px;
}
.service-box3{
		
margin-left: -40px;
}
}