@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, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	 	box-sizing: border-box;
	
	    text-decoration: none;
	}
table {
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 2em;
	}
ol, ul {
		list-style: none;
	}

a{
	color:rgba(0,0,0,0.8);
	text-decoration: none;
	cursor: pointer;
	
}
body{
	font-family:'Helvetica',"Microsoft YaHei"; letter-spacing: 1px; font-size: 62.5%;
}

/*点击效果*/
.dianjiyanse{ color:#caa961;
}
.yanse{background-color:#7d7d7d;
}


/*公共属性*/
.top{margin-top: 0px;}
.top1{margin-top: 18px;
}
img{display: block;
}
body{font-family:'Helvetica',"Microsoft YaHei"; letter-spacing: 1px; height: 100%; width: 100%; font-size: 62.5%;
}

p{font-size:1.6em; color:#868686;
}
h1{ color: #caa961; font-family:'Humanst 521'; font-size: 3.2em; text-transform: uppercase;
}
h2{ color:#af9356; font-family:'Humanst 521';
}
h3{font-size:1.8em; 
}
h4{font-size: 1.8em; color: #A5A5A5; line-height: 1.3;  letter-spacing: 0.5px;
}
h5{color:#7d7d7d; 
}
.float-left{ float: left;
}
.float-right{ float: right;
}
.h44{line-height: 1.5;
	
}
.text_align_left{
	text-align: left;
}
.text_align_right{
	text-align: right;
}
span6{
	display: inline;
}


/*nav====================================================*/


.SSnav_bigbox{
	height:80px;
	width: 100%;  
	position:relative; z-index:99; display: block;  background-color:rgba(255,255,255,1); 
	box-shadow:0px 2px 8px rgba(0,0,0,0.1);
		-webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.1);
			-moz-box-shadow:0px 2px 8px rgba(0,0,0,0.1);
				-o-box-shadow:0px 2px 8px rgba(0,0,0,0.1);
}


.SSnav_box{
	width: 90%;
	height:100%;
	margin-left: 5%;


}
.SSnav_logo{
	width: 6.6%;
	height:100%;
	float: left;
	
}
.SSnav_logo img{
	height:60px;
	margin: 10px auto 0 auto;
	
}


.SSnav_minbox{
	width:auto;
	height:100%;
	display:block;
	float: right;
}

.SS_nav{
	float: left;
	line-height:80px;
	font-size: 18px;
	cursor: pointer;
	letter-spacing: 0.6px;

}


.SS_nav a{
	float: left;
	padding:0 2.4vw;
	display:block;
	color:#7d7d7d; 
}





@media screen and (min-width: 751px) {
	.SS_nav > a:hover{ 
		color:#caa961;
	}
}







@media screen and (max-width: 1024px) {
	
	/*nav*/
	
	.SSnav_bigbox{

		height:6vw;
	}

	.SS_nav{
		line-height:6vw;
		font-size: 1.5vw;
	
	}
	.SSnav_logo img{
		height:4.6vw;
		margin: 0.7vw auto 0 auto;
	
	}
	
		
	
}


@media screen and (max-width: 780px) {
	
	/*nav*/
	
	.SSnav_bigbox{
		height:10.6vw;
	}
	
	.SSnav_box{
		width: 90vw;
		margin-left: 5vw;
		

	}

	.SSnav_logo{
		width:10%;
		height:100%;

	
	}
	.SSnav_logo img{
	
		height:70%;
		margin: 17% auto 13% auto;	
	
	}
	.SSnav_minbox{

		float: right;
		width: 90%;
		
	}
	
	.SS_nav{
		line-height:10.6vw;
		font-size: 3.1vw;
		letter-spacing: 0;
		float: right;
		

	}
	.SS_nav a{
		padding:0 2vw;
		display:block;
		
	}
	.SS_nav a:first-child{
		padding-left:0;
		display: none;
	}
	.SS_nav a:last-child{
		padding:0 0 0 2vw;
	}



	
}


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

	
	.SSnav_bigbox{
		height:14vw;
	}

	.SSnav_logo img{
	
		height:68%;
		margin: 24% auto 10% auto;	
	
	}
	.SS_nav{
		line-height:14vw;

		

	}
	.SS_nav a{
		padding:0 1.6vw;
	}

	.SS_nav a:last-child{
		padding:0  0 0 1.6vw;
	}

}

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


	
	
}

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

	.SS_nav a{
		padding:0 1.8vw;
		display:block;
	}
}





/*页脚foot*/

.foot{ 
	position: relative; background-color:#ffffff;  
	box-shadow: 0 -2px 4px #efefef; 
		-webkit-box-shadow: 0 -1px 2px #efefef; 
			-moz-box-shadow: 0 -1px 2px #efefef; 
				-o-box-shadow: 0 -1px 2px #efefef; 
	overflow: hidden;
	text-align: left;
}
.foot .beijing{
	width: 100%;
	height:100%;
	position: absolute; 
	top:0;
	z-index: 1;
	background:#000;
	
}

.footwenan{ width: 1200px; margin:6vw auto; position: relative; z-index: 2;
}
.footbiaoti{  color:#caa961;  font-family:'Humanst 521'; margin-bottom: 30px;
}
.zuowenan{ float: left;  width: 54%;
}
.youbiaoge{float: right; width:46%;  
}
.gongsi, .dianhua{ clear: both; overflow: hidden;
}

.dianhua img, .dianhua .wenan, .gongsi img, .gongsi .wenan{ float: left;  color:rgba(140,140,140,1.00);
}
.dianhua .wenan, .gongsi .wenan{ margin-left: 23px; margin-top: 8px;
}
.wenan > a >p{ color:rgba(140,140,140,1.00);
	
}

#yingwenming{ font-family:'Humanst 521';  font-size:2em;
	}
#zhongwenming{margin-top: 8px; font-weight:bold;
}
#xiaozi1{color: #909090; margin-top: 12px; font-size:1.4em
}
#xiaozi2{ color: #909090; font-size: 1.4em;
}
.dianhua{ margin-top: 30px;
}
#actions{ width: 50%;
}
.link{
	color:#caa961; font-size: 1.2em; font-family:'Humanst 521';
}

.field label{
		font-size:15px; 
		line-height: 16px; 
		font-weight: 700; 
		color: rgba(140,140,140,1.00);
		display: block;
		font-family: Raleway, Helvetica, sans-serif;
		letter-spacing: 0.1em;
		margin: 0 0 0.7em 0;
		text-transform: uppercase;
}
/* Form */

	form {
		 float: left; color: #caa961;
		width:100%;
	}

		form .field {
			margin: 1.5em 0 2em 0;
		}
	form .field:first-child{
		margin-top:0;
	}
			form .field label {
				margin-top: -0.5em;
			}

			form .field:first-child label {
				margin-top: 0;
			}

		form > :last-child {
			margin-bottom: 0;
		}
	


	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, 0.025);
		border-radius: 5px;
		border: none;
		border: solid 2px rgba(0, 0, 0, 0.125);
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 2% 0 2%;
		text-decoration: none;
		width: 100%;
		box-sizing: border-box;
		
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		select:focus,
		textarea:focus {
			border-color: #a68c5b;
		}




	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select {
		height: 3.5em;
	}

	#message{
		padding: 0.75em 2% 0.75em 2%;
	}




	::-webkit-input-placeholder {
		color: rgba(0, 0, 0, 0.3) !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: rgba(0, 0, 0, 0.3) !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: rgba(0, 0, 0, 0.3) !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: rgba(0, 0, 0, 0.3) !important;
		opacity: 1.0;
	}
	:-o-input-placeholder {
		color: rgba(0, 0, 0, 0.3) !important;
		opacity: 1.0;
	}

	.polyfill-placeholder {
		color: rgba(0, 0, 0, 0.3) !important;
		opacity: 1.0;
	}

.actions #input{ background:none; border: none; font-size: 1.8em; line-height: 35px; padding: 0 40px ; color: aliceblue;    

}



ul.actions {
			background-color: #caa961;
			border-radius: 5px;
			height: 40px;
			text-align: center;
			width: 100%;
			cursor: default;
			list-style: none;
			padding: 0 0 0 1em;

		}

ul.actions:hover{
	cursor: pointer;
}



@media screen and (max-width: 1280px) {
	
	/*页脚*/
	

	.footwenan{width: 960px; 
	}

	#yingwenming{   font-size:1.8em; 
	}
	.tubiao{
		width:6.6%;
	}
	p{font-size:1.3em; line-height: 18px; 
	}
	.footbiaoti h1{
		font-size:2.6em; color:#e9dc95;
	}

	
	.zuowenan{
		width:58%;
	}
	.youbiaoge{
		width:40%; 
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select {
		height: 3.2em;
	}


	ul.actions {
		height: 40px; width: 100%; line-height: 40px; font-size: 1.0em; 
	}

	
}


@media screen and (max-width: 1024px) {
	.footwenan{width: 90%; margin: 7vw auto;
	}
	form .field:first-child {
			margin-top:0;
	}

}


@media screen and (max-width: 980px) {
	
	.footwenan{width: 81.6%; margin-top:60px; margin-bottom: 60px;
	}
	
	.footbiaoti{ font-size:2.4em; 
	}

	#yingwenming{ font-size: 1.6em;letter-spacing: 0.5px;
	}
	#zhongwenming{
		letter-spacing: 0.5px;
	}
	#xiaozi1{margin-top: 20px; font-size:1.4em ; letter-spacing: 0.4px;
	}
	#xiaozi2{ font-size: 1.4em; letter-spacing: 0.5px;
	}
	.wenan{
		width:80%;
	}
	.zuowenan{
		width:64%;
	}
	.youbiaoge{
		width:34%; margin-top: 12px;
	}
	
}
@media screen and (max-width: 800px) {


}
@media screen and (max-width: 780px) {
	
	h1{font-size: 5vw; 
	}
	span6{
		display:none;
	}
	
	/*页脚==============================================*/
	a[name="foot"]{
	}
	.foot{
		position: relative;   overflow:hidden;
	}

	.footwenan{
		width: 90vw;  margin:12vw auto;position: relative;   overflow:hidden; 
	}
	.footbiaoti{ font-size:5.6vw; margin-bottom: 6vw;
	}
	.wenan{
		width:80vw;
	}
	.zuowenan{
		width:100%;
	}

	.tubiao{
		margin-top: 2px;
	}
	.dianhua .wenan, .gongsi .wenan{ margin-left: 3vw; margin-top: 2.2vw;
	}
	.dianhua{
		margin-top: 6vw;
	}
	#yingwenming{
		font-size: 3.8vw; letter-spacing: 0.5px;
	}
	#xiaozi1{
		margin-top:3vw; font-size:3vw ; letter-spacing: 0.4px; line-height: 1.3;
	}
	.zuowenan p{ font-size: 3.4vw;  
	}
	.link{
		font-size:3.2vw; font-family:'Humanst 521'; 
	}
	
	
	
	
	
	.youbiaoge{
		width: 100%; margin-top:8vw; margin-left: auto; margin-right: auto;
	}
	form .field{
		margin-bottom: 3vw;
	}
	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select{
		height: 9vw;
	}
	textarea{
		height: 30vw;
	}
	textarea,
	input{
		font-size: 2.6vw;
	}
	.actions #input{ 
		font-size: 3vw; 
		line-height:9vw; 
		color: aliceblue;   
	}		
	ul.actions {
		height:9vw; 
		line-height: 9vw;
	}
}

@media screen and (max-width: 414px) {
	
	/*页脚*/

	.tubiao{
		width:26px; margin-top: 5px;
	}
	#yingwenming{
		 letter-spacing: 0.5px;
	}


}

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

	.wenan{
		width:74vw;
	}
}

@media screen and (max-width: 320px) {
	.tubiao{
		margin-top: 2px;
	}

	

}