@charset "utf-8";

/* CSS Document */

body{

	background-color: #f7f7f7;

}

.header .logo a{

	text-decoration: none;

}

.header .logo img{

	width: 100%;

}

.header .clear{

	clear: both;

	height: 0;

	overflow: hidden;

}

.header .nav{

	width: 100%;

	height: auto;

	background-color: #78a82c;

}

.header .nav ul{

	overflow: hidden;

	padding: 10px 0;

}

.header .nav ul span{

	display: block;

    float: left;

    height: 25px;

    line-height: 25px;

    width: 1%;

    overflow: hidden;

    text-align: center;

	color: #fff;

}

.header .nav ul li{

	width: 24%;

	height: 25px;

	line-height: 25px;

	float: left;

}

.header .nav ul li a{

	display: block;

    text-align: center;

    color: white;

    font-size: 16px;

}

.middle .nav2{

	display: block;

	position: relative;

	margin-top: 15px;

	height: 188px;

	width: auto;

	border-bottom: 12px solid #f4f4f8;

}

.middle .nav2 ul li{

	float: left;

	display: block;

	width: 25%;

	overflow: hidden;

}

.middle .nav2 ul li a{

	display: block;

	padding: 10px 0;

	height: 66px;

	text-align: center;

	overflow: hidden;

}

.middle .nav2 ul li img{

	width:45px;

	height: 45px;

	line-height: 45px;

	text-align: center;

}

.middle .nav2 ul li span{

	display: block;

	margin-top: 8px;

	margin-bottom: 8px;

	font-size: 16px;

	line-height: 1;

	color: #333;

}

.middle .case{

	margin: 0 4px;

	height: 34px;

	background: #fff url("../images/images/侧边.jpg") no-repeat left bottom;

	box-shadow: 1px 1px 5px #aaa;

	font-size: 16px;

	font-weight: bold;

	line-height: 34px;

	padding-left: 15px;

}

.middle .case span{

	float: left

}

.middle .case .more{

	float: right;

	color: #999;

	font-weight: normal;

	font-size: 16px;

}

.middle .case .more a{

	margin-right: 5px;

}

.middle .about{

	margin: 10px 4px;

}

.middle .about p{

	font-size: 14px;

	color: #666;

	margin-top: 10px;

	line-height: 26px;
text-indent: 2em;
}


.middle  .com-phone{
	width: 100%;
	height: 50px;
	display: block;
	overflow: hidden;
	background-color:  #78a82c;
}
.middle .com-phone .phone{
	width: 90%;
	margin: 0 auto;
}
.middle  .com-phone .phone-left{
	width: 75%;
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
}
.middle  .com-phone .phone-right{
	padding-top: 6px;
	overflow: hidden;
}
.middle  .com-phone .phone-right a{
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	float: right;
	background:#ffdf06;
	text-align: center;
	font-size: 16px;
	border-radius: 5px;
	color:  #78a82c !important ;
	overflow: hidden;
}


.middle .grow{

	margin: 10px 6px;

}

.middle .grow ul{

	overflow: hidden;

}

.middle .grow ul li{

	width: 46%;

	float: left;

	padding: 5px;

	text-align: center;

}
.middle .grow ul li img{
	
	width: 100%;
	height: 111px;
}


.middle .grow ul li span{

	color: #000;

	font-size: 14px;

	line-height: 23px;

	height: 23px;

}

.middle .anli{

	margin: 10px 4px;

}

.middle .anli ul li{

	height: auto;

	font-size: 14px;

	overflow: hidden;

}

.middle .anli ul li img{

	width: 110px;

	height: 85px;

	border: 1px dotted #e2e2e2;

	padding: 2px;

	float: left;

	margin-right: 8px;

}

.middle .anli ul li .anli-tit{

/*	display: block;*/

	height: 20px;

	line-height: 20px;
font-size: 16px;
	color: #333;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}

.middle .anli ul li span{

	font-size: 14px;

	color: #777;

	float: left;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

	margin-top: 10px;

	width: 60%;

}

.footer{

	margin-top: 15px;

	border-top: 1px solid #dcdcdc;

	padding: 10px 0 80px 0;

	height: 86px;

		line-height: 24px;

}

.footer p{

	font-weight: bold;

	font-size: 14px;

	text-align: center;

color: #555;

	

}

.footer .beian{

	color: blue;

}

.footer .footer-nav{

	border-top: 1px solid #dcdcdc;

	position: fixed;

	bottom: 0;

	left: 0;

	background-color: #fff;

	text-align: center;

	z-index: 999;

	font-size: 12px;

	padding-top: 6px;

	width: 100%;

	height: auto;

}

.footer .footer-nav ul li{

	width: 25%;

	float: left;

	overflow: hidden;

}

.footer .footer-nav ul li img{

	height: 40px;

	

}

.footer .footer-nav ul li p{

	color: #444;

	font-weight: bold;

}