.history_box{
    width: 100%;
    background: url(../images/history_bg.png) no-repeat;
    background-size: cover;
    padding-top: calc(20px + 2rem);
    padding-bottom: calc(16px + 4rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.history{
    width: 95%;

}
.history_swiper_box{
    width: 100%;
    margin-top: calc(20px + 1rem);
}
.history_swiper{
    width: 100%;
   
}
.history_item{
    width: 100%;
    /* height: calc(55px + 20rem); */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    padding-left: calc(15px + 2rem);
}
.history_item .p1{
font-family: Source Han Sans, Source Han Sans;
font-weight: 700;
font-size: calc(4px + 1rem);
color: #007BA3;
line-height: calc(5px + 1.5rem);
}
.history_item .p2{
    width: calc(17px + 30rem);
font-family: Source Han Sans, Source Han Sans;
font-weight: 350;
font-size: calc(4px + 0.5rem);
color: #666666;
line-height: calc(10px + 1.5rem);
margin-top: calc(10px + 0.5rem);
}
.history_item img{
    width: calc(82px + 10rem);
    height: calc(60px + 5rem);
    object-fit: cover;
    margin-top: calc(12px + 0.5rem);
}
.history_item .line{
    width: calc(1px + 0.5rem);
    height: 100%;
    background: linear-gradient( 180deg, #E3EDFF 44.29%, rgba(227,237,255,0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.history_pagenation{
    max-width: 1740px;
    width: 90%;
    margin: auto;
    margin-top: calc(10px + 2rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.history_nav_box{
    width: 86.2069%;
border-top: calc(0px + 0.1rem) solid #d8d8d8;
}
.history_nav{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(3px + 4rem);
    padding-top: calc(4px + 1rem);
}
.history_nav p{
font-family: Source Han Sans, Source Han Sans;
font-weight: 500;
font-size: calc(8px + 0.5rem);
color: #666666;
line-height: calc(6px + 1rem);
cursor: pointer;
}

.history_btn{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(10px + 0.5rem);
}
.history_btn div{
    width: calc(14px + 2rem);
height: calc(14px + 2rem);
background: rgba(0,123,163,0.6);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.history_btn img{
    width: calc(6px + 1rem);
}
.his_prev img{
    transform: rotate(180deg);
}
.history_btn .btn_act{
    background-color: #007BA3;
}
.history_nav .p_act{
    color: #007BA3;
}
.swiper-wrapper{
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 1100px){
    .history_item .p1{
        font-size: calc(14px + 1rem);
        line-height: 1.5;
    }
    .history_item .p2{
        width: 100%;
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .history_item img{
        width: 80%;
        height: auto;
    }
    .history_nav_box {
      display: none;
    }
    .history_btn div {
        width: calc(25px + 2rem);
        height: calc(25px + 2rem);
       
    }
    .history_btn img {
        width: calc(20px + 1rem);
    }
}