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

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

.c_deve ul li .d_year {
    position: absolute;
    left: -130px;
    top: 31px;
    font-size: 25px;
    color: #9a9797;
}

.c_deve ul li .i_circle {
    display: block;
    width: 11px;
    height: 11px;
    background: #fff url("../images/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("../images/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: -120px;
        font-size: 25px
    }

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