@charset "UTF-8";
/* CSS Document */
body{
	background: #ebebeb;
}
h2{
	font-size: 1.6VW;
	font-family: 'Humanst 521',"Microsoft YaHei";
}

span8{
	display: inline;
}
span10{
	display: inline;
}
span9{
	display: none;
}
/*nav*/

h2{ font-family:"Humanst 521"; color: #af9356;
}
p{font-size:1.6em; color:#868686; letter-spacing: 0px;
}
h1{ color: #caa961; font-family:'Humanst 521'; font-size: 3.2em; text-transform: uppercase;
}

.SSnav_bigbox{
	box-shadow:0px 1px 6px rgba(0,0,0,0.1);
		-webkit-box-shadow:0px 1px 6px rgba(0,0,0,0.1);
			-moz-box-shadow:0px 1px 6px rgba(0,0,0,0.1);
				-o-box-shadow:0px 1px 6px rgba(0,0,0,0.1);
}

/*banner==================================================*/

.banner_big_box{
	background: #fff;
	width:100%;
	
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.1);
	box-shadow: 0 1px 6px rgba(0,0,0,0.1);

}
.banner_big_box > div{
	background:url(../../img/noise-pattern.png);
	position:relative;
	overflow: hidden;
}
.banner_img_box{
	width:100%;
	position: relative;
	z-index: -1;
	overflow: hidden;
	
}
.banner_img_box img{
	width:100%;
	display:block;
	float: left;
} 
.banner_wenan_box{
	margin-top:1vw;
	margin-bottom: 4vw;
	text-align: center;
}
.banner_wenan_box h2{
	text-transform: uppercase;
	font-size: 2.6vw;
}
.banner_wenan_box p{
	width: 50vw;
	margin-left: auto;
	margin-right: auto;
	color:rgba(0,0,0,0.5);
}
.banner_wenan_box hr{
	width:10vw;
	border: none;
	height:1.5px;
	background:rgba(194,153,64,0.3);
	margin: 0.8vw auto 0.8vw auto;
}


/*xuanxian==================================================*/

.xuanxian_box{
	width: 100%;
	overflow: hidden;
	
}

.xuanxian{
	width: 100%;
	overflow: hidden;
}
.xuanxian > div{
	width:32%;
	height: 36vw;
	margin-left: 1%;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background: #fff;
	float: left;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.1);
	box-shadow: 0 0px 6px rgba(0,0,0,0.1);
}

/*.xuanxian_wenan{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	text-align: center;
	background: url(../../img/noise-pattern.png);
	z-index: 2;
}
.xuanxian_wenan h2{
	margin: 4vw auto 1vw auto;
}
.xuanxian_wenan p{
	font-size: 0.9vw;
	font-weight: 300;
}
.xuanxian_wenan hr{
	width:7vw;
	border: none;
	height:1.5px;
	background: rgba(157,147,86,0.4);
	margin: 1vw auto 2vw auto;
	
}*/

.xuanxian_wenan{
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2;
}
.xuanxian_wenan h2{
	margin: 4vw auto 1vw auto;
}
.xuanxian_wenan p{
	font-size: 0.9vw;
	font-weight: 300;
}
.xuanxian_wenan hr{
	width:5vw;
	border: none;
	height:1.5px;
	background:rgba(194,153,64,0.3);
	margin: 1vw auto 2vw auto;
	
}


.zi_xuanxian{
	margin-left: auto;
	margin-right: auto;
}


.zi_xuanxian a{
	color:rgba(0,0,0,0.5);
	margin-right: 1vw;
	font-size: 0.9vw;
	line-height: 1.5;
}

.zi_xuanxian a:hover{
	color:#af9356;
	cursor: pointer;
}


.xuanxian_img{
	position: absolute;
	bottom:0;
	left: 0;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
.xuanxian_img >img{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


/*.xuanxian_img{
	display: table-cell;
	width: 100%;
	height: 40vw;
	vertical-align: middle;
	text-align: center;
}
.xuanxian_img >img{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
*/

.xuanxian > div{
	background: #fff;
}
.xuanxian > div:hover{
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	cursor: pointer;
}

.border_box{
	width: 100%;
	position: absolute;
	z-index: 1;
	display: table;
	text-align: center;
	background: url(../../img/noise-pattern.png);

}
 .border_box > div{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.xiao_border{
	width: 100%;
	height: 100%;
	border:1px solid rgba(0,0,0,0);
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.xiao_border:hover{
	cursor: pointer;
}
.border_keyframes{
	-webkit-animation: border 0.15s linear forwards;
	animation: border 0.15s linear forwards;

}

@-webkit-keyframes border{
	0%{
		border:1px solid rgba(0,0,0,0);
	}
	100%{
		border:1px solid rgba(0,0,0,0.3);
		width: 96%;
		height: 97%;
	}
}
@keyframes border{
	0%{
		border:1px solid rgba(0,0,0,0);
	}
	100%{
		border:1px solid rgba(0,0,0,0.3);
		width: 96%;
		height: 97%;
	}
}
.border_keyframes_fx{
	-webkit-animation: border_fx 0.15s linear forwards;
	animation: border_fx 0.15s linear forwards;

}

@-webkit-keyframes border_fx{
	0%{
		
	}
	100%{
		border:1px solid rgba(0,0,0,0);
		width: 100%;
		height: 100%;
	}
}
@keyframes border_fx{
	0%{
		
	}
	100%{
		border:1px solid rgba(0,0,0,0);
		width: 100%;
		height: 100%;
	}
}
/*.xuanxian > div:nth-child(1){
	background: #FFFCE5;

}
.xuanxian > div:nth-child(1) > div{
	background: url(../../img/noise-pattern.png);
}
.xuanxian > div:nth-child(2){
	background:  #DBFFEF;

}
.xuanxian > div:nth-child(2) > div{
	background: url(../../img/noise-pattern.png);
}
.xuanxian > div:nth-child(3){
	background:#DEF8FF;

}
.xuanxian > div:nth-child(3) > div{
	background: url(../../img/noise-pattern.png);
}
*/



/*展示box================================================================*/
.zhanshi_box{
	height: 26vw;
	-webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.1);
	box-shadow: 0 0px 6px rgba(0,0,0,0.1);
	margin-bottom: 1vw;
	background: #fff;
	overflow: hidden;
}
.zhanshi_box > div{
	width: 100%;
	height: 100%;
	 background: url( ../../img/noise-pattern.png);
	overflow: hidden;
	position: relative;
}

.zhanshi_zhezao{
	width: 100%;
	height: 19vw;
	-webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.2) inset;
	box-shadow: 0 0px 6px rgba(0,0,0,0.2) inset;
	position: absolute;
	top:3.5vw;
	left: 0;
	z-index: 1;
	background: #ebebeb;
	
	
}
.zhanshi_img_box{
	width: 400%;
	height: 17vw;
	margin-top: 4.5vw;
	position: relative;
	z-index:2; 
	overflow: hidden;
	
}

.zhanshi_box img{
	display: block;
	height:100%;
	float: left;
	margin-left: 1vw;

}
/*foot================================================================*/


.foot{
	-webkit-box-shadow: 0 -1px 6px rgba(0,0,0,0.05);
	box-shadow: 0 -1px 6px rgba(0,0,0,0.05);
}





@media screen and (max-width: 1024px) {
	
	/*banner=====================================================*/
	.banner_wenan_box hr{
		margin: 1.5vw auto 1.5vw auto;
	}
	.banner_wenan_box p{
		width: 64vw;
		font-size:1.6vw;
	 	line-height: 1.5;
	}
	
	/*分类=====================================================*/
	.xuanxian_wenan_zw h2{
		font-size: 2vw;
	}
	
	.xuanxian > div{
		height: 42vw;
	}
	.zi_xuanxian a{
		font-size: 1.4vw;
		line-height:1.8;
	}
	span8{

		display: none;
	}
	span9{
		display: inline;
	}

	
}



@media screen and (max-width: 780px) {
	
	/*banner==================================================*/
	.banner_img_box img{
		width:140%;
		margin-left: -20%;
		margin-top: 4vw;
	} 
	.banner_wenan_box{
		margin-top:4vw;
		margin-bottom: 8vw;
	}
	.banner_wenan_box h2{
		font-size: 4.6vw;
	}
	.banner_wenan_box p{
		width: 86vw;
		font-size:3.2vw;
		line-height: 1.2;
	}
	
	/*xuanxian==================================================*/
	
	.xuanxian > div{
		width:100vw;
		height: 96vw;
		margin: 3vw auto;
		float: none;
	}
	.xuanxian_wenan h2{
		margin: 8vw auto 1vw auto;
		font-size: 4.5vw;
		line-height: 1.1;
	}
	.zi_xuanxian a{
		margin-right: 3.2vw;
		font-size: 3.2vw;
		line-height: 1.5;
	}
	
	
	/*展示box================================================================*/
	
	.zhanshi_box{
		height: 66vw;
		margin-bottom: 3vw;

	}	
	.zhanshi_zhezao{
		height: 50vw;
		top:8vw;
	}
	.zhanshi_img_box{
		height: 44vw;
		margin-top:11vw;
		width: 700%;
	}	
}