@charset "utf-8";
/* CSS Document */
/*---------
productlist
----------*/
/*Product Category  */
#product-category{ position: relative; overflow: hidden; margin-top: 6rem; display:none;} 
#product-category .swiper-slide{ transition: 300ms;transform: scale(0.8);}
#product-category .swiper-wrapper{ padding-bottom: 4rem;}
#product-category .swiper-slide-active ,.swiper-slide-duplicate-active a,#product-category .swiper-slide-active{transform: scale(1);}
.product-seriers-content img{ width: 100%;border-radius: 15px;  box-shadow: 0 0 10px rgba(80,80,80,0.4);}
#product-category .swiper-slide p{ padding-top: 1.6rem; text-align: center;}
/* Product series */
#product-series .grid{ grid-template-columns: repeat(4,1fr); grid-column-gap:4rem ; margin-top: 3rem;}
/*Reset Paging*/
#product-series .thumbnail .caption:hover,#product-series .thumbnail .caption:hover span{color:var(--web-theme-color);}
.pagination{ display: flex; justify-content: center; align-items: center; }
.pagination>li:last-child{ margin-left:1.4rem;}
.pagination>li>span{ display: inline-block; 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 .grid{padding:8rem 0; grid-template-columns:repeat(2,1fr); grid-column-gap:4rem ;}
.product-deatile-tiem{ background: url(/syimg/images/products/public-bg.jpg) no-repeat left; background-size:95% auto; }  
.product-deatile-tiem img{padding: 0  8rem 3rem 4rem; }
.proname strong{ display: block; padding-top:8rem; font-size:4rem; color:var(--web-theme-color-black);font-weight:bold;}
.proname span{ display: block;  font-size:2rem;color:var(-web-theme-color-black); font-weight:normal; }
.proviewgs .more-link{ display: inline-block; padding: 1rem 2rem; border:#363636 solid 1px;  color:var(--web-theme-color-black); margin-top:5rem;}
.proviewgs .more-link:last-child{ margin-left:2rem;}
.proviewgs .more-link:hover{ background-color:#ededed; border: none; cursor:pointer;}
.proviewbgny .product-content-data h3{ color: var(--web-theme-color-white);}
/*products tab*/
.product-content-data{background-color: #ededed; height: 4rem;}
.product-content-data  h3{ display: inline-block; position: relative; z-index: 2; margin-top: -1.2rem;  background-color: var(--web-theme-color); padding:2rem; }
.nyjiacondetc{ padding:4rem; background-color:#fff; overflow:hidden;display:none;}
.nyjiacondetc h3{ padding-top:2rem; font-weight:bold; color:var(--web-theme-color-gray);}
.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{ padding-bottom:8rem; margin-top: 6rem;}
#proothers .grid{ margin-top:6rem;grid-template-columns:repeat(4,1fr); grid-column-gap:2rem; } 
.proothersleft{background-color: #ededed; height: 4rem;} 
.proothersleft h2{display: inline-block;  margin-top: -1.2rem;  background-color: var(--web-theme-color); padding:2rem; color: var(--web-theme-color-white);}
/*moblie phone*/
@media (max-width:1023px){	
#product-series{ padding-top:4rem;}
.product-name{ padding-top:1.2rem;}
#product-series .grid{grid-template-columns:repeat(2,1fr); grid-gap:1rem 2rem; margin-top: 2rem; }
/*Reset Paging*/
#product-series .thumbnail .caption:hover,#product-series .thumbnail .caption:hover span{ font-size: 12px;}
.pagination{ display: flex; flex-wrap: wrap; justify-content: flex-start;  }
.pagination>li{ margin-top: 1.2rem;}
.pagination>li:last-child{ margin-left:0;}
.pagination>li>a{font-size: 12px;}
/*product-details*/
#product-details{padding-top:4rem; padding-bottom:0;}
#product-details .grid{max-width:100%; margin:0; padding:2rem; grid-template-columns:1fr;  grid-row-gap:3rem; padding:0;}
.proname{ padding-top:2rem; font-size:1.6rem;}
.proname strong{display: block; padding-top:0; 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;}
/*products tab*/
.product-content-data  h3{  margin-top: 0;  padding:1rem; }
.nyjiacondetc{ padding:2rem;}
.nyjiacondetc h3{ padding-top:2rem; font-weight:bold; color:var(--web-theme-color-gray);}
.nyjiacondetc  p{ padding-top:2rem; text-indent:0;}
/*others*/
#proothers .grid{grid-template-columns:repeat(2,1fr); margin-top:4rem; grid-gap:2rem;}
.proothersleft{ height: 4rem;} 
.proothersleft h2{display: inline-block;   margin-top: 0;padding:1rem; font-size:2rem; }
}