@charset "utf-8";
/* CSS Document */
/*-----
products
------*/
/*-----
search
------*/
/*product title*/

.product-title h1{ color:#333;}
.product-title h1 i{ color:#ccc;}
.product-title h1{ font-size:3rem;} 
.product-title h1 span{ margin:0 1.6rem; font-size:3.6rem; color:var(--web-theme-color);}
.pro-list{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(4,1fr);
  grid-gap:4rem;
  padding:4rem 15px;
}
.productsitem{
	 overflow:hidden;
	  text-decoration:none;
	   background-color:transparent;
	 
}
.productsitem:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
 .productsitem .caption{
	color:#333;
	padding:2rem 0;
	font-size:2.6rem;
	font-weight:600;
	text-align:center;
	position:relative;
	z-index:5;
}
 .productsitem .caption span{ display:block;font-size:1.8rem; color:#333;}
.productsitem  img{	  border-radius:10px ;  width:100%; overflow:hidden; transition: all .5s ease-in-out; }
.productsitem:hover img{
	 border-radius:10px ; 
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
}
.productsitem:hover .caption{
	background-color:var(--web-theme-color);
	color:#fff;
}
.productsitem:hover .caption span{ color:#fff;}
/*蓝到白*/
#productlist-b-w{background-image: linear-gradient(to right, rgba(225,230,232,1), rgba(255,255,255,1));}
#productlist-b-w .grid,#productlist-w-b .grid{grid-template-columns:repeat(2,1fr); align-content:center;}
.product-b-w-cont h2,#productlist-w-b h2 { text-align:left;  }
.product-b-w-cont h2 span,#productlist-w-b h2 span{color:var(--web-theme-color);}
.product-b-w-cont h3,#productlist-w-b h3{ padding-top:1.6rem; font-weight:normal;}
.product-b-w-cont ul,#productlist-w-b ul{ padding-top:4rem;}
.productlist-b-w-xj{ padding-top:4rem;}
#productlist-b-w .commore,#productlist-w-b .commore{  padding:15px 4rem; margin-top:4rem; border-radius:30px;}
/*白到蓝*/
#productlist-w-b{ background-image: linear-gradient(to right,  rgba(255,255,255,1),rgba(225,230,232,1));}


/*-----
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:var(--web-theme-color);
	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; background-color:#333; color:#fff; 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); color:#fff; border:none;}
.pro-title{ background-color:#d5d5d5;}
.pro-titlebg{ display:inline-block; padding:2rem 6rem; margin-left:4%;background-color:var(--web-theme-color);}
/*productcont*/
.nyjiacondetc{ 
	overflow:hidden;
	overflow-x: scroll;
	padding:4rem 0;
	padding-left:8rem;
}

.nyjiacondetc-cont{ background-color:#fff;}	 
.nyjiacondetc h3{
	display:inline-block;
	padding:15px;
	margin-top:2rem;
	text-align:left;
	background-color:#333;
	color:#fff;
	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;
}
*/

/*mobile phone*/
@media (max-width:1023px){
#productlist-b-w .grid,#productlist-w-b .grid{grid-template-columns:1fr;}
.proviewgs p{ font-size:1.8rem;}
#product-details .grid{grid-template-columns:1fr;}
.nyjiacondetc{ 
	padding-left:15px;
	padding-right:15px;
}
.pro-list{
	display: -webkit-grid; 
  display: grid;
  grid-template-columns:repeat(2,1fr);
  grid-gap:4rem;
  padding:4rem 15px;
}

}