.company__jumbotron {
    background-image: url(/_nuxt/img/9a3538f.jpg)
}

.company-introduction__item strong {
    background-image: linear-gradient(0deg, #69db7c, #3bc9db);
    -webkit-background-clip: text;
    -webkit-animation: hueRotate 15s linear infinite;
    -webkit-text-fill-color: transparent
}

@-webkit-keyframes hueRotate {
    0% {
        -webkit-filter: hue-rotate(0)
    }
    to {
        -webkit-filter: hue-rotate(-1turn)
    }
}

@keyframes hueRotate {
    0% {
        -webkit-filter: hue-rotate(0)
    }
    to {
        -webkit-filter: hue-rotate(-1turn)
    }
}

.company-introduction__content {
    background-image: url(/_nuxt/img/dad76a5.jpg)
}

.company-introduction__content-description p {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: .75rem;
    --text-opacity: 1;
    color: #868e96;
    color: rgba(134, 142, 150, var(--text-opacity));
    line-height: 2
}

.company-introduction__content-description p:before {
    position: absolute;
    left: 0;
    padding: .25rem;
    --bg-opacity: 1;
    background-color: #ff8787;
    background-color: rgba(255, 135, 135, var(--bg-opacity));
    top: 9px;
    content: ""
}

.company-introduction__content-description p:first-child {
    padding-left: 0
}

.company-introduction__content-description p:first-child:before {
    display: none
}

.company-introduction__content-description p:nth-child(2):before {
    --bg-opacity: 1;
    background-color: #ffd43b;
    background-color: rgba(255, 212, 59, var(--bg-opacity))
}

.company-introduction__content-description p:nth-child(3):before {
    --bg-opacity: 1;
    background-color: #ffa94d;
    background-color: rgba(255, 169, 77, var(--bg-opacity))
}

.company-introduction__content-description p:nth-child(4) {
    margin-bottom: 0
}

.company-introduction__content-description p:nth-child(4):before {
    --bg-opacity: 1;
    background-color: #4dabf7;
    background-color: rgba(77, 171, 247, var(--bg-opacity))
}

.company-culture__item:first-child i {
    --text-opacity: 1;
    color: #ffa94d;
    color: rgba(255, 169, 77, var(--text-opacity))
}

.company-culture__item:nth-child(2) i {
    --text-opacity: 1;
    color: #4dabf7;
    color: rgba(77, 171, 247, var(--text-opacity))
}

.company-culture__item:nth-child(3) i {
    --text-opacity: 1;
    color: #ff8787;
    color: rgba(255, 135, 135, var(--text-opacity))
}

.company-history__list {
    position: relative;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.company-history__list:before {
    position: absolute;
    top: 0;
    bottom: 0;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #f1f3f5;
    border-color: rgba(241, 243, 245, var(--border-opacity));
    left: 50%;
    /*content: ""*/
}

.company-history__item {
    display: flex;
    align-items: center;
    width: 50%;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    transform: translateX(99.1%)
}

.company-history__item span {
    position: relative;
    width: 53px;
    padding-top: 1px;
    padding-bottom: 1px;
    /*margin-right: 35px;*/
    margin-left: 10px;
    /*font-size: 14px;*/
    text-align: center;
    --text-opacity: 1;
    color: #333;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #ced4da;
    border-color: rgba(206, 212, 218, var(--border-opacity));
    border-radius: 9999px;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, .15);*/
    /*--bg-opacity: 1;*/
    /*background-color: #fff;*/
    /*background-color: rgba(255, 255, 255, var(--bg-opacity))*/
}

.company-history__item span:before {
    position: absolute;
    width: 4rem;
    height: 1px;
    --bg-opacity: 1;
    background-color: #ced4da;
    background-color: rgba(206, 212, 218, var(--bg-opacity));
    top: 50%;
    right: 121%;
    content: ""
}

.company-history__item span:after {
    position: absolute;
    width: 7px;
    height: 7px;
    border-width: 1px;
    background-color: #999;
    border-radius: 50%;
    top: 50%;
    right: 235%;
    content: "";
    transform: translateY(-50%)
}

.company-history__item:nth-child(even) {
    flex-direction: row-reverse;
    transform: translateX(1%)
}
.time-content{
    border: 1px solid #999;
    padding: 10px;
    width: 500px;
}

.company-history__item:nth-child(odd) span {
    margin-right: 5px;
    margin-left: 0px;
}

.company-history__item:nth-child(odd) span:before {
    left: 114%
}

.company-history__item:nth-child(odd) span:after {
    left: 228%
}

.company-history__item .company-history__item-text {
    --text-opacity: 1;
    color: #333;
    margin-left: 65px;
}

.company-history__item:nth-child(even) .company-history__item-text{
    margin-right: 65px;
    margin-left: 0px;
}

.company-honor__item {
    position: relative;
    width: 20%;
    padding-left: .5rem;
    padding-right: .5rem;
    order: 3;
    overflow: hidden
}

.company-honor__item:before {
    position: absolute;
    top: 0;
    height: 100%;
    left: -130px;
    width: 80px;
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 50%, hsla(0, 0%, 100%, 0));
    content: "";
    transform: skewx(-25deg)
}

.company-honor__item:hover:before {
    left: 100%;
    transition: left .3s
}

.company-honor__item:nth-child(-n+5) {
    margin-bottom: 1rem;
    order: 1
}

.company-honor__item:nth-child(2) {
    order: 2
}

.company-honor {
    background-color: rgba(0, 0, 0, .02)
}

.company-contact__content {
    height: 391px;
    background-image: url(/_nuxt/img/f5de664.jpg)
}

.company-job {
    background-color: rgba(0, 0, 0, .02)
}