.right_body ul {
    display: block;
    list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.c_deve {
    margin-left: 144px;
    margin-bottom: 54px;
    margin-top: 70px;
}

.c_deve ul li {
    padding: 40px 75px 30px 66px;
    border-left: 1px solid #86b4f1;
    position: relative
}

.c_deve ul li .d_year {
    position: absolute;
    left: -150px;
    top: 31px;
    font-size: 40px;
    color: #4289e9
}

.c_deve ul li .i_circle {
    display: block;
    width: 11px;
    height: 11px;
    background: #fff url("icon_02.png") no-repeat;
    position: absolute;
    left: -6px;
    top: 50px
}

.c_deve ul li .d_detail {
    font-size: 16px;
    color: #000000;
    line-height: 32px
}

.c_deve ul li .i_jiantou {
    display: block;
    width: 16px;
    height: 7px;
    background: url("icon_04.png") no-repeat;
    position: absolute;
    left: -9px;
    top: -2px
}

.bg_earth {
    height: 373px;
    overflow: hidden
}

.bounceInUp {
    -webkit-animation: bounceInUp 1s;
    -o-animation: bounceInUp 1s;
    animation: bounceInUp 1s
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        -ms-transform: translateY(1000px);
        transform: translateY(1000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        -ms-transform: translateY(1000px);
        transform: translateY(1000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width: 900px) and (max-width: 1200px) {
    .develop_con .title {
        font-size: 48px;
        margin: 70px 0
    }

    .c_deve {
        margin-left: 210px
    }

    .c_deve ul li {
        padding: 40px 0 30px 66px
    }
}

@media (min-width: 768px) and (max-width: 899px) {
    .develop_con .title {
        font-size: 40px;
        margin: 50px 0
    }

    .c_deve {
        margin-left: 210px
    }

    .c_deve ul li {
        padding: 30px 0 20px 56px
    }

    .c_deve ul li .i_circle {
        top: 40px
    }

    .c_deve ul li .d_year {
        top: 21px
    }

    .bg_earth {
        height: 200px;
        overflow: hidden
    }
}

@media (max-width: 768px) {
    .develop_con .title {
        font-size: 40px;
        margin: 50px 0
    }

    .c_deve {
        margin-left: 100px
    }

    .c_deve ul li {
        padding: 30px 0 20px 26px
    }

    .c_deve ul li .i_circle {
        top: 40px
    }

    .c_deve ul li .d_year {
        top: 27px;
        left: -88px;
        font-size: 30px
    }

    .fadeInUp {
        -webkit-animation: fadeInUp 1.5s;
        -o-animation: fadeInUp 1.5s;
        animation: fadeInUp 1.5s
    }
    }