img.crisp-edges {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.flex-wrapper,
.flex {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrapper {
    justify-content: space-between;
}

.just-around{
    justify-content: space-around;
}

.just-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

.flexpart-1 {
    width: 57%;
    position: relative;
}

.flexpart-2 {
    width: 48%;
    position: relative;
}

.flexpart-3 {
    width: 45%;
    position: relative;
}

.flexpart-4 {
    width: 40%;
    position: relative;
}

.flexpart-5 {
    width: 50%;
    position: relative;
}

.flexpart-6 {
    width: 32%;
    position: relative;
}

.bg-img {
    width: 100%;
    position: relative;
}

.bg-img img {
    width: 100%;
    vertical-align: bottom;
}

.flex-align-center {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.text-center {
    text-align: center;
}

.clearfix::after,
.clearfix::before {
    content: "";
    clear: both;
    display: table;
}

.innovation-artical .wrap p {
    line-height: 1.63636;
    margin-bottom: 1.5vw;
    font-size: 1.14583vw;
}

.innovation-artical .wrap {
    padding: 0 6.875vw;
}

.innovation-artical .wrap h4 {
    font-size: 1.6675vw;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 2vw;
}

.innovation-artical .wrap h5 {
    font-size: 1.48533vw;
    line-height: 1.42857;
    font-weight: 700;
    margin-bottom: 0.5625vw;
}

.innovation-artical .wrap h6 {
    font-size: 1.14583vw;
    line-height: 1.63636;
    font-weight: 700;
}

.video-wrapper{
    width: 100%;
    position: relative;
}

.video-container {
    width: 100%;
    vertical-align: bottom;
}

.video-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #000;
    cursor: pointer;
}

.video-cover img {
    opacity: 0.6;
    height: 100%;
}

.play-icon {
    width: 4.6875vw;
    height: 4.6875vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMC0yaDM1di0zNUgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzNykiIGZpbGw9Im5vbmUiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0iTTMyLjctMjQuNTU5YTE1LjQxNyAxNS40MTcgMCAwMC0zLjMxMi00LjkxMyAxNS40IDE1LjQgMCAwMC00LjkxMy0zLjMxMkExNS4zNjcgMTUuMzY3IDAgMDAxOC40NTktMzRhMTUuMzE1IDE1LjMxNSAwIDAwLTYuMDE5IDEuMjE2IDE1LjQxNyAxNS40MTcgMCAwMC00LjkxMyAzLjMxMiAxNS40IDE1LjQgMCAwMC0zLjMxMiA0LjkxM0ExNS4zNjcgMTUuMzY3IDAgMDAzLTE4LjU0MWExNS4zOCAxNS4zOCAwIDAwMS4yMTYgNi4wMTkgMTUuNDE2IDE1LjQxNiAwIDAwMy4zMTIgNC45MTNBMTUuNCAxNS40IDAgMDAxMi40NC00LjNhMTUuMzY3IDE1LjM2NyAwIDAwNi4wMTkgMS4yMTZBMTUuMzggMTUuMzggMCAwMDI0LjQ3OC00LjNhMTUuNDE3IDE1LjQxNyAwIDAwNC45MTMtMy4zMTIgMTUuNCAxNS40IDAgMDAzLjMwOS00LjkxIDE1LjM2NyAxNS4zNjcgMCAwMDEuMjE2LTYuMDE5IDE1LjMxNSAxNS4zMTUgMCAwMC0xLjIxNi02LjAxOHpNMTguNDU5LTQuNjkzQTEzLjg2NSAxMy44NjUgMCAwMTQuNjEyLTE4LjU0MWExMy44NjUgMTMuODY1IDAgMDExMy44NDctMTMuODQ3IDEzLjg2NSAxMy44NjUgMCAwMTEzLjg0OCAxMy44NDdBMTMuODY1IDEzLjg2NSAwIDAxMTguNDU5LTQuNjkzem00LjYzLTEzLjk3OWwtNi41MzktNC42YS40NDYuNDQ2IDAgMDAtLjcuMzd2OS4yYS40NDYuNDQ2IDAgMDAuNy4zN2w2LjU0My00LjZhLjQ1Mi40NTIgMCAwMC0uMDAzLS43NHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIDM0KSIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjIj48cGF0aCBkPSJNLTU1NyA3MTQ1LjhoMTkxNC45NzRWLTkzMkgtNTU3eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTU3IDkzMikiIGZpbGw9IiNmZmYiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIj48cGF0aCBkPSJNLTQuNzMtNC43M2g0NC40NTl2NDQuNDU5SC00LjczeiIgZmlsbD0icmdiYSgwLDAsMCwwKSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIiBjbGlwLXBhdGg9InVybCgjYikiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1OC41MzQgLTg5NS42NDkpIiBjbGlwLXBhdGg9InVybCgjYykiPjxwYXRoIGQ9Ik01NTMuNTQ3IDg5MC42NjJoNDAuODkzdjQwLjg5M2gtNDAuODkzeiIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat 50%;
    background-size: 4.6875vw 4.6875vw;
    z-index: 9;
}

.pc-none {
    display: none;
}

.mt-1vw {
    margin-top: 1vw!important;
}

.mt-2vw {
    margin-top: 2vw!important;
}

.mt-3vw {
    margin-top: 3vw!important;
}

.mt-5vw {
    margin-top: 5vw!important;
}

.mt-8vw {
    margin-top: 8vw!important;
}

.mt-65vw {
    margin-top: 6.5vw!important;
}

.mt-10vw {
    margin-top: 10vw!important;
}

.mt-15vw {
    margin-top: 15vw!important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1vw {
    padding-bottom: 1vw!important;
}

.pb-2vw {
    padding-bottom: 2vw!important;
}

.pb-5vw {
    padding-bottom: 5vw!important;
}

.pd-1vw {
    padding: 1vw!important;
}

.pd-2vw {
    padding: 2vw!important;
}

.pd-5vw {
    padding: 5vw!important;
}

.close-modal {
    cursor: pointer;
}

section.innovation-artical {
    padding-top: 5vw;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.po-ab {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.column-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

section.innovation-artical p.lead {
    font-size: 0.9375vw;
    line-height: 1.5;
}

.red-line {
    width: 3.48958vw;
    height: 0.26042vw;
    background-color: #9b0000;
    margin-bottom: 0.5625vw;
}

.cite-one {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.cite-one-pic {
    width: 30%;
    position: relative;
}

.cite-one-pic>img {
    width: 100%;
    vertical-align: bottom;
}

.cite-one-content {
    width: 69%;
    position: relative;
    display: grid;
    grid-template-columns: 8vw auto;
    grid-template-rows: 8vw auto;
}

.cite-icon {
    width: 7vw;
    position: absolute;
    top: -3vw;
    right: 1vw;
    z-index: 9;
}

.cite-icon>img {
    width: 100%;
}

.cite-one-content-grid {
    position: relative;
}

.cite-one-content-grid-1 {
    background-color: #8a1d22;
    grid-area: 1/1/2/2;
}

.cite-one-content-grid-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #c7000b;
    opacity: 0.9;
    border-top-right-radius: 100%;
}

.cite-one-content-grid-2 {
    background-color: #eee;
    grid-area: 1/2/2/3;
    padding: 0 2vw;
    display: flex;
    align-items: center;
}

.cite-one-content-grid-3 {
    background-color: #eee;
    grid-area: 2/1/3/2;
}

.cite-one-content-grid-4 {
    background-color: #f9f9f9;
    grid-area: 2/2/3/3;
    padding: 0 2vw;
    display: flex;
    align-items: center;
}

.innovation-artical .wrap p.cite {
    font-style: italic;
}

.cite-one-content .cite-one-content-grid p {
    margin-bottom: 0;
}

.bg-dark {
    width: 100%;
    position: relative;
    background-color: #e8e7e8;
}

.bg-gray {
    width: 100%;
    position: relative;
    background-color: #f6f6f6;
}

.swiper-container {
    padding-bottom: 3vw;
    --swiper-theme-color: #c7000b;
    --swiper-pagination-color: #c7000b;
}

.swiper-pagination-bullet {
    width: 0.8vw;
    height: 0.8vw;
}

.swiper-button-next,
.swiper-button-prev {
    width: 2.60417vw;
    height: 2.60417vw;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),
screen and (max-width: 639px) {
    .mob-none {
        display: none;
    }

    .pc-none {
        display: block;
    }

    .flex-wrapper,
    .flex {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flexpart-1,
    .flexpart-2,
    .flexpart-3,
    .flexpart-4,
    .flexpart-5,
    .flexpart-6,
    .flexpart-7,
    .flexpart-8,
    .flexpart-9,
    .flexpart-10,
    .flexpart-11 {
        width: 100%;
    }

    .mob-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1;
    }

    .mob-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2;
    }

    .mob-mt-6vw {
        margin-top: 6vw!important;
    }

    .mob-mt-8vw {
        margin-top: 8vw!important;
    }

    .mob-mt-5vw {
        margin-top: 5vw !important;
    }

    .mob-mt-10vw {
        margin-top: 10vw!important;
    }

    .mob-mt-15vw {
        margin-top: 15vw!important;
    }

    .mob-mt-0 {
        margin-top: 0!important;
    }

    .mob-mt-2vw {
        margin-top: 2vw!important;
    }

    .mob-mt-20vw {
        margin-top: 20vw!important;
    }

    .mob-mb-5vw {
        margin-bottom: 5vw!important;
    }

    .play-icon {
        width: 16vw;
        height: 16vw;
        background-size: 16vw 16vw;
    }

    .innovation-artical .wrap p {
        margin-bottom: 3vw;
        font-size: 4.26667vw;
    }

    .innovation-artical .wrap h4 {
        font-size: 6.4vw;
        margin-bottom: 5vw;
    }

    .innovation-artical .wrap h5 {
        font-size: 5.333vw;
        margin-bottom: 1.5vw;
    }

    .innovation-artical .wrap h6 {
        font-size: 4.266667vw;
    }

    section.innovation-artical {
        padding-top: 10vw;
    }

    .innovation-artical .wrap {
        padding: 0;
    }

    section.innovation-artical p.lead {
        font-size: 3.8vw;
    }

    .red-line {
        width: 8vw;
        height: 1.06667vw;
        margin-bottom: 1.5vw;
    }

    .cite-one {
        flex-wrap: wrap;
    }

    .cite-one-pic {
        width: 100%;
    }

    .cite-one-content {
        display: block;
        width: 100%;
    }

    .cite-one-content-grid-2 {
        padding: 6vw;
    }

    .cite-one-content-grid-4 {
        padding: 6vw;
    }

    .cite-one-content .cite-one-content-grid p {
        margin-bottom: 0;
    }

    .cite-icon {
        display: none;
    }

    .swiper-pagination-bullet {
        width: 3vw;
        height: 3vw;
    }

    .swiper-container {
        padding-bottom: 12vw;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}<!--ºÄʱ1765998544.9405Ãë-->