/*产品列表-筛选产品*/

/*产品列表-系列名称*/
.product-top {padding:2% 0;border-bottom: solid 1px #d9d9d9;background: #f6f6f6;}
.product-top .series-nav {}
.product-top .series-nav ul {text-align: center;}
.product-top .series-nav ul li {display:inline-block;width:15%;
    max-width: 200px;
    padding:20px 0;
	margin:6px 0;
    background:#fff;
	border:1px solid #fff;
}
.product-top .series-nav ul li.cur {
	border:1px solid #fff;
}
.product-top .series-nav ul li.cur p {
    color:#df2228;
}
.product-top .series-nav ul li img {
    width:80px;
	transition: all 0.5s;
}
.product-top .series-nav ul li:hover img {
	transform: translate(0px,-10px);
    -webkit-transform:translate(0px,-20px);
    -moz-transform:translate(0px,-20px);
    -ms-transform:translate(0px,-20px);
    -o-transform:translate(0px,-20px);
}
.product-top .series-nav ul li p {}

@media screen and (max-width:1320px){}
@media screen and (max-width:1178px){}
@media screen and (max-width:800px){
.product-top {padding:1% 0;background: #f6f6f6;}
.product-top .series-nav ul li {width:24%; padding:10px 0;margin:2px 0;}
.product-top .series-nav ul li img {width:40px;}
}



/*产品列表*/
.product-list {
	background:#f6f6f6;
}
.product-list ul {
    margin-top: 6%;
}
.product-list ul li {
    float: left;
    width: 24%;
    margin-right: 1.3%;
	margin-bottom:1.5%;
    padding:2% 0;
	background: #fff;
	overflow:hidden;
}

.product-list ul li:nth-of-type(4n){
    margin-right: 0;
}
.product-list ul  li:nth-child(1){animation-delay: 0.3s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(2){animation-delay: 0.4s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(3){animation-delay: 0.5s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(4){animation-delay: 0.6s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(5){animation-delay: 0.7s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(6){animation-delay: 0.8s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(7){animation-delay: 0.9s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(8){animation-delay: 1.0s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(9){animation-delay: 1.1s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(10){animation-delay: 1.2s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(11){animation-delay: 1.3s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul  li:nth-child(12){animation-delay: 1.4s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.product-list ul li .pic {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-top: 70%;
    transition: all 0.5s;
    overflow:hidden;
}

.product-list ul li .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(0.9);
    transition: all 1s;
}
.product-list ul  li:hover .pic{
	transform: translate(0px,-10px);
    -webkit-transform:translate(0px,-20px);
    -moz-transform:translate(0px,-20px);
    -ms-transform:translate(0px,-20px);
    -o-transform:translate(0px,-20px);
}
.product-list ul li p {
	text-align:center;
}
.product-list ul li .p1 {height: 44px;margin:4px 0;color:#000;font-size:16px;}
.product-list ul li .p2 {font-size: 14px;line-height: 1.6;color: #999;}

@media screen and (max-width:1320px){
.product-list ul li {}
.product-list ul li .pic {}
@media screen and (max-width:1178px){
.product-list ul li {}
.product-list ul li .pic {}
}
@media screen and (max-width:800px){
.product-list ul li {width: 48%;margin: 1%;}
.product-list ul li .pic {}
.product-list ul li p {font-size: 14px; margin: 15px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
}
@media screen and (max-width:600px){
.product-list ul li {width: 48%;margin: 1%;}
.product-list ul li .pic {}
.product-list ul li p {font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product-list ul li .p1 {margin: 4px 0;}
.product-list ul li .p2 {margin:0 0 10px 0;}
}
}



/*产品详情页*/

.product-artilce {
	background:#f6f6f6;
}
.product-artilce .product-content {
    padding:3% 0;
}

/*产品详情页-轮播图*/
.product-artilce .product-photo {
	position: relative;
	width:30%;
}
.product-artilce .product-photo .page {
	position: absolute;
    left: 0%;
    top: 45%;
    width: 100%;
    height: auto;
    z-index: 2;
	background: none;
	padding:0 !important;
}
.product-artilce .product-photo .page a {
	font-size:26px;
}
.product-artilce .product-photo .swiper-wrapper {text-align:center;}
.product-artilce .product-photo .item-photo {overflow: hidden;}
.product-artilce .product-photo .item-photo img {width:100%;}
.product-artilce .product-photo .swiper-pagination-bullet-active {background: #ee0718;}
@media screen and (max-width:1320px){

}
@media screen and (max-width:1178px){

}
@media screen and (max-width:800px){
.effect img {
    max-width: 100%;
}

}
@media screen and (max-width:600px){
.product-artilce .product-photo .item-photo img {max-width:100%;}
}

.effect {
    padding:3% 15px !important;
}
.effect img {
    max-width: 800px;
}
.pic-box {
    text-align: center;
    
}
.product-word {
    font-size: 16px;
    color: #333;
}
.product-word p {
    font-size: 16px;
    color: #333;
    padding: 10px 0;
}
.product-artilce h2.tit {
	font-size: 20px;
    color: #252525;
	padding:20px 0 20px 30px;
    margin: 20px 0;
	border-bottom: solid 1px #d9d9d9;
	background: url(../images/more-icon.svg) no-repeat left center;
	background-size:19px;
}
/*产品详情页-产品属性*/
.product-artilce .product-txt {
	width:60%;
}
.product-artilce .product-introduce {
	margin:2% auto;
	padding:2%;
	background: #fff;
}

.product-artilce .product-introduce ul {
    margin-bottom: 2%;
}
.product-artilce .product-introduce ul li {
	float:left;
	width:48%;
	padding:10px;
}
.product-artilce .product-introduce ul li  span{
	display:inline-block;
	font-size: 16px;
    color: #797979;
    max-width: 380px;
	position:relative;
}
.product-artilce .product-introduce ul li .p1 {}
.product-artilce .product-introduce ul li .p2 {padding-left:10px;color: #0a0a0a;}
.product-artilce .product-introduce ul li  p {
	float:left;
	width:14.2%;
	min-width: 70px;
	max-width:75px;
	text-align:center;
}
.product-artilce .product-introduce ul li  p img {
	display:block;
	margin:0 auto;
}


@media screen and (max-width:1320px){
.product-artilce .product-introduce ul li {width:50%;}
}
@media screen and (max-width:1178px){
.product-artilce .product-introduce ul li {width:50%;}
.product-artilce .product-tell a {width:33%;}
.effect img {
    max-width: 100%;
}
}
@media screen and (max-width:800px){
.product-artilce .product-introduce ul li {width:100%;}
}
@media screen and (max-width:600px){
.product-artilce .product-photo {width:100%;padding:0 0%;}
.product-artilce .product-txt {width:100%;}
.product-artilce .product-introduce ul li {width:100%;}

.product-artilce .product-tell a {width:33%;}
}