body, ul, li, img, h1, h2, h3, h4, h5, span, p, dl, dd, dt, td, table, tr, input {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a {
    text-decoration: none;
    color: #000000;
}
.listBody ul li {
    list-style: none;
    float: left;
    text-align: center;
    background-color: #ffffff;
}
.listBody ul li:hover {
    background-color: #2b7ce7;
    color: #ffffff;
    cursor: pointer;
}
.li-220 {
    width: 220px;
    height: 80px;
    line-height: 80px;
    margin: 30px 40px 0px 40px;
}
.li-500 {
    width: 500px;
    margin: 30px 50px;
    line-height: 120px;
}
.margin-top-200 {
    margin-top: 100px;
}
body {
    background: url("/cms_files/jcms1/web3557/site/picture/2305081540374401182.jpg?0.47904541299055814") no-repeat center top;
}
.content {
    width: 1200px;
    background-color: #F2F2F2;
    margin: 0 auto;
}
.listHead {
    width: 1200px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
    background-color: #F2F2F2;
    line-height: 60px;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 5px solid #2b7ce7;
}
.listBody {
    display:inline;
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    height: 520px;
    background-color: #ffffff;
}
.liBar {
    padding: 0 10px;
    height: 50px;
    background: #444444;
    font-size: 20px;
    font-weight: 500;
    color: white;
    line-height: 50px;
}
.liBar:hover {
    background: #2b7ce7;
}
.li-300 a:hover {
    background: #2b7ce7;
}