.product-tit{
	font-size:18px;
	color:#444444;
	font-weight: bold;
	line-height:2em;
	padding:15px 0;
}
.part-product1 .product-list{
	overflow: hidden;
	border-top:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
}
.part-product1 .product-list .one-list{
	width:20%;
	float:left;
	background:#fff;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8 ;
}
.part-product1  .product-list .one-list .list-img{
	width:100%;
	padding-bottom: 70%;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.part-product1  .product-list .one-list .list-name{
	margin:25px 10px;
	text-align: center;
	line-height:20px;
	height:20px;
	overflow: hidden;
}
.part-product1  .product-list .one-list .list-name.line-two{
	height:40px;
	overflow: hidden;
}

.part-product2 .product-list{
	overflow: hidden;
}
.part-product2 .product-list .one-list{
	width:40%;
}
.part-product2 .product-list .one-list:nth-child(2n+1){
	float:left;
	position: relative;
}
.part-product2 .product-list .one-list:nth-child(2n+2){
	float:right;
	position: relative;
}
.part-product2  .product-list .one-list .list-img{
	width:43%;
	padding-bottom: 37%;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.part-product2  .product-list .one-list .list-name{
	position: absolute;
	left:43%;
	top:0;
	right:0;
	height:100%;
	border:1px solid #d8d8d8;
	background:#fff;
	padding-top:30px;
}
.part-product2  .product-list .one-list .p-tit{
	color:#444;
	font-size:16px;
	font-weight: bold;
	max-width: 240px;
	margin:10px auto;
	line-height:20px;
	
}
.part-product2  .product-list .one-list .p2{
	color:#6a6a6a;
	max-width: 240px;
	margin:0 auto;
	line-height:20px;
}

@media only screen and (min-width: 769px) and (max-width:1200px) {
	.part-product2  .product-list .one-list .list-name{padding-top:0px;}
	.part-product2  .product-list .one-list .p2{height:40px;overflow: hidden;}
}

.product-nav{
	position: fixed;
	left:0;
	top:128px;
	width:160px;
	background:rgba(96,105,119,0.9);
	z-index:10;
}
ul,li{
	list-style: none;
	margin:0;padding:0;
}
.product-nav a{
	display: block;
	line-height:28px;
	padding:10px 16px;
	border-bottom: 1px solid #606977;
	color:#fff;
	position: relative;
}
.product-nav a:before{
	content:'';
	position: absolute;
	left:0;
	top:0px;
	display: block;
	width:3px;
	height:100%
}
.product-nav .nav-collapse{
	margin-bottom: 0;
	padding:20px 16px;
	font-size:16px;
	line-height:30px;
	font-weight: bold;
	border-bottom: 1px solid #606977;
	color:#fff;
	position: relative;
	cursor: pointer;
	cursor: hand;
}
.product-nav .nav-collapse:after{
	content:'';
	position: absolute;
	right:0;
	top:20px;
	display: block;
	width:30px;
	height:30px;
	background: url(../images/product-arrow.png) no-repeat right center;
}
.product-nav .one-classfy.closed a{
	display: none;
}
.product-nav .one-classfy.closed .nav-collapse:after{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.product-nav .one-classfy:nth-child(2n+1) .nav-collapse{
	background:#4e97db;
}
.product-nav .one-classfy:nth-child(2n) .nav-collapse{
	background:#5bb531;
}
.product-nav .one-classfy:nth-child(2n+1) li.active a{
	color:#4e97db;
}
.product-nav .one-classfy:nth-child(2n) li.active a{
	color:#4e97db;
}
.product-nav .one-classfy:nth-child(2n+1) li.active a:before{
	background:#4e97db;
}
.product-nav .one-classfy:nth-child(2n) li.active a:before{
	background:#4e97db;
}
.product-nav .one-classfy:nth-child(2n+1) a:hover{
	color:#4e97db;
}
.product-nav .one-classfy:nth-child(2n) a:hover{
	color:#4e97db;
}
@media only screen and (max-width: 768px) {
	body{font-size:12px;}
	.product-nav{width:100px;left:auto;right:0;top:100px}
	.part-product1 .product-list .one-list{width:33%;}
	.product-nav .nav-collapse{font-size: 12px;padding:5px 10px;}
	.product-nav .nav-collapse:after{top:5px;}
	.product-nav a{font-size:12px;padding:8px 10px;line-height:18px;}
	.product-tit{padding:0;font-size:16px;}
	.main-content{padding:0 15px;}
	.part-product2 .product-list .one-list{width:100%;margin-top:10px;}
	.part-product2  .product-list .one-list .list-name{padding-top:0px;}
}