.index-history {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    background: url(../img/history/history-bg.png) left bottom no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    background-attachment: fixed;

}

.index-history.select {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    background: url(../img/history/history-bg2.png) left bottom no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
}

.index-history-postion {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 0 1.2875rem 0;
    box-sizing: border-box;
}

.index-history-title {
    width: 1.55rem;
    height: 6.8rem;
    background: url(../img/history/history-text-bg.png) no-repeat;
    background-size: contain;
    top: 2.125rem;
    left: 1.3875rem;
    position: absolute;
}

.index-history-title.select {
    -webkit-animation: fade-in-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

#historyFirstSection.select {
    -webkit-animation: fade-in-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.index-history-section {
    padding: 2.2125rem 0 0 4.05rem;
    box-sizing: border-box;
}

.mySwiper-history {
    width: 18.275rem !important;
    height: 7.5375rem;
    margin: 0;
}

.mySwiper-history .swiper-pagination {
    top: auto;
    bottom: 0;
    width: 80%;
    // background: #4A4A4A;
}

.mySwiper-history .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #9C0C13;
}

.mySwiper-history .swiper-slide {
    display: flex;
    flex-direction: column;
}

.history-card-first-section {
    width: 9.125rem;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;

}

.mySwiper-history .swiper-slide .history-card-first {
    width: 8.3875rem;
    height: 6.2875rem;
    background: #D9D9D9;

    display: flex;
    position: relative;
    align-items: center;

}


.history-card-first-title {
    font-size: .4rem;
    color: #333333;
    font-family: "HanaMinA-Regular";
    padding: 0 0 0 .5875rem;
    box-sizing: border-box;
}

.slide-history {
    width: 15.4875rem !important;
    height: 5.6625rem !important;
    display: flex;
    justify-content: space-between;
}

.history-card-first-text {
    width: 4.45rem;
    height: 60%;
    font-size: .2rem;
    line-height: .325rem;
    overflow: hidden;
    box-sizing: border-box;
    text-align: justify;
}

.history-card-first-text a.more {
    position: absolute;
    right: 0;
    bottom: 0;
    color: var(--color);
}

.history-card-first-card {
    width: 3.125rem;
    height: 5.5125rem;
    position: absolute;
}

.history-card-first-card .img {
    width: 3.125rem;
    height: 4.275rem;
    overflow: hidden;
}

.history-card-first-card .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
    cursor: pointer;
}

.history-card-first-card .img img:hover {
    transform: scale(1.1);
}

.history-card-first-card-text {
    padding: .125rem .25rem .2625rem .2625rem;
    box-sizing: border-box;
    font-size: .1875rem;
    background: #E6E6E6;
    line-height: .3625rem;
}

.history-card-first-card-text p {
    font-size: .225rem;
    font-weight: bold;
    display: inline-block;
}

.history-card-first-section-video {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.card-video-left {
    width: 9.425rem;
    height: 6.3rem;
    background: #000000;
    display: flex;
    justify-content: flex-end;
}

.card-video-left video {
    width: 100%;
    height: auto;
}

.card-video-right {
    width: 8.3875rem;
    height: 6.3rem;
    position: relative;
    display: flex;
    align-items: center;

    background: rgba(217, 217, 217, 0.65);
    border-radius: .3125rem
}

.card-video-right .card-video-text {
    width: 100%;
    height: 4.05rem;
    display: flex;
    flex-direction: column;
    padding: 0 .7rem 0 .7rem;
    box-sizing: border-box;
    position: relative;
}
.card-video-right .card-video-text a.more{
    position: absolute !important;
    bottom: 0 !important;
    right: 0.7rem !important;
}
.card-video-right .card-video-text p {
    font-size: .25rem;
    font-weight: bold;
    color: #333333;
    line-height:0.45rem;
}

.card-video-right .card-video-text a.more {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    color: #9C0C13;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(1) {
    justify-content: flex-start;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(1) .history-card-first {
    border-radius: .3125rem 0 0 .3125rem;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(1) .history-card-first-card-text {
    border-radius: 0 0 0 .3125rem;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(1) .history-card-first-text {
    position: absolute;
    left: 0;
    left: .625rem;
    top: 1.125rem;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(1) .history-card-first-card {
    right: -0.4375rem;
}



.mySwiper-history .swiper-slide .history-card-first-section:nth-child(2) {
    justify-content: flex-end;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(2) .history-card-first-card {
    order: 1;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(2) .history-card-first-text {
    order: 2;
    position: absolute;
    right: .625rem;
    top: 1.125rem;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(2) .history-card-first-card {
    left: -0.4375rem;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(2) .history-card-first-card-text {
    border-radius: 0 0 .3125rem 0;
}

.mySwiper-history .swiper-slide .history-card-first-section:nth-child(2) .history-card-first {
    border-radius: 0 .3125rem .3125rem 0;
}






.slide-history img {
    width: 8.225rem;
    height: 100%;
    object-fit: cover;
    transition: 1s;
}

.slide-history img:hover {
    transform: scale(1.1);
}

.mySwiper-history-thumbnail {
    width: 15.2625rem;
    height: 1.825rem;
    position: absolute;
    top: 8.675rem;
    box-sizing: border-box;
}

#mySwiperHistoryPage {
    display: flex;
    position: absolute;
    left: 6.2rem;
}

.mySwiper-history-thumbnail .swiper-slide {
    width: 5.0625rem;
    height: .325rem !important;
    cursor: pointer;
    background: url(../newsImg/module-bg/time-zhou.svg) center bottom -0.0625rem no-repeat;
    background-size: 3.9375rem .325rem;
    position: relative;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    box-sizing: border-box;
}

.mySwiper-history-thumbnail img {
    width: 1.5rem;
    height: .75rem;
}

.mySwiper-history-thumbnail .swiper-slide span {
    width: 100%;
    text-align: center;
    position: absolute;
    color: #333333;
    font-size: .325rem;
    font-weight: bold;
    padding: .75rem 0 0 0;
}

.history-section {
    width: 6.0125rem;
    padding: 1.3rem 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;

}

.history-section a.title {
    font-size: .3rem;
    font-weight: bold;
    columns: #333333;
}

.history-section a.content {
    font-size: 0.2125rem;
    line-height: .35rem;
    letter-spacing: .025rem;
    color: #333333;
    padding: .5rem 0 0 0;
    box-sizing: border-box;
}

.index-history-choose {
    position: absolute;
    left: 2.925rem;
    top: 2.85rem;
    display: flex;
}

.index-history-choose p {
    height: 2.6rem;
    writing-mode: vertical-rl;
    color: rgba(0, 0, 0, 0.3);
    line-height: .5125rem;
    font-size: .4375rem;
    text-align: justify;
    text-align-last: justify;
    cursor: pointer;
}

.index-history-choose p.selected {
    color: #9C0C13;
}

.index-history-choose p:hover {
    color: #9C0C13;
}

.index-history-choose p:nth-child(1) {
    padding: .8125rem .4375rem 0 0;

}

.index-history-choose a {
    width: .2875rem;
    height: 1.25rem;
    text-align: justify;
    text-align-last: justify;
    color: #9C0C13;
    font-size: .175rem;
    position: absolute;
    right: .075rem;
    bottom: -0.625rem;
}

.index-history-choose a img {
    width: .1375rem;
    height: .1rem;
    object-fit: contain;
}

#historyLeftOrRight {
    position: absolute;
    right: .7375rem;
    bottom: 0;
    display: flex;
    overflow: hidden;
    width: 1.625rem;
    justify-content: space-between;
}

#historyPrev {
    width: .6125rem;
    height: .6125rem;
    background: url(../img/media/left.svg);
    background-size: 100%;
    position: relative;
    margin: 0;
    left: 0;
}

#historyNext {
    width: .6125rem;
    height: .6125rem;
    background: url(../img/media/right.svg);
    background-size: 100%;
    position: relative;
    margin: 0;
    right: 0;
}

#historyPrev::after {
    display: none;
}

#historyNext::after {
    display: none;
}

/* #historyPrev:hover{
    -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
#historyNext:hover{
    -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
} */


.mySwiper-history-thumbnail .swiper-slide-thumb-active span {
    color: #9C0C13 !important;
    font-size: .5rem;
    -webkit-animation: scale-up-ver-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-ver-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.history-more-choose {
    width: .8375rem;
    height: .8375rem;
    position: absolute;
    right: .0625rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.history-more-choose img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.history-more-choose img:hover {
    -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}

#historySecondSection {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 1.25rem;
}

.history-card {
    width: 3.6875rem;
    height: 8.5875rem;
    background: #C5C5C5;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}

.history-card-img {
    width: 3.6875rem;
    height: 4.9125rem;
    overflow: hidden;
}

.history-card img {
    width: 100%;
    height: 100%;
    transition: 1s;
}

.history-card:not(:last-child) {
    margin: 0 .625rem 0 0;
}

.history-card:hover {
    background: #7490A8;
}

.history-card:hover a {
    color: #FFFFFF;
}

.history-card-text {
    display: flex;
    justify-content: flex-end;
    padding: .225rem .625rem 0 0;
    box-sizing: border-box;
}

.history-card-text-section {
    font-size: .1875rem;
    color: #4F4F4F;
    text-align: justify;
    text-align-last: justify;
    width: .7125rem;
    padding: 0 .225rem 0 0;
    box-sizing: border-box;
}

.history-card-text-title {
    font-size: .2375rem;
    color: #4F4F4F;
    text-align: justify;
    text-align-last: justify;
    width: .2375rem;
}

#historySecondSection .history-card:hover img {
    transform: scale(1.1);
}