@font-face {font-family: "iconfont";
  src: url('../../fonts/iconfont.eot?t=1490757483713'); /* IE9*/
  src: url('../../fonts/iconfont.eot?t=1490757483713#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../fonts/iconfont.woff?t=1490757483713') format('woff'), /* chrome, firefox */
  url('../../fonts/iconfont.ttf?t=1490757483713') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../../fonts/iconfont.svg?t=1490757483713#iconfont') format('svg'); /* iOS 4.1- */
}
.icon {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon2:before { content: "\e603"; }
.icon-close:before { content: "\e659"; }
.icon-all:before { content: "\e696"; }
.icon-email:before { content: "\e69f"; }
.icon-form:before { content: "\e6a2"; }
.icon-more:before { content: "\e6a7"; }
.icon-search:before { content: "\e6ac"; }
.icon-clock:before { content: "\e6bb"; }
.icon-remind:before { content: "\e6bc"; }
.icon-discount:before { content: "\e6c5"; }
.icon-qq:before { content: "\e617"; }
.icon-qq2:before { content: "\e780"; }
.icon-history:before { content: "\e6f3"; }
.icon-map:before { content: "\e715"; }
.icon-phone:before { content: "\e725"; }
.icon-mobilephone:before { content: "\e72a"; }
.icon-creditlevel:before { content: "\e735"; }
.icon-category:before { content: "\e684"; }
.icon-sms:before { content: "\e6eb"; }
.icon-fax:before { content: "\e635"; }
.icon-skype:before { content: "\e6c1"; }
.icon-pic:before { content: "\e6a8"; }
.icon-top:before { content: "\e60c"; }
body,ul,form,h1,h2,h3{ margin: 0; padding: 0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.wrap{ width: 1200px; margin: auto;}
.lft{ float: left;}
.rgt{ float: right;}
.clr:after{ content: "."; display: block; height: 0; overflow: hidden; clear: both;}
body{ font-family: "微软雅黑"; font-size: 14px; color: #666;}
a{ text-decoration: none;}
li{ list-style: none;}
input,textarea{ vertical-align: middle; outline: 0; font-family: "微软雅黑"; font-size: 14px;}
input::-webkit-input-placeholder { color:#fff;}
input:-moz-placeholder {  color:#fff;}
header{ border-top: 4px solid #f2b01b; padding: 15px 0;}
	header .lft{ font-size: 36px; font-weight: bold; color: #00923f;}
		header .lft img{ display: block; float: left;}
		header .lft div{ float: left; height: 48px; line-height: 48px; border-left: 1px solid #bbdbc9; margin: 21px 0 0 20px; padding-left: 20px;}
	header .rgt{ color: #999; text-align: right; margin-top: 16px;}
		header .rgt a{ color: #999;}
			header .rgt a.on{ color: #f2b01b;}
			header .rgt a:hover{ color: #f2b01b; text-decoration: underline;}
		header .rgt div{ font-size: 24px; color: #333;}
		header .rgt div .icon{ font-size: 30px; margin-right: 6px;}
nav{ height: 60px; background: #00923f; font-size: 18px;}
	nav ul{ border-left: 1px solid #18b65b;}
		nav li{ height: 60px; border-right: 1px solid #18b65b; float: left; position: relative; z-index: 2;}
		nav a{ display: block; color: #fff; padding: 0 40px;}
		nav li>a{ height: 56px; line-height: 60px; border-bottom: 4px solid #00923f;}
		nav li>a:hover{ border-color: #f2b01b;}
		nav li div{ position: absolute; left: 0; top: 60px; width: 100%; background: #fffae4; display: none;}
			nav li div a{ color: #333;}
				nav li div a:hover{ color: #fff;}
			nav li.pro div{ width: 600px; left: -200px;}
			nav li.pro table{ width: 100%; border-collapse: collapse; border-left: 1px solid #ded4ab;}
			nav li.pro td{ vertical-align: top; border-right: 1px solid #ded4ab; padding: 10px;}
			nav li.pro td span{ display: block; font-size: 12px; color: #999;}
			nav li.pro td a{ display: inline-block; padding: 0 10px; height: 36px; line-height: 36px;}
		body.en nav li div{ width: 200px; box-shadow: 0 0 5px rgba(0,146,63,.6);}
			nav li div a{height: 48px; line-height: 48px; padding: 0 20px; text-align: center; font-size: 16px;}
			body.en nav li div a{ font-size: 14px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
			nav li div a:hover{ background: #f2b01b;}
#kf{ position: fixed; right: 0; bottom: 60px;}
	#kf a{ display: block; width: 40px; height: 40px; font-size: 30px; text-align: center; line-height: 40px; color: #999;background: #eee; margin-bottom: 1px;}
	#kf a:hover{ background: #00923f; color: #fff;}
.banner{ position:relative; min-width: 1000px;  height:450px; overflow:hidden; }
	.banner .bd{ position:relative; z-index:1; width: 100%; height: 450px; display: block; }
	.banner .bd ul{ width:100% !important; height: 100%; }
	.banner .bd li{ width:100% !important;  height:100%; overflow:hidden; text-align:center; }
	.banner .bd li a{ display:block; height:100%; }

	.banner .hd{ width:1000px; left:50%; margin-left:-500px; bottom:15px; position:absolute; z-index:1; bottom:15px; overflow:hidden;  }
	.banner .hd ul{ text-align: center; }
	.banner .hd ul li{display:inline-block; background: #fff; width: 20px; height: 20px; margin: 0 5px; border-radius: 50%; overflow: hidden; text-indent: -100px; cursor:pointer; }
	.banner .hd ul li.on{ background: #f2b01b; }
.loc{ height: 48px; line-height: 48px; background: #f9f9f9; border-bottom: 1px solid #eee; color: #999;}
	.loc .lft .icon{ font-size: 20px; margin-right: 6px;}
	.loc .rgt{ border-left: 1px solid #eee; height: 48px; overflow: hidden;}
		.loc .rgt .txt{ padding: 0 20px; background: none; border: 0; height: 48px; float: left; color: #999;}
		.loc .rgt .icon{ width: 48px; height: 48px; display: block; background: #ddd; color: #999; float: left; text-align: center; font-size: 24px;}
		.location .icon-more,.location a{ color: #999;}
			.location a.now{ color: #333;}
			.loc .lft .icon-more{ font-size: 14px; margin: 0 2px;}
.category{ width: 238px; border: 1px solid #eee;}
	.category .tit{padding: 12px; border-bottom: 1px solid #eee; color: #999;}
	body.en .category .tit{ color: #333;}
	.category .tit .icon{ font-size: 48px; float: left; margin-right: 12px;}
	.category .tit span{ display: block; font-size: 18px; color: #333;}
	body.en .category .tit span{ color: #999;}
	.category .list a{ display: block; height: 50px; line-height: 50px; color: #333; padding-left: 12px; font-size: 16px;}
		.category .list a .icon{ width: 18px; height: 18px; margin-right: 4px; }
		.category .list a:hover{ color: #00923f; padding-left: 16px; transition:padding 0.5s ease;}
		.category .list a:hover .icon{ color: #00923f;}
		.category .mlist{ padding: 10px; border-top: 1px solid #eee;}
			.category .mlist h3{ font-weight: normal; color: #ccc; padding-bottom: 10px; font-size: 12px;}
			.category .mlist a{ display: inline-block; color: #666; padding: 8px 5px; font-size: 16px;}
				#aProduct a{ padding: 0;}
				.category .mlist a .icon{ font-size: 12px;}
				.category .mlist a:hover{ color: #00923f;}
	#aProduct{overflow:hidden; position:relative;}
		#aProduct .bd ul{ overflow:hidden; zoom:1; }
		#aProduct .bd ul li{ text-align:center; zoom:1; }
		#aProduct .bd ul li .pic{ text-align:center; }
		#aProduct .bd ul li .pic img{ width:100%;display:block;}
		#aProduct .bd ul li .title{ line-height:24px; }

.content{ width: 940px;}
	.content h2{ color: #333; font-size: 36px; text-align: center; padding: 16px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
	.content p{ text-indent: 2em; }
	body.en .content p{ text-indent: 0;}
	article img{ display: block;max-width: 100%; margin: 12px auto;}
.contact .tit{ height: 90px; background: #00923f; background: url(../images/line.jpg);}
	.contact .tit .rgt{ width: 190px; padding: 0 20px; background: #f2b01b; color: #fff; position: relative; z-index: 999;}
	.contact .tit .rgt div{ font-size: 18px; font-weight: normal; height: 80px; padding-top: 10px}
		.contact .tit .rgt div span{ display: block; font-size: 30px; font-weight: bold;}
	.contact ul{ position: absolute; width: 100%; left: 0; top: 90px; background: #00923f;}
		.contact li{ height: 60px; line-height: 60px; padding: 0 20px; border-top: 1px solid #18b65b;}
			.contact li:hover{ background:#f2b01b; }
	#map{ height: 400px;}
footer{ background: #333; color: #ccc; padding: 20px 0;}
	footer a{ color: #999;}
	footer a:hover{ color: #fff;}
@media screen and (max-width: 1199px){
	.wrap{ width: 1000px;}
	nav a{ padding: 0 20px;}
	nav li div a{ font-size: 14px; padding: 0;}
	.content{ width: 740px;}
}