@charset "utf-8";
/*-----
products
-------*/
/*producttop*/
#products{ padding-top:4rem; padding-bottom:18rem;}
#products .wrap-flex{align-items: center;}
.nycom-title{ margin-left:1.2rem;}
.pro-left i{ font-size:1.8rem;}
#products .grid{ padding:1.4rem 15px; margin:0 15px; grid-template-columns:repeat(2,auto);justify-content: space-between; align-items: center; border-bottom:#ccc solid 1px;}
.pro-left span{color:var(--web-theme-color-blue); font-weight:600;}
.pro-right .wrap-flex-1{padding:15px 3rem; color:#333; border:#333 solid 1px; border-radius:10px; align-items: center;}
.pro-right span{ font-size:3rem; margin-left:1.4rem;}
.pro-right{ position:relative;  margin-right:2rem;}
.pro-right .wrap-flex-1:hover{ cursor:pointer;}
.pro-right .promenu{ position: absolute; left:0; top:100%; width:100%; background-color:#fff; padding-top:1.2rem; display:none; box-shadow: 0 0 20px rgba(80,80,80,.6);}
.promenu li{ border-bottom:#ccc dashed 1px; text-decoration:none;}
.pro-right .promenu li a{ padding-left:1.2rem; line-height:1.8em; text-decoration:none; color:#333; }
.pro-right .promenu li:hover{ background-color:var(--web-theme-color-blue);}
.pro-right .promenu li:hover a{color:#fff;}
/*producttitle*/
.pro-title{padding:2rem 15px;}
.pro-title h2{ padding-bottom:1.6rem;text-align:left;color:#333;}
/*productlist*/
#products p{line-height:1.8em;}
.pro-txt{ padding-top:4rem; padding-bottom:6rem; padding-left:15px;}
.pro-list{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(4,1fr);
  grid-gap:4rem;
  padding:4rem 15px;
  background-color:#F2F5F7;
}
#products .productsitem{
	 overflow:hidden;
	  text-decoration:none;
	  border-radius:10px ;
	  background-color:#fff;
	 
}
.productsitem:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
 .productsitem .caption{
   border-radius:0 0 0 10px ;
    background-color:var(--web-theme-color-blue);
	color:#fff;
	padding:2rem 0;
	font-size:2.6rem;
	font-weight:600;
	text-align:center;
	position:relative;
	z-index:5;
	border-top:none;
	text-decoration:none;
}
 .productsitem .caption span{ display:block;padding-top:1.2rem;font-size:1.6rem; color:#fff;}
.productsitem  img{ width:100%; overflow:hidden; transition: all .5s ease-in-out; }
.productsitem:hover img{
	transition:1s linear;
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
}
.productsitem:hover .caption{
	background-color:var(--web-theme-color);
}

/*Reset Paging*/
#products .thumbnail .caption:hover,#products .thumbnail .caption:hover span{color:var(--web-theme-color-blue);}
.pagination>li>span{
	color:#fff;
	background-color:var(--web-theme-color-blue);
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:var(--web-theme-color-blue);}
.pagination>li>a{
	color:#535353;
	background-color:#fff;
	border-color:#ddd;
}
/*-----
productdateil
-------*/
#product-details{ background-color:#fff;}
#product-details .grid{
	grid-template-columns:repeat(2,auto);
	justify-content:start;
	grid-column-gap:4rem;
	 padding-bottom:8rem;
}
.product-deatile-tiem img{ border-radius:20px;}
.proname{
	font-size:2rem;
	 color:#333;
	font-weight:normal;
	line-height:2em;
}
.proname strong{
	font-size:3.8rem;
	 color:#333;
	font-weight:800;
	text-align:left;
}
.proviewgs p{
	padding-top:15px;
	padding-bottom:20px;
	color:#757475;
	word-wrap: break-word;
    word-break: normal;
}	
.proviewgs h3{
	padding-top:10px;
	font-weight:600;
	color:#333;
	text-align:left;
}
.proviewgs .wrap-flex{border-top:#e7e7e7 solid 1px; padding:2rem 0;}
.proviewgs .promore{ flex:1; padding:12px 2rem; border-radius:10px; border:var(--web-theme-color) solid 3px; color:#333; font-size:2rem;font-weight:600; cursor:pointer; text-align:center; text-decoration:none; white-space:nowrap;}
.proviewgs .promore:last-child{ margin-left:4rem;}
.proviewgs .promore:hover{background-color:var(--web-theme-color-blue); color:#fff; border:none;}

/*producttitle*/
.product-titlebg{ position:relative; z-index:8; overflow:hidden; background-color:#fff;}
.pro-contimg img{ width:100%;}
.procomcont{	position:absolute; 
  left:0; 
  top:0; 
  width:100%; 
  height:100%;
  display: -webkit-flex; 
  display: flex;
justify-content:  center;
  align-items: center;
 }
.product-titlebg h2{ color:#fff;}
.probg-smallimg{display:none;}


/*productcont*/
.nyjiacondetc{ 
	overflow:hidden;
	overflow-x: scroll;
	padding:4rem;
}

.nyjiacondetc-cont{ background-color:#fff;}	 
.nyjiacondetc h3{
	display:inline-block;
	padding:15px;
	margin-top:2rem;
	text-align:left;
	background-color:#F2F5F7;
	color:#333;
	border-radius:10px;
}

.nyjiacondetc p{
	line-height:25px;
	word-wrap: break-word;
    word-break: normal;
	padding-top:1.5rem;
	}
.nyjiacondetc img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
	padding-top:4rem;
}
/*
.nyjiacondetc table{
	width:100%;
}

.nyjiacondetc table tr:nth-child(odd) {
  background-color:#F5F5F5;
}
.nyjiacondetc table tr:nth-child(even) {
  background-color:#fff;
}
.nyjiacondetc table tr:nth-child(1) {
  background-color:#EA6A32;
  color:#fff;
  font-weight:bold;
  white-space:nowrap;
}
.nyjiacondetc table tr:nth-child(2) {
  background-color:#EA6A32;
  color:#fff;
  font-weight:bold;
}
.nyjiacondetcy table td{
	padding:0px;
	text-align:center;
	border:#CCC solid 1px;
}
*/

/*others*/
#proothers{ padding-bottom:18rem;}
#proothers  .pro-list{
  background-color:transparent;
    grid-gap:2rem 4rem;
	padding-top:6rem;
}
#proothers .productsitem{
	padding:0;
	width:100%;
	display:block;
		  border-radius:10px ;
	 -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	-webkit-box-shadow:0px 5px 5px #aaaaaa;  
    -moz-box-shadow:0px 5px 5px #aaaaaa;  
     box-shadow:0px 0px 5px #aaaaaa;
	 overflow:hidden;
	  text-decoration:none;
	 
}
.proothers-line{
	width:3%;
	height:3px;
	background-color:var(--web-theme-color);
	margin:0 auto;
	margin-top:20px;}	
.proothersleft{
	  padding:10px 0 10px 0; 
	  font-size:4rem;
	  text-transform:uppercase;
	   color:var(--web-theme-color-blue);
	   font-weight:800;
	   text-align:center;
	  
 }


/*mobliephone*/
@media (max-width:1000px){
/*producttitle*/
.probgimg{ display:none;}
.probg-smallimg{ display:block;}
}

@media (max-width:1023px){	 
/*products*/
#products{ padding-top:1.2rem;padding-bottom:4rem;}
#products .grid{  display:none;}
/*top*/
.pro-right .dropdown-menu{top:100%; border-radius:0px padding:0px; width:240px;}
/*producttitle*/
.probgimg{ display:none;}
.probg-smallimg{ display:block;}

/*productcont*/
.proviewgs h3{padding-top:0;}
#product-details .grid{
	grid-template-columns:auto;
	justify-content:start;
	grid-column-gap:4rem;
	 padding-bottom:4rem;
}
/*productlist*/
#products .pro-list{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(2,1fr);
  grid-gap:4rem;
 }
 .proviewgs .promore{ margin-top:4rem; border-radius:8px;}
/*#proothers*/
#proothers{ padding-bottom:4rem;} 
#proothers .pro-list{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(2,1fr);
  grid-gap:4rem;
 }
 .proothers-line{
	width:12%;}	
 #proothers .productsitem .caption span{ display:block; padding-top:0;}
}