html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.bk, .bk3, .bk6, .bk8, .bk10, .bk15, .bk20,.bk30,.bk40,.bk60{clear: both;font-size: 0;height: 0;overflow: hidden;}
.bk5{height: 5px;}
.bk8{height: 8px;}
.bk10{height: 10px;}
.bk15{height: 15px;}
.bk20{height: 20px;}
.bk30{height: 30px;}
.bk40{height: 40px;}
.bk60{height: 60px;}
.tal{ text-align:left} .tar{ text-align:right;}
.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}
strong{ font-weight:normal;}
body{font-size: 100%;color: #333;margin: 0;background:#FFF;font-size: 12px;font-family:"微软雅黑"; }
a{color: #333;text-decoration: none}
a:active,a:hover{color:#71AF43;text-decoration: none}
:focus{outline: 0}
img{border-style: none}
table{border-collapse: collapse;border-spacing: 0;}
ol,ul,dl{list-style: none}
li{list-style: none}
input,button{vertical-align: middle}
.clear{display: block;height: 0;clear: both;content: "";overflow: hidden;visibility: hidden}
.lft{ float:left; }
.rgt{ float:right;}
.fr{float: right;}
.css3{
	/*transition: all 0.3s ease-in-out 0s;*/
	
	-webkit-transform:translate3d(0, -20px, 0);
	-ms-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:800ms;
	transition-delay:800ms
}
.css3.animated{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
/* HOME*/
.wrapper{width:1160px;margin: 0 auto;}
#header{width: 100%;background: #FFF; position:relative; z-index:1000; border-top:10px solid #71AF43;}
#header a:hover{ color:#FA5C0E;}
#header .wrapper{ position:relative; padding-bottom:20px;}
.logo{ position:absolute; top:20px; left:0;}
#header .img{ float:right; margin-top:45px;}
.naver{width: 100%;background:#fff;font-family: "微软雅黑"; border-top:1px solid #ECEEF4; position:relative;  z-index:1000;}
.naver ul { overflow:hidden;border-bottom:1px solid #ECEEF4;border-right:1px solid #ECEEF4;border-left:1px solid #ECEEF4;height:85px; width:1158px; margin:0 auto;}
.naver ul li{ float: left;line-height:85px;height:85px;font-size: 16px;color: #595757; width:14.28%; border-left:1px solid #ECEEF4; margin-left:-1px; }
.naver ul li:last-child{ background:none;}
.naver ul li a{ display:block; float:left; width:100%; text-align:center;color: #595757; }
.naver ul li a:hover{ color:#71AF43; text-decoration:none;background:url(../images/nav_on.png) no-repeat center bottom;}

.naver ul li.cur a{ color:#71AF43; text-decoration:none; background:url(../images/nav_on.png) no-repeat center bottom;}
.focusBox { position: relative; width:1160px; height:456px;overflow: hidden; margin:0 auto;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:1160px; height:456px;display: block; }
.focusBox .hd {  position: absolute; left:0; width:100%; text-align:center; bottom:15px;font-size:0; z-index:1; }
.focusBox .hd ul{}
.focusBox .hd li{margin: 0 2px; background:#fff; height:4px; overflow: hidden; width:30px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  filter:alpha(opacity=80);opacity:0.8; 
	}
.focusBox .hd .on{ background:#71AF43;}
.focusBox .prev,
.focusBox .next { width:44px; height:100px; margin: -50px 0 0; display: none; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=80);opacity:0.8; background-size:23px 40px;  }
.focusBox .prev { left:0; background:url(../images/prev.png) no-repeat center center; background-size:23px 40px;  }
.focusBox .next {background:url(../images/next.png) no-repeat center center; right:0; background-size:23px 40px; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=100) !important;opacity:1 !important;  }
.barDiv{ background:url(../images/img2.png) repeat-x left center; height:39px;}
.barDiv ul li{ float:left; width:33.3%;height:39px; line-height:39px; text-align:center; background:url(../images/img3.png) no-repeat left top;}
.barDiv ul li a{ display:block; height:39px; line-height:39px; }
.barDiv ul li span{ color:#71AF43; font-size:14px;}
.home_mod .head{ height:30px; line-height:30px; color:#71AF43; position:relative;} 
.home_mod .head h2{ float:left; font-size:24px;color:#71AF43;  font-family: "微软雅黑";text-align:left; padding-right:5px;}
.case_mod .body{ width:100%;  overflow:hidden;}
.case_mod .body ul{ width:106%;}
.caselist { overflow:hidden;}
.caselist li{ float:left; width:610px; border-top:1px solid #B2B2B2; padding:45px 0; margin-top:-1px; }
.caselist li .thumb{ width:201px; height:133px; position:relative; float:left;  border-bottom:8px solid #71AF43;}
.caselist li .thumb img{ width:201px; height:133px; }
.caselist li.bg1 .thumb{ border-bottom:8px solid #71AF43;}
.caselist li.bg2 .thumb{ border-bottom:8px solid #4E5659;}
.caselist li .thumb img{ width:201px; height:133px;  display:block;}
.caselist li .thumb span{ display:block; color:#fff; font-size:14px; line-height:23px; line-height:23px; width:48px; background:#FF7800; top:12px; left:0; position:absolute;}
.caselist li .desc{ font-size:14px; width:330px; float:left; padding-left:18px;}
.caselist li .desc h4{ line-height:21px; font-size:21px; color:#4e5659; overflow:hidden; height:21px; margin-bottom:18px; overflow:hidden;}
.caselist li .desc p{ text-align:left;  overflow:hidden; height:90px; line-height:22px; color:#4e5659;}
.svg_mod .body{ width:100%;  overflow:hidden;}
.svg_mod .body ul{ width:106%;}
.svg_mod .foot img{ width:100%; height:auto;}
.svglist { padding-top:60px; padding-bottom:60px;}
.svglist li{ width:250px; float:left; margin-right:55px;}
.svglist li .thumb img{ display:block; margin:0 auto;}
.svglist li .desc{ padding-top:15px; font-size:16px; color:#4e5659; line-height:27px;}
.svglist li .desc h4{ height:50px; line-height:50px; color:#71af43; font-size:24px; text-align:center; }
.bottomNews{ background:#EFEFEF; padding:25px 0 30px 0;}
.bottomNews .item-news{ width:450px;}
.bottomNews .item-news .img{ float:left; width:200px; padding-top:30px;}
.bottomNews .item-news dl{ margin-left:200px;}
.bottomNews .item-news dt{ color:#4e5659; font-size:21px; line-height:30px; padding-bottom:10px;}
.bottomNews .item-news dd a{ display:block; height:27px; line-height:27px; overflow:hidden; font-size:14px;}
.list_mod .head{ padding:10px 0 58px 0; font-size:18px; color:#4e5659; line-height:36px;}
.list_mod .head h3{ font-size:24px; color:#71af43; line-height:40px;} 
.list_mod .head h4{ font-size:24px; color:#4e5659; line-height:40px;} 
.list_mod .body{ width:100%;  overflow:hidden;}
.list_mod .body .piclist{ width:103%;}
.list_mod .body .piclist li{ float:left; width:382px; height:383px; overflow:hidden; position:relative; margin-right:7px; margin-bottom:7px;}
.list_mod .body .piclist li .thumb a{ display:block;}
.list_mod .body .piclist li img{ display:block; width:382px; height:383px; }
.list_mod .body .piclist li .thumb a img{ display:block;-webkit-transform:translateZ(0);-webkit-transition:.2s;-moz-transform:translateZ(0);-moz-transition:.2s;-ms-transform:translateZ(0);-ms-transition:.2s;-webkit-transform-style:preserve-3d; }
.list_mod .body .piclist li .thumb a:hover img{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.list_mod .body .piclist li .title{ position:absolute; width:100%; height:48px; line-height:48px; color:#fff; text-indent:20px; font-size:28px; left:0; bottom:0; background:url(../images/tm.png) repeat;}
.list_mod .body .piclist li .title a{ display:block; color:#fff;}

.about_mod .head{ padding:10px 0 30px 0; font-size:18px; color:#4e5659; line-height:36px;}
.about_mod .head h3{ font-size:24px; color:#71af43; line-height:40px;} 
.about_mod .body{ padding:10px 0 58px 0; font-size:18px; color:#4e5659; line-height:36px;}

.art_mod .head{ padding:10px 0 30px 0; font-size:18px; color:#4e5659; line-height:36px;}
.art_mod .head h3{ font-size:24px; color:#71af43; line-height:40px;} 
.art_mod .body{ padding:10px 0 58px 0; font-size:18px; color:#4e5659; line-height:36px;}
.art_mod .body h4{ font-size:24px; color:#4e5659; line-height:40px;}
.art_mod .body .img { text-align:center;}
.art_mod .body .img img{ width:auto; max-width:100%; margin:0 auto;}


/* footer*/
#footer{ padding:40px 0; padding-top:50px; background:#4E5659; color:#fff; overflow:hidden; }
#footer .lft{ float:left; line-height:30px; font-size:16px; color:#AFB2B3; width:940px;}
#footer a{ color:#fff;}
#footer .link{ height:20px; line-height:20px; margin-bottom:80px;}
#footer .link li{ float:left; padding-right:40px;}
#footer .link a{ font-size:18px;}
#footer .lft p strong{ font-size:34px;}
#footer  a:hover{ color:#eee;}
#footer .rgt{ }