* {
    padding: 0;
    margin: 0;
}

.c {
    clear: both;
}

.l {
    width: 960px;
    margin: 0 auto;
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

body {
    font-size: 12px;
}

#top-w {
    height: 45px;
    background: #000;
    overflow: hidden;
}

#top-w .top {
    height: 45px;
    line-height: 45px;
}

#top-w .top a {
    color: #ccc;
}

#top-w .top a:hover {
    color: #fff;
}

#top-w .top .icon-qq {
    display: inline-block;
    vertical-align: middle;
    height: 45px;
    width: 20px;
    background: url(../images/q1.jpg) center center no-repeat;
}

#top-w .top .tel {
    float: right;
    height: 45px;
    color: #ccc;
}

#top-w .top .tel img {
    vertical-align: middle;
}

#nav-w {
    height: 122px;
    background: #f1f1f1;
}

#nav-w .nav .logo {
    height: 122px;
    width: 244px;
    float: left;
}

#nav-w .nav .menu {
    padding-top: 30px;
    float: right;
}

#nav-w .nav .menu li {
    float: left;
    padding: 15px;
}

#nav-w .nav .menu li:hover {
    background: #033800;
}

#nav-w .nav .menu li a {
    color: #515050
}

#nav-w .nav .menu li:hover a {
    color: #fff
}

#slider {
    height: 450px;
    width: 100%;
    background: #ddd;
}

#banner-w {
    height: 300px;
    background: #022e00;
}

#banner-w .banner {
    height: 150px;
    color: #fff;
}

#banner-w .banner h2 {
    height: 75px;
    line-height: 75px;
    font-size: 42px;
}

#banner-w .banner p {
    line-height: 22px;
}

#pro {}

#pro h2 {
    height: 100px;
    line-height: 100px;
    color: #515050;
}

#pro li {
    float: left;
    width: 312px;
    border: 1px solid #ededed;
    margin: 0 2px 2px 0;
}

#pro li a {
    display: block;
    width: 312px;
    background: #f5f5f5;
    color: #515050;
}

#pro li a:hover {
    background: #fff;
}

#pro li h3 {
    height: 60px;
    line-height: 60px;
    text-align: center;
}

#pro li img {
    display: block;
    height: 220px;
    width: 312px;
}

#active-w {
    height: 105px;
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
    background: #f5f5f5;
}

#active {
    height: 105px;
}

#active .item {
    float: left;
    width: 822px;
    padding-top: 30px;
}

#active .item h2 {
    height: 30px;
    line-height: 30px;
    color: #515050;
}

#active .item p {
    color: #999999;
}

#active .btn {
    float: right;
    width: 100px;
    padding-top: 30px;
}

#active .btn a {
    display: block;
    width: 100px;
    height: 44px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    background-color: #022e00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#foot-w {
    height: 380px;
    background: #022e00;
}

#foot-w .foot {
    padding-top: 50px;
}

#foot-w .foot ul {
    float: left;
    width: 210px;
    margin: 0 50px;
}

#foot-w .foot ul li {
    height: 40px;
    line-height: 40px;
    color: #fff;
}

#foot-w .foot ul li img {
    vertical-align: middle;
}

#foot-w .foot ul p {
    color: #999999;
    line-height: 25px;
    padding: 15px 0;
}

#copy-w {
    height: 110px;
    background: #000000;
}

#copy-w .copy {
    padding-top: 20px;
}

#copy-w .copy h2 {
    height: 40px;
    line-height: 40px;
    color: #022e00;
}

#copy-w .copy p {
    color: #ccc;
}

#copy-w .copy p span {
    float: right;
}

#copy-w .copy p span a {
    color: #ccc;
}