@charset "UTF-8";

/* CSS Document */

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



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

}
.bannerbox{
	width: 100%;
	overflow:hidden;
		background: #f2ece0;
	position: relative;
	
}
.bannerbox .logo{
	color:#fff;
	position: absolute;
	top:25%;
	width: 15vw;
	left: 14vw;
	animation: LOGO 3s linear 0.5s forwards;
		-webkit-animation: LOGO 3s linear 0.5s forwards;
			-moz-animation: LOGO 3s linear 0.5s forwards;
				-o-animation: LOGO 3s linear 0.5s forwards;
	opacity: 0;
}

.bannerbox span{
	color:#fabb87;

}
#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;
		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;
	overflow: hidden;
	
}
.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;
}
.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);

}
@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;
	}	

}
@media screen and (max-width: 1024px){
	.banner_wenan{
		margin: auto auto auto 2.6vw;
	}
	.banner_wenan h2{
		font-size: 2.1VW;
	}
	.banner_wenan b{
		font-size: 1.5vw;
	}

	.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;
	}	
	
}



@media screen and (max-width: 750px){
	
	.bannerbox table td:first-child{
		width: 100%;
	}
	.bannerbox table td:last-child{
		display: none;
	}
	.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;
	
	}
	.bannerbox .logo{
		left: 12vw;
		top: 28.5%;
	}
	.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;
	}
}



/*调节nav与FOOT阴影*/
.SSnav_bastbigbox{
/*	margin:auto auto 0.5vw auto;*/
}
/*.SSnav_bigbox{
	box-shadow:none;


}*/

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

}*/
.jiangexiantiao{
	border-top: 2px solid #f2ece0;
	width:100%;
	margin-left: auto; 
	margin-right: auto;
}







/* RR简介*/

.RR_jianjie_box{
	width:100%;
	
	overflow: hidden;
	text-align: center;
	background: #fff;

	

}
.RR_jianjie{
	width: 1200px;
	position: relative;
	margin: 120px auto;
	text-align: left;
}

.RR_jianjie h2{
	font-size: 1.6VW;

	text-align: right;
	color:rgba(0,0,0,0.7);
	text-transform: uppercase;
	
}

.RR_jianjie_wenan{
	width:74%;
	float: left;
	text-align: justify;
	
}
.RR_jianjie_wenan *{
	
	
}
.RR_jianjie_wenan p{
	margin-top: 30px;
	font-size: 16px;
	color:rgba(0,0,0,0.5);
	font-family:Helvetica;
	line-height: 1.4;
	letter-spacing: 0.5px;
	
	
	
}
.RR_jianjie_wenan p:first-child{
	margin-top: 30px;
	
	
}
.photo{
	float:right;
	width: 22%;
	margin-top: -22px;

}
.photo img{
	display: block;
	border-radius: 50%;
	margin-top: 24px;
	width: 186px;
	margin-left: auto;
	margin-right: auto;
	float: right;
	
}
.photo img:first-child{
	margin-top:0px;
	
}
.photo img:hover{
	transform: scale(1.1);
	position: relative;
}
.last{
	clear: both;
}

@media screen and (max-width: 1280px){
	.RR_jianjie{
		width: 1000px;
		margin: 100px auto;
	}
	.photo img{
		margin-top: 20px;
		width: 160px;

	
	}
	.RR_jianjie h2{
		font-size: 1.8VW;
	}
	
	
}

@media screen and (max-width: 1024px){
	.RR_jianjie{
		width: 90%;
		margin: 80px auto;
	}
	.photo{
		margin-top: 0;
	}
	.photo img{
		margin-top: 30px;
		width: 124px;

	
	}
	.RR_jianjie h2{
		font-size: 2VW;
	}
	.RR_jianjie_wenan p{
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.3;
	}
	
}
@media screen and (max-width: 980px){
	.RR_jianjie{
		width: 81.6%;
	}
	
}


@media screen and (max-width: 750px){
	.RR_jianjie{
		width: 90%;
		margin: 60px auto;
	}
	.photo img{
		margin-top: 78px;
		width: 22vw;

	
	}

	
	.RR_jianjie h2{
		font-size: 4VW;
	}
	.RR_jianjie_wenan{
		width:70%;
	
	}
	.photo{
		float:right;
		width: 26%;
		margin-top: 10px;
	}
	.RR_jianjie_wenan p{
		margin-top: 14px;
		font-size: 2.4VW;
		line-height: 1.25;
	}
	
}


@media screen and (max-width: 420px){
	.RR_jianjie{
		margin: 40px auto;
	}
	.photo{
		
		width: 30vw;
		float: right;
		margin-right: 0vw;
		margin-top: 0;
	}
	.photo img{
		margin-top: 28px;
		width: 28vw;
		padding-left: 2vw;
	}
	.photo img:first-child{
		margin-top: 44px;
	}
	
	.RR_jianjie h2{
		font-size: 5VW;
		text-align: left;
	}
	.RR_jianjie_wenan{
		width:98%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
	
	}
	.RR_jianjie_wenan p{
		margin-top: 14px;
		font-size: 3.4VW;
		line-height: 1.25;
	}
	
}




/*产品*/

.products_box{
	width:100%;
	background:rgba(255,255,255,0.5);
	overflow: hidden;
}
.bg_img{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	display: block;
}
.products_box2{
	margin-top: 100px;
}
.products{
	width:1200px;
	margin:100px auto;
	
	
}
.products:first-child{
	margin:120px auto 100px auto;
	
	
}
.products:last-child{
	margin:100px auto 120px auto;
	
	
}

.content_1:hover, .products:hover{
	position: relative;
	transform: scale(1.01);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
			-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
				-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
					-o-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
	}

	
	

.coffee_dou table{
	height: 340px;
	background: #fff;
	border-radius: 6px;
}
.coffee_dou td{
	width:50%;
	height:100%;
}
.coffee_dou td:last-child{
}
.coffee_dou_wenan{
	margin-left: 70px;
}
.coffee_dou_wenan h2{
	font-size: 1.6VW;
	font-weight: 700;
	color:rgba(0,0,0,0.7);
	text-transform: uppercase;
	
	
}

.coffee_dou_wenan p{
	margin-top: 18px;
	font-size: 16px;
	color:rgba(0,0,0,0.5);
	font-family:Helvetica;
	line-height: 1.4;
	letter-spacing: 0.5px;
	text-align: justify;
}
.imgbox{
	width: 54%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}
.imgbox2{
	height: 72%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}

.more{
	
	vertical-align: middle;
	padding-top: 20px;
	line-height: 14px;
	cursor:pointer;
}

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

@media screen and (max-width: 1280px){
	.products{
		width:1000px;
	}
	.coffee_dou_wenan h2{
		font-size: 1.8VW;
	}
	
}

@media screen and (max-width: 1024px){
	.products{
		width: 90%;
	}
	.products_box2{
		margin-top: 80px;
	}
	.coffee_dou_wenan h2{
		font-size: 2VW;
	}
	.coffee_dou td:first-child{
		width:64%;
	}
	.imgbox{
		width: 74%;	
	}
	.coffee_dou table{
		height: 310px;
	}
	.coffee_dou_wenan{
		margin-left: 50px;
	}
	.coffee_dou_wenan p{
		margin-top: 12px;
	}
	.more{
		padding-top: 14px;
	}
	.imgbox2{
		height: 56%;
	}
}

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


}

@media screen and (max-width: 750px){
	.products_box{
		background:rgba(0,0,0,0.1);
	}
	.products{
		width: 91.6%;
		margin:70px auto;
	
	
	}
	.products:first-child{
		margin:70px auto 70px auto;	
	}
	.products:last-child{
		margin:70px auto 70px auto;	
	}

	.coffee_dou_wenan h2{
		font-size: 4VW;
	}
	.coffee_dou td:first-child{
		width:100%;
	}

	.coffee_dou td{
		width:100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.imgbox{
		width: 60%;	
		
		margin-top: 10px;
		margin-bottom:40px;
		margin-left: 15%;
	}
	.coffee_dou table{
		height: auto;
	}
	.coffee_dou_wenan{
		width: 90%;
		margin: 40px auto;
		overflow: hidden;
	}
	.coffee_dou_wenan p{
		margin-top: 10px;
		font-size: 2.4vw;
		line-height: 1.2;
		
	}
	.more{
		padding-top: 20px;
	}
	.imgbox2{
		width: 60%;	
		margin-top: 10px;
		margin-bottom:40px;
		margin-left: 15%;
	}
}


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

	.products{
		margin:40px auto;
	
	
	}
	.products:first-child{
		margin:50px auto 40px auto;	
	}
	.products:last-child{
		margin:40px auto 50px auto;	
	}
	.coffee_dou_wenan h2{
		font-size: 5VW;
	}
	.coffee_dou td:first-child{
		width:100%;
	}

	.coffee_dou td{
		width:100%;
	
	}
	.imgbox{
		width: 60%;	
		margin: 10px auto 20px auto;

		margin-left: 15%;
	}
	.coffee_dou table{
		height: auto;
	}
	.coffee_dou_wenan{
		width: 90%;
		margin: 30px auto;
	}
	.coffee_dou_wenan p{
		margin-top: 10px;
		font-size: 3.4vw;
		line-height: 1.2;
		
	}
	.more{
		padding-top: 20px;
	}
	.more h6{
		font-size: 4vw;
	}
	
	.imgbox2{
		width: 60%;	
		margin: 10px auto 20px auto;
		margin-left: 15%;
	}
}





/*解決方案*/

.schemebox{
	position: relative;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.scheme{
	margin: 50px 70px 50px 70px;

}

.scheme h2{
	margin-top: 0;
	font-size: 1.6VW;
	color:rgba(0,0,0,0.7);
	text-transform: uppercase;
	
}
.scheme p{
	margin-top: 30px;
	font-size: 16px;
	color:rgba(0,0,0,0.5);
	font-family:Helvetica;
	line-height: 1.4;
	letter-spacing: 0.5px;
	text-align: justify;
}
.content{
	margin-top: 40px;
}
.content_1{
	width:30%;
	float: left;
	margin-right: 5%;
	background: rgba(0,0,0,0.04);
	border-radius: 5px;
}
.content_1:nth-child(3){
	margin-right: 0%;
}
.content_wenan{
	margin: 30px 20px;
	overflow: hidden;
}
.content_1 img{
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.content_1 h3{
	font-size: 0.9VW;
	font-weight: 600;
	color:rgba(0,0,0,0.7);
	text-transform: uppercase;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";	
	margin: auto 0;
}
.content_1 p{
	margin-top: 20px;
	font-size: 14px;
	color:rgba(0,0,0,0.5);
	font-family:Helvetica;
	line-height: 1.3;
	letter-spacing: 0.5px;
	text-align: justify;
}

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


@media screen and (max-width: 1280px){
	.scheme{
		width: 860px;

	}
	.scheme h2{
		font-size: 1.8VW;
	}
	.content_1{
		width:30%;
	}
}

@media screen and (max-width: 1024px){
	.scheme{
		width: 90%;
		margin: 80px auto;

	}
	.scheme h2{
		font-size: 2VW;
	}
	.scheme p{
		margin-top: 20px;

	}
	.content{
		margin-top: 20px;
	}	
	.content_1 h3{
		font-size: 1.5VW;
		font-weight: 600;
	}
	.content_wenan{
		margin: 24px 16px;
		overflow: hidden;
	}
	.content_1 p{
		margin-top: 10px;
		font-size: 14px;
		text-align: left;
		line-height: 1.4;
	}
	.content_1{
		width:32%;
		float: left;
		margin-right: 2%;
	}
	.content_1:nth-child(3){
		margin-right: 0%;
	}
	.bg_img{
		width: auto;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	
}

@media screen and (max-width: 980px){
	.scheme{
		width: 81.6%;
		margin: 80px auto;

	}


}

@media screen and (max-width: 750px){
	
	.scheme{
		margin: 40px auto;
		width: 91.6%;
	}
	.scheme h2{
		font-size: 4VW;
	}
	
	.scheme p{
		margin-top: 10px;
		font-size: 2.8vw;
		line-height: 1.3;
	}
	.content{
		margin: 40px auto;
		overflow: hidden;
	}
	.content_1 h3{
		font-size: 2.8VW;
		font-weight: 600;
	}

	.content_wenan{
		margin: 30px;
		overflow: hidden;
	}
	.content_1 p{
		margin-top: 10px;
		font-size: 2.4vw;
		line-height: 1.3;
	}
	.content_1{
		width:100%;
		float: left;
		margin-right: 0%;
		margin-top: 50px;
		border-radius: 5px;
	}
	.content_1:first-child{
		margin-top: 0px;

	}

	.content_1:nth-child(3){
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.more h5{
	font-size: 2.6vw;
	}

	span5{
		display: none;
	}
}



@media screen and (max-width: 414px){
	.scheme{
		margin: 40px auto;
		width: 89%;

	}
	.scheme h2{
		font-size: 5VW;
	}
	.scheme p{
		margin-top: 10px;
		font-size: 3.3vw;
		line-height: 1.3;
	}
	.content{
		margin: 20px auto;
		overflow: hidden;
	}	
	.content_1 h3{
		font-size: 4.4VW;
		font-weight: 600;
	}
	.content_wenan{
		margin: 20px 20px;
		overflow: hidden;
	}
	.content_1 p{
		margin-top: 10px;
		font-size: 3.4vw;
		line-height: 1.3;
	}
	.content_1{
		width:100%;
		float: left;
		margin-right: 0%;
		margin-top: 40px;
		border-radius: 5px;
	}

	.content_1:nth-child(3){
		margin-right: 0%;
	}
	.more h5{
	font-size: 4vw;
	}
	
}