@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%;
	
	overflow:hidden;
	height:680px;
	background:#fff;
	z-index:1;
	 
}

 
   
   


#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:55px;
	letter-spacing:-1px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	 
	 
	

}
.main h2 span{display:block;}
.main h2 strong{font-size:110%; font-weight:900;display:block;}

.main h3{
 	font-size:230%;
	letter-spacing:-2px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.main h4{
	 
	font-size:200%;
	letter-spacing:-2px;
	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{
		height:650px;
	  }
	.main h2{
		font-size:40px;
		letter-spacing:-1px;
	}
	.main h3{
		font-size:190%;
	}
	.main h4{
		font-size:150%;
	}

	 
}

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

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

 
}

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


/**/
 .ttitinfo{
	padding: 0;

 }
 .ttitinfo .txt_dec{
 	 padding: 40px auto 30px auto;
	 position:relative;
	 text-align:center;
 
 }
  .ttitinfo .txt_dec span{
	font-size:120%;
  }

 

.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;
	}

}



/**/
.mainproarea{				 
		
		position:relative;
		padding:50px 0;
		background-image: linear-gradient(90deg,  #cadfef,#e8f1f8);

 
}


.productlist{ 
	display:flex;
	justify-content: space-between; 
	text-align:center;
	position:relative; 
	font-size:0;
	margin-top:70px;
	margin-bottom:70px;
}

.productlist .p_mainbox{
	width:33.333%; 
	margin-bottom:30px;
	 text-align:left;
}
 
.productlist.productlistB .p_mainbox{
	width:20%;

	 
}

.productlist .p_mainbox a{
	display:block;

	background:#fff;/*f7f7f7*/
	border-radius:10px;
	overflow:hidden;
	padding:0px;
	position:relative; 
	margin:0 auto;
	width:94%;
		-webkit-transition: .2s; 
	transition:.4s;
	box-shadow: var(--shadow-large);

}
.productlist .p_mainbox a:hover{
	
	background:#026eb7;
		-webkit-transition: .2s; 
	transition:.4s;

}

.productlist .p_mainbox .txtarea{
	-webkit-transition: .2s; 
	transition:.4s;
	min-height:170px;
	padding:20px 20px 10px 20px;

}
 
.productlist .p_mainbox.over a  .txtarea{
color:#fff;
	-webkit-transition: .2s; 
	transition:.4s;
	background:#026eb7;
}
.productlist .p_mainbox a:hover  .txtarea{
	color:#fff;
	-webkit-transition: .2s; 
	transition:.4s;
 }
.productlist .p_mainbox .txtarea .model_info{
		font-size:20px;
		line-height:1.2;
}

.productlist .p_mainbox .txtarea .modelno{
		font-size:34px;
		line-height:1.1;
		font-weight:600;		
		font-family:'Montserrat', sans-serif;
		letter-spacing:-1px;
		color:var(--t_majorcolorBlue);
}
.productlist .p_mainbox.over a .txtarea .modelno,
.productlist .p_mainbox a:hover .txtarea .modelno{
	color:#fff;
}
.productlist .p_mainbox .txtarea .modelno span{
 
	display:inline-block;
	 
}
.productlist .p_mainbox .txtarea .modelno span.stxt{
	 
	font-weight:300;
 
	 
	
}
.productlist .p_mainbox .txtarea .moreicon{
		
		font-size:14px;
		line-height:1.2;
		margin-top:30px;
		background: rgba(2,110,183,.8);
		border: 1px solid #fff;
		border-radius:30px;
		width:120px;
		padding:5px;
		text-align:left;
		padding-left:17px;
		color:#fff;
		position:relative;
}
.productlist .p_mainbox.over a  .txtarea .moreicon,
.productlist .p_mainbox a:hover  .txtarea .moreicon{
		background: rgba(255,255,255,0);
		 
}


.productlist .p_mainbox .txtarea .moreicon i{
	 
}
.productlist .p_mainbox .txtarea .moreicon i:after{
	content: "\f105";
	display:block;
	position:absolute;
	top:2px;
	right:10px;
	width:30px;
	height:30px;
	font-family: FontAwesome;
	font-style:normal;
	font-size:20px;
	line-height:1;
	text-align:right;
	color:#fff;

}
.productlist .p_mainbox .txtarea .moreicon i:before{
	content: "";
	display:block;
	position:absolute;
	top:11px;
	right:11px;
	width:15px;
	height:2px;
	background:#fff; 
}

.productlist .p_mainbox .imgarea{
	margin-top:0px;
	padding:10px 0px;
}
@media(max-width:1400px){
	.productlist .p_mainbox .txtarea .modelno{
		font-size:25px;
	}
}


@media all and  (max-width:1000px){
	 .promenu{
		display:none;
	 }
	 .productlist{  
		margin-top:20px;
		flex-wrap:wrap;
	}
	.productlist .p_mainbox{
		width:50%; 
	}
	.productlist.productlistB .p_mainbox{
		width:50%;
 	}

	.productlist .p_mainbox .txtarea{
 
			min-height:130px;
			 

		}
 
	.productlist .p_mainbox .txtarea .moreicon{
		margin-top:10px;
	}
}

@media all and  (max-width:640px){
 


}


@media all and  (max-width:480px){
	.productlist .p_mainbox{
		width:100%; 
	}
	
	 
}
@media all and  (max-width:420px){
	 
	.productlist.productlistB .p_mainbox{
		width:100%;
 	}
	.productlist .p_mainbox .txtarea{
 
			min-height:10px;
			 

		}

}


/**/

.mainvideo{				 
		
		position:relative;
		padding:50px 0;
		background: #fff;

 
}
.mainvideo .contents_list{
	position:relative;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	font-size:0;
}

.mainvideo .contents_list .contents_box{
	position:relative; 
	width:25%; 
	vertical-align:top;
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:30px;
}
.mainvideo .contents_box  a {
	display:block;
	width:96%;
	margin:0 auto;
	position:relative;
}
.mainvideo .contents_box  a .imgarea{width:100%;background-color:#000; position: relative; top: 0; left: 0%; overflow:hidden; z-index:1; }
.mainvideo .contents_box  a .imgarea img{opacity:0.9;filter:Alpha(opacity=0.9);	max-width: 100%; width: 100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}


.mainvideo .contents_box a .imgarea div{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	visibility:hidden; 
	opacity:0;filter:Alpha(opacity=0);
 	z-index:1;  
	box-sizing:border-box; 
 }
.mainvideo .contents_box  a:hover .moreview{color:#000;background:#fff;}
.mainvideo .contents_box  a:hover .imgarea div{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
.mainvideo .contents_box  a:hover .imgarea img{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}


.mainvideo .contents_box .txtarea{
	position:absolute; 
	bottom:0px; 
	left:0;
	 
	z-index:2;  
	color:#fff;
	text-align:center;
	font-size:20px;
	width:100%;
	padding:80px 10px 10px 10px;
 background-image: linear-gradient(-180deg,   transparent, rgba(1,15,70,.1) 35%,    rgba(1,15,70,.8)  );


	/*background-image: linear-gradient(90deg,  #cadfef,#e8f1f8);*/
	
}

.mainvideo .contents_box .txtarea span{ 
	display:inline-block;
	position:relative;
	padding-left:35px;
}
.mainvideo .contents_box .txtarea span:before{ 
	display:block;
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:25px;
	height:25px;
	background: url('/image/icon_mov.png')  no-repeat center center;
	background-size:100%;
	 
}
@media(max-width:1000px){

		.mainvideo .contents_list .contents_box{
 			width:50%;
 		}
}

@media(max-width:780px){

		.mainvideo .contents_list .contents_box{
 			width:100%;
 		}
}
/**/


.modalPop-box{
  position:relative;
  top:0;
  z-index:9999999;
}
.modalPop-box.active{
  background: rgba(0,0,0,0.5);
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
}
.modalPop-box, .modalPop-box_in{
		-webkit-transition: opacity 0.5s ease 0.5s;
		-moz-transition: opacity 0.5s ease 0.5s;
		-o-transition: opacity 0.5s ease 0.5s;
		-ms-transition: opacity 0.5s ease 0.5s;
		transition: opacity 0.5s ease 0.5s;
	}

 
 .modalPop-box_in{
		width:85%;
		max-width:800px;
		position:relative;
		 
		margin:90px auto 0 auto;
		background:#fff;
		 
		 
	}

	.modalPop-close{
		position:absolute;
		right:0px;
		padding:5px;
		bottom:-34px;
		z-index:99999;
		background:#fff;

	}

	.modalPop_content{
		padding:10px;
	}
 

	.modalPop_content_in #local_name{
		text-align:center;
		font-weight:500;
		font-size:35px;
		display:block;
		padding:30px;
		 
	}

	.modalPop_content_in #mapaddress{
		text-align:center;
		font-weight:500;
		font-size:18px;
		display:block;
		padding:10px;
		 
	}



 .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.youtubearea{position:relative; height:100%;padding-top:0px;height:0;overflow:hidden;} 
.youtubearea iframe,
.youtubearea object,
.youtubearea embed,
.youtubearea video{
position:absolute;top:0;left:0;width:100%;height:100%;} 

 .youtubearea.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.youtubearea.embed-responsive-4by3 {
  padding-bottom: 75%;
}
@media(max-width:1600px){
	 .videoara{
		 
		opacity:1;
		background: url(../image/back2.png) no-repeat -100px 0;
		background-size:cover;
		 
	 }
	 .videoara .infobox{
		width:65%;
	margin-left:35%;
	 }

 }




/**/
.quickline{				 
		
		position:relative;
		padding:80px 0;
 

		background-image: linear-gradient(179.99deg, #F6F5F9 0.01%, rgba(246, 245, 249, 0) 35.73%, rgba(248, 247, 250, 0) 56.79%, #F6F5F9 99.99%), 
		radial-gradient(18.85% 33.09% at 1.11% 1.65%, rgba(177, 250, 255, 0.6) 0%, rgba(177, 250, 255, 0) 100%), 
		radial-gradient(42.87% 75.24% at 1.11% 1.65%, rgba(177, 255, 239, 0.6) 52.29%, rgba(177, 255, 239, 0) 100%),
		radial-gradient(70.65% 123.98% at 0% 0.09%, rgba(210,233,254, 0.6) 0%, rgba(210,233,254, 0.6) 64.3%, rgba(210,233,254, 0) 100%), 
		radial-gradient(161.93% 271.84% at -17.34% -12.47%, rgba(156,193,220, 0.6) 77.39%, rgba(156,193,220, 0) 100%), 
		radial-gradient(109.04% 186.85% at 1.11% 1.65%, rgba(156,193,220, 0.6) 0%, rgba(156,193,220, 0) 100%), 
		linear-gradient(101.57deg, rgba(156,193,220, 0.5) -28.13%, rgba(113, 50, 245, 0.5) 107.8%, rgba(135, 113, 190, 0.5) 133.39%);
}



.quickline .contents_list{
	position:relative;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	font-size:0;
}

.quickline .contents_list .contents_box{
	position:relative;
	
	width:33.333%;
	
	vertical-align:top;
	display:inline-block;
	padding:0;
	margin:0;
	margin-bottom:30px;
}
.quickline .contents_box  a {
	display:block;
	border-radius:10px;
	overflow:hidden;
	width:97%;
	margin:0 auto;
	position:relative;
	background: rgba(1,15,70,1);
	padding-bottom:100px;
}
.quickline .contents_box  a .imgarea{width:100%;background-color:#000; position: relative; top: 0; left: 0%; overflow:hidden; z-index:1; }
.quickline .contents_box  a .imgarea img{opacity:0.9;filter:Alpha(opacity=0.9);	max-width: 100%; width: 100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}


.quickline .contents_box a .imgarea div{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	visibility:hidden; 
	opacity:0;filter:Alpha(opacity=0);
 	z-index:1;  
	box-sizing:border-box; 
 }
.quickline .contents_box  a:hover .moreview{color:#000;background:#fff;}
.quickline .contents_box  a:hover .imgarea div{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
.quickline .contents_box  a:hover .imgarea img{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}


.quickline .contents_box .txtarea{
	position:absolute; 
	 bottom:10px;
	z-index:2;  
	color:#fff;
	text-align:center;
	font-size:20px;
	width:100%;
	padding:80px 10px 10px 10px;
 background-image: linear-gradient(-180deg,   transparent, rgba(1,15,70,1)40%,    rgba(1,15,70,1)  );
 	
}

.quickline .contents_box .txtarea span{ 
	display: inline-block;
	position:relative;
	margin: 0 auto 20px auto;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	font-weight:600;
	
 
}

 .quickline .contents_box .txtarea .infotxt{
		font-size:80%;
		margin:0 auto;
		max-width:300px;
		min-height:90px;
		opacity:.8;
		padding-bottom:50px;
}
@media  (max-width: 1000px) {
	 .quickline{				 
 		padding:30px 0;

		}
	.quickline .contents_box .txtarea .infotxt{
		display:none;
	}

	.quickline .contents_box .txtarea span{ 
	 
	margin: 0 auto 10px auto;
	 
	
 
}

 }
 @media  (max-width: 640px) {
	.quickline .contents_list .contents_box{
		width:100%;
	}

	.quickline .contents_box  a {
		padding-bottom:10px;
	}
	 
 }