body, dl, dd, ul, ol, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0; }
body { font: 14px/1.2 "\5FAE\8F6F\96C5\9ED1", arial, 'Microsoft YaHei'; color: #333; background: #fff; }
img { vertical-align: middle; border: none; }
ul, ol { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; }
a { color: #333; text-decoration: none; blr: expression(this.onFocus=this.blur()); }
a:hover { text-decoration: none; color: #b3972d; }
a:focus { outline: 0 none; }
h1, h2, h3, h4 { font-size: 100%; font-weight: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; }
.text, .btn, textarea { font-family: "\5FAE\8F6F\96C5\9ED1", arial, 'Microsoft YaHei'; }
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { *zoom: 1; }
.btn { border: none; cursor: pointer; }
html, body { width: 100%; height: 100%; }
input, textarea { outline: none }

.wrap { width: 1200px; margin: auto; }
img,.classify-list li,.pos-imgs{ -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
img{max-width: 100%;}
.header{ height: 94px; line-height: 94px;}
.logo{float: left;}
.nav-box{ float: right ;}
.nav{ margin-right: 35px;}
.nav li,.login,.nav{ float: left;}
.nav li{ font-size: 16px; color: #bbbbbb;}
.nav li a{display: block;padding:0 20px;  height: 89px; color: #666666;}
.nav li a:hover{color:#b3972d;}
.nav li a:hover{
	border-bottom: 5px solid #cea438;
    color: #cea438;
    background: #e3dbc0;
}
.webchat{
	float: left;
	width: 22px;
	height: 18px;
	margin-top: 39px;
	margin-left: 10px;
	cursor: pointer;
	background: url(../images/webchat.png) no-repeat center;
	position: relative;
}
.pos-web{
	position: absolute;
	top: 36px;
	left: 50%;
	width: 108px;
	height: 108px;
	margin-left: -54px;
	background: #fff;
	z-index: 999;
	display: none;
}
.login a{ float: left;margin-left: 10px;}
.webchat:hover .pos-web{ display: block;}
.en{color: #852123;}
/*nav*/
.nav__trigger { float: left; width: 30px; height: 30px; position: relative; right: 0; top: 14px; z-index:1025; display: none; margin-left: 12px; cursor: pointer; }
.nav__icon { display: block; position: absolute; width: 30px; height: 5px; top: 0; left: 0; background-color: #cea438; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
.nav__icon:before, .nav__icon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #cea438; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
.nav__icon:before { margin-top: 20px; }
.nav__icon:after { margin-top: 10px; }
.zjq-mnav { width: 100%; height: 0; padding: 0 0; position: fixed; z-index: 999; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transform: translateY(0%); transform: translateY(0); left: 0; top: 52px; overflow: hidden; }
.zjq-msons { margin: 7px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.zjq-msons dt { font-size: 16px; margin-bottom: 8px; line-height: 1.6rem; text-align: center; }
.zjq-msons a { color: #fff }
.zjq-msons dd { line-height: 22px; margin-left: -20px }
.zjq-msons dd a { margin-left: 20px; display: inline-block; color: #e9e8e8 }
.nav--active .nav__trigger { opacity: 0.5; }
.nav--active .zjq-mnav { opacity: 1;  height: 335px;background:#cea438; -webkit-transform: translateY(0); transform: translateY(0);  padding: 1rem 0;}
.zjq-msons a:hover{ color: rgba(255,255,255,.6);}
/**
 * 轮播图
 */
.slide-img { overflow: hidden; position: relative; }
.slide-b li img{ max-width: 100%;}
.slide-b li { background-size: cover !important; }
.slide-img .flex-control-nav { position: absolute; bottom: 35px; left: 50%; width: 1200px; overflow: hidden; z-index: 99; margin-left: -600px; display: none; }
.slide-img .flex-control-nav li { display: inline-block; text-indent: -9999px; margin-left: 32px; border-radius: 20px; overflow: hidden; }
.slide-img .flex-control-nav li a { display: block; width: 42px; height: 10px; font-size: 0; text-indent: -9999px; cursor: pointer; background: rgba(255, 255, 255, 0.5); }
.slide-img .flex-control-nav li .flex-active { background: rgba(7, 109, 225, 0.5); }
.flex-direction-nav { display: none; }

.classify-list{ margin: 28px 0 56px;}
.classify-list li{
	float: left;
	width: 180px;
	height: auto;
	margin-right: 24px;
	text-align: center;
	position: relative;
}
.classify-list li:last-child{ margin-right: 0;}
.classify-img{height: 133px; overflow: hidden;}
.pos-imgs{
	line-height: 57px;
	font-size: 14px;
}
.abt-box{
	padding-top: 30px;
	background: url(../images/hr.jpg) no-repeat center top;
}
.abt-box h3{
	font-size: 26px;
	line-height: 40px;
	/*color: #947026;*/
	text-align: center;
}
.abt-cont{
	font-size: 18px;
	color: #666666;
	line-height: 34px;
	text-indent: 2em;
	margin: 48px 0;
}
.abt-cont p{ margin-bottom: 12px;}

.more{
	display: block;
	margin:22px auto 60px;
	width: 140px;
	height: 46px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	background: #947026;
	border:1px solid #947026;
}
.more:hover{border:1px solid #cea438; background: #fff; color: #333;}
.footer{
	height: auto;
	overflow: hidden;
}
.foot-head{
	padding: 16px 0;
	background: #505050;
}
.dl-box{ float: left; width: 1050px;}
.foot-dl{
	float:left;
	width: 25%;
	font-size:12px;
	line-height: 24px;
}
.foot-dl dt{
	color: #a48707;
	padding-left: 22px;
	position: relative;
	background: url(../images/pic_30.jpg) no-repeat left center;
}
.down{
	position: absolute;
	top: 17px;
	right: 10px;
	width: 18px;
	height: 9px;
	background: url(../images/shang.png) no-repeat;
	display: none;
}
.foot-dl dd{
	color: #c7c7c7;
	padding-right: 3px;
}
.foot_right{ float: right; padding-top: 10px;}
.foot-btm{line-height: 37px; background: #464646; text-align: center; color: #b2b2b2;}

.foot-btm a{ color: #b2b2b2;}
.foot_right em{ margin-top: 0;}
@media only screen and (max-width:1024px) {
	.header{ height: 52px; line-height: 52px;}
	.logo{ width: 110px;}
	.wrap{ width: 98%; padding: 0!important;}
	.nav{display: none;}
	.classify-list li{ margin: 0 5px; width: 115px;}
	.foot_right{ display: none;}
	.footer .wrap{ width: 100%;}
	.foot-dl,.dl-box{ float: none; width: 100%;}
	.foot-head{ padding: 0;}
	.foot-dl dt{
		color: #fff;
		font-size: 14px;
		line-height: 42px;
		cursor: pointer;
		background: #303030;
	}
	.down{ display: block;}
	.foot-dl dd{
		line-height: 30px;
		color: #333;
		background: #dcdcdc;
	}
	.foot-dl dd p{
		padding: 0 20px;
		border-bottom: 1px solid #bcbcbc;
	}
	.foot-dl dd p:last-child{ border-bottom: 0;}
	.foot-dl dd{ display: none;}
	.foot-dl.show dd{ display: block;}
	.down.show{ background-image: url(../images/xia.png);}
	
	.nav__trigger{ display: block;}
	.webchat{ margin-top: 19px;}
	.classify-img{ height: auto;}
	.classify-list li,.classify-list li:last-child{ margin: 0 1% 10px; width:31.3%;}
	.classify-list li img{ width: 100%;}
}

@media only screen and (max-width:768px) {
	.classify-list{margin: 20px 0;}
}
@media only screen and (max-width:614px) {
	.wrap{ width: 98%;}
	.abt-cont{ margin: 20px 0;}
	.more{ margin-bottom: 40px;}
}
@media only screen and (max-width:414px) {
	.more{width: 110px; height: 34px; line-height: 34px;}
	.abt-box h3{ font-size: 24px;}
	.abt-cont{ font-size: 14px; line-height: 28px;}
	.pos-imgs{line-height: 32px;}
	.pos-imgs{ font-size: 12px;}
	.foot-btm{ line-height: 24px; padding:6px 10px; font-size: 12px;}
}