body {
    background: url(/statics/images/body_bg.png) no-repeat center center fixed;
    background-size: 100% 100% !important;
    overflow-x: hidden;
}

.container-slider {
    padding: 0 !important;
}

.container-curr,
.container-banner {
    background-color: transparent;
}

.container-list .tab {
    display: flex;
    justify-content: center;
}

.container-list .tab .item {
    margin: 0 12px;
    padding: 12px 32px;
    background: rgba(244, 251, 255, 0.8);
    border-radius: 45px 45px 45px 45px;
    font-family: PingFang HK, PingFang HK;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    cursor: pointer;
}

.container-list .tab .item.on {
    background: #073AF4;
    color: #fff;
}

.project-training .training-list .other li {
    position: relative;
    width: 286px;
    height: 203px;
    margin-right: 37px;
    margin-bottom: 20px;
    float: left;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid rgba(216, 216, 216, 0.45);
}

.project-training .training-list .other li:hover {
    border: 1px solid #0066FF;
}

.project-training .training-list .other li:hover .itme-text .text-list {
    color: #ffffff !important;
    background: #0066FF;
}

.project-training .training-list .other li a {
    display: block;
}

.project-training .training-list .other li .WorkshopBox-itme {
    padding: 50px 12px 30px;
}

.project-training .training-list .other li .WorkshopBox-itme .itme-img .img-box {
    width: 66px;
    height: 66px;
    margin: 0 auto;
}

.project-training .training-list .other li .WorkshopBox-itme .itme-img .img-box img {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.project-training .training-list .other li .itme-text {
    width: 210px;
    margin: 0 auto;
    margin-top: 18px;
}

.project-training .training-list .other li .itme-text .text-list {
    text-align: center;
    padding: 0 7px;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    line-height: 38px;
    background: rgba(143, 143, 143, 0.1);
    border-radius: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.project-training .training-list .other li:nth-child(4n) {
    margin-right: 0;
}