.header {
    position: absolute
}

.wrap {
    width: 66.35417vw;
    margin: 0 auto
}

.common_title {
  display: flex;
    /* gap: 17px; */
    gap: 0.8854vw;
    align-items: center;
    font-weight: 700;
    letter-spacing: .41667vw;
    line-height: 1;
}

/* .common_title::before {
     content: '';
    display: block;
    width: 3px;
    height: 22px;
    background: #000;
    margin-top: 2px;
} */
 .common_title::before {
     content: '';
    display: block;
    width: 0.1563vw;
    height: 1.1458vw;
    background: #000;
    margin-top: 0.1042vw;
}

.banner {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner .logo {
    /* width: 15.625vw; */
    width: 7.291vw;
    opacity: 0
}

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

.banner .text {
    position: absolute
}

.banner .text p {
    color: #000;
    text-align: center;
    font-weight: 400;
    line-height: 210%;
    letter-spacing: .07812vw
}

/* .banner .text p div:nth-child(1) {
    margin-bottom: .78125vw
} */

.banner.on .logo {
    animation: opacity 2s forwards
}

.banner.active .text p div {
    opacity: 1 !important
}

.sec1 {
    padding: 1.5625vw 0 0
}

.sec1 .wrap .table {
    width: 59.79167vw;
    margin: 4.16667vw auto
}

.sec1 .wrap .table table {
    width: 100%;
    border-collapse: collapse
}

.sec1 .wrap .table table tr td {
    text-align: center;
    color: #000;
    font-size: .83333vw;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .07812vw;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 1.5625vw 0
}

.sec1 .wrap .table table tr td:nth-child(1) {
    width: 19.16667vw
}

.sec1 .wrap .table table tr td p:not(:last-child) {
    margin-bottom: .625vw
}

.sec1 .wrap .table table tr:nth-child(4) td p {
    text-align: left;
    padding: 0 0 0 12.5vw
}

.sec1 .wrap .table table tr:nth-child(4) td p:not(:last-child) {
    margin-bottom: .9375vw
}

.sec2 {
    padding: 8.48958vw 0 10.41667vw
}

.sec2 .wrap .list {
    display: flex;
    flex-wrap: wrap;
    margin: 4.16667vw 0 0;
    gap: 3.64583vw 5.46875vw
}

.sec2 .wrap .list .item {
    width: 18.38542vw
}

/* .sec2 .wrap .list .item:hover .img img {
    transform: scale(1.1)
} */

.sec2 .wrap .list .item .img {
    width: 100%;
    height: 26.04167vw;
    overflow: hidden;
    margin-bottom: 1.5625vw
}

.sec2 .wrap .list .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 2s;
    object-fit: cover
}

.sec2 .wrap .list .item .item_bottom {
    width: 100%
}

.sec2 .wrap .list .item .item_bottom .item_text {
    color: #000;
    font-weight: 400;
    line-height: 210%;
    letter-spacing: .07812vw
}

.sec2 .wrap .list .item .item_bottom .item_name {
    display: flex;
    align-items: flex-end;
    gap: .20833vw;
    margin-bottom: 1.5625vw
}

.sec2 .wrap .list .item .item_bottom .item_name .name {
    color: #000;
    font-weight: 400;
    letter-spacing: .07812vw;
    width: 7.8125vw
}

.sec2 .wrap .list .item .item_bottom .item_name .pos {
    color: #000;
    font-weight: 400;
    line-height: 2;
    letter-spacing: .07812vw
}

.sec2 .wrap .list .item1 {
    width: 100%
}

.sec2 .wrap .list .item1 .img {
    height: 34.0625vw
}

.sec2 .wrap .list .item1 .item_flex {
    display: flex;
    justify-content: space-between
}

.sec2 .wrap .list .item1 .item_flex .item_bottom {
    width: 25.625vw
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 0
    }
}

@media screen and (max-width: 768px) {
    .banner .logo {
        width:140px
    }

    .banner .text {
        width: 90%
    }

    .wrap {
        width: 90%
    }

    .common_title {
      gap: 12px;
    }

    .common_title:before {
        width: 3px;
        height: 15px;
        margin-top: 3px;
    }

    .sec1 {
        padding: 10px 0 0
    }

    .sec1 .wrap .table {
        width: 100%;
        margin: 30px 0 0
    }

    .sec1 .wrap .table table {
        width: 100%
    }

    .sec1 .wrap .table table tr td {
        padding: 20px 10px !important;
        font-size: 14px
    }

    .sec1 .wrap .table table tr td:nth-child(1) {
        white-space: nowrap
    }

    .sec1 .wrap .table table tr td p {
        padding: 0 !important
    }

    .sec2 {
        padding: 70px 0 60px;
        width: 100%;
        overflow: hidden
    }

    .sec2 .wrap .list {
        gap: 40px
    }

    .sec2 .wrap .list .item {
        display: none
    }

    .sec2 .wrap .list .item1 {
        display: block
    }

    .sec2 .wrap .list .item1 .img {
        height: 50vw;
        margin-bottom: 20px
    }

    .sec2 .wrap .list .item1 .item_flex {
        display: block
    }

    .sec2 .wrap .list .item1 .item_flex .item_bottom {
        width: 100%
    }

    .sec2 .wrap .list .item1 .item_flex .item_bottom:not(:last-child) {
        margin-bottom: 20px
    }

    .sec2 .wrap .list .item1 .item_flex .item_bottom .item_name {
        margin-bottom: 20px
    }

    .sec2 .wrap .list .item1 .item_flex .item_bottom .item_name .name {
        width: 100px;
        /* font-size: 22px; */
        line-height: 1
    }

    .sec2 .wrap .list .item1 .item_flex .item_bottom .item_name .pos {
        /* font-size: 15px; */
        line-height: 1
    }

    .sec2 .wrap .list .item1 .item_flex .item_bottom .item_text {
        font-size: 12px;
        line-height: 1.8
    }

    .sec2 .wrap .sec2_swiper {
        display: block !important;
        margin: 40px 0 0
    }

    .sec2 .wrap .sec2_swiper .swiper-slide .item_bottom {
        opacity: 0
    }

    .sec2 .wrap .sec2_swiper .swiper-slide.swiper-slide-active .item_bottom {
        opacity: 1
    }

    .sec2 .wrap .sec2_swiper .img {
        width: 100%;
        height: 92vw;
        margin-bottom: 20px
    }

    .sec2 .wrap .sec2_swiper .img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .sec2 .wrap .sec2_swiper .item_bottom {
        transition: 0.6s
    }

    .sec2 .wrap .sec2_swiper .item_bottom .item_text {
        font-size: 12px;
        line-height: 1.8
    }

    .sec2 .wrap .sec2_swiper .item_bottom .item_name {
        display: flex;
        align-items: flex-end;
        margin-bottom: 20px
    }

    .sec2 .wrap .sec2_swiper .item_bottom .item_name .name {
        width: 100px;
        /* font-size: 22px; */
        line-height: 1
    }

    .sec2 .wrap .sec2_swiper .item_bottom .item_name .pos {
        /* font-size: 15px; */
        line-height: 1
    }
}


.yuyan-en .sec2 .wrap .list .item .item_bottom .item_text {
    color: #000;
    font-weight: 300;
    line-height: 185%;
    letter-spacing: 0;
}

.yuyan-en .sec2 .wrap .list .item .item_bottom .item_name .name {
    width: auto;
    margin-right: 1em;
}

.banner video {
    display: none;
}
.yuyan-en .common_title {
    letter-spacing: 0;
}
.yuyan-en .sec1 .wrap .table table tr td {
    letter-spacing: 0;
}
.yuyan-en .banner video {
    display: block;
}
.yuyan-en .banner .logo {
    display: none;
}
.yuyan-en .banner .text {
    display: none;
}
/* .yuyan-en .banner .text {
    width: 50%;
} */