.section-CL {
    /* height: 30vw; */
    background-image: url(https://files.yidatec.com/img/pc/serveBigData/bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 5.26vw 7.45VW;
}

.section-CL .section-title {
    width: 100%;
    height: auto;
}

.section-CL .section-title .section-title-top {
    font-size: 2.6vw;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 2.13vw;
}

.section-CL .section-title .line {
    width: 7.66vw;
    height: 0.2;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin-bottom: 2.8125vw;
}

.section-CL .section-title .section-title-content {
    font-size: 1.5vw;
    /* font-family: FZLanTingHeiS-L-GB; */
    font-weight: 400;
    color: #FFFFFF;
    line-height: 3.125vw;
}

.section-content {
    width: 100%;
    height: 59.42vw;
    background: url('https://files.yidatec.com/img/pc/serveCloud/content-bg.png') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 5.57vw 5.729vw 6.354vw 6.67vw;
    position: relative;
}

.section-content .section-content-title {
    font-size: 1.77vw;
    font-weight: 400;
    color: #000000;
    margin-bottom: 2.24vw;
}

.section-content .section-content-line {
    width: 4.17vw;
    height: 0.26vw;
    background: #3261F5;
    margin-bottom: 4.84vw;
}

.section-content .btn-box {
    width: 11.62vw;
    height: 4.95vw;
    position: absolute;
    right: 5.729vw;
    top: 5.57vw;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.section-content .btn-box img {
    width: 4.95vw;
    height: 4.95vw;
    display: inline-block;
}

.section-content .section-content-list-box {
    width: 100%;
    height: 39.3vw;
}

.content {
    width: 100%;
    height: 38.33vw;
    margin-top: 6.5625vw;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.content .content-left {
    width: 15.6vw;
    height: 100%;
    margin-top: 3vw;
    position: absolute;
    left: 1.5625vw;
}

.content .content-left div {
    width: 100%;
    text-align: left;
    color: #000000;
    font-size: 1.35vw;
    cursor: pointer;
    margin-bottom: 2.5vw;
}

.content .content-left .content-title span {
    display: inline-block;
    width: 1.14vw;
    height: 1.14vw;
    border: 2px solid #ffffff;
    border-radius: 50%;
    margin-left: -0.6vw;
    margin-top: -1.3vw;
    z-index: 99;
}

.content .content-left .content-title-active {
    width: 17.91vw;
    background: #1C1D20;
    border-radius: 0.2vw;
    color: #FFFFFF;
    text-align: left;
    z-index: 99;
    box-sizing: border-box;
    padding: 1.145vw 0;
    font-size: 1.35vw;
    padding-left: 1.35vw;
    margin-left: -1.35vw;
}

.content .content-right {
    width: auto;
    height: 100%;
    /* position: absolute; */
    margin-left: 16vw;
}

.content .content-right .content-box {
    display: flex;
    justify-content: space-between;
}

.content .content-right .content-box-active {
    display: block !important;
}

.content .content-right .content-box-left {
    width: 45.88vw;
    height: 100%;
    box-sizing: border-box;
    padding: 6.8vw 6.4vw 0 7.91vw;
}

.content .content-right .content-box-left .left-item {
    width: 100%;
    display: none;
}

.content .content-right .content-box-left .left-item .content-box-left-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.78vw;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
}

.content .content-right .content-box-left .left-item .content-box-left-title div {
    font-size: 1.77vw;
    font-weight: 400;
    color: #000000;
}

.content .content-right .content-box-left .left-item .content-box-left-title img {
    width: 2.29vw;
    height: 2.29vw;
    margin-top: 0;
}

.content .content-right .content-box-right {
    width: 31.87vw;
    height: 38.33vw;
    overflow: hidden;
}

.content .content-right .content-box-right .scroll-img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    /* border-radius: 1.25vw; */
}

.content .content-right .content-box-right .img-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* border-radius: 1.25vw; */
}

.content .content-right .content-box-right .img-item img {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: all 1.3s;
    /* border-radius: 1.25vw; */
}

.content .content-right {
    width: 70.2vw;
    height: 100%;
    background-color: #ffffff;
    border-radius: 0.42vw;
}

.content .content-right .title {
    font-size: 2.18vw;
    font-weight: bolder;
    font-weight: 400;
    color: #0f0f0f;
    z-index: 9;
}

.content .content-right img:nth-child(2) {
    width: 2.55vw;
    height: 0.4125vw;
    margin-top: 1.875vw;
}

.content .content-right .content-title {
    width: 21.45vw;
    margin-top: 5.52vw;
    font-size: 1.77vw;
    font-size: 34px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 2.13vw;
}

.content .content-right .content-des {
    width: 21.45vw;
    font-size: 1vw;
    font-weight: 400;
    color: #1B1B1B;
    line-height: 2.18vw;
}