.qwzn-container {
    letter-spacing: calc(-0.037em + 0.526px);
    background-color: #000;
    font-feature-settings: "tnum";
    overflow: hidden;
    --qwzn-nav-height: 76px;
}

.qwzn-container * {
    box-sizing: border-box;
}

.qwzn-container picture {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.qwzn-container .nr {
    white-space: nowrap;
}

.qwzn-container sup a {
    font-size: 0.6em;
    color: inherit;
    cursor: pointer;
}

.qwzn-container img {
    width: 100%;
    display: block;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.qwzn-container video {
    width: 100%;
    display: block;
}

.qwzn-container .blur-up {
    filter: blur(20px);
    transition: filter .2s;
}

.qwzn-container .blur-up.lazyloaded {
    filter: blur(0);
}


.qwzn-container .qwzn-show-mob {
    display: none;
}

.qwzn-container .qwzn-show-pc {
    display: block;
}

.qwzn-container .qwzn-show-mob-inline {
    display: none;
}

.qwzn-container .qwzn-show-pc-inline {
    display: inline-block;
}

.qwzn-container .qwzn-show-ie {
    display: none;
}

.qwzn-container .show-uc,
.qwzn-container .show-wx {
    display: none;
}

.qwzn-container .qwzn-hide-ie {
    display: block;
}

.qwzn-container .text-wrap {
    position: absolute;
    top: 50%;
    left: 58.333333vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 2;
}

.qwzn-container .text-h3 {
    color: #fff;
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.qwzn-container .text-p {
    width: 37.34375vw;
    color: #fff;
    font-size: 1.145833vw;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 1.25vw;
}

.qwzn-container .img-wrap {
    width: 100%;
    position: relative;
}

.qwzn-container .swiper-btn-text {
    color: #fff;
    opacity: 0.5;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    will-change: transform;
    transform-origin: center center;
}

.qwzn-container .swiper-btn-text img {
    width: 12.395833vw;
    display: inline-block;
    margin: 0 auto;
    vertical-align: text-top;
    margin-right: 4px;
}

.qwzn-container .swiper-btn-active {
    opacity: 1;
    transform: scale(1.1666667);
    -webkit-transform: scale(1.1666667);
    -moz-transform: scale(1.1666667);
    -ms-transform: scale(1.1666667);
    -o-transform: scale(1.1666667);
}

.qwzn-container .swiper-text-p {
    color: #fff;
    font-size: 1.145833vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.qwzn-container .card-container {
    width: 94.791667vw;
    margin: 2.604167vw auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.qwzn-container .card-wrap {
    flex-grow: 0;
    width: 46.09375vw;
    padding-top: 1.197917vw;
    background-color: #2f2f2f;
    border-radius: 0.78125vw;
}

.qwzn-container .card-img-wrap {
    width: 43.854167vw;
    margin: 0 auto;
    border-radius: 0.885417vw;
}

.qwzn-container .card-text-wrap {
    padding: 2.291667vw 0;
    text-align: center;
}

.qwzn-container .card-title {
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.qwzn-container .card-p {
    color: #a1a1a6;
    font-size: 1.145833vw;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0.520833vw;
}

.qwzn-container .partner-container {
    width: 94.791667vw;
    margin: 2.604167vw auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.qwzn-container .brand-wrap {
    width: 46.09375vw;
    text-align: center;
}

.qwzn-container .brand-title {
    position: relative;
    z-index: 2;
    display: inline-block;
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 700;
    line-height: 1.6;
    border-bottom: 2px solid #fff;
}

.qwzn-container .brand-name {
    font-weight: 500;
    color: #fff;
    font-size: 1.145833vw;
    line-height: 1.6;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2.083333vw auto 0;
}

.qwzn-container .brand-name span {
    flex-shrink: 0;
}


/* kv start*/
.qwzn-container .qwzn-kv {
    width: 100%;
    position: relative;
}

.qwzn-kv .kv-text-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.qwzn-kv .kv-banner {
    color: #fff;
    font-size: 4.16667vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.qwzn-kv .kv-ksp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    margin-top: 1.5625vw;
}

.qwzn-kv .kv-ksp span {
    flex-shrink: 0;
    color: #fff;
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
}

.qwzn-kv .kv-ksp span:nth-child(2) {
    margin: 0 1.5vw;
}

/* kv end*/

/* s2 start */
.qwzn-container .qwzn-s2 {
    width: 100%;
}

.qwzn-s2 .s2-swiper-container {
    position: relative;
    text-align: center;
}

.qwzn-s2 .swiper1-container {
    width: 51.041667vw;
    margin: 6.25vw auto 0;
}

.qwzn-s2 .swiper-btn-container {
    width: 63.854167vw;
    margin: 2.083333vw auto 0;
}

.qwzn-s2 .swiper-btn-wrap {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 0.677083vw;
    bottom: 0;
}

.qwzn-s2 .swiper-btn {
    display: inline-block;
    text-align: center;
    flex-shrink: 0;
    width: 21.25vw;
}

.qwzn-s2 .swiper-btn span {
    cursor: pointer;
}

.qwzn-s2 .swiper-scroll-bar {
    width: 21.25vw;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: #fff;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    will-change: transform;
}

.qwzn-s2 .swiper-text-wrap {
    position: relative;
    width: 100%;
    height: 2.5vw;
    margin-top: 1.5625vw;
}

.qwzn-s2 .swiper-text-p {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    will-change: transform;
}

.qwzn-s2 .swiper-text-p-active {
    opacity: 1;
}


.qwzn-s2 .swiper1-text-p {
    color: #a1a1a6;
}

.qwzn-s2 .swiper1-text-p-active {
    color: #fff;
}

.qwzn-s2 .swiper2-container {
    overflow: hidden;
}

.qwzn-s2 .swiper2-btn-wrap {
    position: absolute;
    top: 10.520833vw;
    right: 7.65625vw;
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding-right: 1.25vw;
    border-right: 2px solid #707070;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    will-change: transform;
}

.qwzn-s2 .swiper2-btn-wrap-active {
    opacity: 1;
}

.qwzn-s2 .swiper2-btn {
    font-weight: 500;
    color: #535353;
    font-size: 0.833333vw;
    line-height: 1.6;
    text-align: right;
    cursor: pointer;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    will-change: transform;
    transform-origin: right center;
}

.qwzn-s2 .swiper2-btn-active {
    color: #fff;
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
}

.qwzn-s2 .swiper2-btn-wrap .swiper2-btn:nth-child(2) {
    margin: 1.145833vw 0;
}

.qwzn-s2 .swiper2-scroll-bar {
    position: absolute;
    top: 0;
    right: -2px;
    width: 2px;
    height: 1.354167vw;
    background-color: #fff;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    will-change: transform;
}

/* s2 end */


/* s3 start */
.qwzn-s3 .img-wrap {
    padding-top: 6.25vw;
}

.qwzn-s3 .icon-wrap {
    width: 38.489583vw;
    margin: 0 auto;
}

.qwzn-s3 .brand-name {
    width: 39.645833vw;
}

/* s3 end */

/* s4 start */
.qwzn-s4 .img-wrap {
    padding-top: 2.639583vw;
}

.qwzn-s4 .text-p {
    width: 30.9375vw;
}

.qwzn-s4 .icon-wrap {
    width: 43.697917vw;
    margin: -3.958333vw auto 0;
}

.qwzn-s4 .brand-name {
    width: 38.958333vw;
}

/* s4 end */

/* s5 start */
.qwzn-s5 .img-wrap {
    margin-top: -1.564583vw;
}

.qwzn-s5 .icon-wrap {
    width: 34.739583vw;
    margin: -2.8125vw auto 0;
}

.qwzn-s5 .brand-name {
    width: 38.5vw;
}

/* s5 end */

/* s6 start */
.qwzn-s6 .img-wrap {
    padding-top: 0;
}

.qwzn-s6 .icon-wrap {
    width: 26.71875vw;
    margin: -1.25vw auto 0;
}

.qwzn-s6 .brand-name {
    width: 41.9375vw;
}

/* s6 end */

/* s7 start */
.qwzn-s7 .img-wrap {
    padding-top: -0.260417vw;
}

.qwzn-s7 .icon-wrap {
    width: 18.541667vw;
    margin: 0 auto;
}

/* s7 end */

/* s8 start */
.qwzn-s8 .img-wrap {
    padding-top: 0.516667vw;
}

.qwzn-s8 .icon-wrap {
    width: 40.833333vw;
    margin: -0.989583vw auto 0;
}

/* s8 end */

/* s9 start */
.qwzn-s9 .img-wrap {
    margin-top: 0.533333vw;
}

.qwzn-s9 .text-p {
    width: 29.177083vw;
}

.qwzn-s9 .s9-swiper-container {
    width: 63.854167vw;
    margin: 6.25vw auto 0;
}

.qwzn-s9 .swiper-btn-container {
    width: 62.5vw;
    margin-top: 2.083333vw;
    text-align: center;
}

.qwzn-s9 .swiper-btn-wrap {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 0.677083vw;
}

.qwzn-s9 .swiper-btn {
    width: 20.833333vw;
}

.qwzn-s9 .swiper-btn .btn-title {
    display: inline-block;
    cursor: pointer;
    line-height: 1.25;
}

.qwzn-s9 .swiper-scroll-bar {
    position: absolute;
    width: 20.833333vw;
    bottom: -2px;
    left: 0;
    height: 2px;
    background-color: #fff;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    will-change: transform;
}

.qwzn-s9 .swiper-text-wrap {
    position: relative;
    height: 1.25vw;
    margin-top: 1.5625vw;
}

.qwzn-s9 .swiper-text-p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.qwzn-s9 .swiper-text-p-active {
    opacity: 1;
}

/* s9 end */
/* s10 start */
.qwzn-container .qwzn-s10 {
    width: 80.208333vw;
    margin: 10.416667vw auto 0;
}

.qwzn-s10 .top-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.qwzn-s10 .top-card .card-item {
    width: 39.0625vw;
    position: relative;
}

.qwzn-s10 .card-text {
    position: absolute;
    font-weight: 500;
    color: #fff;
    font-size: 1.458333vw;
    line-height: 1.6;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.qwzn-s10 .top-card .card-text {
    bottom: 0.8vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.qwzn-s10 .card-text img {
    display: inline-block;
    transition: all linear 0.3s;
}

.qwzn-s10 .card-text img {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.qwzn-s10 .card-item{
    overflow: hidden;
    border-radius: 0.520833vw;
    -webkit-border-radius: 0.520833vw;
    -moz-border-radius: 0.520833vw;
    -ms-border-radius: 0.520833vw;
    -o-border-radius: 0.520833vw;
}

.qwzn-s10 .card-item:hover .card-text img {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
}

.qwzn-s10 .top-card .card-text img {
    flex-shrink: 0;
    width: 1.145833vw;
    height: 1.145833vw;
    margin-left: 0.416667vw;
    margin-top: 0.13vw;
}

.qwzn-s10 .bottom-card .card-item {
    width: 24.635417vw;
    position: relative;
}

.qwzn-s10 .bottom-card .card-item2 {
    width: 27.708333vw;
}

.qwzn-s10 .bottom-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1.5625vw;
}

.qwzn-s10 .bottom-card .card-text {
    top: 50%;
    right: 1.041667vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.qwzn-s10 .bottom-card .card-text img {
    width: 1.157292vw;
    height: 1.157292vw;
    margin-left: 0.416667vw;
    margin-top: 0.2vw;
}

/* s10 end */

/* footer start */
.qwzn-container .qwzn-footer {
    width: 80.208333vw;
    margin: 10.416667vw auto;
}

.qwzn-footer ul {
    padding-left: 1.041767vw;
    list-style: decimal;
}

.qwzn-footer ul li {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 500;
    color: #7F7F7F;
}

.qwzn-footer .li-active {
    color: #fff;
}

/* footer end */
@media screen and (min-device-width: 1920px) and (min-aspect-ratio: 11 / 10) {
    .qwzn-footer ul li {
        font-size: 0.625vw;
    }
}

/* mob */
@media (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .qwzn-container .qwzn-show-mob {
        display: block;
    }

    .qwzn-container .qwzn-show-pc {
        display: none;
    }

    .qwzn-container .qwzn-show-mob-inline {
        display: inline-block;
    }

    .qwzn-container .qwzn-show-pc-inline {
        display: none;
    }

    .qwzn-container .text-wrap {
        position: static;
        width: 89.888889vw;
        margin: 0 auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .qwzn-container .text-h3 {
        color: #fff;
        font-weight: 700;
        font-size: 8.8888889vw;
    }

    .qwzn-container .text-p {
        width: 100%;
        font-weight: 500;
        color: #a1a1a6;
        font-size: 3.888889vw;
        margin: 3.888889vw auto 8.333333vw;

    }

    .qwzn-container .img-wrap {
        width: 100%;
        margin: 0;
        padding-top: 16.6666667vw;
        position: static;
    }

    .qwzn-container .swiper-btn-text {
        color: #fff;
        font-size: 3.8888888vw;
        text-align: left;
        line-height: 1.25;
    }

    .qwzn-container .swiper-btn-active {
        color: #fff;
    }

    .qwzn-container .swiper-text-p {
        color: #a1a1a6;
        font-size: 3.888889vw;
        text-align: left;
    }

    .qwzn-container .card-container {
        width: 88.8888889vw;
        margin: 8.3333333vw auto 0;
        display: flex;
        flex-direction: column;
    }

    .qwzn-container .card-wrap {
        width: 100%;
        height: 80.5555556vw;
        padding-top: 5vw;
        border-radius: 2.08333333vw;
    }

    .qwzn-container .card-wrap:nth-child(2) {
        margin-top: 4.166666667vw;
    }

    .qwzn-container .card-img-wrap {
        width: 79.1666667vw;
        border-radius: 2.36111111vw;
    }

    .qwzn-container .card-text-wrap {
        width: 83.333333vw;
        margin: 0 auto;
        padding: 4.1666667vw 0 0;
        text-align: center;
    }

    .qwzn-container .card-title {
        font-size: 5.5555556vw;
    }

    .qwzn-container .card-p {
        font-size: 3.8888889vw;
        margin-top: 0.9722222vw;
    }

    .qwzn-container .partner-container {
        width: 92.88888889vw;
        margin: 6.25vw 0 0 5.5555556vw;
        display: flex;
        flex-direction: column;
    }

    .qwzn-container .brand-wrap {
        width: 100%;
        text-align: left;
    }

    .qwzn-container .brand-title {
        font-size: 4.4444444vw;
    }

    .qwzn-container .icon-wrap {
        margin: 0;
    }

    .qwzn-container .brand-name {
        width: 100%;
        font-size: 3.0555556vw;
        margin: 0;
        margin-top: 4.16666667vw;
        text-align: left;
        justify-content: flex-start;
    }

    /* kv start*/
    .qwzn-container .qwzn-kv {
        width: 100%;
        position: relative;
    }

    .qwzn-kv .kv-text-wrap {
        top: 27.7777778vw;
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
    }

    .qwzn-kv .kv-banner {
        font-size: 8.8888889vw;
    }

    .qwzn-kv .kv-ksp {
        margin-top: 4.1666667vw;
    }

    .qwzn-kv .kv-ksp span {
        font-size: 6.6666667vw;
    }

    .qwzn-kv .kv-ksp span:nth-child(2) {
        margin: 0 3vw;
    }

    /* kv end*/

    /* s2 start */
    .qwzn-s2 .swiper1-container {
        width: 88.888889vw;
        margin: 0 auto;
    }

    .qwzn-s2 .swiper1-container>.swiper-wrapper {
        flex-direction: column;
    }

    .qwzn-s2 .swiper1-container .swiper-slide2,
    .qwzn-s2 .swiper1-container .swiper-slide3 {
        margin-top: 16.666667vw;
    }

    .qwzn-s2 .swiper-btn-text {
        color: #fff;
        opacity: 1;
        font-size: 5.5555556vw;
        margin-top: 7.6388889vw;
    }

    .qwzn-s2 .swiper-btn-text .huawei-sound {
        width: 60vw;
        margin-right: 1.3888889vw;
        margin-top: -1vw;
    }

    .qwzn-s2 .swiper-btn-text1 {
        margin-top: 16.666667vw;
        margin-bottom: 8.33333vw;
    }


    .qwzn-s2 .swiper-text-wrap {
        height: auto;
        margin-top: 4.86111111vw;
    }

    .qwzn-s2 .swiper-text-p {
        opacity: 1;
        margin-top: 2.9166667vw;
    }

    .qwzn-s2 .swiper2-btn-wrap {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        display: inline-flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 5.5555556vw auto 0;
        border: 0;
        border-bottom: 2px solid rgba(255, 255, 255, 0.3);
        opacity: 1;
        padding: 0;
        padding-bottom: 2.91666667vw;
    }

    .qwzn-s2 .swiper2-btn {
        font-weight: 700;
        font-size: 3.8888889vw;
        color: rgba(255, 255, 255, 0.5);
        text-align: center;
    }

    .qwzn-s2 .swiper2-btn-active {
        color: #fff;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .qwzn-s2 .swiper2-btn-wrap .swiper2-btn:nth-child(2) {
        margin: 0 2.22222222vw;
    }

    .qwzn-s2 .swiper-text-p {
        position: static;
    }

    .qwzn-s2 .swiper2-text-p {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        color: #fff;
        font-size: 3.3333333vw;
        line-height: 1.6;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        text-align: left;
    }

    .qwzn-s2 .swiper2-text-p-active {
        opacity: 1;
    }

    .qwzn-s2 .swiper2-scroll-bar {
        top: auto;
        right: auto;
        left: 0;
        bottom: -2px;
        width: 23.75vw;
        height: 2px;
    }
    /* s2 end */
    /* s3 start */
    .qwzn-s3 .icon-wrap {
        width: 88.888889vw;
    }

    /* s3 end */

    /* s4 start */
    .qwzn-s4 .icon-wrap {
        width: 92.7777778vw;
        margin: -6.80555556vw 0 0;
    }

    .qwzn-s4 .brand-wrap:nth-child(2) {
        margin-top: -7.5vw;
    }

    .qwzn-s4 .brand-name {
        width: 86.6666667vw;
    }

    /* s4 end */

    /* s5 start */
    .qwzn-s5 .icon-wrap {
        width: 89.02777778vw;
        margin-top: -6.25vw;
    }

    /* s5 end */

    /* s6 start */
    .qwzn-s6 .icon-wrap {
        width: 60.4166667vw;
    }

    /* s6 end */

    /* s7 start */
    .qwzn-s7 .icon-wrap {
        width: 48.4722222vw;
    }

    /* s7 end */

    /* s8 start */
    .qwzn-s8 .icon-wrap {
        width: 86.11111111vw;
    }

    /* s8 end */

    /* s9 start */

    .qwzn-s9 .s9-swiper-container {
        width: 88.888889vw;
        margin: 8.3333333vw auto 0;
    }

    .qwzn-s9 .swiper-btn-container {
        width: 100%;
        margin-top: 6.9444445vw;
        text-align: left;
    }

    .qwzn-s9 .swiper-btn-wrap {
        flex-direction: column;
        border-bottom: 0;
        padding-bottom: 0;
        margin: 0;
    }

    .qwzn-s9 .btn-title {
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        will-change: transform;
        transform-origin: left center;
    }

    .qwzn-s9 .swiper-btn-active .btn-title {
        padding-left: 2.0833333vw;
        border-left: 2px solid #fff;
        transform: scale(1.14285714);
        -webkit-transform: scale(1.14285714);
        -moz-transform: scale(1.14285714);
        -ms-transform: scale(1.14285714);
        -o-transform: scale(1.14285714);
    }

    .qwzn-s9 .swiper-btn {
        width: 100%;
    }

    .qwzn-s9 .swiper-btn-active {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .qwzn-s9 .swiper-btn2 {
        margin: 4.1666667vw 0;
    }

    .qwzn-s9 .swiper-scroll-bar {
        display: none;
    }

    .qwzn-s9 .swiper-text-wrap {
        position: relative;
        height: auto;
        margin-top: 4.1666667vw;
    }

    .qwzn-s9 .swiper-text-p {
        width: 100%;
        height: 0;
        color: #fff;
        position: static;
        font-size: 3.3333333vw;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        overflow: hidden;
    }

    .qwzn-s9 .swiper-text-p-active {
        margin-top: 4.1666667vw;
        height: auto;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    /* s9 end */

    /* s10 start */
    .qwzn-container .qwzn-s10 {
        width: 84.7222222vw;
        margin: 16.666667vw auto 0;
    }

    .qwzn-s10 .top-card {
        display: flex;
        flex-direction: column;
    }

    .qwzn-s10 .card-item {
        margin-bottom: 2.7777778vw;
        border-radius: 1.3888889vw;
        -webkit-border-radius: 1.3888889vw;
        -moz-border-radius: 1.3888889vw;
        -ms-border-radius: 1.3888889vw;
        -o-border-radius: 1.3888889vw;
}


    .qwzn-s10 .top-card .card-item {
        width: 100%;
    }

    .qwzn-s10 .card-text {
        font-size: 3.0555556vw;
    }

    .qwzn-s10 .top-card .card-text {
        bottom: 2vw;
    }

    .qwzn-s10 .top-card .card-text img {
        width: 2.63888889vw;
        height: 2.63888889vw;
        margin: 0;
        margin-left: 1vw;
    }

    .qwzn-s10 .bottom-card .card-item {
        width: 100%;
        position: relative;
    }

    .qwzn-s10 .bottom-card .card-item:last-child {
        margin-bottom: 0;
    }

    .qwzn-s10 .bottom-card .card-item2 {
        width: 100%;
    }

    .qwzn-s10 .bottom-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0;
    }

    .qwzn-s10 .bottom-card .card-text {
        right: 3.4722222vw;
    }

    .qwzn-s10 .bottom-card .card-text img {
        width: 2.63888889vw;
        height: 2.63888889vw;
        margin: 0;
        margin-left: 1vw;
    }

    /* s10 end */

    /* footer start */
    .qwzn-container .qwzn-footer {
        width: 85.555556vw;
        margin: 13.888889vw auto;
    }

    .qwzn-footer ul {
        padding-left: 20px;
        list-style: decimal;
    }

    .qwzn-footer ul li {
        font-size: max(3.333333vw, 12px);
        color: #7F7F7F;
    }

    /* footer end */


}


/* ie */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .qwzn-container .qwzn-show-ie {
        display: block;
    }

    .qwzn-container .qwzn-hide-ie {
        display: none;
    }
}