*{
 margin: 0 auto;
}
ul,li{
 list-style: none;
}
a{
 text-decoration: none;
}
.clear{
 clear: both;
}

.header{
 width: 100%;
 height: 116px;
 background: #FFFFFF;
}
.header .header-con{
 width: 1200px;
 height: 116px;
 margin: 0 auto;
 background: url(../img/bg.jpg);
}
.header .header-left{
 float: left;
 width: 50%;
}
.header .header-logo{
 width: 100%;
 height: 116px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
.header .header-right{
 width: 300px;
 height: 116px;
 float: right;
 margin: 0 auto;
}
.header .header-right .header-info{
 width: 300px;
 height: 116px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}

.nav{
 width: 100%;
 min-width: 1200px;
 height: 46px;
 background: #009739;
}
.nav .main-nav{
 width: 1190px;
 height: 46px;
 margin: auto;
}
.nav .menu{
 width: 1200px;
 margin: 0 auto;
 padding: 0px;
}
.main-nav ul li{
 width: 150px;
 float: left;
 text-align: center;
}
.main-nav ul li:hover{
 background: rgba(12,130,69,0.8);
}
.main-nav ul a{
 display: block;
 text-decoration: none;
 text-align: center;
 line-height: 46px;
 color: white;
}
.main-nav .drop-down{
 position: relative;
}
.main-nav .submenu{
 padding: 0;
 display: none;
 position: absolute;
 z-index: 1;
 background: #009739;
}
.main-nav .submenu li:hover > a{
 background: rgba(12,130,69,0.8);
}
.main-nav .drop-down:hover .submenu{
     display: block;
}

.footer{
 width: 100%;
 height: 100px;
 background: #009739;
 margin:  0 auto;
 margin-top: 20px;
}
.footer .siteinfo{
 height: 70px;
 padding-top: 30px;
 text-align: center;
}
.footer .siteinfo p{
 line-height: 30px;
 font-size: 14px;
 color: #FFFFFF;
}