@charset "utf-8";
/* CSS Document */
/*---------
productlist
----------*/
.product-list-info{display: -webkit-grid; display: grid; grid-template-columns:repeat(2,auto); grid-gap:0 4rem;}
/*左部分*/	
#box-left{ width:420px; background-color:#04ae5c;}
.product-name{ padding-top:2rem;}
.product-name a{ display:block; background-color:#43cc8a; padding:1rem 2rem 1.2rem 1rem;   margin:0 1.5rem; font-size:2rem; color:var(--web-theme-color-white);}
#box-lefttitle{
	width:100%;
	border-bottom:var(--web-theme-color-white) solid 2px;
	padding:2rem 0;
	margin-bottom:2rem;
	text-indent:1em;
	color:#fff;
	font-size:2.4rem;
	font-weight:bold;
	background-color:#04ae5c;
}
.productlist-title{display: -webkit-grid; display: grid; grid-template-columns:repeat(3,auto); padding:2rem 0; padding-left:2rem; grid-gap:20px 0;}
.productlist-title a{
	font-size:1.6rem;
	word-wrap:break-word;
	word-break:break-all;
	text-decoration:none;
	color:var(--web-theme-color-white);
}
.productlist-title a:focus  {color:var(--web-theme-color-yellow);}
.proactive>a,.product-name a:hover,.productlist-title a:hover{color:var(--web-theme-color-yellow);}
/*left end*/	
/*right*/
.product-list-title{ background-color:#04ae5c; padding:2rem 3rem; font-size:2rem; font-weight:bold; color:var(--web-theme-color-white);}
#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(3,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
-------*/
.productbox{  background-color:var(--web-theme-color);}
#product-details .grid{max-width:1800px; margin:0 auto; padding:8rem; grid-template-columns:repeat(2,1fr);}
.proname{ padding-top:6rem; font-size:2rem;color:var(--web-theme-color-white);font-weight:normal;text-transform:capitalize;}
.proname strong{
	padding-right:1.4rem;
	font-size:4rem;
	color:var(--web-theme-color-white);
	font-weight:bold;
}
.proviewgs h3{
	padding-top:6rem;
	font-weight:bold;
	color:var(--web-theme-color-white);
}
.proviewgs p{
	padding-top:1.5rem;
	width:min(80%,620px);
	color:var(--web-theme-color-white);
}	
.proviewgs .more{ border-radius:0; border:none;  color:var(--web-theme-color-white); margin-top:8rem;}
.proviewgs .more:first-child{background-color:#43cc8a;}
.proviewgs .more:last-child{ background-color:var(--web-theme-color-yellow); margin-left:2rem;}
.proviewgs .more:first-child:hover{ background-color:var(--web-theme-color-yellow); cursor:pointer;}
.proviewgs .more:last-child:hover{ background-color:#43cc8a; cursor:pointer;}
/*products tab*/
.nyjiacondetc{ padding:4rem; background-color:#fff; overflow:hidden;display:none;}
.nyjiacondetc h3{ padding-top:2rem; font-weight:bold; color:var(--web-theme-color);}
.nyjiacondetc  p{ padding-top:2rem; text-indent:0;}
.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(3,1fr);}
.proothersleft{display: -webkit-flex; display: flex; align-items: center; border-bottom:#262626 solid 1px; padding:1.4rem 0; margin-left:8rem; font-size:4rem;  color:var(--web-theme-color-black);}
.proothersleft img{ margin-right:2rem;}
/*moblie phone*/
@media (max-width:1023px){	
#product-list{ padding-top:4rem;}
#product-list .sy-container{width:100%; max-width:800px; padding:0; margin:0; }
.product-list-info{width:100%; display: -webkit-grid; display: grid; grid-template-columns:auto; grid-gap:2rem 0;}
#box-left{ width:100%;}
.product-name{ padding-top:1.2rem;}
#box-lefttitle{width:100%;padding:2rem 0;margin-bottom:2rem;text-indent:1em;font-size:2.4rem;}
.productlist-title{display: -webkit-grid; display: grid; grid-template-columns:repeat(2,auto); grid-gap:20px 0;}
#product-list .grid{grid-template-columns:repeat(2,1fr); grid-gap:1rem 2rem; }
/*product-details*/'
#product-details{padding-top:0; padding-bottom:0;}
#product-details .grid{max-width:100%; margin:0; padding:2rem; grid-template-columns:1fr;  grid-row-gap:3rem;}
.proname{ padding-top:2rem; font-size:1.6rem;}
.proname strong{padding-right:1.4rem; font-size:3.6rem;}
.proviewgs h3{ padding-top:2rem; font-size:2rem; }
.proviewgs p{padding-top:1.5rem;width:100%;}
.proviewgs .more{  width:14rem; padding:10px 2rem; margin-top:4rem;}
.proviewbgny{ margin-top:2rem;}
.nyjiacondetc{ padding:1rem;}
.nyjiacondetc h3{ padding-top:2rem; }
.nyjiacondetc  p{ padding-top:1rem;}
/*others*/
#proothers .grid{grid-template-columns:repeat(2,1fr); margin-top:0rem; grid-gap:2rem 0;}
.proothersleft{ margin-left:2rem; font-size:3rem;}
}