@charset "utf-8";
/* CSS Document */
/*---------
productlist
----------*/
/*左部分*/	
#box-left{
	flex:0 0 auto;
	color:#5F5D5D;
	padding-right:3vw;
}
.product-name{
	background-color:#FFF;
	padding:1.2rem 2rem;
	position:relative;
	width:100%;
	font-weight:700;
	color:#8396ab;
}
.product-name-a  a .wrap-flex{justify-content: space-between; align-items: center;}
.product-name-a a{
	display:block;
	background-color:#FFF;
	padding:1.2rem 2rem;
	position:relative;
	width:100%;
	font-weight:700;
	color:#8396ab;
}
.product-name-a a i{ font-size:2rem;}
.productactive>a,.product-name-a a:hover{ color:#fff !important; background-color:var(--web-theme-color-blue); cursor:pointer;}
.product-name:hover{background-color:var(--web-theme-color-blue); color:var(--web-theme-color-white);cursor:pointer;}
.product-name:hover span{color:var(--web-theme-color-white);}
.product-name .badge{
	background-color:transparent;
	color:#8396ab;
	font-size:2.4rem;
}
#box-lefttitle{
	width:300px;
	padding:20px 0;
	text-indent:1em;
	color:#fff;
	font-size:2rem;
	font-weight:bold;
	background-color:#a6bad0;
	text-transform:uppercase;
	position:relative;
	display: -webkit-flex; 
 	 display: flex;
	 justify-content: space-between;
	 align-content:center;
}
#box-lefttitle span{font-size:2.2rem; padding-top:3px;padding-right:2rem; color:#fff;}
#box-lefttitle .jia{
  position: absolute;
  top: 30%;
  right: 20%;
  z-index: 0;
  width:10px;
  height:10px;
  display:none;
}
#box-lefttitle i{
	text-stroke: 1px var(--web-theme-color-white);
	-webkit-text-stroke: 1px var(--web-theme-color-white);
	font-weight:normal;
}
#box-left ul{
	display:none;
}
#box-left  ul:first-child{ display:block;}
#index-proleft-con ul li{
	border-bottom:rgba(255,255,255,0.3) solid 2px;
	padding:1.6rem 0;
	font-size:1.2em;
}
#box-left ul li a i{
	float:right;
	margin-top:5px;
	margin-right:1.5rem;
	filter:alpha(opacity:0); opacity:0; 
}
#box-left ul li a:hover{
	color:var(--web-theme-color-white);
	}
#box-left ul li a:hover i{
	display:block;
}

#box-left ul li a{
	display:block;
	text-decoration:none;
	border-bottom:#d1d1d1 dashed 1px;
	color:#8396ab;
	text-indent:1rem;
	margin-left:2rem;
	padding:1.2rem 0;
}
#box-left ul li a .wrap-flex-2{align-items: center; }
.pro-title{ margin-left:10px;}
#box-left li a:focus  {background-color:var(--web-theme-color-blue); color:var(--web-theme-color-white);}
.proactive>a,#box-left li a:hover{ background-color:var(--web-theme-color-blue); color:var(--web-theme-color-white);}
#box-left .proactive>a i{ filter:alpha(opacity:100); opacity:1; }
/*left end*/	
/*right*/
#box-right form{position:relative;}
#box-right .wrap-flex-1{justify-content: space-between;}
#pro-keyword{
	 background-repeat:no-repeat;
	 background-size:10px auto;
	 background-position:right center;
	 border:none;
	 background-color:#a6bad0;
	 width:380px;
	 height:50px;
	 font-size:1.6rem;
	 text-indent:1em;
}
#pro-keyword::-moz-placeholder {
color:var(--web-theme-color-white);
}
#pro-keyword:-ms-input-placeholder {
color:var(--web-theme-color-white);
}
#pro-keyword::-webkit-input-placeholder {
color:var(--web-theme-color-white);
}
#box-right button{  position:absolute; right:4rem; top:1.2rem; border:none; background:none;}
#box-right button i{ font-size:2.6rem; color:var(--web-theme-color-white);}
#box-right h2{ font-weight:600; color:var(--web-theme-color-blue);}
.product-content{margin-top:3rem;}
#product-list{ padding-top:6rem; padding-bottom:8rem;}
#product-search{ padding-top:6rem;}
#product-list{ padding-top:6rem; padding-left:15px; padding-right:15px;}
#product-list .grid,#product-search .grid{grid-template-columns:repeat(4,1fr); grid-gap:4rem 2rem; }
#product-search .grid{ margin-top:6rem;}
/*Reset Paging*/
#productlist .thumbnail .caption:hover,#productlist .thumbnail .caption:hover span{color:var(--web-theme-color);}
.pagination>li>span{
	color:#fff;
	background-color:var(--web-theme-color);
}
.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;
}
/*-----
productdateil
-------*/
#product-details{ background-color:#f6f9fb;}
#product-details .grid{ margin-top:14vh; padding:5rem 4rem;grid-template-columns:1fr 1fr; grid-gap:4rem 0;  background-color:var(--web-theme-color-white);}
.proname{
	padding-bottom:1.4rem;
	font-size:2rem;
	color:var(--web-theme-color-gray);
	font-weight:normal;
	text-transform:capitalize;
	border-bottom:#f2f7fc solid 1px;
}
.proname strong{
	padding-top:3px;
	font-size:3.4rem;
	color:var(--web-theme-color-black);
	font-weight:700;
	line-height:1.6em;
}
.proviewgs h3{
	padding-top:2rem;
	line-height:1.3em;
	color:var(--web-theme-color-blue);
}
.proviewgs p{
	padding-top:15px;
	color:var(--web-theme-color-gray);
}	
.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;
}	
.proviewgs .more{ margin-top:3rem;  background-color:var(--web-theme-color);}
.proviewgs .more:last-child{ margin-left:2rem;}
.proviewgs .more:hover{ background-color:var(--web-theme-color-black); cursor:pointer;}
/*products tab*/
.product-content-data{
	padding:5rem 5rem 2rem 5rem;
	font-size:4rem;
	font-weight:700;
	text-align:center;
	color:#a6bad0;
	cursor:pointer;
}
.nyjiacondetc{ padding:4rem; background-color:#fff; overflow:hidden;display:none;}
.nyjiacondetc h3{ padding-top:2rem;}
.nyjiacondetc  p{ padding-top:2rem; text-indent:0;}
.nyjiacondetc  p a{color:var(--web-theme-color);text-indent:0;}
.nyjiacondetc  p a:hover{color:var(--web-theme-color-black); }
.nyjiacondetc img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}
.proviewbgny{ margin-top:4rem;}
/*others*/
#proothers{ position:relative; width:100%; padding-top:0; padding-bottom:8rem;}
#proothers .grid{ margin-top:6rem;grid-template-columns:repeat(4,1fr); grid-gap:4rem;}
.proothersleft{padding:4rem 0;font-size:4rem; color:#a6bad0; font-weight:700;text-align:center;}
/*moblie phone*/
@media (max-width:1023px){	
/*productlist*/
#product-list .wrap-flex{ flex-direction: column;}
#box-left .product-name:first ul{ display:none;}
#box-lefttitle{width:100%; padding:10px 0;}
#product-list .product-name-a  a .wrap-flex{  flex-direction: row;}
#box-right{ margin-top:4rem;}
#box-right .wrap-flex-1{  flex-direction: column;}
#box-right button{  position:absolute; right:4rem; top:4rem; border:none; background:none;}
#pro-keyword{ width:100%;height:50px; margin-top:2rem;}
#box-right button i{ font-size:2.6rem;}
#product-list .grid{grid-template-columns:repeat(2,1fr); grid-gap:2rem; }
#com-link{ padding:2rem 0;}
.product-list-content:first-child{ display:none;}
/*product overview*/
#product-link{ display:none;}
/*product-details*/
#product-details{padding-top:2rem; padding-bottom:0;}
.product-content-data{
	padding:0;
	padding-top:4rem;
	font-size:3rem;
}
.proname strong{ display:block; font-size:2.4rem; line-height:1.2em;}
.proviewgs h3{ font-size:2rem;}
#product-details .grid{  margin-top:2rem; grid-template-columns:auto; justify-content:start; grid-row-gap:2rem;}
.proviewgs{ padding-top:2rem;}
.proviewgs .wrap-flex .more{ width:14rem; padding:10px 2rem;  font-size:1.5rem;}
/*products tab*/ 
.promartoptitle{display:inline-block; padding:3rem;font-size:1.8rem;}
.nyjiacondetc{ padding:4rem; background-color:#fff; overflow:hidden; display:none;}
.nyjiacondetc h3{ padding-top:2rem;}
.proviewbgny{ margin-top:4rem;}
/*others*/
#proothers .grid{grid-template-columns:repeat(2,1fr); margin-top:0rem; grid-gap:2rem;}
.proothersleft{font-size:3rem;}
}
@media (max-width:490px){	
#box-left ul:first-child{ display:none;}
}