@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-01-29 17:57:08
 * @version $Id$
 */


.title{
	height: 40px;
	border-bottom: 1px solid #99ae1b;
	margin-bottom: 20px;
}
.title h4{
	font-size: 16px;
	color: #333;
	line-height: 40px;
	float: left;
}
.title a{
	float: right;
	color: #99ae1b;
	font-size: 14px;
	line-height: 40px;
}
/*
.productList{
	
}
.productList li{
	float: left;
	border:1px solid #8f9e1c;
	padding:20px 10px;
	margin: 0 20px;
	-moz-box-shadow:2px 2px 3px #eee; -webkit-box-shadow:2px 2px 3px #eee; box-shadow:2px 2px 3px #eee;
}
.productList li img{
	display: block;
	width: 185px;
	margin-bottom: 5px;
}
.productList li p{
	font-size: 14px;
	color: #999;
	line-height: 22px;
}
.productList li a:hover p{
	text-decoration: none;
	color: #99ae1b
}
.productList li:hover p.name{
	text-decoration: underline;
	color: #99ae1b
}
.productList li em{
	font-style: normal;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #999;
}
.productList li a:hover em{
	text-decoration: none;
	color: #99ae1b
}
.productList li em span{
	text-decoration: line-through;
}
.productList li em b{
	float: right;
	color: #ff0000
}
*/

/*KV*/
.kv{
	border:1px solid #8f9e1c;
	box-shadow: 2px 2px 3px #eee;
	position: relative;
}
.kv-one, .kv-six{
	float: left;
	width: 648px;
	height: 298px;
	margin-bottom: 20px;
}
.kv-one .kv-cover, .kv-six .kv-cover, .kv-two .kv-cover{
	padding-top: 100px;
}
.kv-one img, .kv-six img{
	display: block;
	width: 648px;
	height: 298px;
}
.kv-two{
	float: right;
	width: 328px;
	height: 298px;
	margin-bottom: 20px;
}
.kv-two img{
	display: block;
	width: 328px;
	height: 298px;
}
.kv-three, .kv-four{
	float: left;
	width: 310px;
	height: 298px;
	margin-bottom: 25px;
}
.kv-three .kv-cover, .kv-four .kv-cover{
	padding-top: 100px;
}
.kv-three img, .kv-four img{
	display: block;
	width: 310px;
	height: 298px;
}
.kv-three{
	margin-right: 26px;
}
.kv-five{
	float: right;
	width: 328px;
	height: 623px;
}
.kv-five img{
	display: block;
	width: 328px;
	height: 623px;
}
.kv-six{
	margin-bottom: 0;
}
.kv-cover{
	background: rgba(0,0,0,0.8);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: none;
}
.kv-five .kv-cover{
	padding-top: 200px;
}
.kv:hover .kv-cover{
	display: block;
}
.kv-cover h4{
	font-size: 18px;
	color: #fff;
	line-height: 40px;
}
.kv-cover p{
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
.kv-cover em{
	font-size: 16px;
	color: #999;
	line-height: 40px;
}



@media screen and (max-width:960px) {
.tips{
	display: none;
}
.topbar{
	display: none;
}
.logo{
	display: none;
}
.top_search{
	display: none;
}
.kv-one{
		float: none;
		width:100%;
		height: auto;
}
.kv-one img{
		display: block;
		width: 100%;
		height: auto;
}
.kv-two{
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
}
.kv-two img{
		display: block;
		width: 100%;
		height: auto;
}
.kv-three, .kv-four{
		float: right;
		width: 48%;
		height: auto;
		margin-bottom: 25px;
}
.kv-three img, .kv-four img{
		display: block;
		width: 100%;
		height: auto;
}
.kv-three{
		margin-right: 0;
		float: left
}
.kv-five{
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		clear: both;
}
.kv-five img{
		width: 100%;
		height: auto;
}
.kv-six{
		width: 100%;
		height: auto;
}
.kv-six img{
		display: block;
		width: 100%;
		height: auto;
}
.crumb-mobile{
	display: none;
}

}