@charset "utf-8";
 
   
 .main_wrap{
	
		
		width:95%;
		margin:0 auto;
		position:relative;
		
	
}

    
 .wide_wrap{
	
		
		width:100%;
		margin:0 auto;
		position:relative;
		padding:0 0;
		
	
}
  
  /*mainimg slider/*/

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


  
   
   


#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{
	
 	font-size:350%;
	letter-spacing:-1px;
	font-weight:700;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	 
	 
	

}
.main h2 span{display:block;}
.main h2 strong{ font-weight:800;display:block;}

.main h3{
 	font-size:250%;
	letter-spacing:-1px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.main h4{
	 
	font-size:170%;
	letter-spacing:-1px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}

.ttitinfo .txt_dec span{
	display:block;
}
.ttitinfo .txt_dec{
	font-size:250%;
	line-height:1.2;
}
 
 
 @media(max-width:1000px){
	
	  #mainimgContent{
		min-height:600px;
		height:600px;
	  }
	.main h2{
		font-size:300%;
	}
	.main h3{
		font-size:200%;
	}
	.main h4{
		font-size:150%;
	}
	.ttitinfo .txt_dec{
		font-size:200%;
		 
	}
}

 @media(max-width:780px){
	.main h2{
		font-size:280%;
	}
	.main span.ttile{
		font-size:17px;

	}
	.main h3{
		font-size:180%;
	}
	.main h4{
		font-size:140%;
	}
		.ttitinfo .txt_dec{
		font-size:180%;
		 
	}
}

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

	.main h2{
	font-size:250%;
	}

	.main h3{
		font-size:170%;
	}

	.main h4{
		font-size:120%;
	}
	.ttitinfo .txt_dec span{
	display:inline;
}
		.ttitinfo .txt_dec{
		font-size:150%;
		 
	}
	
}

 
 /**/

 
 
.businessarea{
	background:#fff;
}
.businessarea .ttitinfo{
		padding:50px 0;
}

.businessarea .ttitinfo b{
	display:block;
	color:#0e3d83;
	margin:0 auto;
	text-align:center;
	position:relative;

}
.businessarea .ttitinfo h2{
	color:#000;
	display:inline-block;
	letter-spacing:-3px;
	margin-right:60px;
}
.businessarea .ttitinfo .txt_dec{
	display:block;
	max-width:600px;
	letter-spacing:-2px;
	margin:0 auto;
	text-align:center;
	position:relative;

}

 

.productlist{
	position:relative;
}
.productlist:after{
	 clear:both;
	content:'';
	display:block;
	position:relative;
}
.productlist .prod_box{
	width:25%;
	float:left;
	margin-bottom:20px;
}
.productlist .prod_box a{
	display:block;
	width:97%;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

.productlist .prod_box .imgarea{
	 position:relative;
	 z-index:1;
	 
	 width:100%;
	 -webkit-transition: .3s; 
	transition:.3s;

}
.productlist .prod_box a:hover .imgarea{
	  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s; 
	transition:.3s;
}

.productlist .prod_box .txtarea{
	 position:absolute;
	bottom:0;
	padding:10px 2px;
	text-align:center;
	width:100%;
	z-index:2;
	

}
.productlist .prod_box:nth-child(1) .txtarea{
	background:rgba(0,89,166,.8);
}
.productlist .prod_box:nth-child(2) .txtarea{
	background:rgba(4,88,58,.8);
}
.productlist .prod_box:nth-child(3) .txtarea{
	background:rgba(0,89,166,.8);
}
.productlist .prod_box:nth-child(4) .txtarea{
	background:rgba(4,88,58,.8);
}
.productlist .prod_box .txtarea h4{
	 color:#fff;
	position:relative;
	margin:0 auto;
	text-align:center;
}
.productlist .prod_box .txtarea .linka{
	height:0;
	width:150px;
	margin:0px auto;
	overflow:hidden;
	-webkit-transition: .3s; 
	transition:.3s;
}

.productlist .prod_box a:hover .txtarea .linka{
	height:auto;
	margin:10px auto;
	background:#fff;
	width:150px;
	padding:4px 4px 4px 20px;
	position:relative;
	text-align:left;
	-webkit-transition: .3s; 
	transition:.3s;
	 
}
.productlist .prod_box .txtarea .linka i{
	 
}
.productlist .prod_box a:hover .txtarea .linka i:after{
	content: "\f105";
	display:block;
	position:absolute;
	top:3px;
	right:10px;
	width:30px;
	height:50px;
	font-family: FontAwesome;
	font-style:normal;
	font-size:25px;
	line-height:1.1;
	text-align:right;

}
.productlist .prod_box a:hover .txtarea .linka i:before{
	content: "";
	display:block;
	position:absolute;
	top:16px;
	right:10px;
	width:15px;
	height:2px;
	background:#333;
	

}



@media(max-width:1000px){
  .productlist .prod_box{
		width:50%;
		 
	}



 }

@media(max-width:640px){

		.productlist .prod_box .txtarea{
			 
			padding:0px 2px 10px 0;
			 

		}

}



/*quick*/

.quickarea{
	margin-top:90px;
}

.quickbox{
	position:relative;
	padding:0px;
}

.quickbox .quickbox_in{
	padding:60px 5px;
}

.quickbox .bgA{
	background: url(../image/bg_quick01.jpg) no-repeat center center;
	background-size:cover;
}
.quickbox .bgB{
	background: url(../image/bg_quick02.jpg) no-repeat center center;
	background-size:cover;
}
.quickbox .bgC{
	background: url(../image/bg_quick03.jpg) no-repeat center center;
	background-size:cover;
}

.quickbox .whiteanit{
	 
	position:absolute;
	 
}

.quickarea .ttitinfo{
	margin-left:60%;
	width:40%;

}

.quickarea .bgB .ttitinfo{
	margin-left:10%;
}
.quickarea .ttitinfo b{
	display:block;
	color:#38be3e;
	margin-bottom:20px;
}

.quickarea .ttitinfo .txt_dec{
	color:#fff;
}
.quickarea .ttitinfo .txt_dec span{
	font-size:65%;
	letter-spacing:-2px;
}


.quickbox .btn_link{
	display:block;
	margin:30px 0 0 0 ;
	position:relative;
	width:200px;
	text-align:center;
	border: 1px solid #ccc;
	padding:10px;
	color:#fff;
}
.quickbox .btn_link i:after{
	content: "\f105";
	display:block;
	position:absolute;
	top:9px;
	right:0;
	width:30px;
	height:50px;
	font-family: FontAwesome;
	font-style:normal;
	font-size:25px;
	line-height:1.1;

}
.quickbox .btn_link i:before{
	content: "";
	display:block;
	position:absolute;
	top:22px;
	right:13px;
	width:15px;
	height:2px;
	background:#fff;
	

}


.quickbox .btn_link:hover{
	background:#41b4b2;
	border: 1px solid #41b4b2;
}

@media(max-width:1000px){
	.quickarea .ttitinfo{
		margin-left:50%;
	}
 }

 @media(max-width:480px){
	.quickarea .ttitinfo{
		margin:0 auto;

		width:90%;
		max-width:400px;
		text-align:center;
	}
	.quickarea .bgB .ttitinfo{
		margin:0 auto;
	}
	.quickarea .ttitinfo b{
		margin-bottom:5px;
		text-align:center;
	}
	.quickarea .ttitinfo .txt_dec span{
		letter-spacing:0px;
		
	}
	.quickbox .btn_link{
		margin:10px auto 0 auto ;
		padding:5px;
		width:180px;
	}
	.quickbox .btn_link i:after{
		top:3px;
	}
	.quickbox .btn_link i:before{
		top:16px;
	}
 }