.m_wnews { width:800px;  overflow: hidden;}
	.m_wnews a{ display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #999;}
.product{ padding: 60px 0;}
	.plist{ width: 959px; border: 1px solid #eee; border-left: 0;}
	.plist a{ display: block; width: 28%; height: 230px; padding: 1%; padding-bottom: 0; margin: 1.5%; float: left; background: #f5f5f5; color: #333; font-size: 14px;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
		.plist a img{ display: block; width: 100%;height:180px;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
		.plist a div{ height: 50px; line-height: 50px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: normal;}
	.plist a:hover{ background: #f2b01b; color: #fff;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
	.plist a:hover img{ border-radius: 12px;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.about{ background: url(../images/bg.jpg); padding-top: 60px;}
	.focusBox.lft { position: relative; width: 460px; height: 300px; overflow: hidden; }
	.focusBox.lft .pic img { width: 460px; height: 300px; display: block; }
	.about .rgt{ width: 740px; position: relative;}
		.about h2,.news h2{ margin-left: 20px; border-left: 4px solid #f2b01b; padding-left: 20px; font-size: 18px; color: #333; font-weight: normal;}
		body.en .about h2{ color: #999;}
		.about h2 span,.news h2 span{ display: block; font-size: 30px; color: #999; font-weight: bold;}
		body.en .about h2 span{ color: #333;}
		.about .rgt .detail{ position: absolute; left: 0; top:70px; width: 100%;  background: #fff;}
		.about .detail div.w{padding: 20px; height: 250px; position: relative;}
			.about .detail div.w>a{ color: #00923f;}
				.about .detail div.w>a:hover:after,.news .tit .rgt:hover:after{content: ">>"; letter-spacing: -5px; }
			.about .w div{ position: absolute; left: 0; bottom: 0; width: 100%;}
			.about ul{ padding:0 20px 20px;}
				.about li{ display: block; float: left; width: 16%; margin: 0 2%; text-align: center;}
				.about li a{ display: block; color: #666;}
				.about li .icon{ display: block; width: 100%; padding: 20px 0; font-size: 60px; background-color: #ddd; color: #999; margin-bottom: 10px; border-radius: 12px;-ms-transition:border-radius 0.5s ease;-moz-transition:border-radius 0.5s ease;-o-transition:border-radius 0.5s ease;-webkit-transition:border-radius 0.5s ease;transition:border-radius 0.5s ease;}
				.about li a:hover{ color: #00923f}
					.about li a:hover .icon{ background-color:#ffc231; border-radius: 50%; color: #fff; -ms-transition:border-radius 0.5s ease;-moz-transition:border-radius 0.5s ease;-o-transition:border-radius 0.5s ease;-webkit-transition:border-radius 0.5s ease;transition:border-radius 0.5s ease;}
.news .tit{ height: 70px; padding: 70px 0 20px; background: #00923f; border-top: 4px solid #ffc231;}
	.news .tit .wrap{ background: url(../images/line.jpg); }
	.news h2{ margin-left: 0; color: #fff; background: #00923f; padding-right: 40px;}
		.news h2 span{ color: #fff;}
	.news .tit .rgt{ height: 64px; line-height: 64px; color: #fff; padding-right: 12px;}
	.news .nlist{ background: #e9f8f0; padding: 50px 0;}
		.focusBox { position: relative; width: 400px; height: 300px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background:#fff; }
		.focusBox .pic img { width: 400px; height: 300px; display: block; }
		.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
		.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
		.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
		.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
		.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
		.focusBox .num li{ float: left; position: relative; width: 18px; height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer;  color: #fff;}
		.focusBox .num li.on{ background:#f60;  }
	.nlist .rgt{ width: 780px;}
		.nlist .rgt li{ border-bottom: 1px solid #c7e6d6; padding: 10px 0;}
		.nlist .rgt h3{ width: 80%; float: left;}
			.nlist .rgt h3 a{ display: block; color: #333; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
			.nlist .rgt h3 a:hover{ color: #00923f;}
		.nlist .rgt time{ display: block; float: right; font-size: 12px; color: #ccc;}
			.nlist .rgt time .icon{ font-size: 12px;}
		.nlist .rgt p{ clear: both; margin: 0; text-indent: 20px; font-size: 12px; padding-top: 2px; height: 16px; line-height: 16px;}
			.nlist .rgt p a{ color: #999; display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
			.nlist .rgt p a:hover{ color: #666;}
.links{ margin-top: 12px; border-top: 1px solid #444; padding: 12px 0;}
	.links a{ color: #999; display: inline-block;}
	.links a:hover{ color: #ccc;}
@media screen and (max-width: 1199px){
	.plist{ width: 759px;}
	.plist a{ height: 190px;}
	.plist a img{ height: 140px;}
	.about .rgt{ width: 540px;}
	.about li .icon{ padding: 5px 0;}
	.nlist .rgt{ width: 580px;}
}