.container {
    width: 100%;
    height: 2994px;
    overflow: hidden;
    margin: 0 auto;
    background: url('../img/pro6/bg.jpg') no-repeat;
}
.content {
    width: 1300px;
    min-height: 1000px;
    margin: 0 auto;
    margin-top: 66px;
}


.content #hd7 {
    width: 100%;
    height: 1870px;
}

.content #hd7 .tit_s {
    margin-top: 20px;
    color: #fff;
    text-align: center
}

.content #hd7 .tit_m {
    width: 100%;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
    font-weight: bold;
}

.content #hd7 .hz1 {
    width: 1236px;
    height: 913px;
    background: url('../img/pro6/hz1.png') no-repeat top;
    margin: 0 auto;
    margin-top: 45px;
}

.content #hd7 .hz2 {
    width: 1244px;
    height: 690px;
    background: url('../img/pro6/hz2.png') no-repeat top;
    margin: 0 auto;
    margin-top: 45px;
}

.content #hd7 .title_x {
    width: 100%;
    height: 36px;
    float: left;
    margin: 23px auto;
}

.content #hd7 .title_x img {
    display: block;
    margin: 0 auto;
}

.content .hz1 ul {
    width: 100%;
    height: 790px;
    text-align: center;
    float: left;
    margin-top: 15px;
}

.content .hz1 ul li {
    width: 149px;
    height: 172px;
    display: inline-block;
    background: url('../img/pro6/li-bg.png') no-repeat ;
    position: relative;
    margin-bottom: 20px
}

.content .hz1 ul li img {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.content .hz1 ul li .djName {
    width: 100%;
    margin-top: 5px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #bd341d;
    display: block;
}

.content .hz1 ul li .xhNum {
    width: 100%;
    margin-top: 5px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #bd341d;
    display: block;
}

.content .hz1 ul li .dh {
    width: 103px;
    height: 24px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -51px;
    bottom: 10px;
}

.content .hz1 ul li .dh1 {
    background: url('../img/pro6/dh1.png') no-repeat;
}

.content .hz1 ul li .dh2 {
    background: url('../img/pro6/dh2.png') no-repeat;
}

.content .hz1 ul li .dh3 {
    background: url('../img/pro6/dh3.png') no-repeat;
}

.czNum {
    width: 78px;
    height: 17px;
    position: absolute;
    top: 108px;
    left: 50%;
    margin-left: -39px;
}

.czNum .btns {
    width: 20px;
    height: 17px;
    float: left;
    border: 1px solid #bd341d;
    background: transparent;
    color: #bd341d;
    font-size: 17px;
    outline: none;
    line-height: 17px;
}

.czNum .btns:first-of-type {
    line-height: 10px;
}

.czNum input {
    width: 35px;
    height: 15px;
    float: left;
    border: 1px solid #bd341d;
    background: transparent;
    color: #bd341d;
    font-size: 12px;
    text-align: center;
    border-left: 0;
    border-right: 0;
}

.content .hz2 ul {
    width: 1230px;
    height: 580px;
    text-align: center;
    float: left;
    /* margin-top: 15px; */
    overflow: hidden;
    overflow-y: auto;
}

.content .hz2 ul li {
    width: 149px;
    height: 172px;
    display: inline-block;
    background: url('../img/pro6/li-bg.png') no-repeat;
    position: relative;
    margin: 0 22px 20px;
}

.content .hz2 ul li img {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.content .hz2 ul li .djName {
    width: 100%;
    margin-top: 5px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #bd341d;
    display: block;
}

.content .hz2 ul li .xhNum {
    width: 100%;
    margin-top: 5px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #bd341d;
    display: block;
}

.content .hz2 ul li .dh {
    width: 103px;
    height: 24px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -51px;
    bottom: 10px;
}

.content .hz2 ul li .dh1 {
    background: url('../img/pro6/dh1.png') no-repeat;
}

.content .hz2 ul li .dh2 {
    background: url('../img/pro6/dh2.png') no-repeat;
}

.content .hz2 ul li .dh3 {
    background: url('../img/pro6/dh3.png') no-repeat;
}


.content .hz2 ul::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}


/* 滚动条上的滚动滑块 */

.content .hz2 ul::-webkit-scrollbar-thumb {
    background-color: #d64d34;
    /* 关键代码 */
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 32px;
}


/* 滚动条轨道 */

.content .hz2 ul::-webkit-scrollbar-track {
    background-color: #dbeffd;
    border-radius: 32px;
}