@charset "utf-8";
/* CSS Document */

* {
 margin: 0; padding: 0;
}
body {
 color:#000; font: normal 12px "微软雅黑"; background:#fff; word-wrap:break-word;
}
a{
 color:#000; text-decoration:none;
}
a:hover {
 color:#017840; text-decoration:none;
}
a img {
 border: none;
}
ul,li,dl,dt,dd,form,img,p{
 margin:0; padding:0; border:none; list-style:none;
}
img {
 image-rendering: optimizeQuality;  /* 图像不失真 Firefox 3.6+; default behavior is identical, no need to specify */
 -ms-interpolation-mode: bicubic;   /* 图像不失真 IE专有属性 Internet Explorer 7.0; default in IE8+ */
}

.wt1002 {
	width: 1002px;
	margin: 0 auto;
}
.ov {
	overflow: hidden;
}

.wt1020 {
	width: 1020px;
	margin: 0 auto;
}

/* 多行文本溢出显示省略号（…）
 适用范围：
因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；

display: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient: vertical;  //必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
-webkit-line-clamp: 3; //用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：
overflow: hidden;
*/


/* 单行文本溢出显示省略号（…）
white-space:nowrap; //规定段落中的文本不进行换行
overflow:hidden;
text-overflow:ellipsis; //clip修剪文本;  ellipsis显示省略符号来代表被修剪的文本; string使用给定的字符串来代表被修剪的文本。
*/






/* 首页 样式表 */

.header_bg {
	background: #ffffff;
	padding-bottom: 25px;
}
.top_text {
	background: #007440;
	border-bottom:1px solid #3c7e5f;
	line-height: 39px;
}
.top_text p {
	color: #FFFFFF;
}
.top_logo {
	margin-top: 23px;
}
.logo {
	display: block;
	float: left;
}
.top_tel {
	float: right;
	background: url(../img/tel.png) no-repeat center left;
	padding-left: 65px;
	line-height: 51px;
	color: #353535;
	font-size: 20px;
	margin-top: 22px;
	margin-right:30px;
}

.nav_bg { width:100%; border-top:1px solid #e9e9e9;}
.nav { width:1060px; margin:0 auto; overflow:hidden;}
.nav ul li { float:left; width:120px; margin:0 6px; line-height:58px; text-align:center; font-size:16px; text-decoration: none;}
.nav ul li:hover { background:url(../img/menu_line.jpg) no-repeat bottom center; text-decoration: none;}
.nav ul li a { display:block; color:#454545; text-decoration: none;}

.ind_banner_ty {
	background: url(../img/banner_bg.jpg) no-repeat center top;
	height: 16px;
}
.ind_tjcp {
	margin-top: 40px;
}
.ind_cp_title1 {
	text-align: center;
	color: #4d4d4d;
	font-size: 28px;
	font-weight: normal;
}
.ind_cp_title2 {
	text-align: center;
	color: #999999;
	font-size: 16px;
	margin-top: 8px;
}
.ind_tj_cp {
	margin-top: 35px;
}
.ind_tj_cp li {
	float: left;
	margin: 0 5px;
	width: 188px;
}
.ind_tj_cp li img {
	display: block;
	width: 180px;
	height: 180px;
	border: 1px solid #d1d1d1;
	padding: 1px;
}
.ind_tj_cp li:hover img {
	border: 1px solid #009933;
}
.ind_tj_cp li p {
	color: #5b5b5b;
	margin-top: 10px;
	text-align: center;
	white-space:nowrap; /*规定段落中的文本不进行换行*/
    overflow:hidden;
    text-overflow:ellipsis; /*clip修剪文本;  ellipsis显示省略符号来代表被修剪的文本; string使用给定的字符串来代表被修剪的文本。*/

}
.ind_tj_cp li:hover p {
	color: #009933;
	text-decoration: underline;
}
.ind_cp_more {
	display: block;
	margin: 30px auto 0 auto;
	width: 132px;
	height: 36px;
	line-height: 36px;
	background: #009933;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
}
.ind_cp_more:hover {	
	color: #FFFFFF;
	background: #017840;
}
.ind_ab_bg {
	background: #dedede;
	margin-top: 0px;
	padding: 40px 0 50px 0;
}
.ind_ab_main {
	margin-top: 30px;
}
.ind_ab_text {
	float: left;
	width: 494px;
}
.ind_ab_text p {
	color: #666666;
	line-height: 28px;
	font-size: 14px;
	display: -webkit-box; /*/必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical;  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 7; /*用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：*/
    overflow: hidden;
}
.ind_ab_main img {
	display: block;
	float: right;
	width: 480px;
	height: 280px;
}
.ind_ab_text a { display:block; margin-top:30px; width:140px; height:38px; line-height:38px; background:#a3a3a3; border-radius:10px; text-align:center; color:#FFF; font-size:15px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.ind_ab_text a:hover { background:#009933;}
.ind_max_img {
	margin-top: 40px;
}
.ind_max_img img {
	width: 1002px;
	height: 448px;
}
.ind_news {
	padding-top: 40px;
	width: 1032px;
}
.ind_news li {
	float: left;
	margin: 0px 30px 30px 0;
	width: 486px;
	overflow: hidden;
}
.ind_news li img {
	display: block;
	width: 166px;
	height: 120px;
	float: left;
}
.ind_news li h2, .ind_news li p {
	margin-left: 180px;
}
.ind_news li h2 {
	font-size: 14px;
	color: #595959;
	white-space:nowrap; /*规定段落中的文本不进行换行*/
    overflow:hidden;
    text-overflow:ellipsis; /*clip修剪文本;  ellipsis显示省略符号来代表被修剪的文本; string使用给定的字符串来代表被修剪的文本。*/
}
.ind_news li:hover h2 {
	color: #009933;	
}
.ind_news li p {
	padding-top: 10px;
	color: #8a8a8a;
	line-height: 25px;
	display: -webkit-box; /*/必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical;  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 3; /*用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：*/
    overflow: hidden;
}
.footer {
	margin-top: 50px;
	background: #007440;
	height: 120px;
}
.footer p {
	padding-top:32px;
	color: #FFFFFF;
	text-align: center;
	line-height: 28px;
	font-size:13px;
}

/* left*/
.sidebar { width:210px; padding:0px 0 0px; }
.float-left { float:left; display:inline; }
.page-menu { margin-bottom:5px; padding-bottom:0; background-color:#fffbf7; }
.page-menu-title { background:#02773c; }
.page-menu-title h3 { padding-left:15px; height:45px; line-height:45px; color:#fff;font-size:16px; }
.page-menu-title-max h3 { font-size:24px; }
.page-menu-title h4 { margin-bottom:5px; padding-left:35px; line-height:normal; color:#fff; font-size:25px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }

.page-menu-content { padding:10px 0 25px; background-color: #f6f5f5; border: 1px solid #dcdcdc; }
.page-menu-content ul { padding:0 15px;  }
.page-menu-content ul li { position:relative; border-bottom:1px dashed #e6e6e6;  }
.page-menu-content ul li a { display:block; padding-top:12px; padding-bottom:12px; padding-right:10px; line-height:normal; color:#4d4d4d; font-size:14px; *zoom:1; }
.page-menu-content ul li i { display:block; width:7px; height:7px; overflow:hidden; position:absolute; top:17px; right:0; _right:15px; background:url(../img/style-green/page-menu.gif) no-repeat 0 0; }
.page-menu-content ul li a:hover { text-decoration:none; color:#093; }
.page-menu-content ul li:hover i { background-image:url(../img/style-green/page-menu-c.gif); }
.page-menu-content ul ul { padding:0 0 0 15px ; margin:0 0 20px; display:none; }
.page-menu-content ul ul li.last { border-bottom:none; }
.page-menu-content ul li ul li { border-bottom:none; }
.page-menu-content ul li ul li a { color:#4d4d4d; padding-left:10px; background:url(../img/style-green/page-menu-sub.gif) no-repeat left center;  }
.page-menu-content ul li ul li a:hover { color:#093; background:url(../img/style-green/page-menu-sub-c.gif) no-repeat left center; }
.page-menu-content ul ul li a { background-image:none; padding:8px 0; line-height:normal; background-color:#f2f2f2; font-size:13px; }
.page-menu-content ul li.current a { color:#093; }
.page-menu-content ul li.current i { background-image:url(../images/style-green/page-menu-c.gif); }
.page-menu-content ul li.current ul { display:block; margin-top:0; }
.page-menu-content ul li.current ul li { border-bottom:none; }
.page-menu-content ul li.current ul li a { color:#4d4d4d; }
.page-menu-content ul li.current ul li a:hover { color:#093; }
.page-menu-content ul li.current ul li.current > a { color:#093; background:url(../img/style-green/page-menu-sub-c.gif) no-repeat left center; }

.left_tel_diy{
margin-top:10px;
padding:10px 5px; 
 border: 1px solid #dcdcdc;
 text-align:center;
 }
.left_tel_diy p{text-align:left; line-height:28px;font-size:13px;}

/*主体*/
.main_m {
	margin-top: 25px;
}
.main{zoom:1;overflow:hidden; margin-top:15px; padding-bottom:23px;}
.asideL{width:230px;float:left;}
.left_tit{font-size:16px;line-height:40px; background-color:#00a711; color:#fff; padding-left:15px;}
.left_con{font-size:16px;line-height:40px; color:#2a2a2a; padding-top:25px; font-weight:900;}
.left_con_z{line-height:26px; color:#2a2a2a;}
.mainBox{width:790px;float:right;padding-top:5px;}

/*cont*/
.atitle{margin-left:auto;margin-right:auto;width:790px; height:40px; border-bottom:#ccc 1px solid; line-height:40px;}
.title{float: left;background:url(../img/ticon.jpg) no-repeat left 50%; padding-left:25px; font-weight:700; font-size:16px;}
.weizi{float:right;}
.zhengwen{ padding-top:20px;font-size:13px; text-align:left; line-height:34px;margin-left:auto;margin-right:auto; width:790px; min-height:420px;}
.tuihang{ text-indent: 2em;}

/*news*/
.a_news_hot { padding:20px; background:#f1f1f1;zoom:1; overflow:hidden; margin-bottom:10px;}
.a_news_hot h1 { font-size:13px; color:#595959; padding-bottom:5px;}
.a_news_hot span { color:#79c38d; font-size:12px; line-height:24px;}
.a_news_hot span img {float:left; margin-right:20px;}
.a_news_hot b { float:right; margin-top:5px; font-weight:normal; font-size:12px; color:#ba0101;}
.a_news_hot b a { color:#c01525; }
.a_news_hot b a:hover {text-decoration:underline;}
.a_news{width:100%;}
.a_news li {height:45px;line-height:45px;background:url(../img/line_news.gif) no-repeat left bottom;}
.a_news  li a {
background:url(../img/arrow_i_news_hot.gif) no-repeat 5px 50%;padding:0 0 0 30px;display:block;}
.a_news li span {float:right;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#b09c80;padding-right:10px;}

/*推荐产品*/
.BoxCon{ background:#fff; margin:25px auto 0; width:1200px; padding:5px 20px;}
.huadongPro{ padding:40px 0 0px;}
.imageflow{ position:relative; text-align:left;width:1145px; left:25px; margin-top:20px;}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic;}
.imageflow p{margin:0 auto; text-align:center;}
.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%}
.imageflow .navigation{z-index:10000;}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10001; color:#333; top:100px;padding-bottom:30px; font-size:20px;}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px}
.imageflow .slider{ height:14px; margin:0px 0 0 -7px; position:absolute; width:14px; z-index:10003}
.imageflow .slideshow{cursor:pointer; height:14px; margin:20px 0 0 20px; position:absolute; width:14px; z-index:10003}
.imageflow .images{overflow:hidden; white-space:nowrap}
.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous{float:left; margin:7px 0 0 -30px}
.imageflow .next{ float:right; margin:7px -30px 0 30px}
.imageflow img{border:2px solid #ccc;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);}
* html .imageflow img{ width:360px; height:342px} /*兼容ie6*/ 
*+html .imageflow img{ width:360px; height:342px} /*兼容ie7*/