@charset "utf-8";

html,body,div,span,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,input,table {
	margin:0;
	padding:0;
}
ul,li {
	list-style:none;
}
img {
	border:0;
	vertical-align:top;
}
/* 去虚线 */
a{ blr:expression(this.onFocus=this.blur()); } 
a:focus{ outline:none; }

a,
a:link,
a:visited {
	color: #666;
	text-decoration:none;
}
a:hover {
	color: #a17f43;
	text-decoration:none;
}

.clear { clear: both; }
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	*+height:1%;
}
.container {
	width: 1060px;
	margin: 0 auto;
}
.fl { float: left; }
.fr { float: right; }

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}
.table {
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.table th,
.table td {
	border: 1px solid #ddd;
	padding: 5px 15px;
	word-wrap: break-all;
}

.text-red { color: #f00; }
.text-green { color: #14cf33; }

/* transition */
.transition { transition: all .3s ease-in; }

body {
	font-family: 'Microsoft Yahei',Tahoma,Arial,sans-serif;
	font-size: 14px;
	color: #726658;
	line-height: 24px;
	background-color: #fff;
}

.user-login-info { background-color: #111941; line-height: 36px; color: #ad9861; text-align: right; }
.user-login-info a { color: #ad9861; }

#header {
	height: 140px;
	background-color: #fff;
}
	
	.tel { text-align: right; }
	.nav { height: 60px; }
		.nav>ul>li { position: relative; z-index: 99; float: left; padding-left: 36px; height: 60px; }
		.nav>ul>li>a { float: left; display: block; line-height: 50px; }
		.nav>ul>li>a.cur { color: #ad9861; background: url(../images/navcur.gif) no-repeat 0 3px; }

		.nav li ul { display: none; position: absolute; top: 60px; left: 6px; background-color: #fff; border-top: 2px solid #a17f43; }
		.nav>ul>li:hover>ul { display: block; }
		.nav li ul li { line-height: 36px; border-bottom: 1px solid #eee; font-size: 12px; }
		.nav li ul li a { display: block; padding: 0 36px; white-space: nowrap; }

	.banner { position: relative; height: 568px; }
		.banner-show { width: 100% !important; height: 568px; }
		.banner-show li { width: 100% !important; height: 568px; }
		.banner-btn { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; }
		.banner-btn span { display: inline-block; margin: 0 8px; width: 15px; height: 15px; border-radius: 15px; background-color: #fff; cursor: pointer; }
		.banner-btn span.on { background-color: #a17f43; }


/*products*/
.products { background-color: #f9f9f9; padding: 50px 0; }
	.products-title { text-align: center; }
	.products-title-name { font-size: 24px; font-weight: 700; color: #111941; margin-top: 10px; }
	.products-title-name span { display: block; margin-top: 10px; font-size: 14px; font-weight: normal; color: #c9c9c9; }

	.products-content { overflow: hidden; margin-top: 20px; }
	.products-content ul { width: 1080px; }
	.products-content ul li { float: left; width: 250px; height: 268px; margin: 0 20px 20px 0; }
	.products-content ul li img { width: 250px; /*height: 230px;*/ max-height:230px; }
	.products-content ul li h5 { line-height: 50px; font-size: 14px; text-align: center; }

/*brand*/
.brand { position: relative; height: 300px; padding: 50px 0; background: url(../images/brand_bg.jpg) no-repeat center top; }
	.brand-title { font-size: 24px; font-weight: 700; color: #111941; margin-top: 10px; text-align: center; }
	.brand-title span { display: block; margin-top: 10px; font-size: 14px; font-weight: normal; color: #c9c9c9; }

	.brand-content { padding-top: 50px; }
		.brand-info { text-align: center; }
		.brand-info li h2 { color: #a17f43; font-size: 24px; margin-bottom: 15px; }
		.brand-info li p { color: #fff; line-height: 30px; }
		.brand-btn { position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; }
		.brand-btn span { display: inline-block; width: 10px; height: 10px; margin: 0 10px; border: 2px solid #fff; border-radius: 12px; cursor: pointer; }
		.brand-btn span.on { background-color: #a17f43; border-color: #a17f43; }

/*technology*/
.technology { padding: 50px 0; }
	.technology-title { font-size: 24px; font-weight: 700; color: #111941; margin-top: 10px; text-align: center; }
	.technology-title span { display: block; margin-top: 10px; font-size: 14px; font-weight: normal; color: #c9c9c9; }

	.technology-content { margin-top: 30px; height: 726px; overflow: hidden; }
	.technology-content ul { width: 1080px; }
	.technology-content ul li { float: left; width: 250px; margin: 0 20px 20px 0; }
		.technology-info { position: relative; width: 250px; height: 300px; overflow: hidden; }
		.technology-info img { width: 250px; height: 300px; }
		a.technology-info-txt { position: absolute; top: 0; left: -250px; width: 190px; height: 240px; display: block; padding: 30px; background-color: #000; color: #fff; opacity: .8; }
		.technology-info-title { line-height: 50px; border-bottom: 3px solid #e5e4e4; font-size: 14px; font-weight: normal; text-align: center; }

		.technology-content ul li:hover a.technology-info-txt { left: 0; }
		.technology-content ul li:hover .technology-info-title { border-color: #000; }


/*sales*/
.sales { padding: 50px 0; background-color: #f9f9f9; }
	.sales-title { font-size: 24px; font-weight: 700; color: #111941; margin-top: 10px; text-align: center; }
	.sales-title span { display: block; margin-top: 10px; font-size: 14px; font-weight: normal; color: #c9c9c9; }

	.sales-content { position: relative; padding: 30px 90px 0; height: 360px; }
	.sales-content .tempWrap { width: 880px !important; }
	.sales-info {}
	.sales-info li { float: left; width: 260px; height: 360px; margin-right: 50px; background-color: #fff; }
	.sales-info-img img { width: 260px; height: 173px; }
	.sales-info-txt { padding: 20px; }
	.sales-info-txt p { color: #8a8783; font-size: 12px; margin-top: 5px; }
	a.sales-more { color: #a17f43; display: block; margin: 5px auto 0; width: 80px; line-height: 30px; border: 1px solid #a17f43; text-align: center; }
	a.prev, a.next { position: absolute; top: 180px; display: block; width: 28px; height: 53px; background: url(../images/icon_pn.gif) no-repeat; }
	a.prev { left: 0; }
	a.next { right: 0; background-position: -28px 0; }

/*about*/
.about { padding: 50px 0; }
	.about-title { font-size: 24px; font-weight: 700; color: #111941; margin-top: 10px; text-align: center; }
	.about-title span { display: block; margin-top: 10px; font-size: 14px; font-weight: normal; color: #c9c9c9; }

	.about-content { padding-top: 30px; height: 300px; }
		.about-img { float: left; }
		.about-info { float: right; width: 500px; }
		.about-info h3 { font-size: 24px; color: #333; line-height: 50px; }
		.about-info p { padding: 15px 0; line-height: 30px; }
		a.about-more { color: #a17f43; }

/*certificate*/
.certificate { padding: 50px 0; background-color: #f9f9f9; }
	.certificate-title { font-size: 24px; font-weight: 700; color: #111941; margin-top: 10px; text-align: center; }
	.certificate-title span { display: block; margin-top: 10px; font-size: 14px; font-weight: normal; color: #c9c9c9; }

	.certificate-content { padding-top: 30px; height: 300px; }
		.certificate-content .tempWrap { width: 1060px !important; }
		.certificate-info li { float: left; width: 304px; height: 260px; margin-right: 20px; text-align: center; font-size: 14px; }
		.certificate-info li img { /*width: 300px;*/ height: 225px; border: 2px solid #a17f43; margin-bottom: 5px; }


/*news*/
.news { padding: 50px 0; }
	.news-title { font-size: 24px; font-weight: 700; color: #111941; margin-top: 10px; text-align: center; }
	.news-title span { display: block; margin-top: 10px; font-size: 14px; font-weight: normal; color: #c9c9c9; }

	.news-content { padding: 50px 200px 0; }
		.news-content ul li { height: 100px; }
		.news-time { float: left; width: 134px; color: #e8e8e8; font-size: 48px; line-height: 40px; }
		.news-time span { display: block; font-size: 18px; text-align: right; }
		.news-info { float: right; width: 490px; }
		.news-info p { font-size: 12px; color: #999; }
		.news-info h4 a { color: #333; }
		.news-info p a { color: #999; }

		a.news-more { display: block; width: 135px; height: 40px; margin: 20px auto 0; border: 1px solid #a17f43; border-radius: 40px; text-align: center; line-height: 40px; color: #a17f43; }
		a.news-more:hover { background-color: #a17f43; color: #fff; }

/*-------------------------内页----------------------------*/
.page-banner { height: 300px; }

#page { padding-bottom: 30px; }

.page-location { line-height: 30px; margin-bottom: 30px; padding: 20px 0; border-bottom: 1px solid #e9f0f5; }

.sidebar {
	float: left;
	width: 220px;
}

.cate { background-color: #111941; }
.cate h3 { font-size: 16px; text-align: center; background-color: #ad9861; padding: 15px 0; color: #fff; }
.cate-info ul li { line-height: 42px; text-align: center; border-bottom: 1px solid #3a3f41; }
.cate-info li ul { margin-bottom: 20px; }
.cate-info li ul li { line-height: 30px; }

.cate-info ul li a { color: #969c9f; display: block; }
.cate-info ul li a.cur { color: #fff; }

/*right*/
.page-content {
	float: right;
	width: 800px;
}
.page-info {
	background-color: #fff;
	font-size: 14px;
	min-height: 400px;
	_height: 400px;
	line-height: 30px;
}
.page-info img {max-width: 100%;}
.info-list li { border-bottom: 1px dotted #ccc; line-height: 40px; background: url(../images/icon.gif) no-repeat 3px center; padding-left: 20px; }
.info-list li span {float: right;}

.img-list { margin: 0 -12px; }
.clearleft { clear: left; }
.items { float: left; margin: 0 12px 20px; width: 242px; overflow: hidden; }
.items h5 { margin: 0; padding: 5px 0; text-align: center; }
.items-img img {
	width: 240px;
	max-height: 225px;
	border: 1px solid #eee;
}

.show-title { font-size: 16px; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 15px; }
.show-para { margin-bottom: 15px; color: #ccc; font-size: 12px; }
.show-content {margin-top: 15px;}

.product-para {}
.product-para-img {
	float: left;
	width: 300px;
}
.product-para-img img {
	width: 289px;
	border: 1px solid #eee;
}
.product-para-info {
	float: right;
	width: 370px;
}
.product-para-info h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
.product-detail-title {
	margin: 20px 0 5px;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
}
.product-detail-content img {
	max-width: 100%;
	_width: 100px;
}

/*------------- 会员 --------------*/
.member-title { font-size: 20px; font-weight: 700; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
	.form-group { margin-bottom: 26px; }
	.form-group label { display: inline-block; width: 85px; text-align: right; padding-right: 15px; }
	.form-group input { border: 1px solid #eee; padding: 10px; width: 200px; }
	.form-group input:hover,
	.form-group input:focus { border: 1px solid #a17f43; outline: none; }
	.form-group input.m-btn { margin-left: 105px; width: 100px; height: 40px; cursor: pointer; font-size: 14px; background-color: #a17f43; border-color: #a17f43; color: #fff; }

	.member-info { float: left; width: 600px; padding-right: 49px; border-right: 1px solid #eee; }
	.member-text { float: right; width: 360px; padding-top: 30px; }
	.member-text a { color: #a17f43; }

.member-content { float: right; width: 800px; padding-top: 30px; }
.member-sidebar { float: left; width: 200px; }
	.member-sidebar ul li { border-bottom: 1px solid #eee; }
	.member-sidebar ul li a { display: block; line-height: 50px; padding-left: 15px; }
	.member-sidebar ul li.cur a { color: #a17f43; border-left: 3px solid #a17f43; }
	.member-sidebar ul li a i { margin-right: 15px; }

	.btn-box { padding-bottom: 15px; border-bottom: 1px solid #eee; }
	.article-view { float: left; margin-top: 20px; }
	.article-view li { float: left; margin-right: 20px; }
	.article-view li a { color: #ddd; }
	.article-view li.cur a { color: #333; }
	a.btn { float: right; display: inline-block; padding: 10px 50px; background-color: #d12414; color: #fff; }
	a.btn:hover { background-color: #f01400; }

	.article { margin-top: 30px; }
	.article thead { background-color: #f5f5f5; }
	.article th,
	.article td { border: 0; border-bottom: 1px solid #eee; line-height: 40px; text-align: left; }

/* 品牌历史 时间轴 */
.timetip { float: left; width: 100px; padding-right: 30px; text-align: right; font-size: 24px; font-weight: 700; color: #a17f43; }
.timeline-tpl { position: relative; float: left; width: 600px; padding-left: 40px; border-left: 4px solid #a17f43; padding-bottom: 30px; }
.timeline-pointer { position: absolute; top: 0; left: -15px; width: 14px; height: 14px; border-radius: 14px; background-color: #fff; border: 6px solid #a17f43; }
.timeline-info { position: relative; background-color: #333; padding: 30px; color: #fff; border-radius: 5px; line-height: 30px; }
.timeline-info:before { position: absolute; content: " "; top: 10px; right: 100%; z-index:10; width: 0; height: 0; border: solid transparent; border-width: 10px; border-right-color: #333; }

/* ------------------------------- 留言 ------------------------------------- */
.message-list { border-bottom:1px dotted #ccc; padding:15px; }
.message-title { font-size:16px; color:#da251c; }
.message-reply { border-left:3px solid #ccc; background:#f6f6f6; padding:5px 15px; color:#666; }

.message-add { border-bottom:1px dotted #ddd; margin:15px 0; font-size:16px; }
.message_form dl { padding:10px; }
.message_form dl dt { width:100px; padding-right:10px; text-align:right; float:left; }
.message_form dl dd { float:left; }
.inputs { width:230px; padding:8px 5px; border:1px solid #eee; }
.textareas { width:340px; height:75px; padding:5px; border:1px solid #eee; }
.input-sub-btn { display:inline-block; padding:8px 20px; background-color: #a17f43; color:#fff; border:0; margin-right:20px; cursor:pointer; overflow:visible; }
.input-sub-btn:hover { background-color: #c1975c; }
.input-reset-btn { display:inline-block; padding:8px 20px; background-color: #ddd; border:0; cursor:pointer; overflow:visible; }
.input-reset-btn:hover { background-color: #ccc; }
.show_block { border:1px solid #eee; background:#f9f9f9; font-size:12px; color:#aaa; margin-bottom:15px; padding:10px; }
.write_btn { width:230px; margin:0 auto; }
a.input-sub-btn, a.input-reset-btn { padding:5px 20px; }
a.input-sub-btn { color:#fff; }
a.input-reset-btn { color:#000; }

/*-------------------------------------------分页-----------------------------------------------*/
.fenye { margin-top:30px; }
.fenye a { display: inline-block; margin: 0 5px; line-height: 30px; padding: 0 12px; border: 1px solid #dbe5ee; vertical-align:middle; }
.fenye a:hover, .fenye span { display: inline-block; margin: 0 5px; padding: 0 12px; border: 1px solid #333; background: #333; color: #fff; vertical-align:middle; line-height: 30px; }

.footer { background-color: #111941; color: #fff; }
	.footer .text-yellow,
	.footer a.text-yellow { color: #fff; }

	.foot-info { padding: 50px 0 30px; }

	.foot-contact { float: left; line-height: 30px; }
	.sns { margin-top: 10px; }
	.sns li { float: left; width: 30px; height: 30px; background: url(../images/sns.png) no-repeat; margin-right: 15px; }
	.sns li a { display: block; width: 100%; height: 100%; }
	.sns li.weibo { background-position: -30px 0; }
	.sns li.qq { background-position: -60px 0; }

	.foot-qrcode { float: right; }

	.foot-copyright { border-top: 1px solid #353535; color: #828282; padding: 20px 0; text-align: center; }
	
	
/*分页*/
.page_link {padding:0px;margin:0px; text-align:right; font-family:Verdana; font-size:12px; margin-top:15px; margin-bottom:10px; }
.page_link a { border:solid 1px #ddd; padding:10px 12px; text-decoration: none; color:#000; margin-left:-1px;}
.page_link a:hover {background-color:#f5f5f5}
.page_link a:active { background:#f0f0f0}
.page_link span{border:solid 1px #ddd; padding:10px 12px; color:#000; margin-left:-1px;}
.page_link span.current { background:#f0f0f0; color:#999}
.page_link span.disabled {color:#999}
/*分页结束*/