#info {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;				
	background:#fcf8e3;
	border:1px solid  #fbeed5;
	width:95%;
	max-width:900px;
	margin:0 auto 40px auto;
	font-family:arial;
	font-size:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

	#info .info-wrapper {
		padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;

	}
	
	#info a {
		color:#c09853;
		text-decoration:none;
	}
	
	#info p {
		margin:5px 0 0 0;
	}


.container { 
	position: relative; 
	margin: 0 auto; 
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;	
  overflow: hidden
}

/* 产品首页（新品推荐） */
.container .new{}
.container .new_l{ float:left; width:560px; overflow:hidden;}
.container .new_r{ float:right; width:500px; padding-top:30px; min-height:500px; overflow:hidden;}

/* 产品首页（一级） */
.container .box{}

.container .box .main-nav{ position:relative; height:400px;}
.container .box .main-nav a{ display:block; width:110px; height:110px; padding-top:35px; text-align:center; line-height:100%; color:#FFF; font-size:24px;}
.container .box .main-nav a span{font-size:16px;}
.container .box .main-nav a:hover{font-size:26px;}
.container .box .main-nav .a1{ position:absolute; left:20px; top:120px;}
.container .box .main-nav .a2{ position:absolute; left:40px; top:120px;}
.container .box .main-nav .a3{ position:absolute; left:270px; top:120px;}
.container .box .main-nav .a4{ position:absolute; left:497px; top:120px;}
.container .box .main-nav .a5{ position:absolute; left:497px; top:120px;}
.container .box .main-nav .a6{ position:absolute; left:722px; top:120px;}
.container .box .main-nav .a7{ position:absolute; left:948px; top:120px;}
.container .box .gzn{ background:url(../../images/bg_gzn.gif) center bottom no-repeat;}
.container .box .bth{ background:url(../../images/bg_bth.gif) center bottom no-repeat;}
.container .box .new{ background:url(../../images/bg_new.gif) center bottom no-repeat;}
.container .box .yougu{ background:url(../../images/bg_yougu.gif) center bottom no-repeat;}
.container .box .aiguo{ background:url(../../images/bg_aiguo.gif) center bottom no-repeat;}
.container .box .ystl{ background:url(../../images/bg_ystl.gif) center bottom no-repeat;}
.container .box .ysxt{ background:url(../../images/bg_ysxt.gif) center bottom no-repeat;}

.container .box h3{ height:40px; border-bottom:solid 1px #666; margin-bottom:30px; font-size:22px; font-weight:600; color:#2E6D30;}
.container .box h3 span{ padding-right:10px; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333;}
.container .box .tit{ font-size:20px; font-weight:600;}
.container .box .tit span{ padding-left:10px; color:#306C30;}
.container .box .desc p{ text-align:center; line-height:150%;}
.container .box .con{ margin-top:30px; line-height:150%;}
.container .box .navlist{ margin-top:30px;}
.container .box .navlist li.gz{ float:left; width:220px; height:250px; text-align:center; overflow:hidden;}
.container .box .navlist li.bt{ float:left; width:182px; height:220px; text-align:center; overflow:hidden;}
.container .box .navlist li.yg{ float:left; width:275px; height:240px; text-align:center; overflow:hidden;}
.container .box .navlist li.tui{ float:left; margin-right:20px; overflow:hidden;}

.container .box .img{ position:relative;}
.container .box .text{ position:absolute; width:300px; height:130px; right:40px; bottom:40px; padding:20px; color:#000; font-weight:500; background-color:#FFF; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; overflow:hidden;}

.container .box .piclist{ height:220px; padding-top:30px; background-color:#B8DFCA;}
.container .box .pro-list{ width:700px; height:160px; margin:0 auto; background-color:#fff;}
.container .box .pro-list .profld{ position:relative; margin:0px; padding-top:20px; overflow:hidden;}
.container .box .pro-list .profld ol{ position:absolute; width:2012em; }
.container .box .pro-list .profld li{ float:left; height:150px; display:inline; zoom:1; overflow:hidden; text-align:center;}
.container .box .pro-list .profld li img{ display:block; text-align:center; font-size:0px;}
.container .box .pro-list .profld li img:hover{ cursor:pointer;}
.container .box .pro-list .profld li p{ width:160px; height:20px; margin:0 auto; margin-top:5px; line-height:20px; overflow:hidden;}

.container .box .pro-list .flip{ position:absolute; z-index:1; /*width:500px; height:100px; background-color:#666666*/}
.container .box .pro-list .flip .next,.pro-list .prev{ width:37px; height:75px; overflow:hidden; display:block; background:url(../../images/p-arrow.png) no-repeat; cursor:pointer;}
.container .box .pro-list .flip .next{ position:absolute;top:50px; left:765px; background-position:0px 0px;}
.container .box .pro-list .flip .next:hover{ background-position:0px -75px; }
.container .box .pro-list .flip .prev{ position:absolute;top:50px; left:-100px; background-position:-38px 0px;}
.container .box .pro-list .flip .prev:hover{ background-position:-38px -75px;}
#trigger{ display:none;}
/*.container .box .pro-ccc{ padding:12px 18px;}*/

/* 产品详情（三级） */
.container .title{ height:200px; text-align:center;}
.container .title h1{ height:50px; margin-top:100px; margin-bottom:10px;}
.container .title h1 span{ padding:10px 50px; font-size:36px; font-weight:600;}
.container .title p{ font-size:24px;}
.container .img{ text-align:center;}
.container .img .img-txt{ position:relative; width:1100px; height:40px; margin:0 auto;}
.container .img .txt{ position:absolute; width:600px; height:200px; left:250px; bottom:100px; padding:30px; color:#000; font-weight:500; background-color:#FFF; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; overflow:hidden;}
.container .img .txt .tit{ height:40px; margin-bottom:15px; border-bottom:solid 1px #666; font-size:24px; font-weight:600;}
.container .img .txt p{ text-align:left; line-height:180%}

.container .content{ width:1100px; margin:0 auto; font-size:16px;}
.container .content .hd{ float:left; width:480px; padding-right:20px;}
.container .content .hd h2{ height:40px; margin-bottom:20px;}
.container .content .hd h2 span{ padding:10px 50px 10px 0; font-size:24px; font-weight:600;}

.container .content .bd{ float:left; padding-top:30px;}
.container .content .bd .pic{}
.container .content .bd .pic li{ float:left; margin-right:20px;}

/* 产品列表（二级） */
.container .nav-box{ height:100px; padding-top:50px; margin-bottom:40px; background:#fff;}
.container .nav-list{ width:1050px; margin:0 auto;}
.container .nav-list li{ float:left; width:210px; height:40px; border:solid 2px #BDA883; border-right:none; text-align:center; line-height:36px;}
.container .nav-list li a{ display:block; background-color:#F7F6F2; color:#BDA883; font-size:20px; font-weight:bold;}
.container .nav-list li a:hover{ background-color:#BDA883; color:#FFFFFF}
.container .nav-list li a.active{ background-color:#BDA883; color:#FFFFFF}

.container .subnav-list{ height:60px; margin:0 auto 40px; padding-top:15px; padding-left:100px; background:#f7f7f7;}
.container .subnav-list li{ float:left;}
.container .subnav-list li.line{ padding:6px 0px; color:#ddd;}
.container .subnav-list li span{ display:block; padding:6px 25px; text-decoration:none; color:#666; cursor:pointer; background:#f7f7f7;}
.container .subnav-list li span.active{ background: #019A34; color:#fff;}
.container .subnav-list li span:hover{ background: #019A34; color:#fff;}

.container .product-list{}
.container .product-list li{ float:left; width:280px; height:250px; text-align:center; overflow:hidden;}
.container .product-list .tit{ width:200px; height:35px; margin:0 auto; border-bottom:dashed 1px #999; line-height:35px; overflow:hidden;}
.container .product-list .desc{ width:200px; height:30px; margin:0 auto; line-height:30px; color:#999; overflow:hidden;}


#filters {
	margin:2% 1%;
	border-bottom:1px solid #019A34;
	padding:0;
	list-style:none;
	font-size:15px;
}

	#filters li {
		float:left;
	}
	
	#filters li span {
		display: block;
		padding:6px 24px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
		background: #f7f7f7;
	}
	
	#filters li span.active {
		background: #019A34;
		color:#fff;
	}
 

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%;
	margin:1%;
	/*display:none;*/
	float:left;
	overflow:hidden;
}

	.portfolio-wrapper {
		height:130px;
		overflow:hidden;
		position: relative !important;
		background: #666;
	}

	.portfolio img {
		width:100%;
		position: relative;
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:50px;
		bottom:-50px;
		line-height:18px;
		text-align:left;
		font-weight:normal;
	}

	.portfolio .label-bg {
		/*background: rgba(92,184,92,0.8);*/
		background: #5cb85c;
		width: 100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
	}

	.portfolio .label-text {
		color:#fff;
		position: relative;
		z-index:500;
		padding:5px 8px;
	}
	.portfolio .label-text a {
		color:#efefef;
	}
	.portfolio .text-category {
		display:block;
		font-size:12px;
	}
	.text-title {font-size:14px;}
	

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
