@charset 'utf-8';

.productpage{padding: 50px 0; background: #1b1b1b;}
.productpage .product_category{width: 270px; float: left;}
.productpage .product_category .category_list{background: #fff; border-radius: 6px;}
.productpage .product_category .category_list .title{padding: 20px 15px; line-height: 30px; border-bottom: solid #e6e6e6 1px;}
.productpage .product_category .category_list .title h2{font-size: 20px;}
.productpage .product_category .category_list .list{padding: 10px 15px;}
.productpage .product_category .category_list .list li{line-height: 22px;	border-bottom: dashed #eee 1px;	position: relative;}
.productpage .product_category .category_list .list li .cbtn{width: 16px;	height: 10px; float: right;	cursor: pointer; margin-top: 20px; transition: all 0.5s; position: relative;}
.productpage .product_category .category_list .list li .cbtn::before{width: 10px; height: 1px; content: ''; background: #666;	position: absolute;	left: 0; top: 5px; transform: rotate(50deg);}
.productpage .product_category .category_list .list li .cbtn::after{width: 10px; height: 1px; content: ''; background: #666; position: absolute; right: 0; top: 5px; transform: rotate(-50deg);}
.productpage .product_category .category_list .list li .cbtn.clicked{transform: rotate(180deg);}
.productpage .product_category .category_list .list li ul{display: none;}
.productpage .product_category .category_list .list li a{display: inline-block; width: 220px;	font-size: 16px; padding: 15px 0 15px 30px;}
.productpage .product_category .category_list .list li::after{width: 14px; height: 14px; content: '';	background: url('../images/icon_spirit.png') -8px -249px no-repeat; position: absolute; left: 5px; top: 18px;}
.productpage .product_category .category_list .list li ul li{border-top: dashed #eee 1px;	border-bottom: none;}
.productpage .product_category .category_list .list li ul li::after{background-position: -8px -279px;}

.productpage .product_list{width: calc(100% - 330px); float: right;}
.productpage .product_list .product_item{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.productpage .product_list .product_item .category_item{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.productpage .product_list .product_item .category_item .title{font-size: 34px; color: #fff;}
.productpage .product_list .product_item .category_item .text{font-size: 16px; color: #fff; margin-top: 20px;}
.productpage .product_list .product_item .button{margin-top: 30px; text-align: center;}
.productpage .product_list .product_item .button a{display: inline-block; line-height: 42px; padding: 0 30px; font-size: 14px; background: #bea064; color: #fff; border-radius: 10px;}
.productpage .product_list .list{width: 32%; float: left; margin-right: 2%; margin-bottom: 30px;}
.productpage .product_list .list:nth-child(3n){margin-right: 0;}
.productpage .product_list .list:nth-child(3n+1){clear: both;}
.productpage .product_list .list .picture{overflow: hidden;}
.productpage .product_list .list .picture img{width: 100%;}
.productpage .product_list .list .picture .original{display: block;}
.productpage .product_list .list .picture:hover .original{display: none;}
.productpage .product_list .list .picture .dynamic{display: none;}
.productpage .product_list .list .picture:hover .dynamic{display: block;}
.productpage .product_list .list .title{margin-top: 10px;}
.productpage .product_list .list .title a{font-size: 18px; color: #fefefe; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.productpage .product_list .list:hover .title a{color: #bea064;}
.productpage .product_list .list .text{margin-top: 10px;}
.productpage .product_list .list .text a{font-size: 14px; color: #fefefe; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.productpage .product_list .list:hover .text a{color: #bea064;}

@media (max-width:960px) {
	.con_banner .picture img {height: 240px;}
	
	.productpage{padding: 30px 15px}
	.productpage .product_category{display: none;}
	.productpage .product_list{width: 100%;}
	.productpage .product_list .product_item{padding-bottom: 20px; margin-bottom: 20px;}
	.productpage .product_list .product_item .category_item{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
	.productpage .product_list .product_item .category_item .title{font-size: 22px;}
	.productpage .product_list .product_item .category_item .text{font-size: 16px; margin-top: 10px;}
	.productpage .product_list .product_item .button{margin-top: 20px;}
	.productpage .product_list .product_item .button a{line-height: 36px; padding: 0 20px; border-radius: 6px;}
	.productpage .product_list .list{width: 100%; margin-right: 0; margin-bottom: 20px; border-radius: 8px;}
	.productpage .product_list .list .title{font-size: 16px;}
	.productpage .product_list .list .text{margin-top: 10px;}
}