@charset "UTF-8";

/* CSS Document */

/*重置*/
html,body{height:100%; width: 100%;}
img, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
		margin: 0;
		padding: 0;
		border: none;
		font: inherit;

	
	    
	}

body{font-family:'Helvetica',"Microsoft YaHei"; letter-spacing: 1px; height: 100%; width: 100%; font-size: 62.5%;
}
p{font-size:1.6em; letter-spacing: 1px;
}
h1{font-size:3.2em; font-family:"Humanst 521"; color: #e9dc95;
}
h2{ color:#af9356; font-family:"Humanst 521"; font-weight: 700;
}
h4{font-size: 1.8em; color: #caa961; line-height: 74px;}
h6{
	 letter-spacing: 1px;
}
hr{
	border:none;
}
*{
	box-sizing: border-box;
}
	

/*banner*/
.banner_bigbox{
	width:100%;
	position: relative;

}
.bannerbox{
	width: 100%;
	overflow:hidden;
	background: #f2ece0;
	position: relative;
	
}
.banner_wenan_box{
	color:#fff;
	position: absolute;
	width: 1200px;
	margin-left: -600px;
	top:25%;
	left:50%;
	animation: LOGO 2.5s linear 0.5s forwards;
		-webkit-animation: LOGO 2.5s linear 0.5s forwards;
			-moz-animation: LOGO 2.5s linear 0.5s forwards;
				-o-animation: LOGO 2.5s linear 0.5s forwards;
	opacity: 0;
}
.banner_wenan_box hr{
	height: 2px;
	width: 100%;
	background:rgba(255,255,255,0.15);
	margin:6px auto;
}
.banner_wenan_box h2{
	color:#fff;
	font-size: 2.4vw;
	letter-spacing:4px;
}
.banner_wenan{
	width: 100%;
	background:rgba(0,0,0,0.3);
	overflow: hidden;
	height: 200px;
}
.banner_wenan p{
	margin:40px;
	font-weight: 300;
	font-size: 1.5vw;
	color: rgba(255,255,255,0.7);
	letter-spacing: 2px;

}

#banner{
	width:100%;
	display:block;
	
}

@keyframes LOGO{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-webkit-keyframes LOGO{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-moz-keyframes LOGO{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-o-keyframes LOGO{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}



/*菜单*/
.caidan_box{
	width:100%;
	background: rgba(36,21,14,0.3);
	position: absolute;
	bottom:0;
	height:60px;
}
.caidan{
	width: 1200px;
	margin:0px auto;
	
}
.caidan div{
	float:left;
	width: 24.6%;
	text-align: center;
	
	line-height: 60px;
	margin: 0px auto;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	letter-spacing:2px;
}
.caidan hr{
	height:60px;
	width: 1px;
	border:1px solid rgba(255,255,255,0.15);
	box-sizing: border-box;
	float: left;
}
.caidan div:last-child{
}
.caidan div:hover{
	background:rgba(255,255,255,0.15);

}.caidan div:first-child{
	

}
@media screen and (max-width: 1280px){
	.caidan{
		width: 1000px;
	}
	.caidan_box{
		height:50px;
	}
	.caidan div{
		line-height: 50px;
		margin: 0px auto;
		color: #fff;
		font-size: 18px;
	}
	.caidan hr{
		height:50px;
	}	
	.banner_wenan_box{
		width: 1000px;
		margin-left: -500px;
		top: 18%;
	}

}
@media screen and (max-width: 1024px){

	.banner_wenan_box h2{
		font-size: 3VW;
	}

	.banner_wenan li{
		font-size: 1.2vw;
		line-height: 1.6;

	}
	.caidan{
		width: 90%;
	}
	.caidan_box{
		height:44px;
	}.caidan div{
		line-height: 44px;
		font-size: 16px;
	}
	.caidan hr{
		height:44px;
	}
	.banner_wenan_box{
		width: 90%;
		margin-left: 5%;
		left: 0;
		top: 18%;
	}
	
	.banner_wenan p{
		margin:20px;
		font-size: 1.8vw;

	}
	.banner_wenan{
			height:130px;
		
	}

}

@media screen and (max-width: 980px){
	.caidan{
		width: 81.6%;
	}
	.banner_wenan_box{
		width: 81.6%;
		margin-left: 9.2%;

	}
}

@media screen and (max-width: 750px){
	.banner_wenan_box h2{
		font-size: 3.6VW;
		letter-spacing: 0.5px;
	}

	.banner_wenan_box{
		width: 91.6%;
		margin-left: 4.2%;
		top: 21%;
	}

	.banner_wenan p{
		font-size: 2.4vw;

	}
	.banner_wenan p:nth-child(2){
		display: none;

	}
	.banner_wenan{
		height: auto;
	}
	.caidan{
		width: 100%;
	}
	.caidan_box{
		height:50px;
	}
	.caidan div{
		line-height: 50px;
		font-size: 16px;
		font-weight: 600;
	}
	.caidan hr{
		height:50px;
	}	
	
	#banner{
		width:114vw;
		display:block;
		margin-left:-8vw;
	
	}
}

@media screen and (max-width: 414px){
	#banner{
		width:130vw;
		display:block;
		margin-left:-20vw;
	
	}
	.banner_wenan_box{
		top: 18%;
	}


	.banner_wenan p{
		margin:10px;
		font-weight: 300;
		font-size: 2.8vw;
		line-height: 1.4;
		color: rgba(255,255,255,0.6);

	}

	
	.caidan_box{
		height:40px;
	}
	.caidan hr{
		height:40px;
	}	
	.caidan div{
		width: 24.5%;
		font-size: 3vw;
		line-height: 40px;
	}
}


@media screen and (max-width: 320px){

	
	.caidan_box{
		height:32px;
	}
	.caidan hr{
		height:32px;
	}	
	.caidan div{
		
		font-size: 2.8vw;
		line-height: 32px;
	}
	.banner_wenan p{
		margin:8px auto 8px 20px;
		font-size: 2.8vw;
		line-height: 1.4;

	}
}



/*调节nav与FOOT阴影*/
.SSnav_bastbigbox{
/*	margin:auto auto 0.5vw auto;*/
}


.foot{ 
	position: relative;
	box-shadow: none;
	background: #fff;
	

}






/*产品*/
.content_bigbox_1{
	overflow: hidden;
	
	background: #fff;
}
.content_bigbox{
	overflow: hidden;
	
	background: rgba(255,255,255,0.4);
}
.bg_img{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	display: block;
}
.content_box{
	width:1200px;
	margin:100px auto;
	
}
.content{
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	
}
.products_1 h2{
	font-size: 1.8VW;
	color:rgba(0,0,0,0.7);
	font-weight: 700;
	text-transform: uppercase;
}
.products_1 .major{

	color:rgba(0,0,0,0.8);

}
.products_1 hr{
	height:2px;
	width: 100%;
	background: rgba(0,0,0,0.08);
	margin: 10px auto 40px auto;
	
}
.products_1 img{
	width:100%;
}
.products_1 p{
	font-size: 16px;
	font-weight: 500;
	color:rgba(0,0,0,0.45);
	font-family: Helvetica, Arial;
	line-height: 1.5;
	margin-top: 1vw;
	margin: 0;
}
.products_1 p:nth-child(2n){
	margin-top: 20px;
}
.products_1 p:nth-child(3){
	margin-top: 20px;
}

.products_wenan{
	margin: 40px 30px 60px 30px;
	letter-spacing: 0.5px;
}

.xuanxian{
	margin-top: 30px;
	overflow: hidden;
}

ul.xuanxian a{
	float: left;
	margin-right: 2%;
	width:26%;
	text-align: center;
	line-height: 40px;
	border:1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	color:rgba(0,0,0,0.45);
	font-size: 14px;
	cursor: pointer;
}

ul.xuanxian a:last-child{
	margin-right: 0;
}
ul.xuanxian a:hover{
	background: rgba(0,0,0,0.3);
	border:none;
	color:#fff;
}
.more{
	
	vertical-align: middle;
	padding-top: 20px;
	line-height: 14px;
	cursor:pointer;
}

.more h6{
	float: left;  margin-right: 8px; height:100%;
	font-size: 18px; color:#caa961; font-weight: 600;
}
.more h6:hover, .more h5:hover{
	color:#cf853c;
}



@media screen and (max-width: 1280px){
	.content_box{
		width:1000px;
		margin:80px auto;
	}
	.products_1 h2{
		font-size: 2VW;
	}
	.products_1 p{
		font-size: 1.5vw;
	}
	.features article h3{
		font-size: 1.7vw;
	}
	.products_wenan{
		margin: 30px 10px 30px 10px;
		letter-spacing: 0.5px;
	}


}


@media screen and (max-width: 1024px){
	.content_box{
		width:90%;
		margin:60px auto;
	}
	.products_1 h2{
		font-size: 2.2VW;
	}
	.products_1 p{
		font-size: 1.7vw;
	}
	.features article h3{
		font-size: 2vw;
	}
	.products_wenan{
		margin: 30px 20px 30px 20px;
		letter-spacing: 0.5px;
	}

	.bg_img{
		width: auto;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 980px){
	.content_box{
		width: 81.6%;
	}
	
}

@media screen and (max-width: 750px){
	.content_bigbox{
	
		background: rgba(0,0,0,0.4);
	
	}

	.products_1 .major{
		color:rgba(255,255,255,1);

	}

	.content_box{
		width: 90%;
		margin: 50px auto;
		overflow: hidden;
		
	}
	.products_1 h2{
		font-size: 3.8VW;
		
	}
	.biaoti_wenan .hhr{
		background: rgba(0,0,0,0.08);
	}
	.products_1 hr{
		height:2px;
		margin: 10px auto 30px auto;
		background: rgba(255,255,255,0.2);
	
	}
	.products_1 p{
		font-size: 2.8vw;
	}
	.features article h3{
		font-size: 2.6vw;
	}
	.products_wenan{
		margin: 20px 20px 40px 20px;
		letter-spacing: 0.5px;
	}
	.products_wenan p{
		font-size: 2.5vw;
	}
	.more h6{
		font-size: 20px;
	}

	ul.xuanxian a{
		width:31%;
		line-height: 40px;
		font-size: 2.3vw;
	}
}

@media screen and (max-width: 414px){
	.content_box{
		margin:40px auto 40px auto;
		width: 90%;
		overflow: hidden;
	}
	.products_1 h2{
		font-size: 4.8VW;
	}
	.products_1 hr{
		height:2px;
		margin: 10px auto 20px auto;
	
	}
	.products_1 p{
		font-size: 3.5vw;
	}
	.features article {
		margin: 1.5em 1em 1.5em 0;
		width: calc(50% - 0.5em);
	}
	.features article h3{
		font-size: 3.4vw;
	}
	.products_wenan{
		margin: 20px 20px 40px 20px;
		letter-spacing: 0.5px;
	}

	.more h6{
		font-size: 14px;
	}
	ul.xuanxian a{
		width:32%;
		line-height: 30px;
		font-size: 2.8vw;
		letter-spacing: 0.2px;
	}
}
@media screen and (max-width: 375px){
	.content_box{
		width: 89%;
	}
}
@media screen and (max-width: 320px){


	
}