/*-------
Product Center
-------*/
#products{
	padding:0;
	 background-color:#efefef;
	}
#pro-moblie{ display:none;}	
#products .wrap-flex{
	padding:4rem 4vw;
	}
/*Left Content*/	
#box-left{
	flex:0 0 auto;
	color:#5F5D5D;
	padding-right:3vw;
}
#box-left h2{padding-bottom: 4rem; color:var(--web-theme-color-black);}
.product-name{
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: #ccc solid 1px;
	padding:1.2rem 0;
	width:100%;
	font-weight:500;
	 cursor:pointer;
}
#box-left  ul li a:hover svg path {
           fill:#E62129; 
        }
#box-left  ul li a svg {width: 2rem; 	padding-top:5px;}
#box-left ul li a:focus svg path {
            fill:#E62129; 
        }
.product-name:hover{ color:var(--web-theme-color);}
.product-name a{display: flex; font-size:2rem; color:var(--web-theme-color-black);}
.product-name .badge{
	position: absolute;
	right: 0;
	top: 1.2rem;
	background-color:transparent;
	color:var(--web-theme-color-black);
	font-size:2rem;
	padding-top:0;
}
.product-name .badge svg {width: 2rem;  }
.product-name .badge:hover{ cursor:pointer; color:var(--web-theme-color);}
.proactivename>a,.product-name a:hover{ color:var(--web-theme-color);}
#box-left ul{
	display:none;
}
#box-left  ul li a span{  color:var(--web-theme-color);}
#box-left ul li a:hover{
	color:var(--web-theme-color);
}
#box-left ul li a{
	display:block;
	display: flex;
	font-size: 1.5rem;
	padding-top: 1.6rem;
	color:#333;
}
#box-left li a:focus  {color:var(--web-theme-color);}
.proactive>a,#box-left li a:hover{ color:var(--web-theme-color) !important;}
/* Search */
.product-search{  margin-top: 4rem; margin-bottom: 2rem;font-size: 3rem; color: var(--web-theme-color-black); font-weight: 600;}
.product-search-content{border-radius: 30px; background-color:var(--web-theme-color-white); padding: 2px 1rem 2px 2rem;}
.product-search-content form{display: flex; }
.product-search-content .form-control{border-radius: 30px; width: 100%;  -webkit-box-shadow:inset 0 1px 1px rgba(234, 91, 36, 0);box-shadow:inset 0 1px 1px rgba(234, 91, 36, 0);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;border:none;}
.product-search-content .form-control::-moz-placeholder { color:#808080;}
.product-search-content.form-control:-ms-input-placeholder { color:#808080;}
.product-search-content .form-control::-webkit-input-placeholder { color:#808080;}
.product-search-content svg {width: 3rem;  }
.product-search-content .btn-default{  padding-top: 18px;   border: none; background-color: transparent;  color:var(--web-theme-color-white); }
/*Right Content*/
#box-right{flex:1;overflow:hidden;}
#box-right h2{text-align: left; color:#333;}
#box-right .grid{grid-template-columns:repeat(4,1fr);grid-gap:4rem;}
.productbox{ position: relative; overflow: hidden;}
.productbg{position: absolute; left: 0; top:0; width: 100%;  z-index:5;  }
/*Reset Paging*/
#products .thumbnail .caption:hover,#productlist .thumbnail .caption:hover span{color:var(--web-theme-color);}
.pagination>li>span{
	color:#fff;
	background-color:var(--web-theme-color-black);
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:var(--web-theme-color);}
.pagination>li>a{
	color:#535353;
	background-color:#fff;
	border-color:#ddd;
}
.product-searchtitle{padding-top: 4rem;}
#products .grid{ grid-template-columns: repeat(4,1fr); grid-gap:4rem; margin-top: 4rem; padding-bottom: 6rem;}
/*-----
productdateil
-------*/
#product-details{ padding-top:4rem; padding-bottom: 0; }
#product-details .grid{  padding: 4rem; grid-template-columns:2fr 1fr; grid-gap: 0 4rem;  background-color:#f6f9fb;}
.proname{
	padding-top: 3rem;
	line-height: 1em;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size:4rem;
	font-weight:800;
	color:var(--web-theme-color-black);
	text-transform:capitalize;
	border-bottom:#f2f7fc solid 1px;
}
.proname strong{
	font-family: 'Encode Sans Condensed', sans-serif;	
	font-size:4rem;
	color:var(--web-theme-color-black);
	font-weight:600;
}
.proviewgs h3{
	display: flex;
	align-items: center;
	padding-top:2rem;
	line-height:1.3em;
}
.proviewgs h3 img{ width: 30px;  padding-right: 1.1rem;}
.proviewgs p{
	padding-top:15px;
	color: var(--web-theme-color-black);
}	
.proviewgs span{
	display:block;
	padding-top:15px;
	text-align:left;
	line-height:1.8em;
	color:#757475;
	word-wrap:break-word;
	word-break:break-all;
	 text-indent:0;
}	
.product-deatile-tiem:first-child{ display: block; position: relative; width: 100%; overflow: hidden; background-color: #fff;}
.product-deatile-tiem:first-child img:last-child{display: block; height: 100%; max-height:800px; margin: 0 auto;}
.proviewgs .more{ padding:1rem 4rem; margin-top:3rem;  background-color:var(--web-theme-color); color: var(--web-theme-color-white);}
.proviewgs .more:hover{ background-color:var(--web-theme-color-black); cursor:pointer;}
/*others*/
#proothers{  background-color: #333; padding-bottom: 8vw;}
#proothers .productsitem .caption,#proothers .productsitem .caption  span{ color: #fff;}
.product-bottom-title h2{ text-transform: capitalize; line-height: 1.4em;}
#proothers .grid{ margin-top:6rem;grid-template-columns:repeat(4,1fr); grid-gap:4rem;}
/*-------
moblic phone
-------*/
@media (max-width:1023px){	
#products .wrap-flex{ display:block;}
#products .pro-list{grid-template-columns:repeat(2,1fr);}
#box-right h2{ margin-top: 2rem;}
 #mobnav{display: grid;grid-template-columns: repeat(3,1fr);background-color:var(--web-theme-color-gray);}
.mobnav{padding:10px;text-align: center;cursor:pointer;}
.mobnav a{ color: var(--web-theme-color-white);}
.mobnavmenu a:hover{color:var(--web-theme-color);}
#products .grid{ grid-template-columns: repeat(2,1fr); grid-gap:2rem;}
#pg-display{display:none;}
/*product-details*/
#product-details{padding:0;}
#product-details .grid{  padding: 2rem; grid-template-columns:1fr; grid-gap:4rem 0;}
.product-deatile-tiem:first-child img:last-child{max-height:300px;}
.product-content-data{padding-top:4rem;font-size:3rem;}
.proname strong{ display:block; font-size:2.2rem; line-height:0em;}
.proname{ padding-top:0; font-size:3rem; 	line-height:0.8em;}
.proviewgs h3{padding-top:1.2rem;}
.proviewgs{ padding-top:0;}
.proviewgs .more{ width:14rem; padding:10px 2rem;  font-size:1.4rem;}
/*products Parameter*/
.product-content-scene{  padding: 4rem 0;}
.nyjiacondetc{ padding:0; }
.nyjiacondetc h3 img{ width:25px;}
.nyjiacondetc p{ padding:1.4rem 0; text-indent:0;}
/*others*/
.product-bottom-title h2{ line-height: 1.4em;}
#proothers .grid{grid-template-columns:repeat(2,1fr); margin-top:4rem; grid-gap:2rem;}
}