.header-image{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.header-image .image-main{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.header-pc{
    display: block;
}
.header-mobile{
    display: none;
}
.image-text{
    position: absolute;
    width: 75vw;
    height: 37vw;
    bottom: 0px;
    right: 0px;
}
.text-up{
    width: 100%;
    height: 45%;
}
.text-down{
    width: 80%;
    margin: 4vw auto 0;
}
.text-up p{
    color: #fff;
}
.text-up p:nth-child(1){
    font-size: 1.354167vw;
    font-weight: 400;
}
.text-up p:nth-child(2){
    font-size: 3.125vw;
    font-weight: bold;
    margin-bottom: 4vw;
}
.text-up p:nth-child(3){
    font-size: 1vw;
    font-weight: 400;
}
.text-down p{
    /* width: 66%; */
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5625vw;
    /* padding-right: 2%; */
}
.header-image img{
    position: relative;
    z-index: 1;
    width: 100%;
}
.mobile-introduce{
    display: none;
}
.header-end{
    position: relative;
    width: 100%;
    margin-top: 3.645833vw;
}
.header-end-main{
    position: relative;
    width: 80%;
    margin: 0px auto;
    /* margin-left: 31.25vw; */
}
.emd-img-text{
    position: absolute;
    z-index: 1;
    color: #fff;
    width: 100%;
    /* height: 100%; */
    bottom: 3.6vw;
    /* padding: 0px 6.25vw; */
    display: flex;
    justify-content: space-around;
}
.emd-img-text span{
    font-size: 2.5vw;
    font-weight: bold;
}
.emd-img-text p{
    font-size: 16px;
    margin-top: 1vw;
}
.end-img{
    position: relative;
    user-select: none;
    /* background: url('../static/image/about/矩形 766@2x.png') no-repeat center;
    background-size: cover;
    height: 24.166667vw; */
}
.end-img img{
    position: relative;
    z-index: -3;
    width: 100%;
}

.end-text{
    position: relative;
    font-size: 16px;
    margin-top: 5.2vw;
    margin-bottom: 10vw;
}
.end-text p {
    line-height: 1.5625vw;
}

.history{
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #F8F8F8;
}
#gallery{
    position: relative;
    margin-top: 11vw;
    margin-bottom: 4.5vw;
    /* cursor: pointer; */
}
#gallery .swiper-slide .slide-item{
    width: 100%;
    /* background-color: skyblue; */
    display: flex;
    justify-content: space-between;
}
#gallery .item-img{
    width: 38.541667vw;
    margin-left: 25vw;
}
#gallery .item-text{
    width: 23.958333vw;
    margin-right: 6.25vw;
    margin-top: 7.8125vw;
    font-size: 0.9375vw;
    line-height: 1.875vw;
}
#gallery .item-img img{
    width: 100%;
}

#thumbs{
    position: relative;
    width: 80vw;
    margin: 0px auto;
    overflow: hidden;
    /* cursor: pointer; */
    font-family: Poppins;
    /* border-bottom: 2px solid #000; */
}

#thumbs .swiper-slide{
    font-size: 1.145833vw;
    font-weight: bold;
    font-family: Poppins;
    height: 6vw;
    /* transition: all .3s; */
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
#thumbs .swiper-slide p{
    line-height: 2vw;
    transition: all .3s;
}
#thumbs .swiper-slide .tiemline{
    position: relative;
    height: 2vw;
    background-color: #000;
}
#thumbs .swiper-slide .tiemline-2{
    position: relative;
    width: 100%;
    height: 2px;
    /* background-color: #000; */
}
#thumbs .swiper-slide .tiemline-3{
    position: relative;
    height: 0.9vw;
    width: 1px;
    background-color: #000;
}
#thumbs .swiper-slide-thumb-active p{
    font-size: 2.1875vw;
    line-height: 2.6vw !important;
    font-weight: bold;
    color: #F8A000;
}

#thumbs .orange-drop{
    position: absolute;
    width: 2.3vw;
    height: 2.3vw;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* border: 10px solid #f8a1004e; */
    background-color: #f8a1005f;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .3s;
}
#thumbs .orange-drop-2{
    position: absolute;
    width: 1.1vw;
    height: 1.1vw;
    border-radius: 50%;
    /* border: 10px solid #f8a1004e; */
    background-color: #f8a100;
    z-index: 10;
}

#thumbs .swiper-slide-thumb-active .orange-drop{
    opacity: 1;
}
.bottomline{
    position: absolute;
    height: 2px;
    bottom: 2vw;
    width: 100%;
    background-color: #000;
}

.history-title{
    position: absolute;
    z-index: 11;
    width: 15.625vw;
    margin: 6.25vw;
}
.history-title p:nth-child(1){
    font-size: 3.125vw;
    font-weight: bold;
    margin-bottom: 3.125vw;
}
.history-title p:nth-child(2){
    font-size: 1.041667vw;
    font-weight: 400;
}

.corporate-culture{
    background-color: #F8F8F8;
    width: 100%;
}
.corporate-culture{
    position: relative;
}
.corporate-culture-img{
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}
.corporate-culture .corporate-culture-img img{
    position: relative;
    width: 41vw;
    /* margin-left: 58vw; */
    right: 0;
    margin-top: 6vw;
}

.culture-text{
    position: absolute;
    z-index: 5;
    width: 75vw;
    /* height: 37.5vw; */
    background-color: #fff;
    bottom: 0px;
    display: flex;
}

.culture-title{
    margin-top: 5.2vw;
    width: 26vw;
    margin-right: 5.2vw;
    text-align: right;
}
.culture-title p{
    width: 1vw;
    font-size: 1vw;
    display: inline-block;
}

.culture-main{
    margin-top: 5.2vw;
    width: 37.5vw;
    border-top: 2px solid #E3E3E3;
}
.culture-main>p:nth-child(1){
    font-size: 16px;
    margin-top: 0.6vw;
}
.culture-main>p:nth-child(2){
    font-size: 16px;
    margin-top: 2.7vw;
    line-height: 1.5625vw;
}

.culture-table >div{
    display: inline-block;
    vertical-align:top;
}
.table-left{
    margin-right: 3.5vw;
}
.table-left >p:nth-child(1){
    font-size: 0.9375vw;
    font-weight: bold;
    margin-bottom: 4px;
}
.table-left>i:nth-child(2){
    font-size: 0.729167vw;
}
.table-right >p:nth-child(1){
    font-size: 0.833333vw;
}
.culture-table:first-of-type{
    margin-top: 4vw;
}

.culture-table{
    margin-bottom: 2vw;
    display: flex;
}

.honor-book{
    width: 100%;
    padding-top: 7.8125vw;
    padding-bottom: 8.854167vw;
    background-color: #F8F8F8;
}

.swiper {
    width: 100%;
    cursor: pointer;
}

.honor-book .swiper-slide a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.honor-book .swiper-slide img{
    width: 20.8vw;
    margin-bottom: 1.5vw;
}
.honor-book .swiper-slide p{
    font-size: 0.833333vw;
}
@media (max-width: 1440px) {
    .image-text{
        height: 38vw;
    }
    .text-down p{
        font-size: 14px;
    }
    .emd-img-text p{
        font-size: 14px;
    }
    .end-text{
        font-size: 14px;
    }
    #gallery .item-text{
        font-size: 14px;
    }
    .culture-main>p:nth-child(1){
        font-size: 14px;
    }
    .culture-main>p:nth-child(2){
        font-size: 14px;
    }
    .honor-book .swiper-slide p{
        font-size: 14px;
    }
}
@media (max-width: 996px) {
    .header-image{
        /* height: 200vw; */
    }
    .header-pc{
        display: none;
    }
    .header-mobile{
        display: block;
    }
    .header-image img{
        height: 98.666667vw;
        object-fit: cover;
    }
    .image-text{
        width: 100%;
        height: 55vw;
    }
    .text-up{
        height: auto;
        margin-left: 5vw;
    }
    .text-down{
        display: none;
    }
    .text-up p:nth-child(1){
        font-size: 4.8vw;
    }
    .text-up p:nth-child(2){
        font-size: 8vw;
        margin-bottom: 9.333333vw;
    }
    .text-up p:nth-child(3){
        font-size: 4.266667vw;
    }
    .mobile-introduce{
        display: block;
        width: 90.4vw;
        margin: 16vw auto 13.333333vw;
        font-size: 3vw;
        line-height: 6vw;
    }
    .header-end-main{
        /* margin-left: 0; */
    }
    .end-img{
        height: 75vw;
    }
    .end-img img{
        height: 100%;
        object-fit: cover;
    }
    .emd-img-text{
        flex-wrap: wrap;
        /* justify-content: right; */
        /* height: 36vw; */
    }
    .emd-img-text span{
        font-size: 6.4vw;
    }
    .emd-img-text p{
        font-size: 3vw;
        margin-top: 4vw;
    }
    .number-item{
        width: 40%;
        margin: 0px 2vw 20px;
        text-align: center;
    }
    .end-text{
        line-height: 4.8vw;
        margin: 13.333333vw auto;
        /* width: 90.4vw; */
    }
    .end-text p{
        line-height: 6vw;
        font-size: 3vw;
    }
    .history-title{
        width: 41vw;
    }
    .history-title p:nth-child(1){
        font-size: 8vw;
        margin-bottom: 7.6vw;
    }
    .history-title p:nth-child(2){
        font-size: 4vw;
    }
    #gallery{
        margin-top: 54.666667vw;
        margin-bottom: 8.4vw;
    }
    #gallery .swiper-slide .slide-item{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #gallery .item-img{
        margin-left: 0;
        width: 78.666667vw;
    }
    #gallery .item-text{
        width: 78.666667vw;
        margin-right: 0;
        line-height: 4.8vw;
        font-size: 3vw;
    }
    #thumbs .swiper-slide{
        height: 16vw;
        font-size: 3.2vw;
    }
    #thumbs .swiper-slide-thumb-active p{
        font-size: 5.6vw;
    }
    #thumbs .swiper-slide .tiemline-3{
        height: 2.9vw;
        margin-top: 1.066667vw;
    }
    #thumbs .orange-drop{
        width: 6.666667vw;
        height: 6.666667vw;
    }
    #thumbs .orange-drop-2{
        width: 3.333333vw;
        height: 3.333333vw;
    }
    #thumbs .swiper-slide .tiemline-2{
        height: 2.133333vw;
    }
    .bottomline{
        bottom: 4.1333vw;
        height: 1px;
    }
    .corporate-culture{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding-top: 16.8vw;
    }
    .culture-text{
        position: relative;
        order: 2;
        width: 90.4%;
        flex-direction: column;
        height: auto;
        padding: 13.6vw 4.8vw;
    }
    .corporate-culture-img{
        order: 1;
        height: 76vw;
    }
    .corporate-culture .corporate-culture-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-top: 0;
    }
    .culture-title{
        margin-top: 0;
        width: auto;
        margin-right: auto;
    }
    .culture-title p{
        width: auto;
        font-size: 4vw;
    }
    .culture-main>p:nth-child(1){
        font-size: 3vw;
    }
    .culture-main{
        margin-top: auto;
        width: auto;
        border-top: none;
    }
    .culture-main>p:nth-child(2){
        font-size: 3vw;
        line-height: 4.8vw;
        margin-top: 5.333333vw;
    }
    .table-left >p:nth-child(1){
        font-size: 3vw;
    }
    .table-left>i:nth-child(2){
        font-size: 3vw;
    }
    .table-right >p:nth-child(1){
        font-size: 3vw;
    }
    .culture-table:first-of-type{
        margin-top: 11.2vw;
    }
    .culture-table{
        display: flex;
    }
    .culture-table >div{
        min-width: 20vw;
        margin-right: 0;
    }
    .honor-book .swiper-slide img{
        width: 27.466667vw;
    }
    .honor-book .swiper-slide p{
        font-size: 3vw;
    }
}