@charset "utf-8";
	
   
 .main_wrap{
	
		max-width:1300px;
		margin:0 auto;
		position:relative;
	
 }
  
  /*mainimg slider/*/

  #mainimgContent{
	
	position:relative;
 	width:100%;
	height:100%;
	overflow:hidden;
	min-height:800px;
	background:#363636;
	 
}

 

 @media  (max-width: 640px) {
	
	 #mainimgContent{min-height:700px;}
 }

  @media  (max-width: 420px) {
	
	 #mainimgContent{ min-height:600px; }
 }
   


#mainimgContent_in{
	
	margin: 0px 0;
   	position: absolute;
 	width:100%;
	height:100%;
	overflow: hidden;
	 
}

.mainContainer{
	
	padding-top:0px;
	position:relative;
	width:100%;
 	margin:0 auto;
	background:#000;
}

.mainContainer_in{
 	width:100%;
	overflow:hidden;
}

	 
  

/**/

  .main h2{
	
	text-align:center;
	font-size:55px;
	letter-spacing:-1px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:30px;
	

}
 .main h2.proti{
	font-size:60px;
	font-family:"GmarketSans",sans-serif;
 }

.main h2 span{
	display:block;
}
  .main h3{
	text-align:center;
	font-size:30px;
	letter-spacing:-1px;

  }

  .main h4{
	text-align:center;
	font-size:23px;
	letter-spacing:-1px;

  }


@media(max-width:1000px){
	

	.main h2{font-size:40px;}
	.main h2.proti{font-size:45px;}
	.main h3{font-size:30px;}
	.main h4{font-size:20px;}

 
 }
 
@media(max-width:780px){
	

	.main h2{font-size:35px;}
	.main h2.proti{font-size:40px;}
	.main h3{font-size:25px;}
 
 }

 @media(max-width:640px){
	

	.main h2{ font-size:25px; }
	.main h2.proti{font-size:30px;}
	.main h3{font-size:21px;}
	.main h4{font-size:18px;}

	 
	 
 }

  @media(max-width:480px){

	.main h2 span{display:inline}
	.main h3{font-size:18px;}
	.main h4{font-size:15px;}
	 
 }


 
 


 
/*proarea link*/
.proarea{
	
	clear:both;
	background:#fff;
	padding:50px 0 60px 0;
	margin-top:0px;
	overflow:hidden;
	
}
 
.proarea h2{
	color:#000;
	position:relative;
	z-index:3;
	}
 
 
.proarea .proSliderB{
	
 	padding:0px 10px;
	position:relative;
	 
	margin:0 auto;
	z-index:3;
	
	 
	}
.proarea .proSliderB:after{
	
	 clear:both;
	 content:'';
	 display:block;
	 height:50px;
	}
.proarea .inboxB{
	
	
	position:relative;
 
	width:33.333%;
	float:left;
	  
 
	
	 
	
	
}
.proarea .inboxB a{
	
	display:block;
	padding:20px 0 0 0;
	margin: 0 auto;
	text-align:center;
	position:relative;
	width:98%;
	
	background:#e4e4e4; 
	overflow:hidden;
	 
	
}
 
 
 
.proarea .inboxB .imgare_box{
 	 margin:0px auto;
 
	
	}
 

.proarea .inboxB .infotxt{
		position:relative;
		z-index:2;
}
.proarea .inboxB .txtA{
	
	font-size:30px;
	text-align:center;
	line-height:1.2;
	padding:20px  0px 0  0px;
	color:#000;
	min-height:70px;
	font-family:"GmarketSans",sans-serif;
	
	}
	
 
 
 

 .proarea .inboxB .moreicon{
	display:block;
	font-size:0;
	text-indent:-9999px;
	width:100%;
	height:25px;
	background:url(../image/arrow.png) no-repeat center 10px;
	}


@media(max-width:1200px){
	 
	.proarea .inboxB .txtA{font-size:25px;}


}

 
 
@media(max-width:1000px){
	.proarea .inboxB .txtA{font-size:20px;}
	 
}

@media(max-width:640px){
	.proarea .inboxB .txtA{font-size:17px;}
	 
}

@media(max-width:480px){
	 .proarea .inboxB{width:100%;margin-bottom:10px;}
	 .proarea .inboxB .txtA{min-height:30px;}
	 
}
 
 



/*quick*/

.quickare{
	background: url(../image/back_quick0.jpg) no-repeat center center;
	padding:50px 0 120px 0;
}
 .quickbox{
	margin-top:40px;
	background:rgba(13,93,164,.8);
	border-radius:20px 0 20px 0;
	padding:30px 10px;
}
.quickbox:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	 
}
.quickare h2{color:#fff;text-shadow:  0px 0px 6px #000;}

.quickbox_in{
	width:31%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	position:relative;
	overflow:hidden;
	
	
	}
.quickbox_in:before{
	display:block;
	content:' ';
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	background:rgba(255,255,255,.3);
}
.quickbox_in.first:before{background:none;}
.quickbox_in .imgare{
	 position:relative;
	margin-bottom:30px;
	text-align:center;
	 
	
}
.quickbox_in .imgare img{
	max-width:100%;
	 
}
 
.quickbox_in h3{
	color:#fff;
	font-size:24px;
	line-height:1.3;
	margin-top:20px;
	text-align:center;
	font-weight:400;
	letter-spacing:-1px;
}

.quickbox_in .infotxt{
	color:#9ba1b2;
	font-size:16px;
	line-height:1.3;
	margin:10px auto;
	text-align:center;
	max-width:250px;
	padding: 0 5px 0 5px;
	
}


 @media(max-width:1000px){
		.quickbox_in h3{
			font-size:21px;
		}

		.quickbox_in .imgare {
				width:50%;
				margin: 0 auto 20px auto
		}

 }

  @media(max-width:780px){
		.quickbox_in h3{
			font-size:19px;
		}

 }

  @media(max-width:640px){
		.quickare{background: url(../image/back_quick0.jpg) no-repeat center 0;padding:10px 0 60px 0;}
		.quickbox_in{width:98%;}
		.quickbox_in:before{width:100%;height:1px;top:auto;bottom:0; }
		.quickbox_in.first:before{background:rgba(255,255,255,.3);}
		.quickbox_in.last:before{background:none;}
		.quickbox_in .imgare{width:30%;display:inline-block;margin-right:0;}
		.quickbox_in .txtbox{width:68%;display:inline-block;}

		 
		.quickbox_in h3{
			font-size:20px;
			text-align:left;
		}
		.quickbox_in .infotxt{
			font-size:14px;
			max-width:100%;
			text-align:left;
			
		}
		.quickbox_in.last .imgare{padding-top:20px;}

 }

  @media(max-width:420px){
		
 
		 
		.quickbox_in .imgare{
			float:left;
			width:26%;
			margin: 0 2%;
		}
		.quickbox_in .txtbox{
			width:68%;
			margin-left:2%;
			float:left;
		}
		.quickbox_in h3{
			 
			margin-top:10px;
		}
	 

  }
 



.workarea{
	background: url(../image/back_quick1.jpg) no-repeat center center;
	padding:50px 0 50px 0;
}  
.workarea .ttitinfo{
	width:20%;
	 position:absolute;
	
}
.workarea .ttitinfo h2{
	color:#000;
	letter-spacing:-1px;
	 
	 
	text-align:center;

}
.workarea .ttitinfo .txt_dec{
	color:#333;
}
.photogalllery{
 width:100%;
 
 position:relative;
}
 


 .listboxB{
	 
	padding-left:20%;
 }

.gallbox{
	float:left;
}
 

 .gallbox a{
	display:block;
	width:95%;
	margin:0 auto 10px auto;
	position:relative;
	background:#fff;	 
	padding:15px;
	box-shadow:2px 5px 5px 0px rgba(0, 0, 0, 0.15);
 }
 

.gallbox .photoarea img{width:100%;border:1px solid #ccc;}
.gallbox h4{
	padding:15px 0 5px 0;
	text-align:center;
	line-height:1.3;
	color:#333;
	
	 
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;

}
 
 .gallbox .work_dec{
	
	text-align:center;
	padding-left:20px;
	color:#7f7f7f;
 }
 

@media(max-width:1000px){
	.workarea .ttitinfo{width:100%;position:relative;}
	.listboxB{padding-left:0%;}

}

 

.customerlist{
	background: #d5f3fe;
	padding:50px 0 60px 0;
}
 .customerlist_wrap{
	 max-width:1000px;
	 margin:0 auto;
	 position:relative;
}
.customerlist_wrap:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	 
}
.customerlist_box{
	margin:40px 1%;
	
	padding:30px 20px;
	width:31.333%;
	float:left;
	
}
.customerlist_box a{
	display:block;
	margin:0 auto;
	max-width:300px;
	position:relative;
	background:rgba(3,167,238,1);
	box-shadow:2px 5px 5px 0px rgba(0, 0, 0, 0.15);
}
.customerlist_box h3{text-align:center;color:#fff;padding:15px 0 20px 0;}
.customerlist_box h3:after{
	display:block;
	content:'';
	position:relative;
	background: #fff;
	height:2px;
	margin:10px auto;
	width:90%;
}

.customerlist_box .dec_txt{
		padding: 5px;
		color:#fff;
		min-height:60px;
		text-align:center;
		line-height:1.1;
}

.customerlist_box .imgarea{
	max-width:100%;
	text-align:center;
	padding:10px;
}


@media(max-width:780px){

	.customerlist{padding:30px 0 30px 0;}
	.customerlist_box{padding:10px 10px;}
	.customerlist_box h3{padding:0px 0 10px 0;}

	.customerlist_box .dec_txt{padding: 0px;}
}
@media(max-width:640px){
	.customerlist_box{width:98%;margin:10px auto;}
	.customerlist_box a{max-width:300px;margin:0 auto;}
}