.container {
    width: 100%;
    height: 2400px;
    overflow: hidden;
    margin: 0 auto;
    background: url('../img/pro1/bg.jpg') no-repeat;
}

.content {
    width: 1322px;
    min-height: 500px;
    margin: 0 auto;
    margin-top: 255px;
}

.hdgz1 {
    width: 754px;
    height: 86px;
    background: url('../img/pro3/hdgz-1.png') no-repeat;
    margin: 0 auto;
}

.hdgz1 span {
    width: 631px;
    height: 44px;
    float: left;
    margin: 12px 0 0 68px;
    color: #fff;
    font-family: "Source Han Serif SC", serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.hdgz2 {
    width: 754px;
    height: 205px;
    background: url('../img/pro6/hdgz-2.png') no-repeat;
    margin: 0 auto;
    margin-top: 40px;
}

.hdgz2 span {
    width: 680px;
    height: 155px;
    float: left;
    margin: 14px 0 0 46px;
    color: #fff;
    font-family: "Source Han Serif SC", serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
}

.content .biaoti {
    width: 100%;
    height: 70px;
    margin-top: 40px;
}

.content .biaoti img {
    display: block;
    margin: 0 auto;
}

.hd1 {
    width: 100%;
    height: 545px;
    margin-top: 33px;
}

.hd1 .hd1_top {
    width: 100%;
    height: 270px;
    text-align: center;
}

.hd1 .hd1_top .item {
    width: 253px;
    height: 270px;
    background: url('../img/pro6/li-bg.png') no-repeat top;
    display: inline-table;
    background-position-y: 50px;
    margin: 0 30px;
    position: relative;
}

.hd1 .hd1_top .item .rank {
    width: 177px;
    height: 45px;
    display: block;
    margin: 0 auto;
    color: #ffd189;
    border: 1px solid #ffd189;
    border-radius: 20px;
    line-height: 45px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.hd1 .hd1_top .item ul {
    width: 100%;
    height: 85px;
    text-align: center;
    margin-top: 45px;
}

.hd1 .hd1_top .item ul li {
    width: 110px;
    height: 80px;
    display: inline-block;
}

.hd1 .hd1_top .item ul li img {
    display: block;
    margin: 0 auto;
}

.hd1 .hd1_top .item ul li span {
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 5px;
}

.hd1 .hd1_top .item .lq {
    width: 145px;
    height: 50px;
    display: block;
    margin: 0 auto;
}

.hd1 .hd1_top .item .lq1 {
    background: url('../img/pro5/lq1.png') no-repeat;
}

.hd1 .hd1_top .item .lq2 {
    background: url('../img/pro5/lq2.png') no-repeat;
}

.hd1 .hd1_top .item .lq3 {
    background: url('../img/pro5/lq3.png') no-repeat;
}

.hd1 .hd1_top .item .nameList {
    width: 80px;
    height: 26px;
    display: block;
    background-color: #fff8d4;
    border: 1px solid #b06c26;
    color: #920000;
    font-family: "Source Han Serif SC", serif;
    font-weight: bold;
    border-radius: 13px;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    margin: 0 auto;
    cursor: pointer;
}

.hd1 .hd1_top .item .nameBox {
    width: 130px;
    min-height: 100px;
    position: absolute;
    right: -57px;
    top: 228px;
    display: block;
    background-color: #fff8d4;
    border: 1px solid #b06c26;
    border-radius: 13px;
    display: none;
    z-index: 3;
}

.hd1 .hd1_top .item .nameBox p {
    height: 40px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: #920000;
    font-size: 14px;
}

.hd1 .hd1_top .item .nameBox span {
    width: 100%;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
}

.hd1 .hd1_top .item .nameList:hover+.nameBox {
    display: block;
}

.hd1 .hd1_bot {
    width: 100%;
    height: 270px;
    text-align: center;
}

.hd1 .hd1_bot .item {
    width: 253px;
    height: 270px;
    background: url('../img/pro6/li-bg.png') no-repeat top;
    display: inline-table;
    background-position-y: 50px;
    margin: 0 30px;
    position: relative;
}

.hd1 .hd1_bot .item .rank {
    width: 177px;
    height: 45px;
    display: block;
    margin: 0 auto;
    color: #ffd189;
    border: 1px solid #ffd189;
    border-radius: 20px;
    line-height: 45px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.hd1 .hd1_bot .item ul {
    width: 100%;
    height: 85px;
    text-align: center;
    margin-top: 45px;
}

.hd1 .hd1_bot .item ul li {
    width: 110px;
    height: 80px;
    display: inline-block;
}

.hd1 .hd1_bot .item ul li img {
    display: block;
    margin: 0 auto;
}

.hd1 .hd1_bot .item ul li span {
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 5px;
}

.hd1 .hd1_bot .item .lq {
    width: 145px;
    height: 50px;
    display: block;
    margin: 0 auto;
}

.hd1 .hd1_bot .item .lq1 {
    background: url('../img/pro5/lq1.png') no-repeat;
}

.hd1 .hd1_bot .item .lq2 {
    background: url('../img/pro5/lq2.png') no-repeat;
}

.hd1 .hd1_bot .item .lq3 {
    background: url('../img/pro5/lq3.png') no-repeat;
}

.hd2 {
    width: 100%;
    height: 365px;
}

.content .hd2 table {
    width: 824px;
    height: 140px;
    border-collapse: collapse;
    border-color: #f5e59e;
    margin: 0 auto;
    margin-top: 40px;
}

.content .hd2 table th {
    height: 45px;
    background-color: #a4835b;
    font-size: 20px;
    font-family: "Source Han Serif SC", serif;
    font-weight: bold;
    color: #fff;
}

.content .hd2 table td {
    text-align: center;
    color: #fff;
    font-family: "Source Han Serif SC", serif;
    font-weight: bold;
}

.content .hd2 table td .lq {
    width: 65px;
    height: 19px;
    display: inline-block;
    display: inline-block;
    vertical-align: text-bottom;
}

.content .hd2 table td .lq1 {
    background: url('../img/pro1/lq_1.png') no-repeat;
}

.content .hd2 table td .lq2 {
    background: url('../img/pro1/lq_2.png') no-repeat;
}

.content .hd2 table td .lq3 {
    background: url('../img/pro1/lq_3.png') no-repeat;
}