.banner {
    /* margin-top: 1.4rem; */
    height: 6rem;
    position: relative;
}

.banner img {
    display: block;
    width: 100%;
    height: 100%;
}

.tab-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .8rem;
    font-size: .28rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    background: #FFFFFF;
    box-shadow: 0px 8px 14px 0px rgba(63, 63, 63, 0.1);
}

.tab-item {
    flex: 1;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #BBBBBB;
}

.tab-item.active {
    color: #FE0605;
}

.tab-item:last-child {
    border: 0;
}


.abouts-us-con {
    padding: .6rem 0;
}

.abouts-us-title {
    display: flex;
    align-items: center;
    font-size: .32rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #333333;
    margin-bottom: .38rem;
    line-height: .36rem;
}

.con-title-line {
    display: block;
    width: .06rem;
    height: .3rem;
    margin-right: .22rem;
    background: #FE0605;
}

.con-desc {
    font-size: .2rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #666666;
    line-height: .3rem;
}

.con-desc p {
    margin-bottom: .25rem;
}


.hide {
    display: none;
}

.history {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 1rem;
    background: url('../images/abouts-us-3.png') no-repeat;
    background-size: 100% auto;
}

.mrt59 {
    margin-top: .6rem;
}


/* 首页application */

.history-swiper {
    height: 9.4rem;
    box-sizing: border-box;
}

.history .swiper-slide {
    /* width: 25% !important; */
    height: 100% !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.history .swiper-slide:nth-child(2n) {
    justify-content: flex-end;
}

.slide-con {
    width: 100%;
    height:50%;
    position: relative;
}



.desc {
    font-size: .18rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #666666;
    line-height: .24rem;
}

.time-box {
    position: absolute;
    width: 1.5rem;
    height: 0;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%);
}

.time-line {
    position: absolute;
    left: 50%;
    top: .5rem;
    display: block;
    width: .04rem;
    height: .94rem;
    border: 4px dashed #FE0605;
}

.yuan {
    position: absolute;
    bottom: -.22rem;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: .22rem;
    height: .22rem;
    background: #FE0605;
    border-radius: 50%;
}

.year {
    display: block;
    width: 1.5rem;
    height: .5rem;
    font-size: .3rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: .5rem;
    background: #FE0605;
    border: 2px solid #FE0605;
    border-radius: 0.08rem;
}

.swiper-slide:nth-child(2n) .time-box {
    top: -.45rem;
}

.swiper-slide:nth-child(2n) .yuan {
    top: -.22rem;
}

.swiper-slide:nth-child(2n) .year {
    position: absolute;
    top: 1.43rem;
}
.history .swiper-slide:nth-child(2n) .desc {
    position: relative;
    top: 1.85rem;
}

.line {
    display: block;
    width: 100%;
    height: 4px;
    background: #FE0605;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 99999999;
    transform: translateY(-50%);
}


.pos-box .swiper-btn {
    position: absolute;
    top: 50%;
    font-size: 0.7rem;
    transform: translateY(-50%);
    color: #dadada;
    z-index: 9;
    cursor: pointer;
    border-radius: 50%;
}

.pos-box .swiper-btn-prev {
    left: -0.88rem;
}

.pos-box .swiper-btn-next {
    right: -0.88rem;
}

.pos-box {
    position: relative;
}

@media screen and (max-width: 769px) {

    .abouts-us-con {
        padding: 0.6rem 0.25rem;
    }
}