@import url(common.css);


.product{
	padding:50px 0;
	font-size:16px;
	color:#000;
	line-height:2em;
}
.pro_top{
	margin-bottom:30px;
}
.pro_top h1{
	font-size:30px;
	text-transform: uppercase;
	font-weight:normal;
	float:left;
}
.pro_nav{
	float:right;
	font-size:16px;
}
.pro_nav a{
	color:#000;
	margin-left:35px;
	border-bottom:3px solid #FFF
}
.pro_nav a:hover{
	border-bottom:3px solid #000
}
.pro_nav a.active{
	border-bottom:3px solid #000
}
.pro_line{
	position:relative;
	margin-bottom:30px;
	border-bottom:1px solid #E9E9E9;
}
.pro_page{
	padding:0;
}
.pro_page a{
	font-size:18px;
	color:#333;
}
.pro_page a.fl{
	float:left;
}
.pro_page a.fr{
	float:right;
}
.proitem{
	width:33.3333333%;
	text-align:center;
	position: relative;
	min-height: 1px;
	text-align:center;
	float:left;
}
.itemshow {
	padding: 25px;
	overflow: hidden;
	margin-bottom: 0px;
}
.itemshow img {
	width: 100%;
	vertical-align:middle;
	transition: all 0.3s;
	padding: 20px;
	background: #FFF;
	max-height:280px;
}
.itemshow img:hover {
	transform: scale(1.02);
}
.itemshow h3{
	text-align: center;
	font-weight:normal;
	margin-top:30px;
	padding:0;
	color: #000;
	font-size:16px;
}
@media(max-width:768px){
	.product{
		padding:0px 0 30px;
	}
	.pro_top{
		margin-bottom:20px;
		border-bottom:1px solid #E9E9E9;
	}
	.pro_top h1{
		display:none;
	}
	.pro_nav{
		float:inherit;
		padding:10px;
		line-height:1.5em;
	}
	.pro_nav a{
		font-size:14px;
		display:inline-block;
		float:left;
	    margin:0 15px 0 0;
		border:none;
	}
	.pro_nav a:last-child{
		margin:0;
	}
	.pro_nav a:hover{
		color:#F00;
		border-bottom:none;
	}
	.pro_nav a.active{
		color:#F00;
		border-bottom:none;
	}
	.pro_line{
	    margin-bottom:20px;
	}
	.pro_page{
		padding:0 10px;
	}
	.pro_page a{
	    font-size:14px;
	}
	.proitem{
		width:50%;
	}
	.itemshow {
		padding: 5px;
	}
	.itemshow img {
	    padding: 5px;
    }
    .itemshow h3{
	    font-size:14px;
    }
}
@media(min-width:768px) and (max-width:1000px){
	.product{
		padding:20px 0 30px;
	}
	.pro_top{
		margin-bottom:20px;
	}
	.pro_top h1{
	    font-size:20px;
	}
	.pro_nav a{
		font-size:15px;
	    margin-left:20px;
	}
	.pro_line{
	    margin-bottom:20px;
	}
	.pro_page a{
	    font-size:14px;
	}
	.itemshow {
		padding: 10px;
	}
	.itemshow img {
	    padding: 10px;
    }
    .itemshow h3{
	    font-size:14px;
    }
}
@media(min-width:1000px) and (max-width:1200px){
	.product{
		padding:30px 0;
	}
	.pro_top{
		margin-bottom:20px;
	}
	.pro_top h1{
	    font-size:26px;
	}
	.pro_nav a{
	    margin-left:25px;
	}
	.pro_line{
	    margin-bottom:20px;
	}
	.line_title{
		position:inherit;
		float:left;
		left:inherit;
		top:inherit;
		width:100%;
	}
	.line_title span{
		font-size:16px;
	}
	.pro_page a{
	    font-size:16px;
	}
	.itemshow {
		padding: 10px;
	}
	.itemshow img {
	    padding: 10px;
    }
    .itemshow h3{
	    font-size:14px;
    }
}


.nodata{ margin:80px 0; text-align:center; font-size:16px;}
.nodata i{width:80px; height:80px; background:url(/img/icon_tip.png) no-repeat; display:inline-block;}
.nodata p{ margin-top:20px;}