@charset "utf-8";
 
   
 .main_wrap{
 		width:90%;
		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:800px;
	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:70px;
	letter-spacing:-3px;
	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:240%;
	letter-spacing:-2px;
	font-weight:300;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.main h3 strong{
	 font-weight:800;
}
.main h4{
	 
	font-size:180%;
	letter-spacing:-1px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
 
  @media(max-width:1400px){
	 .main_wrap{
			width:98%;
	 }

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

	  #mainimgContent{
			min-height:600px;
	  }

	.main h2{
		font-size:40px;
		letter-spacing:-1px;
	}
	.main h3{
		font-size:210%;
	}
	.main h4{
		font-size:140%;
	}

	 
}

 @media(max-width:780px){
	.main h2{
		font-size:35px;
		letter-spacing:0px;
	}
	.main span.ttile{
		font-size:17px;

	}
	.main h3{
		font-size:190%;
	}
	.main h4{
		font-size:130%;
	}

 
}

@media(max-width:640px){
	.main h3{
		font-size:180%;
	}
	.main h4{
		font-size:120%;
	}
 
	
}

 /**/


 .ttitinfo{text-align:left;}
 .ttitinfo b{display:block;margin-bottom:5px;}
 .ttitinfo h3 span{display:block;}
 .ttitinfo .txt_dec{
	font-size:130%; 
	letter-spacing:-1px;
	display:block;
	max-width:800px;
 	text-align:center;
	margin:0 auto;
 }
   .english  .ttitinfo .txt_dec{letter-spacing:0px;}

 .ttitinfo .txt_dec strong{
	font-size:170%;
}
  .ttitinfo .txt_dec span{
	display:inline-block;
}

@media(max-width:1000px){
 .ttitinfo .txt_dec{
	font-size:110%;
  } 

   .ttitinfo .txt_dec strong{
		font-size:100%;
	}
}
 /**/

.more_linke{
	display:block;
 	position:relative;
 	text-align:left;
	width:150px; 
	padding-top:20px;
	line-height:1.5;
	 
 	 

}
.more_linke span.arrow{
	position:absolute;
  top:25px;
  display: block;
   width: 15px;
	right:15px;
   height: 13px;
   border-left: 1px solid #fff;
  z-index:2;
  
  transform: rotate(135deg);
}

 
.more_linke span.arrow:after {
	  content: "";
	  display: block;
	  width: 1px;
	  height: 40px;
	  background-color: #fff;
	  transform: rotate(-45deg) translate(13px, 5px);
	  left: 0;
	  top: 0;
}


.more_linke span.rectbox{
	position:absolute;
	width:40px;
	height:40px;
	 background:red;
	right:0px;
	top:10px;
	text-align:center;
	font-size:200%;
	line-height:1.2;

}
 


@media(max-width:640px){
	.more_linke{
	 
		padding-top:15px;
		width:140px; 

	}
	.more_linke span.rectbox{
			width:30px;
		height:30px;
		line-height:1.1;
	}
	.more_linke span.arrow{
		 top:20px;
	}

}
 

 /*pro*/
 
.productarea{
	background: url(/image/back_pro.jpg) no-repeat center 0;
	background-size:cover;
	margin:0 auto; 
	padding-bottom:80px;
}
.productarea .ttitinfo{
		padding:50px 0;
		 
}

.productarea .ttitinfo b{
	display:block;
	color:#1637b2;

}
.productarea .ttitinfo h3{
	 
}
.productarea .ttitinfo h3 strong{
	color:#1637b2;
 
	
}

.productarea h4{
	 
	margin: 0px 0  0px 20px;
	position:relative;
	text-align:center;
	border-radius:20px 0 0  20px;
	
	background:#1637b2;
	padding:5px 0;
	color:#fff;
	 


}
.productarea h4 span{font-size:80%;}
 

.accordion{ 
  max-width: 100%;
  height: 450px;
  display: flex;
  overflow: hidden;
  margin: 0px auto;
}

.tab{
 display:inline-block;
  position: relative;
  width: 20%;
  margin:0 0 1% 0;
  height: inherit;
  padding: 0px;
  color: #FFF;
  cursor: pointer;
  transition: width .8s ease;
    z-index:1;
 	 
}
.tab > a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.tab a:after{
clear:both;
	content:'';
	display:block;
	position:absolute;
    right:0;
	width:1px;
	height:100%;
	background:#ccc;
}


.infobox{
 position: absolute;
  z-index: 2;
  top: 0;
  left:0%;
  width:100%;
  height:100%;  
  
  
}
.infobox .p_info{
	display:none;
}


.productA.tab .infobox{
		background-image: url(/image/pro01.png);
		background-repeat:no-repeat;
		background-position: 80% bottom;
		 
		background-size:100%;
		background-color: rgba(255,255,255,0);
}
.productB.tab .infobox{
		background: url(/image/pro02.png) ;
		background-repeat:no-repeat;
		background-position: 80% bottom;
		background-size:100%;
		background-color: rgba(255,255,255,0);
}
.productC.tab .infobox{
		background: url(/image/pro03.png) ;
		background-repeat:no-repeat;
		background-position: 80% bottom;
		background-size:100%;
		background-color: rgba(255,255,255,0);
}
.productD.tab .infobox{
		background: url(/image/pro04.png);
		background-repeat:no-repeat;
		background-position: 80% bottom;
		background-size:100%;
		background-color: rgba(255,255,255,0);
}

.productE.tab .infobox{
		background: url(/image/pro05.png);
		background-repeat:no-repeat;
		background-position: 80% bottom;
		background-size:100%;
		background-color: rgba(255,255,255,0);
}

.infobox span{
	display:block;
	font-size:90%;
}
.tab:hover .infobox span{
	color:#fff;
}

.infobox h4{
	
	 
	

}

.infobox .busstxt{
  display:none;
  transition: all .8s ease;
  margin: 20px auto; 
  position:relative;
  opacity: 0;
   
}

.infobox .btn_link{
	display:none;
}

/* --- Hover Effects --- */


.tab:hover{
  width: 25%;
  background: #fff;


}
.tab:hover a{
	border:3px solid #1637b2;
}

.tab:hover .infobox{
  transition: all .8s ease;
   padding-top:8%;
    
    
}

.tab:hover .infobox .p_info{
	display:block;
	padding:10px 20px;
	 -webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		background:rgba(255,255,255,.1);
}


.productA.tab:hover .infobox{
		background-image: url(/image/pro01_on.png);
		background-repeat:no-repeat;
		background-position: center bottom;
		background-size:70%;
		background-color: rgba(0,0,0,.0);
}
.productB.tab:hover .infobox{
		background: url(/image/pro02_on.png);
		background-repeat:no-repeat;
		background-position: center bottom;
		background-size:90%;
		background-color: rgba(0,0,0,.0);
}
.productC.tab:hover .infobox{
		background: url(/image/pro03_on.png);
		background-repeat:no-repeat;
		background-position: center bottom;
		background-size:90%;
		background-color: rgba(0,0,0,.0);
}
.productD.tab:hover .infobox{
		background: url(/image/pro04_on.png);
		background-repeat:no-repeat;
		background-position: center bottom;
		background-size:70%;
		background-color: rgba(0,0,0,.0);
}

.productE.tab:hover .infobox{
		background: url(/image/pro05_on.png);
		background-repeat:no-repeat;
		background-position: center bottom;
		background-size:70%;
		background-color: rgba(0,0,0,.0);
}
 
.tab:hover .infobox h4{
	background:#ed1c24;
	
	margin-top:0;
	
}


.tab:hover .infobox .busstxt{
	display:block;
	opacity: 1;
	 transition: all .8s ease;
	 max-width:350px;
	 font-size:130%;
	 letter-spacing:-2px;
	 text-align:center;
 }
   .english  .tab:hover .infobox .busstx{letter-spacing:0px;}


.tab:hover .infobox .btn_link{
	display:block;
	margin:50px auto 0 auto ;
	position:relative;
	width:150px;
	text-align:center;
	border: 1px solid #ccc;
	padding:10px;
	color:#fff;
}
.tab:hover .infobox .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;

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

}


.tab:hover .infobox .btn_link:hover{
	background:#000;
	border: 1px solid #41b4b2;
}

@media(max-width:1200px){
	.accordion{ 
		height: 400px;
	}

}
 

 @media(max-width:1000px){
	 
	 
	.accordion{ 
 	   position: relative;
	  width:100%;
	  height: 100%;
	  display: block;
	   
	}
	.accordion:after{
		clear:both;
		content:'';
		display:block;
	}

	.tab{
 	  width: 33.333%;
	  height:350px;
	  position: relative;
	  display:block;
	  float:left;
	  overflow:hidden;
 	}
	.tab:hover{
	  width: 33.333%;
	}
	 
 

 
	.tab:hover .infobox .busstxt{
	   display:block;
	  width:95%;	
	  margin: 10px auto;
	   opacity: 1;
	   max-width:350px;
	 font-size:100%;
	 letter-spacing:-1px;
	 text-align:center;
	
	  
	}
	   .english  .tab:hover .infobox .busstxt{letter-spacing:0px;}

	.infobox .busstxt ul{
		 position: relative;
		 width:100%;
		  
	}
	.infobox .busstxt ul li {
		display:block;
		float:left;
		width:48%;
		margin:1%;
		letter-spacing:-1px;
		
	}
	.english  .infobox .busstxt ul li{letter-spacing:0px;}

	
.tab:hover .infobox .btn_link{
		padding:5px;
		width:130px;
		text-align:left;
		padding-left:15px;
}
.tab:hover .infobox .btn_link i:after{
	top:2px;
	text-align:right;
	right:13px;
}
.tab:hover .infobox .btn_link i:before{
	top:15px;
	text-align:right;
}


}

 

 @media(max-width:420px){

 .tab{
 	  width: 100%;
	  height:300px;
	 
 	}
	.tab:hover{
	  width: 100%;
	}

	.infobox .busstxt ul li.l_txt{
				letter-spacing:-2px;
 
	}
		.english  .infobox .busstxt ul li.l_txt{letter-spacing:0px;}


}



/**/
.plant{
	padding: 80px 0 80px 0;
	position:relative;
	background: url(/image/back_pro2.jpg) no-repeat center bottom;
	background-size:cover;
}
 .plant .ttitinfo b{color:#fff;}
.plant .ttitinfo h3 span{display:block;color:#fff;}

.plant .photogalllery{
	 width:100%; 
	 padding:0px;
	 margin-top:30px;
  
}
 


 .plant .listboxA:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	height:10px;
	 
 }

.plant .gallbox{
	 padding:30px;
	 margin:30px;
	 
		-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
		background:rgba(0,0,0,.1);

}

 
 .plant .gallbox a{
	 display:block;
	 width:100%;
	 position:relative;
	 border:1px solid rgba(255,255,255,.4);
	 padding:30px;
 }
  .plant .gallbox a:hover{
	 border:1px solid rgba(255,255,255,1);
  }
  .plant .gallbox a:after{
		clear:both;
	content:'';
	display:block;
	position:relative;
  }
  

   
.plant .gallbox .photoarea{
	z-index:1;
	position:relative;
	
	float:right;
	width:60%;
}
 


.plant .gallbox .photoarea a{
	display:block;
	
	background: rgba(0,0,0,0);
	-webkit-transition: .2s; 
	transition:.2s;

}
.plant .gallbox:hover .photoarea a{

	background: rgba(0,0,0,0);
	-webkit-transition: .2s; 
	transition:.2s;
	
}
.plant .gallbox .photoarea span{
	display:block; 
	width:100%;
}
.plant .gallbox .photoarea img{
	max-width:100%;
	 display:block;
	 margin:0 auto;
	 position:relative;
	 -webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
	-ms-transition:all 0.8s;
	transition:all 0.8s; 
}
 
.plant .gallbox .photoarea:hover img{
	-webkit-transform:scale(1.2); 
	-moz-transform:scale(1.2); 
	transform:scale(1.2);
}

.plant .gallbox .txtarea{
 	margin-top:0px;
	padding:10px 10px;
	float:left;
	width:40%;
	

}

.plant .gallbox .txtarea h4{
 	color:#fff; 
	letter-spacing:0;
	margin-bottom:30px;
}
.plant .gallbox .txtarea h4 span{
	font-weight:100;
}
.plant .gallbox .txtarea .infot{
 	color:#fff; 
	opacity:.8;
}

.plant .gallbox:hover .txtarea .infot{
 	opacity:1;
}


 @media  (max-width: 1000px) {

			.plant .gallbox .photoarea{
				float:none;
				width:100%;
			}
			.plant .gallbox .txtarea{
				float:none;
				width:100%;
			}
 }

/**/


.news{
	padding: 50px 0 0 0;
	position:relative;
}
 
.news .ttitinfo b{color:#0b50f2}
.news .photogalllery{
	 width:100%; 
	 padding:0px;
	 margin-top:30px;
  
}
 


 .news .listboxB:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
	height:10px;
	 
 }

.news .gallbox{
	float:left; 
	margin:30px 15px;
}
 

.news  .gallbox a{
	 
 }
  

   
.news .gallbox .photoarea{
	z-index:1;
	position:relative;
	overflow:hidden;
}
 


.news .gallbox .photoarea a{
	display:block;
	
	background: rgba(0,0,0,0);
	-webkit-transition: .2s; 
	transition:.2s;

}
.news .gallbox:hover .photoarea a{

	background: rgba(0,0,0,0);
	-webkit-transition: .2s; 
	transition:.2s;
	
}
.news .gallbox .photoarea span{
	display:block;
	 
	width:100%;
}
.news .gallbox .photoarea img{
	max-width:100%;
	 display:block;
	 margin:0 auto;
	 position:relative;
	 -webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
	-ms-transition:all 0.8s;
	transition:all 0.8s; 
}
 
.news .gallbox .photoarea a:hover img{
	-webkit-transform:scale(1.2); 
	-moz-transform:scale(1.2); 
	transform:scale(1.2);
}

.news .gallbox .txtarea{
 	margin-top:0px;
	padding:10px 10px;
	

}
.news  .gallbox .txtarea h4 span{
	 
	font-size:80%;

}


/**/
.aboutsus{
	padding: 120px 0 120px 0;
	position:relative;
	background: url(/image/back_com.jpg) no-repeat center top;
	background-size:cover;
}

.aboutsus .ttitinfo b{
	color:#fff;
}

.aboutsus .ttitinfo h3{
	color:#fff;
	
}
.aboutsus .ttitinfo h3 span{
	font-size:130%;
}

.aboutsus .ttitinfo .text_desc{
	color:#fff;
	max-width:400px;
	margin-top:30px;
}


.main_linkareabox{
	margin: 80px 0;
	font-size:0;
	 
}
.main_linkareabox .linkbox{
	display:inline-block;
	width:31.333%;
	margin:1%;
	max-width:200px;
	overflow:hidden;
}
.main_linkareabox .linkbox a{
	position:relative;
	width:98%;
	display:block;
	border-radius:10px;
	-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);
 	background: rgba(255,255,255,.1);
	color:#fff;
	padding:80px 20px 20px 20px;
	text-align:center;
	border: 2px solid rgba(255,255,255,.0);
	font-size:17px;


}
.main_linkareabox .linkbox a:hover{
		border: 2px solid rgba(255,255,255,.5);
}
.main_linkareabox .linkbox a:after{
	content:'';
	display:block;
	position:absolute;
	left:50%;
	
	top:5px;
	width:70px;
	height:70px;
	margin-left:-35px;

	 
}

.main_linkareabox .linkbox.iconA a:after{
	 
	background:url(/image/iconA.png) no-repeat center center;
	background-size:100%;
}
.main_linkareabox .linkbox.iconB a:after{
	 
	background:url(/image/iconB.png) no-repeat center center;
	background-size:100%;
}
.main_linkareabox .linkbox.iconC a:after{
	 
	background:url(/image/iconC.png) no-repeat center center;
	background-size:100%;
}