/* CSS Document */

body
{
font-family: 'Roboto', sans-serif;
font-size:12px;
margin:0;
}
a img
{
border:none;
}
a
{
text-decoration:none;
}
.wrap
{
width:960px;
margin:0% auto;
}
.header
{
width:100%;
overflow:auto;
}
.logo
{
width:50%;
float:left;
margin-bottom:20px;
}
.logo-left
{
float:right;
margin-top: 63px;
color: #2d2d2d;
text-align: right;
font-size:30px;
font-weight:bold;
}
.logo-left span
{
margin-top: 4px;
color: #459e18;
display: inline-block;
margin-right: -5px;
font-size:20px;
font-weight:bold;
}
.menu
{
width:100%;
margin-top: 22px;
background: #459e18;
overflow:hidden;
}
.nav
{
display: inline-block;
margin: 0px 0 0px;
min-height: 17px;
float: left;
}
.nuvi
{
list-style:none;
margin:0;
padding:0;
}
.nuvi li
{
float: left;
position: relative;
margin-right: 0;
border-right: 1px solid #fff;
font-size:20px;
font-weight:bold;
}
.nuvi>li:before {
	position: absolute;
	display: inline-block;
	content: '';
	width: 12px;
	height: 28px;
	right: -31px;
	top: -3px;
	}
.nuvi li a
{
position: relative;
display: block;
color: #fff;
font: bold 14px/49px "Roboto", Georgia, sans-serif;
padding: 0px 26px 0px;
text-align: center;
letter-spacing: 0px;
z-index: 1;
overflow: hidden;
}
.nuvi>li>a strong{
	width: 100%;
	height: 0%;
	position: absolute;
	background: #459e18;
	border-bottom: 7px solid #fff;
	display: inline-block;
	left: 0;
	top: -7px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index: -1;

	
}
.nuvi li a:hover strong
{
height: 100%; background: #2d2d2d;
}
.slider
{
background: #2d2d2d;
margin-top: 6px;
overflow:hidden;
}
.banner
{
width: 100%;
position: relative;
background: #2d2d2d;
float: left;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 30px 19px 27px;
}
.brand img
{
margin:0 4px;
}
.banner h2
{
margin:0;
color:#fff;
font-size:20px;
margin-bottom:10px;
}
.container
{
width:100%;
margin:20px 0;
color:#333;
padding-top:30px;
}
.content-left
{
  width:45%;
  float:left;
  padding-right:5%;
}
.left img
{
float:left;
margin-right:15px;
width:100px;
}
p
{
line-height:22px;
text-align:justify;
}
.content-right
{
 width:44%;
  float:left;
  padding-left:4%;
  border-left:1px solid #ccc;
}
.content
{
border-bottom:1px solid #ccc;
padding-bottom:30px;
}
.read
{
float:right;
}
.read a
{
text-decoration:none;
color: #459e18;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.read a:hover
{
color:#333;
text-decoration:underline;
}
.ser1 
{
margin-right:20px;
width:220px;
text-align:center;
float:left;
}
.ser1 p
{
text-align:center;
}
.footer
{
 background: #f2f1e6; 
 display: block;
width: 100%;
padding: 17px 0 17px;
overflow:hidden;
}
.foot-logo
{
width:40%;
float:left;
}

.foot-right
{
 float:right;
 width:53%;
}
.foot-right ul
{
list-style:none;
padding:0;
margin:0;
margin-top:49px;
}
.foot-right li
{
padding:0 12px;
float:left;
}
.foot-right li a
{
color:#333;
font-size:20px;
text-decoration:none;
}
.foot-right li a:hover
{
color:#459e18;
}
.social
{
margin: 23px 0 0 201px;
float: left;
width:100%;
}
.social img
{
 margin:0 3px;
 opacity:0.7
}
.social img:hover
{
opacity:1;
}
.power
{
float:right;
margin-top:10px;
}
.power span
{
float:left;
padding-right:87px;
}
.power a
{
color:#459e18;
}
.power a:hover
{
text-decoration:underline;
}
.content-left2
{
  width:24%;
  float:left;
  padding-right:5%;
  
}
.content-right2
{
 width:66%;
  float:left;
  padding-left:4%;
  border-left:1px solid #ccc;
}
h3
{
color:#459e18;
font-size:15px;
}
.ser {
margin: 0;
list-style: none;
padding-left: 15px;
}

.ser li {
color: #111;
padding: 6px 0px;
background: url(../images/green.png) 0px 13px no-repeat;
padding-left: 20px;
}
.ser2 {
float: left;
margin-right: 15px;
margin-top: 7px;
}
a .bottom {
background: #459e18;
text-align: center;
width: 210px;
color: #f2f2f2;
padding: 10px 0;
font-size: 12px;
font-weight: 600;
-webkit-transition: all 0.9s ease;
transition: all 0.9s ease;
}
a .bottom:hover
{
background:#262626;
color:#f2f2f2;
}
.client
{

width: 50%;
float: left;
margin-bottom: 22px;
}
.client img
{
border:1px solid #ccc;
}
.con1 {
width: 50%;
float: left;
margin-bottom: 22px;
}
.con1 a
{
color:#459e18;
}
.con1 a:hover
{
text-decoration:underline;
}

.text {
height: 11px;
box-shadow: none !important;
padding: 5px 3px 5px 5px;
outline: none;
width: 80%;
margin: 3px 0;
color: #777777;
font: 11px/18px Arial, sans-serif;
font-family: 'Roboto', sans-serif;
background: #ffffff;
border: 1px solid #DDD6D6;
-webkit-appearance: none;
}
textarea.text {
height: 100px;
}
.btn {
display: inline-block;
text-align: center;
vertical-align: middle;
transition: all 0.4s ease;
height: 30px;
line-height: 28px;
background: #459e18;
font-size: 12px;
color: #f2f2f2;
font-weight: bold;
padding: 0 14px;
margin-top: 23px;
}
.btn2 {
border: none;
cursor: pointer;
margin-top: 3px;
}
.btn:hover
{
background:#000;

}