﻿@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0 auto; font-size:12px; color:#444444; text-decoration:none; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
img{border:0px;}
a{font-size:12px; color:#444444; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
a:hover {text-decoration: underline;}
a.more{font-family:"宋体"; font-size: 12px; color: #ff4000; text-decoration:none; padding-right:10px;}

.proleft_ul li .pro_child{
	display:none;  position:absolute; left:222px; top:0; z-index:10000}
.proleft_ul li .pro_child li{
	background:url(/images/yellow.png);}
.menu-child{
	position:absolute; top:38px; left:0px; display:none;}	
.menu-child li{
	text-align:center; background-color:#2f9106; width:120px; position:relative}
	
.secmenu{
	display:none; position:absolute; left:120px; top:0}
.secmenu li a{
	color:#FFF}	
		
.ziti1
{
	font-family: "微软雅黑",Arial, Tahoma,"宋体";  
	font-size: 14px;
	color:#22252e;
	font-weight:bold;
	line-height:32px;
}
.ziti2
{
	font-family: "宋体";  
	font-size: 13px;
	color:#213e7a;
	font-weight:bold;
}
.ziti3
{
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 12px;
	color:#196501;
}
.clear{clear:both;}/*清除浮动*/ 
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
a.di{font-size:12px; color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
a.di:hover {text-decoration: underline;}

/*banner*/
ul,li{margin:0; padding:0; list-style:none;}
.banner{width:100%; margin:0px 0 0 0; padding:0px;}
.bannerbg{display:none; height:380px; margin:0 auto; padding:0px; width:100%;}
.showbannerbg{display:block; width:100%;}
#bannerContainer{position:relative; height:380px; width:100%; margin:0 auto;}
#pagecontainer{position:absolute; bottom:20px; width:100%; text-align:center;}	
#pagelist{display:inline-block; text-align:center;}





/*网站头部*/
.top{background-image:url(/images/top_bg.jpg); height:92px; background-repeat:repeat-x;}
.topcontent{width:1000px; margin:0 auto; padding:0px;}
.logo{float:left; margin:7px 0;}
.topcontent_zi{float:right; text-align:right; line-height: 22px; margin:28px 0; margin-bottom:0px;}
.topcontent_zi span{font-size:20px; font-weight:bold; font-family:微软雅黑;color:red;}



/*导航菜单*/
.navbg{background-color:#000000; width:100%;}
.navmenu{ background-color:#000000; height:40px; line-height:40px; text-align:center; width:1000px; margin:0 auto;}
.navmenu_ul{margin:0 auto; padding:0px; width:1000px;  display:inline-block}
.navmenu_ul li{float:left;}
.navmenu_li{width: 140px; text-align:center; position:relative}
.navmenu_ul a{font-family: "微软雅黑",Arial, Tahoma,"宋体"; font-size: 13px; color: #ffffff; text-align:center;}
.navmenu_ul a:hover {text-decoration: underline;}


/*news条*/
.news_bar{background-image:url(/images/center_02.jpg); height:33px; background-repeat:repeat-x;}
.content{width:1000px; margin:0 auto; padding:0px;}
.news{float:left; background-image:url(/images/menu_bg.jpg); height:33px; background-repeat:repeat-x; width:110px; color:#FFFFFF; font-family: "微软雅黑",Arial, Tahoma,"宋体"; font-size: 14px; text-align:center; line-height:33px;}
.news_content{float:right; width:880px;}
.news_contenta{float:left; line-height:33px; text-align:left;}
.news_contentb{float:right; text-align:right; line-height:33px;}

/*产品内容*/

.mainproduct{margin:0 auto; padding: 10px 0px 0px 0px;; width:1000px;}

/*3大块内容*/
.main{width:100%; /* height:260px; */ padding:0px;}
.maincontent{width:1000px; margin:0 auto; padding:0px;}

/*了解人造草坪 左侧内容块*/
.maincontent_a{width: 207px; float:left; height:260px; margin-right: 10px;}
.maincontent_a img{margin:8px 0px 0px 0px; text-align:center; border:0px none;}
.mainul{}

/*右侧内容块*/
.maincontent_b{float:left; width: 783px;}

/*产品中心*/
.maincontent_ba{width: 528px; float:left; height:260px; margin-right: 10px;}
.maincontent_ba img{margin:8px 0px 0px 0px; text-align:center; border:0px none;}

/*新闻资讯*/
.maincontent_bc{width:245px; float:left; }
.maincontent_bc img{margin:8px 0px 0px 0px; text-align:center; border:0px none;}
.maincontent_bc_li{background-image:url(/images/dian.jpg); background-repeat:no-repeat; background-position:left; text-indent:15px; line-height:18px;}


.maincontent_bc1{width:222px; float:left;}
.maincontent_bc1 img{ border: #efefef 1px solid}
.maincontent_bc1_li{background-image:url(/images/dian.jpg); background-repeat:no-repeat; background-position:left; text-indent:15px; line-height:22px;}


/*首页产品滚动*/
.pro{width:1000px; margin:0 auto;}
.newspro{float:left; background-image:url(/images/menu_bg.jpg); height:33px; background-repeat:repeat-x; width:110px; color:#FFFFFF; font-family: "微软雅黑",Arial, Tahoma,"宋体"; font-size: 14px; text-align:center; line-height:33px; border-bottom:1px solid #22252e;}
.pro_zi{border-bottom:1px solid #22252e; text-align:right; float:left; width:890px; height:33px; line-height:33px;}
#demo{margin:0 auto; overflow:hidden; height:200px; width:1000px;}


/*网站底部*/
.bottom{border-top:1px #cccccc solid; width:100%; height:180px; margin:20px 0 0 0; background:url(/images/copy_bg.jpg) repeat;}
.bottom_content{width:1000px; margin:0 auto; height:70px;}

/*清除样式*/
.clear{clear:both;}




/*内页*/
/*左侧内容*/
.neirong{width:1000px; margin:0 auto; padding:0px;}
.left{float:left; width:230px;}
.leftbar{width:230px; border:1px #d8d8d8 solid; height:130px;}
.leftbaraa{width:214px; margin:0px 8px;}
.ppleft{ width:214px;}
.ppleft li{width:214px; height:30px; line-height:30px; display:block;}
.ppleft li a{background-image:url(/images/ppmenu_03.jpg); width:214px; height:27px; background-repeat:no-repeat; display:block;  text-decoration:none; text-indent:15px; line-height:27px; color:#FFFFFF; }


/*左侧内容*/
.leftbara{width:230px; border:1px #d8d8d8 solid; height:195px; margin:14px 0 0 0;}
.pplefta{width:214px;}
.pplefta li{width:214px; line-height:18px; display:block; height:18px;}


/*右侧内容*/
.right{float:right; width:743px; margin-left:25px;}
.ll{border-bottom:1px solid #CCCCCC;}

/*产品左侧栏目*/
.proleft{line-height:25px; margin-top:10px;}
.proleft_ul{margin:0 auto; padding:0px; width:222px;}
.proleft_ul li{background:url(/images/probj1.jpg) no-repeat; width:222px; position:relative}
.proleft_ul li a{font-family: "微软雅黑",Arial, Tahoma,"宋体"; font-size:12px; color: #444444; text-decoration:none; padding-left:30px; display:block }
.proleft_ul li .a_hover {text-decoration: none; background:url(/images/probj2.jpg) no-repeat; display:block; line-height:25px; width:222px}
.proleft_ul li pro_child li .a_hover{background:none}
.dede_pages{}
.dede_pages ul{padding:12px 0px 12px 16px;text-align: center;}
.dede_pages ul li{line-height:17px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;display: inline;padding: 3px 0px;}
.dede_pages ul li a{;padding: 2px 4px 2px 4px;color:#555;}
.dede_pages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{font-weight: 700;}
.dede_pages .pageinfo{line-height:21px;padding:0px 10px 0px 16px;color:#999;}
.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 0px;}
#imglist{
    padding-top: 15px;
}
#imglist ul{padding-left: 25px;}
#imglist ul li{width:200px;height:175px;float:left;margin-right: 32px;margin-bottom: 10px;}

#preview{ float:none;  text-align:center; width:294px;}
.jqzoom{ width:294px; height:218px; position:relative;}

.zoomdiv{ height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:450px; height:56px; padding-top:6px; overflow:hidden; margin-top:10px}
#spec-left{ background:url(/images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(/images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:450px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(/images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:250px; margin-right:0px;margin-left:16px}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.title{background:url(/images/proleft.jpg)  no-repeat;height:47px;line-height: 47px;font-size: 16px;color: #FFF;font-family: 雅黑;font-weight: 700;padding-left: 40px;}
.title span{
    font-size: 15px;
    margin-left: 5px;
}
.title1{background:url(/images/titlebg.jpg) repeat-x;height:37px;line-height: 37px;font-size: 16px;color: #FFF;font-family: 雅黑;font-weight: 700;padding-left: 10px;}
.title1 span{
    font-size: 15px;
    margin-left: 5px;
}
.title1 strong{float: right;padding-right: 10px;font-size: 12px;}
.title1 strong a{color: #E9E9E9;}
.title1 strong a:hover{color: #E9E9E9;}
#list{
    padding: 10px 0px 10px 14px;
    border: 1px solid #BEBEBE;
    margin-bottom: 10px;
}
#list  li{width:227px;float:left;margin-right: 20px;}
.slidebox { position:relative; width: 518px; margin:0 auto; margin-top:20px; padding:0 8px;}
		.slidebox .bd {}
		.slidebox .bd_ul { border:1px solid #CCC; border-right:none; height:48px; }
		.slidebox .bd_ul li { float: left;}
		.slidebox .bd_ul li img{width:80px; border-left:1px solid #CCC;}
		.slidebox .prev, .slidebox .next { width: 32px; height: 50px; display: block; position: absolute; top:8px; }
		.slidebox .prev { right: -32px; background: url(/images/right.png) no-repeat 0 0; }
		.slidebox .next { left: -32px;  background: url(/images/left.png) no-repeat 0 0;}
.line{border: 1px solid #BEBEBE;}
#dem111o22 img{width:167px;height: 167px;}