@charset "utf-8";
/* CSS Document */
html,body,body{margin:0;padding:0;border:0;}
body{
	color:#333;
	font:14px "Microsoft YaHei",微软雅黑,arial,sans-serif;
	
	}
body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
}
a{text-decoration:none;outline:none;color: #333;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';border: none;}
img{border:none;background:none;border-style: none; }
dl,dd,dt{margin: 0;padding: 0;}
ul,ol,li{list-style-type:none;padding: 0;margin: 0;list-style: none;}
.clearfix:{clear: both;}
h1,h2,h3,h4{margin: 0;padding:0;}
p{
	margin: 0;
	padding: 0;
}

/*顶部*/
.qyfz_bg{
	width: 100%;
	border-bottom: 1px solid;
	border-bottom-color: rgba(64,160,90,.1);
	box-sizing: border-box;
}
.qyfz{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.qyfz>h1,h4{
	font-weight: normal;
	font-size: 12px;
	color: #333;
	line-height: 30px;
}
.qyfz>h1{
	float: left;
	
}
.qyfz>h4{
	float: right;
}
/* ---------------------------logo -------------电话--------------- */
.header_bg{
	width: 100%;
	margin: 20px 0;
}
.header{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.logo{
	float: left;
	max-width: 880px;
}
.logo >a{
	display: block;
	line-height:0
}
.logo >a>img{
	height: 100px;
}
.tel{
	float: right;
}
.tel >span{
	display: inline-block;
	margin-top: 20px;
	vertical-align: middle;
}
.tel >span:nth-child(1){
	margin-right: 15px;
}
.tel > span h1{
	font-weight: normal;
	text-align: left;
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
}
.tel > span h2{
	
	text-align: left;
	font-size: 35px;
	color: #3fa558;
}
/*-----------------------导航------------------*/
.nav_bg{
	width: 100%;
	background: #3fa558;
}
.nav{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}
.nav>a{
	display: inline-block;
	font-size: 18px;
	line-height: 60px;
	color: #fff;
	width: 132px;
	border-right: 1px solid ;
	border-color: rgba(255,255,255, .5);
	box-sizing: border-box;
}
.nav>a:nth-last-child(1){
	border: none;
}
.nav>a:hover{
	background: #b6e34c;
	color: #333;
	border: none;
}
/*轮播*/
#focus-banner{
	position: relative;
	width: 100%;
	overflow: hidden;
}

#focus-banner-list{
	position: relative;
}
#focus-banner-list li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#focus-banner-list li img{
	width: 100%;
	vertical-align: top;
}
.focus-banner-img{
	display: block;
}

#focus-banner .focus-handle{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 100;
	display: block;
	width: 80px;
	height: 80px;
	background-image: url("../img/focus_handle.png");
}
#next-img{
	left: 0;
}
#next-img{
	left: 50px;
	background-position: 0 0;
}
#next-img:hover{
	background-position: 0 -80px;
}
#prev-img{
	right: 0;
}
#prev-img{
	right: 50px;
	background-position: -80px 0;
}
#prev-img:hover{
	background-position: -80px -80px;
}

#focus-bubble{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 10px;
	z-index: 999;
}
#focus-bubble li{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border:1px #fff solid;
	cursor: pointer;
}
#focus-bubble li a{
	display: block;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=0);
	opacity: 0;
}
#focus-bubble li.current{
	background-color: #fff;
}

/*--------------搜索----------------*/
.search_bg{
	width: 100%;
	margin-top: 25px;
}
.search{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.sy_hot_search{
	float: left;
}
.sy_hot_search > p{
	font-size: 16px;
	color: #333;
	font-weight: bold;
	line-height: 36px;
}
.sy_hot_search > p > a{
	font-size: 16px;
	color: #333;
    display: inline-block;
    margin: 0 10px;
    font-weight: normal;
}
.sy_hot_search > p > a:hover{
	color: #3fa558;
}
.sy_ss{
	float: right;
}

.sy_ss form{
}
.sy_ss  form input[type="text"] {
    width: 234px;
    height: 36px;
    text-indent: 15px;
    font-size: 12px;
    color: #999;
    background: none;
    border: 1px solid #3fa558;
    box-sizing: border-box;
    float: left;
}
.sy_ss  form input[type="submit"] {
    width: 36px;
    height: 36px;
    background: url(../img/icon_ss.png) no-repeat center #3FA558;
    border: 0;
    float: left;
}
/*------------------------------产品----------------------*/
.product_bg{
	width: 100%;
	margin-top: 60px;
}
.product{
	width: 1200px;
	margin: 0 auto;
}
.pro_title{
	background: url(../img/icon_pro_title.png) no-repeat center bottom;
	font-size: 30px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
}
.pro_fenlei {
	text-align: center;	
	margin-top: 40px;
	margin-bottom: 35px;
}
.pro_fenlei > a{
	font-size: 16px;
	display: inline-block;
	color: #333;
	border: 1px solid #3FA558;
	box-sizing: border-box;
	border-radius: 8px;
	line-height: 34px;
	width: 100px;
	padding: 0 10px;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    margin: 0 25px;
}
.pro_fenlei > a:hover{
	background: #3FA558;
	color: #fff;
}

.pro_list{
	overflow: hidden;
	padding-top: 5px;
}
.pro_one {
   width: 380px;
   height: 420px;
   -moz-box-shadow: -0.707px 0.707px 11px 0px rgba(0, 0, 0, 0.18);
   -webkit-box-shadow: -0.707px 0.707px 11px 0px rgba(0, 0, 0, 0.18);
   box-shadow: -0.707px 0.707px 11px 0px rgba(0, 0, 0, 0.18);
   padding-top: 20px;
   text-align: center;
   float: left;
   margin: 0 5px;
   margin-bottom: 35px;
}
.pro_one:nth-child(2),.pro_one:nth-child(5){
	margin: 0 20px;
}
.pro_one > span{
	width: 100%;
	margin: 0 auto;
	height: 255px;    display: block;
	overflow: hidden;
}
.pro_one > span > a{
	display: block;
	font-size: 0;
}
.pro_one > span > a>img{
	width: 340px;
}
.pro_one >h1,h2{
	font-weight: normal;
}
.pro_one >h1{
	margin: 30px 0;
}
.pro_one >h1 > a{
	font-size: 16px;
	color: #333;
	display: block;
	padding: 0 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.pro_one >h2{
	width: 120px;
	height: 32px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin: 0 auto;
}
.pro_one >h2 > a{
	font-size: 12px;
	color: #4c4c4c;
	line-height: 32px;
	display: block;
	text-align: center;
}
.pro_one:hover{
	background: #3FA558;
}
.pro_one:hover > h1>a  , .pro_one:hover > h2>a{
	color: #fff;
}
/*-------------------关于我们 ---------------*/
.about_bg{
	width: 100%;
	background: #f4fff8;
}
.about{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;    
	padding: 60px 0;
}
.about > span{
	display: block;
	font-size: 0;
	float: left;
}
.about > span >img{
	width: 580px;
	height: 420px;
}
.about_right{
	float: left;
	
}
.about_title{
	margin-bottom: 36px;
	margin-left: 120px;
	margin-top: 40px;
}
.about_title > p{
	position: relative;
	background: #3fa558;
	width: 4px;
	height: 55px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}
.about_title > p:before{
	content:"";
    position: absolute;
    left: 100%;
    top: 22px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #3fa558;
    border-bottom: 5px solid transparent;
}
.about_title > span{
	display: inline-block;
}
.about_title > span> h1,h2{
	font-weight: normal;
}
.about_title > span> h1{
	font-size: 30px;
	color: #333;
	line-height: 30px;
}
.about_title > span> h2{
	font-size: 24px;
	color: #333;
}
.about_down{
	background: #f6f6f6;
	width: 620px;
	height: 284px;
}
.about_down .about_con{
	width: 448px;
	padding-left: 120px;
	font-size: 14px;
	line-height: 26px;
	padding-top: 26px;
	height: 182px;
	overflow: hidden;
}
.about_down > a{
	display: block;
	width: 120px;
	color: #4c4c4c;
	text-align: center;
	border: 1px solid #999;
	box-sizing: border-box;
	line-height: 32px;
	margin-left: 120px;
	margin-top: 20px;
}
.about_down > a:hover{
	background: #3fa558;
	color: #fff;
	border: none;
}
/*fubanner*/
.pic{
	margin-top: 60px;
	width:100%; height:auto; position:relative;
}
.pic_box{
	position:relative; height:100%; z-index:0; 
}
.pic .pic_box > a {
	width:100%!important
}
.pic .pic_box > a > img{
	width:100%; height:auto; display:block;
}
/*新闻*/
.news_bg{
	width: 100%;
	margin-top: 60px;
}
.news{
	width: 1200px;
	margin: 0 auto;
}
.news_title{
	background: url(../img/icon_pro_title.png) no-repeat center bottom;
	font-size: 30px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
}
.news_content{
	margin-top: 30px;
}
.news_content .clearfix{clear: both;}
.news_content .news_left,.news_right{
   -moz-box-shadow: -0.707px 0.707px 11px 0px rgba(0, 0, 0, 0.18);
   -webkit-box-shadow: -0.707px 0.707px 11px 0px rgba(0, 0, 0, 0.18);
   box-shadow: -0.707px 0.707px 11px 0px rgba(0, 0, 0, 0.18);
}
/*左侧新闻*/
.news_left{
	width: 580px;
	float: left;
	margin-left: 5px;
	height: 447px;
}
.gsxw{
	overflow: hidden;
	background: url(../img/icon_news_line.png)no-repeat bottom center;
	padding: 20px 20px 15px 20px ;
}
.gsxw >h1,h2{
	font-weight: normal;
}
.gsxw >h1{
	background: url(../img/icon_gsxw.png)no-repeat left center;
	font-size: 18px;
	color: #3FA558;
	padding-left: 35px;
	line-height: 22px;
	float: left;
}
.hyxw >h1{
	background: url(../img/icon_hyxw.png)no-repeat left center;
}
.gsxw >h2{
	float: right;
}
.gsxw >h2>a{
	font-size: 12px;
	color: #808080;
	display: block;
	line-height: 22px;
}
.gsxw_list1 {
	padding: 0px 20px;
	margin-top: 20px;
}
.gsxw_list1 dl {
	
}
.gsxw_list1 dl{
	
}
.gsxw_list1 dl > a{
	display: block;
	overflow: hidden;
}
.gsxw_list1 dl >a >dd{width: 200px;height: 150px;overflow: hidden;float: left;}
.gsxw_list1 dl >a >dd>img{width: 200px;height: 150px;}
.gsxw_list1 dl >a >dt{float: right;width: 310px;}
.gsxw_list1 dl >a >dt>p{font-size: 16px;color: #333;margin: 20px 0;overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;}
.gsxw_list1 dl >a >dt >span{font-size: 14px;color: #666;line-height: 24px;}
.gsxw_list1 dl >a:hover dt >p{
	color: #3FA558;
}
.gsxw_col {padding: 0 20px;margin-top: 20px;    padding-bottom: 20px;}
.gsxw_col >ul >li{
	border-bottom: 1px dashed #e5e5e5;
	box-sizing: border-box;padding-bottom: 5px;
	margin-bottom: 15px;
}
.gsxw_col >ul >li >p{
	width: 10px;height: 10px;
	border-radius: 10px;
	border: 1px solid #3FA558;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 5px;
}
.gsxw_col >ul >li>h1,h2{
	font-weight: normal;
}
.gsxw_col >ul >li>h1{display: inline-block;width: 400px;
	}
.gsxw_col >ul >li>h1>a{
	font-size: 14px;color: #333;display: block;
	line-height: 24px;	
}
.gsxw_col >ul >li>h1>a:hover{
	color: #3FA558;
}
.gsxw_col >ul >li>h2{
	font-size: 12px;color: #999;
	float: right;line-height: 24px;
}
/*右侧新闻*/
.news_right{
	width: 580px;
	float: right;    margin-right: 5px;
	height: 447px;
}
.hyxw_zu{
	overflow: hidden;
	padding: 0 20px;
	margin:  18px 0;
}

.hyxw_zu .hy_img {float: left;}
.hyxw_zu .hy_img > a>img{
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
.hyxw_zu  .hy_nr{width: 410px;float: right;}
.hyxw_zu  .hy_nr>a{display: block;}
.hyxw_zu  .hy_nr>a >h1{font-size: 16px;color: #333;
margin-top: 10px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;}
.hyxw_zu  .hy_nr>a>span{font-size: 14px;color: #666;line-height: 24px;display:block;margin-top: 16px;}
.hyxw_zu  .hy_nr>a:hover h1{ color:#3FA558 ;}
/*------------------成功案例--------------*/
.case_bg{
	width: 100%;
	margin-top: 60px;
}
.case{
	width: 1200px;
	margin: 0 auto;
}
.case_title{
	background: url(../img/icon_cases_title.png) no-repeat center bottom;
	font-size: 30px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
}
.case_box{
	overflow: hidden;
}
.case_box .case_list{
	
	float: left;
}
.case_box{
	margin-top: 40px;
}
.case_box .case_list:nth-child(2){
	margin:0 90px;
}
.case_box .case_list >a{
	display: block;
	font-size: 0;
}
.case_box .case_list >a >div{
	display: block;
	width: 340px;
	height: 255px;
	overflow: hidden;
}
.case_box .case_list >a >div>img{
	width: 340px;
	height: 255px;
}
.case_box .case_list >a>h1{
	font-weight: normal;
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 30px;
}
.case_box .case_list >a >div:hover{
	border: 4px solid #3fa558;
	box-sizing:border-box;
}
.case_box .case_list >a:hover>h1{
	color:#3fa558 ;
}
.case_more {
	text-align: center;
	margin-top: 30px;
}
.case_more >a{
	font-size: 12px;
	color: #4c4c4c;
	display: inline-block;
	width: 120px;
	line-height: 32px;
	border: 1px solid #999;
	box-sizing: border-box;
	text-align: center;
}
.case_more >a:hover{
	color: #fff;
	border-color: #3fa558;
	background: #3fa558;
}
/*友情链接*/
.link_bg{
	background: #3fa558;
	width: 100%;
    margin-top: 60px;
}
.link{
	width: 1200px;
	margin: 0 auto;
}
.link .link_title{
	font-size: 20px;
	color: #fff;
	width: 80px;
	text-align: center;
	display: inline-block;padding: 4px 0;
	margin-right: 30px;
}
.links{
	display: inline-block;
	vertical-align: top;
	    
}
.links >a{
	font-size: 14px;
	color: #fff;
	line-height: 60px;
	margin: 0 10px;
}
/*底部*/
.footer_bg{
	width: 100%;
	margin-top: 30px;
}
.footer{
	width: 1200px;
	margin: 0 auto;
}
.footer_cont{
	width: 572px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}
.footer_cont >a{
	font-size: 14px;
	line-height: 24px;
	color: #333;
}
.footer_cont >a:hover{
	color: #3fa558;
}