body {
    display: block;
    margin: 8px;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


.huawei-v4, .huawei-v4>.v4 {
    font-family: "Manrope",Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

a {
    text-decoration: none;
    color: #000;
}

.bohr-section {
    position: relative;
    text-align: center;
    font-size: 0;
}

.bohr-section img {
    width: 100%;
    max-width: 100%;
}

.bohr-section h2 {
    font-size: 3.125vw;
    line-height: 1.25;
    font-weight: bold;
}

.bohr-section p {
    font-size: 1.25vw;
    line-height: 1.6;
    padding-top: 3vw;
}

.bohr-container {
    width: 69%;
    margin: 0 auto;
}




.bohr-section1 h1 {
    font-size: 2vw;
    line-height: 1.25;
}

.bohr-section1 .bohr-container {
    position: absolute;
    width: auto;
    top: 19.323vw;
    left: 52.5%;
    text-align: center;
}

.bohr-section1 .kv-copy {
    font-size: 1.5vw;
    line-height: 1.25;
    padding-top: 1vw;
}

.bohr-section1 .bohr-svg {
    width: 33.177vw;
}

.bohr-section2 {
    height: 100vh;
  
    
    overflow: hidden;
}

.bohr-section2 .bohr-container {
    position: relative;
    top: 6vw;
    max-width: 46.208vw;
    padding-bottom: 3vw;
}

.bohr-section2 .bohr-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 52.333vw;
    margin: 0 auto;
    height: 26.531vw;
    z-index: 40;
  
    top: 20.73vw;
}

.bohr-section2-image1,
.bohr-section2-image2,
.bohr-section2-image-line {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 22;
}

.bohr-section2-image2 {
    opacity: 0;
}

.bohr-section2-image1-mask {
    position: absolute;
    width: 39vw;
    height: 23.55vw;
    left: 50%;
    top: 0.5vw;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    z-index: 26;
    overflow: hidden;
}

.bohr-section2-image1-mask-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 26;
    transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    -moz-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transition-duration: 0.9s;
}

.bohr-section2 .bohr-image.animated .bohr-section2-image1-mask-image {
    transform: translate(0, 0) scale(1.08);
    -webkit-transform: translate(0, 0) scale(1.08);
    -moz-transform: translate(0, 0) scale(1.08);
    -ms-transform: translate(0, 0) scale(1.08);
    -o-transform: translate(0, 0) scale(1.08);
    visibility: hidden;
}

.bohr-section2-image1-mask-outer {
    z-index: 33;
    position: absolute;
    left: 0;
    top: 0;
}

.bohr-section2-line {
    position: absolute;
}

.bohr-section2-image-line {
    z-index: 25;
}

.bohr-number-box {
    position: absolute;
    width: 7.656vw;
    height: 6.25vw;
    top: 9.073vw;
    left: 51%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
   
}

.bohr-number-box::before {
    content: '屏占比';
    color: #fff;
    position: absolute;
    width: auto;
    font-size: 1.25vw;
    top: -1.146vw;
    left: 0;
}


.bohr-number-wrapper {
    color: white;
    position: absolute;
    width: 7.656vw;
    height: 6.25vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    height: 6.25vw;
    text-align: center;
    line-height: 1.6;
}

.bohr-section2-line2 {
    opacity: 0;
}

.bohr-number-first,
.bohr-number-second {
    display: inline-block;
    width: 35%;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    vertical-align: top;
    -webkit-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1);
}

.bohr-number-third {
    display: inline-block;
    width: 30%;
}

.bohr-number-box span {
    display: block;
    height: 6.25vw;
    font-size: 5.208vw;
   
}

.bohr-number-third span {
    display: block;
    font-size: 2.396vw;
    transform: translateY(3.125vw);
    -webkit-transform: translateY(3.125vw);
    -moz-transform: translateY(3.125vw);
    -ms-transform: translateY(3.125vw);
    -o-transform: translateY(3.125vw);
}

.bohr-section2 .bohr-image.animated .bohr-number-first,
.bohr-section2 .bohr-image.animated .bohr-number-second {
    transform: translate(100%, 6.25vw) translateX(-100%) translateY(-100%);
    -webkit-transform: translate(100%, 6.25vw) translateX(-100%) translateY(-100%);
    -moz-transform: translate(100%, 6.25vw) translateX(-100%) translateY(-100%);
    -ms-transform: translate(100%, 6.25vw) translateX(-100%) translateY(-100%);
    -o-transform: translate(100%, 6.25vw) translateX(-100%) translateY(-100%);
}

.bohr-section2 .bohr-image.animated .bohr-section2-image2 {
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    opacity: 1;
}

.bohr-svg-wrapper {
    position: absolute;
    left: 10.5vw;
    width: 30.6vw;
    text-align: left;
    bottom: 11vw;
}

.bohr-svg-text h4 {
    font-size: 1.5625vw;
    font-weight: 700;
}

.bohr-svg-box {
    width: 12.448vw;
    height: 1px;
    border-top: dashed 1px #434343;
    margin-top: 1.25vw;
    width: 0;
    margin-left: auto;
}

.bohr-svg-wrapper {
    opacity: 0;
}




.bohr-section2 .bohr-svg-wrapper.sec-animated .bohr-svg-box {
    -moz-animation: svgOffset 1s ease-in-out;
    -webkit-animation: svgOffset 1s ease-in-out;
    -o-animation: svgOffset 1s ease-in-out;
    animation: svgOffset 1s ease-in-out;
    animation-fill-mode: forwards;
    transition-duration: 1s;
    opacity: 1;
}

.bohr-section2 .bohr-svg-wrapper.sec-animated {
    transition-duration: 1s;
    opacity: 1;
}

@media (min-width: 2000px) {
    .bohr-section1 {
        padding-bottom: 0;
    }

    .bohr-section2 .bohr-container {
        top: 20vw;
    }

    .bohr-section2 .bohr-image {
        top: 32.43vw;
    }
}

@keyframes svgOffset {
    to {
        width: 12.448vw;
    }
}

@-moz-keyframes svgOffset {
    to {
        width: 12.448vw;
    }
}

@-webkit-keyframes svgOffset {
    to {
        width: 12.448vw;
    }
}

@-o-keyframes svgOffset {
    to {
        width: 12.448vw;
    }
}

.bohr-section4 {
    padding: 10.416667vw 0 10.416667vw;

}

.bohr-section4 .bohr-p {
    padding-top: 8vw;
}

#bohr-section4-trigger {
    position: relative;
    top: -30vh
}

#bohr-section4-trigger3 {
    position: relative;
    top: -20vh
}

.bohr-section4-image1,
.bohr-section4-image2 {
    position: relative;
}

.bohr-section4 .bohr-p {
    max-width: 46.208vw;
    margin: 0 auto;
}

.bohr-section4-wrapper1 {
    z-index: 5;
}

.bohr-section4-wrapper1,
.bohr-section4-wrapper2 {
    width: 100%;
    position: relative;
}

.bohr-section4-image1 {
    margin-left: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}




.bohr-section4-image2 {
    width: 39.896vw;
    margin-left: auto;
    z-index: 22;
}

.bohr-section4 .bohr-h3 {
    font-size: 4.621vw;
    letter-spacing: 0.52vw;
    line-height: 1.25;
    position: absolute;
    font-weight: bold;
}

.bohr-section4-wrapper1 .bohr-h3-right {
    right: 12.03vw;
    top: 15.16vw;
}

.bohr-section4-wrapper2 .bohr-h3-left {
    left: -1.65vw;
    bottom: 9.04vw;
}





.bohr-section7 .bohr-container {
    font-size: 0;
    padding-top: 0;
}

.bohr-section7 .bohr-h2 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin-left: 0;
}

.bohr-section7 .bohr-p {
    width: 45%;
    margin-left: 10%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0;
    text-align: left;
}

.bohr-section7 .bohr-image {
    padding-top: 6.438vw;
}

.bohr-storage {
    text-align: right;
}

.bohr-linear {
    display: inline-block;
    height: 0.677vw;
}

.bohr-linear1 {
    width: 16.094vw;
    background-color: #00baff;
}

.bohr-linear2 {
    width: 10.208vw;
    background-color: #77878d;
}

.bohr-storage span {
    font-size: 0.833vw;
    display: inline-block;
    padding-left: 1.146vw;
}

.bohr-linear-wrap {
    margin-top: 1.458vw;
}

.bohr-list1 {
    width: auto;
    margin: 3.125vw auto 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.bohr-list1 li {
    padding: 0 3.9065vw;
}

.bohr-list1 span {
    display: block;
    padding-top: 1.094vw;
    font-size: 0.833vw;
}

.bohr-list1 span.bohr-plus {
    font-size: 1.33vw;
}

.bohr-list1 img {
    width: 2.708vw;
    height: 3.177vw;
}

.bohr-section9 .bohr-image {
    position: relative;
    width: 48.021%;
}

.bohr-section9 .bohr-container {
    position: absolute;
    width: 32%;
    right: 15%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    text-align: left;
}

.bohr-section9 .bohr-light,
.bohr-section9 .bohr-fingerprint,
.bohr-section9 .bohr-fingerprint-small {
    max-width: 100%;
    width: auto;
    position: absolute;
}

.bohr-section9 .bohr-light {
    width: 5.833vw;
    height: 4.844vw;
    left: 64.534%;
    top: 45%;
    opacity: 0;
}

.bohr-section9 .bohr-fingerprint {
    width: 5.104vw;
    height: 6.354vw;
    left: 59.436%;
    top: 42.445%;
    opacity: 0;
}

.bohr-section9 .bohr-laptop-light {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}



@keyframes showLight {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes showLight {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes showLight {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes showLight {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bohr-section9 .bohr-image.animated .bohr-light {
    animation: showLight 0.5s 1 0.5s linear forwards;
    -webkit-animation: showLight 0.5s 1 0.5s linear forwards;
    -moz-animation: showLight 0.5s 1 0.5s linear forwards;
    -ms-animation: showLight 0.5s 1 0.5s linear forwards;
    -o-animation: showLight 0.5s 1 0.5s linear forwards;
}

.bohr-section9 .bohr-image.animated .bohr-fingerprint {
    animation: showLight 0.5s 1 0.5s linear forwards;
    -webkit-animation: showLight 0.5s 1 0.5s linear forwards;
    -moz-animation: showLight 0.5s 1 0.5s linear forwards;
    -ms-animation: showLight 0.5s 1 0.5s linear forwards;
    -o-animation: showLight 0.5s 1 0.5s linear forwards;
}

.bohr-section9 .bohr-image.animated .bohr-laptop-light {
    animation: showLight 0.8s 1 0.8s linear forwards;
    -webkit-animation: showLight 0.8s 1 0.8s linear forwards;
    -moz-animation: showLight 0.8s 1 0.8s linear forwards;
    -ms-animation: showLight 0.8s 1 0.8s linear forwards;
    -o-animation: showLight 0.8s 1 0.8s linear forwards;
}




.bohr-laptop-light {
    position: absolute;
    top: 0;
    left: 0;
}

.bohr-section10 {
    padding: 12.448vw 0 6.198vw;
}

.bohr-section10 .bohr-image {
    position: relative;
    max-width: 1090px;
    width: 66%;
    margin: 0 auto;
}

.bohr-screen-dark,
.bohr-screen-left,
.bohr-screen-right {
    display: block;
}

.bohr-screen-right {
    mix-blend-mode: multiply;

}

.bohr-section10 .bohr-container {
    padding-bottom: 6.125vw;
}

.bohr-image-content-wrapper {
    position: absolute;
    top: 2.5%;
    left: 12.7%;
    width: 48.65vw;
    height: 27.56vw;
    overflow: hidden;
}

.bohr-screen-left-wrapper span {
    position: absolute;
    top: 0;
    right: 50%;
    z-index: 2;
    width: 3px;
    height: 100%;
    background-color: #fff;
}

.bohr-screen-right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
}

.bohr-section10 .bohr-line {
    opacity: 0;
}

.bohr-section10 .bohr-image.animated .bohr-line {
    opacity: 1;
    transition-delay: 2.5s;
}

.bohr-section10 .bohr-image.animated .bohr-screen-right {
    left: 50%;
    -webkit-transition: all 2.5s linear;
    -o-transition: all 2.5s linear;
    transition: all 2.5s linear;
    -moz-transition: all 2.5s linear;
    -ms-transition: all 2.5s linear;
}

.bohr-section11,
.bohr-section12 {
    padding: 6.198vw 0;
}

.bohr-section10 .bohr-container,
.bohr-section11 .bohr-container,
.bohr-section12 .bohr-container {
    font-size: 0;
}

.bohr-section10 .bohr-h2,
.bohr-section11 .bohr-h2,
.bohr-section12 .bohr-h2,
.bohr-section-video .bohr-h2,
.bohr-section-quality .bohr-h2 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin-left: 0;
}

.bohr-section10 .bohr-p,
.bohr-section11 .bohr-p,
.bohr-section12 .bohr-p,
.bohr-section-video .bohr-p,
.bohr-section-quality .bohr-p {
    width: 45%;
    margin-left: 10%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0;
    text-align: left;
}

.bohr-section11 .bohr-image {
    padding-top: 3.125vw;
}

.bohr-section12 .bohr-container {
    position: absolute;
    top: 6.198vw;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
}

.hidden-pc {
    display: none;
}

.des-container {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px;
    color: #c2c0c0;
}

.des-container li {
    padding-bottom: .75em;
    line-height: 1.6;
}

ol.component-footnotes li.current {
    color: #1e1e1e;
}

.component-footnotes {
    list-style-type: decimal !important;
}

@media (min-width: 600px) and (max-width: 1000px) and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 5 / 3) {

    #bohr-section2-trigger,
    #bohr-section2-trigger2 {
        position: relative;
        top: 10vw;
    }

    .bohr-section2 .bohr-image {
        top: 27.73vw;
    }
}

@media (min-width: 834px) and (max-width: 1023px) and (max-aspect-ratio: 1 / 1) {
    .bohr-section2 {
        height: 50vh;
    }

    .bohr-section2 .bohr-image {
        top: 34.73vw;
    }
}

@media (width: 1024px) and (max-aspect-ratio: 1 / 1) {
    .bohr-section2 {
        height: 50vh;
    }

    .bohr-section2 .bohr-image {
        top: 31.23vw;
    }
}

@media (width: 1024px) and (min-aspect-ratio: 1 / 1) {
    .bohr-section2 .bohr-image {
        top: 31.23vw;
    }
}

@media (min-width: 1194px) and (max-width: 1200px) and (min-aspect-ratio: 1 / 1) {
    .bohr-section2 .bohr-container {
        top: 18vw;
    }

    .bohr-section2 .bohr-image {
        top: 30.73vw;
    }
}

@media (width: 1366px) and (max-aspect-ratio: 5 / 3) {
    .bohr-section2 .bohr-container {
        top: 18vw;
    }

    .bohr-section2 .bohr-image {
        top: 30.73vw;
    }
}

@media screen and (max-width: 767px) {
    .fancybox-close {
        top: -31px;
    }
}

.bohr-video-box {
    position: absolute;
    width: 33.177vw;
    left: 52.5%;
    top: 24.219vw;
}

a.HW-mach-text {
    display: inline-block;
    height: 28px;
    margin: 0 auto;
    padding-left: 2.031vw;
    font-size: 1.042vw;
 
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    position: static;
}

a.HW-mach-text:hover {
    cursor: pointer;
}

a.HW-mach-text svg {
    position: absolute;
    width: 1.563vw;
    top: 0;
    left: 0;
    height: auto;
}

.HW-mach-text span {
    padding-top: 0;
    display: inline-block;
}

@media screen and (max-width: 1024px) {
    .bohr-section2 {
        padding-top: 12.5vw;
    }
}

@media screen and (max-width: 768px) {
    .bohr-section1 {
        padding-bottom: 0;
    }

    .bohr-section1 .bohr-container {
        width: 83.333vw;
        top: 17.076vw;
        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%);
    }

    .bohr-section1 .bohr-svg {
        width: 100%;
    }

    .bohr-section1 .kv-copy {
        font-size: 4vw;
    }

    .bohr-container {
        width: 84.133vw;
        text-align: left;
        max-width: none;
    }

    .bohr-section h2 {
        font-size: 7.733vw;
    }

    .bohr-section p {
        font-size: 4.267vw;
        padding-top: 8.667vw;
    }

    .bohr-video-box {
        position: relative;
        width: auto;
        left: 0;
        bottom: 0;
        top: 0;
    }

    a.HW-mach-text {
        position: absolute;
        left: 50%;
        bottom: 21.6vw;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
        -o-transform: translate(-50%);
        font-size: 3.733vw;
        height: 5.2vw;
        padding-left: 7.067vw;
        line-height: 1;
    }

    .HW-mach-text span {
        padding-top: 0;
        line-height: 5.2vw;
    }

    a.HW-mach-text svg {
        width: 5.2vw;
        top: 0;
    }

    .bohr-svg-box {
        display: none;
    }

 
    .bohr-section2-image1-mask-outer {
        display: none;
    }

    .bohr-section2-img-wrapper {
        width: 100%;
        height: auto;
    }

    .bohr-section2-line2 {
        opacity: 0;
    }

    .bohr-section2-line1 {
        opacity: 1;
    }

    .bohr-section2 .bohr-container {
        padding-bottom: 10.533vw;
        position: relative;
        top: auto;
    }

    .bohr-section2 {
        height: auto;
        overflow: hidden;
    }

    .bohr-section2 .bohr-image {
        position: relative;
        height: 45vw;
        top: auto;
        left: 0;
        transform: unset;
    }

    .bohr-section2 {
        padding: 16vw 0 0;
    }

    .bohr-section2 .bohr-image .bohr-section2-image2 {
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
    }

    .bohr-section2 .bohr-image.animated .bohr-section2-image2 {
        opacity: 1;
    }

    .bohr-section2-image1-mask {
        display: none;
    }

    .bohr-number-box {
        width: 18.933vw;
        height: 15.333vw;
        top: 14.073vw;
    }

    .bohr-number-wrapper {
        width: 14.933vw;
        height: 10.6vw;
    }

    .bohr-number-box::before {
        font-size: 3.079vw;
        top: -3.8vw;
    }

    .bohr-number-box span {
        height: 9.6vw;
        font-size: 9.229vw;
        line-height: 9.6vw;
        overflow: hidden;
    }

    .bohr-number-third span {
    
        font-size: 4vw;
        line-height: 1;
        transform: translateY(4.8vw);
        -webkit-transform: translateY(4.8vw);
        -moz-transform: translateY(4.8vw);
        -ms-transform: translateY(4.8vw);
        -o-transform: translateY(4.8vw);
    }


    .bohr-section2 .bohr-image {
        width: 89.067vw;
    }

    .bohr-number-first,
    .bohr-number-second {
        transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
        -webkit-transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
        -moz-transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
        -ms-transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
        -o-transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
    }

    .bohr-section2 .bohr-image.animated .bohr-number-first,
    .bohr-section2 .bohr-image.animated .bohr-number-second {
        transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
        -webkit-transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
        -moz-transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
        -ms-transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
        -o-transform: translate(100%, 9.6vw) translateX(-100%) translateY(-100%);
    }

    #bohr-section2-trigger2 {
        position: relative;
        top: 0;
    }

    .bohr-section4 {
        padding: 26.666667vw 0 16.666667vw;
    }

    .bohr-section4-image1 {
        width: 100%;
    }

    .bohr-section4-image2 {
        width: 54.667vw;
    }

    .bohr-section4-wrapper1 .bohr-h3-right {
        right: 7.4665vw;
        top: 14.667vw;
    }

    .bohr-section4-wrapper2 .bohr-h3-left {
        left: 7.4665vw;
        bottom: 21.867vw;
    }

    .bohr-section4 .bohr-h3 {
        font-size: 8.532vw;
    }

    .bohr-section4 .bohr-p {
        max-width: none;
    }

    .bohr-section4 .bohr-p {
        padding-top: 25vw;
    }

    .bohr-section4-wrapper1 .bohr-h3-right,
    .bohr-section4-wrapper2 .bohr-h3-left {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }


    .bohr-section2 .bohr-container,
    .bohr-section5 .bohr-h2,
    .bohr-section6 .bohr-h2,
    .bohr-section7 .bohr-h2,
    .bohr-section10 .bohr-h2,
    .bohr-section11 .bohr-h2,
    .bohr-section12 .bohr-h2,
    .bohr-section-quality .bohr-h2 {
        display: block;
        width: 100%;
    }

    .bohr-section5 .bohr-p,
    .bohr-section6 .bohr-p,
    .bohr-section7 .bohr-p,
    .bohr-section10 .bohr-p,
    .bohr-section11 .bohr-p,
    .bohr-section12 .bohr-p,
    .bohr-section-video .bohr-p,
    .bohr-section-quality .bohr-p {
        width: 100%;
        margin-left: 0;
        padding-top: 8.667vw;
    }

    .bohr-section9 .bohr-container,
    .bohr-section12 .bohr-container {
        position: relative;
        width: 86.133vw;
        left: 0;
        top: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    .bohr-list1 {
        margin: 9.067vw auto 0;
        justify-content: left;
    }

    .bohr-list1 img {
        width: 8.533vw;
        height: auto;
    }

    .bohr-list1 li {
        text-align: center;
    }

    .bohr-list1 li:first-child {
        padding-left: 0;
    }

    .bohr-list1 span {
        padding-top: 4.133vw;
        font-size: 2.62vw;
    }

    .bohr-section7 .bohr-image {
        padding-top: 10.133vw;
    }

    .bohr-section9 .bohr-image {
        width: 100vw;
        margin: 0 auto;
    
        margin-top: 10.4vw;
        background-color: #f7f7f7;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .bohr-section9 .bohr-fingerprint {
        width: 10.533vw;
        height: 13.067vw;
        left: 40.571%;
        top: 57.075%;
    }

    .bohr-section9 .bohr-light {
        width: 12vw;
        height: 10vw;
        left: 57.234%;
      
        top: 45.25%;
    }

    .bohr-laptop-dark,
    .bohr-laptop-light {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .bohr-screen-left-wrapper span {
        width: 1.5px;
    }

    .bohr-section10 .bohr-container {
        padding-bottom: 10.8vw;
    }

    .bohr-section11 .bohr-image {
        padding-top: 10.8vw;
    }

    .hidden-pc {
        display: block;
    }

    .bohr-section10 .bohr-image {
        width: 86.133vw;
    }

    .bohr-image-content-wrapper {
        width: 64vw;
        height: 36.3vw;
        top: 1.22vw;
        left: 12.85%;
    }

    .bohr-section9,
    .bohr-section10,
    .bohr-section11,
    .bohr-section12 {
        padding: 16vw 0;
    }
}

@media screen and (max-width: 640px) {

    .bohr-section2-wrapper,
    .bohr-section2-img-wrapper {
        height: auto;
    }
}

_:-ms-input-placeholder,
:root .bohr-screen-right {
    opacity: 0.5;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.bohr-screen-right {
    opacity: 0.5;
}

@media screen and (min-width: 1920px) {
    .bohr-image-content-wrapper {
        width: auto;
        height: auto;
    }
}

@media screen and (min-width: 2560px) {
    .bohr-section2-image1-mask {
        position: absolute;
        width: 38.2vw;
        height: 23.55vw;
        left: 49%;
        top: 0.5vw;
    }
}





.bohr-section3 .bohr-container {
    max-width: 46.208vw;
    padding-bottom: 4.948vw;
}

.bohr-section3 .bohr-image {
    position: relative;
    overflow: hidden;
    transform-origin: center;
    background-color: black;
    transition-duration: 3s;
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.bohr-intel-dark {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.bohr-section img.bohr-intel-circle {
    width: auto;
}

.bohr-intel-circle {
    position: absolute;
    transform: translate(-50%, -50%) scale(0.2);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.2);
    -moz-transform: translate(-50%, -50%) scale(0.2);
    -ms-transform: translate(-50%, -50%) scale(0.2);
    -o-transform: translate(-50%, -50%) scale(0.2);
    transform-origin: center;
}

.bohr-intel-light {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    opacity: 0;
}

@keyframes changeWidth {
    to {
        transform: translate(-50%, -50%) scale(2);
        -webkit-transform: translate(-50%, -50%) scale(2);
        -moz-transform: translate(-50%, -50%) scale(2);
        -ms-transform: translate(-50%, -50%) scale(2);
        -o-transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

@-moz-keyframes changeWidth {
    to {
        transform: translate(-50%, -50%) scale(2);
        -webkit-transform: translate(-50%, -50%) scale(2);
        -moz-transform: translate(-50%, -50%) scale(2);
        -ms-transform: translate(-50%, -50%) scale(2);
        -o-transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes changeWidth {
    to {
        transform: translate(-50%, -50%) scale(2);
        -webkit-transform: translate(-50%, -50%) scale(2);
        -moz-transform: translate(-50%, -50%) scale(2);
        -ms-transform: translate(-50%, -50%) scale(2);
        -o-transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

@-o-keyframes changeWidth {
    to {
        transform: translate(-50%, -50%) scale(2);
        -webkit-transform: translate(-50%, -50%) scale(2);
        -moz-transform: translate(-50%, -50%) scale(2);
        -ms-transform: translate(-50%, -50%) scale(2);
        -o-transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

@keyframes changeOpacity {
    to {
        opacity: 1;
    }
}

@-moz-keyframes changeOpacity {
    to {
        opacity: 1;
    }
}

@-webkit-keyframes changeOpacity {
    to {
        opacity: 1;
    }
}

@-o-keyframes changeOpacity {
    to {
        opacity: 1;
    }
}

.bohr-section3 .bohr-image.animated .bohr-intel-circle {
    animation: changeWidth 0.9s 1 0.9s linear forwards;
    -webkit-animation: changeWidth 0.9s 1 0.9s linear forwards;
    -moz-animation: changeWidth 0.9s 1 0.9s linear forwards;
    -ms-animation: changeWidth 0.9s 1 0.9s linear forwards;
    -o-animation: changeWidth 0.9s 1 0.9s linear forwards;
}

.bohr-section3 .bohr-image.animated .bohr-intel-light {
    animation: changeOpacity 1.2s 1 1.8s linear forwards;
    -webkit-animation: changeOpacity 1.2s 1 1.8s linear forwards;
    -moz-animation: changeOpacity 1.2s 1 1.8s linear forwards;
    -ms-animation: changeOpacity 1.2s 1 1.8s linear forwards;
    -o-animation: changeOpacity 1.2s 1 1.8s linear forwards;
}

@media screen and (max-width:768px) {
    .bohr-section3 .bohr-container {
        max-width: none;
    }
}


 






.bohr-section p {
    font-size: 1.25vw;
    line-height: 1.6;
    padding-top: 3vw;
}

@media screen and (max-width: 768px) {
    .bohr-section p {
        font-size: 4.267vw;
        padding-top: 8.667vw;
    }
}

span.nowrap {
    white-space: nowrap;
    display: inline-block;
}

.bohr-section3-mob {
    padding-top: 16vw;
}

.bohr-section3-mob .bohr-container {
    width: 100%;
    text-align: left;
    max-width: none;
}

.bohr-section3-mob .bohr-image {
    width: 85%;
    margin-left: auto;
}

.bohr-section3-mob h4 {
    font-size: 24vw;
    line-height: 1;
    color: #00a1fe;
    width: 85%;
    margin-left: auto;
    font-family: 'Microsoft Yahei Light';
    padding: 6vw 0 11vw;
}

.bohr-section3-mob p {
    color: #434343;
    width: 85%;
    margin-left: auto;
}

.bohr-section3-mob h4 span {
    font-size: 11vw;
}

.des-container {
    width: 66%;
    border-top: solid 1px #cfcfcf;
    padding-top: 1.51vw;
}

@media (max-width:768px) {
    .des-container {
        width: 80vw;
        padding-top: 7.867vw;
    }

    .bohr-section8 .bohr-h2 {
        line-height: 1.25;
    }
}

@media screen and (min-width: 769px) {
    .bohr-section9 {
        background: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
        background: -o-linear-gradient(top, #ffffff, #f5f5f5);
        background: -ms-linear-gradient(top, #ffffff, #f5f5f5);
        background: linear-gradient(top, #ffffff, #f5f5f5);
    }
}

@media screen and (min-width:769px) {
    .bohr-section8 .bohr-container {
        top: 8vw;
    }

    a.HW-mach-text {
        height: 1.563vw;
        line-height: 1.563vw;
    }
}

.bohr-section5 a,
.bohr-section8 a,
.nobel-s15 a,
.bohr-section14 a {
    color: #fff;
}

body {
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .bohr-section2 .bohr-container {
        padding-bottom: 27vw;
    }
}


@media screen and (min-width: 769px) {
    .bohr-padding {
        padding-top: 1.667vw;
    }
}

.bohr-svg-text::before {
    letter-spacing: 0;
}

@media screen and (max-width: 768px) {
    a.HW-mach-text {
        line-height: 5.2vw;
        vertical-align: middle;
    }
}

.bohr-section10 .bohr-p sup {
    width: .5em;
    vertical-align: inherit;
    transform: translateY(-25%);
    display: inline-block;
}

@media (min-width: 769px) {
    .bohr-section10 .bohr-container {
        display: flex;
    }

    .bohr-section10 .bohr-p {
        vertical-align: unset;
    }
}

.bohr-section9 .bohr-image {
    top: 0;
    transform: none;
}

@media screen and (width:834px) {
    .bohr-section4-wrapper1 .bohr-h3-right {
        top: 2.16vw;
    }

    .bohr-section4-wrapper2 .bohr-h3-left {
        bottom: 5.04vw;
    }

    .bohr-section4 .bohr-p {
        padding-top: 15vw;
    }
}

@media screen and (max-width:768px) {
    .bohr-section4-wrapper2 .bohr-h3-left {
        left: -2.4665vw;
        bottom: 13.867vw;
    }


}

@media sscreen and (min-width: 1365px) {
    .bohr-section bohr-section12 .w70 {
        width: 70%;
    }
}

@media screen and (width:360px) {
    .bohr-section4-wrapper1 .bohr-h3-right {
        top: 8.667vw;
    }
}

@media (min-width: 2000px) {
    .bohr-section2 .bohr-container {
        top: 10vw;
    }

    .bohr-section2 .bohr-image {
        top: 24.43vw;
    }
}

@media (min-width: 2560px) {
    .bohr-section2 .bohr-container {
        top: 4vw;
    }

    .bohr-section2 .bohr-image {
        top: 20.43vw;
    }
}

.showP {
    display: block;
}

.showM {
    display: none;
}

@media screen and (max-width: 768px) {
    .showP {
        display: none;
    }

    .showM {
        display: block;
    }
}

@media screen and (min-width: 769px) {
    .bohr-image1 {
        width: 60%;
        margin: 0 auto;
    }
}

.bohr-section10 .bohr-h2,
.bohr-section11 .bohr-h2,
.bohr-section12 .bohr-h2,
.bohr-section6 .bohr-h2,
.bohr-section-video .bohr-h2,
.bohr-section-quality .bohr-h2 {
    width: 45%;
}

.bohr-section7 .bohr-p {
    width: 47%;
    margin-left: 8%;
}

.bohr-section6 .bohr-p,
.bohr-section10 .bohr-p,
.bohr-section11 .bohr-p,
.bohr-section12 .bohr-p,
.bohr-section-video .bohr-p,
.bohr-section-quality .bohr-p {
    width: 47%;
    margin-left: 8%;
}

@media screen and (max-width: 768px) {

    .bohr-section5 .bohr-h2,
    .bohr-section6 .bohr-h2,
    .bohr-section7 .bohr-h2,
    .bohr-section10 .bohr-h2,
    .bohr-section11 .bohr-h2,
    .bohr-section12 .bohr-h2,
    .bohr-section-video .bohr-h2,
    .bohr-section-quality .bohr-h2 {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {

    .bohr-section5 .bohr-p,
    .bohr-section6 .bohr-p,
    .bohr-section7 .bohr-p,
    .bohr-section10 .bohr-p,
    .bohr-section11 .bohr-p,
    .bohr-section12 .bohr-p,
    .bohr-section-video .bohr-p,
    .bohr-section-quality .bohr-p {
        width: 100%;
        margin-left: 0;
    }
}

.bohr-section12-left-text {
    bottom: 40.383vw !important;
    left: 28.533vw !important;
}

.bohr-section12-right-text {
    right: 25vw;
    bottom: 22.8vw;
}

@media (width:834px) {
    .bohr-section12-right-text {
        right: 23vw !important;
        bottom: 16vw !important;
    }

    .bohr-section12-left-text {
        bottom: 36.383vw !important;
        left: 25.533vw !important;
    }

    .bohr-section12-left-text,
    .bohr-section12-right-text {
        font-size: 1.267vw !important;
       

    }

    .bohr-section12-right-text h4:nth-child(2) {
        transform: translate(-2.5vw, 1.5vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(3) {
        transform: translate(-6.5vw, 3.5vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(2) {
        transform: translate(-5.25vw, 1.5vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(3) {
        transform: translate(-9.25vw, 3vw) !important;
    }
}

@media (max-width:768px) {
    .bohr-section12-right-text {
        right: 5vw !important;
        bottom: 35.5vw !important;
        font-size: 2.542vw !important;
        line-height: 2 !important;
    }

    .bohr-section12-left-text {
        bottom: 102.383vw !important;
        left: 24.533vw !important;
    }

    .bohr-section12-left-text {
        font-size: 2.542vw !important;
        line-height: 7vw !important;
    }

    .bohr-section12-left-text h4:nth-child(2) {
        transform: translate(-8vw, 3.5vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(3) {
        transform: translate(-17.25vw, 6vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(2) {
        transform: translate(-7.5vw, 4.5vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(3) {
        transform: translate(-18.5vw, 10.5vw) !important;
    }
}

@media screen and (max-width: 500px) {

    .bohr-section8,
    .bohr-section9,
    .bohr-section10,
    .bohr-section11,
    .bohr-section12 {
        padding: 16vw 0;
    }

    .bohr-section8 {
        padding-bottom: 0;
    }

    .des-container {
        width: 83.067vw;
        padding-top: 9.867vw;
    }

    .hidden-mob {
        display: none;
    }

    .bohr-section12-left-text {
        font-size: 3.267vw !important;
        line-height: 7vw;
    }

    .bohr-section12-left-text {
        bottom: 105.083vw !important;
        left: 21.533vw !important;
    }

    .bohr-section12-left-text h4:nth-child(2) {
        transform: translate(-8.5vw, 5vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(3) {
        transform: translate(-18vw, 7vw) !important;
    }

    .bohr-section12-right-text {
        right: -1vw !important;
        bottom: 31.5vw !important;
        font-size: 3.267vw !important;
        line-height: 2;
    }

    .bohr-section12-right-text h4:nth-child(2) {
        transform: translate(-7.5vw, 6.5vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(3) {
        transform: translate(-17.5vw, 10.5vw) !important;
    }

    .des-container li {
        padding-bottom: 0;
    }
}

@media (width:1194px) {
    .bohr-section12-right-text {
        right: 24.806vw !important;
        bottom: 25.5vw !important;
    }

    .bohr-section12-left-text {
        bottom: 40.383vw !important;
        left: 29.533vw !important;
    }

    .bohr-section12-left-text,
    .bohr-section12-right-text {
        font-size: 1.267vw !important;
       
    }
}

@media (min-width:1024px) and (max-width:1365px) {
    .bohr-section12-right-text {
        right: 23.806vw !important;
        bottom: 20.5vw !important;
    }

    .bohr-section12-left-text {
        bottom: 38.83vw !important;
        left: 26.533vw !important;
    }

    .bohr-section12-left-text h4:nth-child(2) {
        transform: translate(-5vw, 2.5vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(3) {
        transform: translate(-9.25vw, 5vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(2) {
        transform: translate(-3.5vw, 3vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(3) {
        transform: translate(-7.5vw, 5.5vw) !important;
    }
}

@media (width: 1194px) {
    .bohr-section12-right-text {
        right: 22.006vw !important;
        bottom: 19vw !important;
    }
}

@media (width:1366px) {
    .bohr-section12-right-text {
        right: 25.806vw !important;
        bottom: 21.5vw !important;
    }

    .bohr-section12-left-text {
        bottom: 39.383vw !important;
        left: 28.533vw !important;
    }

    .bohr-section12-right-text h4:nth-child(2) {
        transform: translate(-3.5vw, 3.5vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(3) {
        transform: translate(-7.5vw, 6vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(2) {
        transform: translate(-5.25vw, 3vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(3) {
        transform: translate(-9.25vw, 5.5vw) !important;
    }
}

@media (min-width:2000px) {
    .bohr-section12-right-text {
        right: 23.806vw !important;
        bottom: 23.5vw !important;
    }

    .bohr-section12-left-text {
        bottom: 41.383vw !important;
        left: 28.533vw !important;
    }
}

.bohr-section12-left-text,
.bohr-section12-right-text {
    font-size: 1.042vw;
    position: absolute;
    color: #121212;
    font-weight: bold;
}

.bohr-section12-left-text {
    bottom: 40.383vw;
    left: 27.533vw;
}

.bohr-section12-left-text h4:nth-child(2) {
    transform: translate(-5.25vw, 3.5vw);
}

.bohr-section12-left-text h4:nth-child(3) {
    transform: translate(-9.25vw, 6vw);
}

.bohr-section12-right-text {
    right: 24.506vw;
    bottom: 22.5vw;
}

.bohr-section12-right-text h4:nth-child(2) {
    transform: translate(-3.5vw, 3.5vw);
}

.bohr-section12-right-text h4:nth-child(3) {
    transform: translate(-7.5vw, 7vw);
}

.bohr-section8 .bohr-p {
    max-width: 46.208vw;
    margin: 18px auto;
}


 

@media (max-width: 1200px) and (min-aspect-ratio: 1/1) and (min-width: 1194px) {
    .bohr-section2 .bohr-container {
        top: 14vw;
    }
}

@media screen and (min-width: 769px) {
    .bohr-section9 .bohr-fingerprint {
        width: 8.104vw;
    }
}

@media screen and (max-width: 768px) {
    .bohr-section8 .bohr-p {
        margin: 18px auto;
        margin-left: 0;
        max-width: 100vw;
    }
}

.a-color {
    color: #6aa2da !important;
    white-space: pre-wrap;
    word-break: break-all;
}

.a-more {
    cursor: pointer;
}

.a-more:hover {
    color: #cc0033;
}


 

.bohr-section-swiper .hidden-lg {
    display: none;
}

.bohr-section-swiper .hidden-xs {
    display: block;
}

.bohr-section-swiper .swiper-container {
    padding: 5vw 0 12vw;
    width: 69vw !important;
}

.bohr-section-swiper .swiper-container .swiper-slide img {
    width: 100%;
    margin: 0 auto;
}

.bohr-section-swiper .swiper-pagination {
    display: flex;
    justify-content: center;
}

.bohr-section-swiper .swiper-pagination div {
    cursor: pointer;
    margin-right: 2vw;
    display: inline-block;
}

.bohr-section-swiper .swiper-pagination div span {
    display: block;
    
    width: 7.5vw;
    min-width: 50px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}

.bohr-section-swiper .swiper-pagination div span:before,
.bohr-section-swiper .swiper-pagination div span:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #242424;
    opacity: 0.2;
}

.bohr-section-swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.bohr-section-swiper .swiper-pagination-custom,
.bohr-section-swiper .swiper-pagination-fraction {
    top: 56vw;
}

.bohr-section-swiper .swiper-pagination div.swiper-active-switch span:before {
    display: block;
    opacity: 1;
    -webkit-animation: progress 6.5s linear forwards;
    animation: progress 6.5s linear forwards;
}

.bohr-section-swiper .bohr-container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 7.145vw;
    height: 7vw;
}

@media (min-width: 769px) {
    .bohr-section-swiper .bohr-container {
        opacity: 0;
        transition: .5s linear;
    }

    .bohr-section-swiper .swiper-slide-active .bohr-container {
        opacity: 1;
        transition: .5s linear;
    }
}

.bohr-section-swiper .bohr-container .bohr-h2 {
    text-align: left;
}

.bohr-section-swiper .bohr-container .bohr-p {
    width: 51%;
    text-align: left;
    padding-top: .6vw;
}


 

@keyframes progress {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes progress {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

 

.bohr-section-Supporting {
    margin-top: 2vw;
    margin-bottom: 4vw;
}

.bohr-section-Supporting img {
    width: 63vw;
}


 


@media (max-width: 768px) {
    .bohr-section8 {
        padding-top: 16vw;
    }

    .bohr-section-swiper .swiper-container {
        padding: 16vw 0 30vw;
    }

    .bohr-section-swiper .bohr-container {
        flex-wrap: wrap;
        margin: 0 0;
        margin-bottom: 12vw;
    }

    .bohr-section-swiper .bohr-container .bohr-p {
        width: 100%;
        padding-top: 8.667vw;
    }

    .bohr-section-swiper .swiper-container-horizontal>.swiper-pagination-bullets,
    .bohr-section-swiper .swiper-pagination-custom,
    .bohr-section-swiper .swiper-pagination-fraction {
        top: 137vw;
    }

    .bohr-section-swiper .swiper-container .swiper-slide img {
        margin-top: 11vw;
    }

    .bohr-section-swiper .hidden-lg {
        display: block;
    }

    .bohr-section-swiper .hidden-lg {
        width: 86.133vw;
        margin: 0 auto;
    }

    .bohr-section-swiper .hidden-xs {
        display: none;
    }

    .bohr-section-swiper .bohr-container {
        width: 100%;
    }

    .bohr-section9 .bohr-fingerprint {
        width: 18.533vw;
        height: 13.067vw;
        left: 51%;
         
        top: 43.075%;
    }

 
    .bohr-section-swiper .swiper-container .swiper-slide {
        width: 80vw;
    }

    .bohr-section-swiper .swiper-pagination div.swiper-active-switch span:before {
        display: block;
        opacity: 1;
        -webkit-animation: progress 6.5s linear forwards;
        animation: progress 6.5s linear forwards;
    }

    .bohr-section-Supporting img {
        width: 100%;
    }

    .bohr-section-swiper .bohr-container {
        height: 36vw;
    }

    .bohr-number-box::before {
        left: 2.5vw;
    }
}


 

.bohr-section-video {
    padding: 6.198vw 0 11.4375vw;
    background-color: white;
}

.bohr-section-video .hidden-xs {
    display: block;
    width: 80.625vw;
    margin: 0 auto;
    border-right-color: transparent;
    border-right-color: white;
    border-color: white;
}

.bohr-section-video .hidden-lg {
    display: none;
    width: 100%;
}

.bohr-section-video .bohr-container {
    padding-bottom: 6.125vw;
}

@media screen and (max-width: 768px) and (orientation: portrait) {
    .bohr-section-video .hidden-xs {
        display: none;
    }

    .bohr-section-video .hidden-lg {
        display: block;
    }
}

@media (min-width: 769px) {
    .bohr-section10 .bohr-container {
        display: flex;
    }
}

@media (max-width: 768px) {
    .bohr-section-video .bohr-container {
        padding-bottom: 10.4vw;
    }

    .bohr-section-Supporting {
        margin-top: 0;
        margin-bottom: 12vw;
    }

    .bohr-section-video {
        padding: 16vw 0;
    }
}

@media (width: 768px) {
    .bohr-section2-image-line {
        top: 1px;
        left: -15px;
    }

    .bohr-section2-image-line .bohr-section2-line1 {
        width: 95%;
    }
}

@media (width: 1024px) {
    .bohr-section12-left-text {
        bottom: 38.83vw !important;
        left: 28.533vw !important;
    }

    .bohr-section12-left-text h4:nth-child(2) {
        transform: translate(-5.25vw, 2.5vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(3) {
        transform: translate(-9.25vw, 4vw) !important;
    }

    .bohr-section12-right-text {
        right: 24.5vw !important;
        bottom: 18vw !important;
    }

    .bohr-section12-right-text h4:nth-child(2) {
        transform: translate(-3.5vw, 2.5vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(3) {
        transform: translate(-7.5vw, 4.5vw) !important;
    }
}

@media (width: 501px) {
    .bohr-section12-left-text {
        bottom: 107.383vw !important;
        left: 24.533vw !important;
    }

    .bohr-section12-left-text h4:nth-child(2) {
        transform: translate(-7.25vw, 5.5vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(3) {
        transform: translate(-17.25vw, 10vw) !important;
    }

    .bohr-section12-right-text {
        right: 8.806vw !important;
        bottom: 39.5vw !important;
    }

    .bohr-section12-right-text h4:nth-child(2) {
        transform: translate(-7.5vw, 5.5vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(3) {
        transform: translate(-16.5vw, 12vw) !important;
    }

    .bohr-section12-left-text,
    .bohr-section12-right-text {
        font-size: 2.7vw;
    }
}


 

@media (width: 834px) {
    .pad834 {
        white-space: normal !important;
        vertical-align: text-bottom;
    }
}

@media (width: 1194px) {
    .pad834 {
      
        vertical-align: text-bottom;
    }
}

@media (width: 640px) {
    .bohr-section12-left-text {
        bottom: 111.383vw !important;
        left: 23.533vw !important;
    }

    .bohr-section12-left-text h4:nth-child(2) {
        transform: translate(-7.25vw, 6.5vw) !important;
    }

    .bohr-section12-left-text h4:nth-child(3) {
        transform: translate(-16.25vw, 12vw) !important;
    }

    .bohr-section12-right-text {
        right: 7.806vw !important;
        bottom: 42.5vw !important;
    }

    .bohr-section12-right-text h4:nth-child(2) {
        transform: translate(-7.5vw, 7.5vw) !important;
    }

    .bohr-section12-right-text h4:nth-child(3) {
        transform: translate(-17.5vw, 15vw) !important;
    }

    .bohr-section12-left-text,
    .bohr-section12-right-text {
        font-size: 2.7vw;
    }
}

.pc {
    display: block;
}

.mob {
    display: none;
}

.bohr-section-quality {
    padding: 6.198vw 0 5.198vw;
    overflow: hidden;
}

.bohr-section-quality .icon {
    width: 63vw;
    margin: 4vw auto 0;
}

.bohr-section-quality .computer {
    width: 65vw;
}

.bohr-section-quality .box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 69vw;
    margin: 4vw auto 0;
}

.bohr-section-quality .box.pc {
    display: flex;
}

.bohr-section-quality .box.mob {
    display: none;
}

.bohr-section-quality .box li {
    width: 32%;
    margin-top: 2vw;
}

.bohr-section-quality .box li img {
    width: 20%;
}

.bohr-section-quality .box li p {
    padding-top: 1vw;
    font-size: 1vw;
}

.bohr-section-quality .box li p.p {
    padding-top: .5vw;
}

@media screen and (max-width: 768px) {
    .bohr-section2 {
        padding: 0;
    }

    .bohr-section9 {
        padding: 0 0 11.777778vw;
    }

    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    .bohr-section-quality {
        padding: 8.198vw 0 16.198vw;
    }

    .bohr-section-quality .computer {
        width: 100vw;
        transform: scale(1.8) translate(22%);
    }

    .bohr-section-quality .icon {
        width: 77vw;
        margin: 9vw 14vw 21vw 0;
    }

    .bohr-section-quality .box {
        width: 80vw;
        margin: 4vw auto 36vw;
    }

    .bohr-section-quality .box li {
        width: 50%;
        margin-top: 10vw;
    }

    .bohr-section-quality .box li img {
        width: 40%;
    }

    .bohr-section-quality .box li p {
        padding-top: 5vw;
        font-size: 3.5vw;
    }

    .bohr-section-quality .box li p.p {
        padding-top: 5vw;
    }

    .bohr-section-quality .box.pc {
        display: none;
    }

    .bohr-section-quality .box.mob {
        display: flex;
    }
}

@media (width: 1024px) and (height: 501px) {
    .bohr-section2 .bohr-container {
        top: -5vw;
    }

    .bohr-section2 .bohr-image {
        top: 20.23vw;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .bohr-section-video .hidden-xs {
        width: 84vw;
    }
}

@media (width: 768px) {
    .bohr-section-quality .box li {
        width: 43%;
    }

    .bohr-section-quality .box li p {
        font-size: 3vw;
    }
}

.bohr-section .bohr-svg-text p {
    padding-top: 0;
}

.left-icon {
    width: 7%;
    margin-right: 5%;
}

.bohr-svg-text {
    width: 80%;
}

.bohr-svg-text-wrappe .bohr-section2-icon {
    width: 100%;
}

.bohr-svg-text h4 {
    padding-bottom: 1.2vw;
}

.bohr-svg-text-wrappe {
    display: flex;
    align-items: flex-start;
}

.bohr-svg-text-wrappe2 {
    margin-top: 5.36vw;
}


/*section8*/

.bohr-section8 {
    position: relative;
    margin-bottom: 13vw;
    overflow: hidden;
    padding-bottom: 5vw;
}

.bohr-section8 .bohr-h2 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin-left: 0;
}

.bohr-section8 .bohr-p {
    width: 47%;
    margin-left: 8%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0;
    text-align: left;
}

.nobel-img12 {
    width: 67.18vw;
    margin: 0 auto;
    padding-top: 6.125vw;
    position: relative;
}

.bohr-section8 .nobel-img12 video {
    position: absolute;
    width: 72.5%;
    top: 14.7%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    z-index: -1;
}

.bohr-section8 .wave-left {
    z-index: -2;
    width: 40%;
    position: absolute;
    top: 80%;
    left: 0;
}

.bohr-section8 .wave-right {
    z-index: -2;
    width: 40%;
    position: absolute;
    top: 80%;
    right: 0;
}

.animation-wave-1 {
    -webkit-animation: soundWave 2s linear infinite;
    -moz-animation: soundWave 2s linear infinite;
    animation: soundWave 2s linear infinite;
}

.animation-wave-2 {
    -webkit-animation: soundWave 2s linear infinite 0.4s;
    -moz-animation: soundWave 2s linear infinite 0.4s;
    animation: soundWave 2s linear infinite 0.4s;
    
}

.animation-wave-3 {
    -webkit-animation: soundWave 2s linear infinite 0.8s;
    -moz-animation: soundWave 2s linear infinite 0.8s;
    animation: soundWave 2s linear infinite 0.8s;
   
}

.animation-wave-4 {
    -webkit-animation: soundWave 2s linear infinite 1.2s;
    -moz-animation: soundWave 2s linear infinite 1.2s;
    animation: soundWave 2s linear infinite 1.2s;
  
}

.animation-wave-5 {
    -webkit-animation: soundWave 2s linear infinite 1.6s;
    -moz-animation: soundWave 2s linear infinite 1.6s;
    animation: soundWave 2s linear infinite 1.6s;
   
}

@keyframes soundWave {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes soundWave {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-moz-keyframes soundWave {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-ms-keyframes soundWave {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@media screen and (max-width: 768px) {
    .bohr-section8 {
        padding-bottom: 15vw;
    }

    .bohr-section8 .nobel-img12 {
        width: 80%;
    }

    .bohr-section8 .wave-left,
    .bohr-section8 .wave-right {
        top: 82%;
    }

    .bohr-section8 .nobel-img12 video {
        top: 18.8%;
        width: 72.6%;
    }

    .nobel-img12 {
        padding-top: 10.125vw;
    }
}

@media screen and (max-width: 1194px) and (min-width: 834px) {
    .bohr-section8 .nobel-text1 {
        width: 49.58vw;
        margin: 0 auto 3.65vw;
    }
}

.bohr-section8 .nobel-text p {
    width: 34.271vw;
}

@media screen and (max-width: 768px) {
    .nobel-wrapper .bohr-section8 .nobel-text2 {
        display: inline-block;
        width: 83.2vw;
        margin: 0 8.4vw;
        margin-bottom: 14.5vw;
    }

    .bohr-section8 .nobel-text p {
        width: 100%;
    }

    .bohr-section2 .bohr-container {
        max-width: 90vw;
    }

    .bohr-svg-wrapper {
        position: inherit;
        opacity: 1;
        width: 90vw;
        text-align: left;
        margin: 0 auto;
        margin-top: 29vw;
    }

    .bohr-svg-text h4 {
        font-size: 5vw;
    }

    .left-icon {
        margin-right: 3.733333vw;
    }
}

@media screen and (max-width: 768px) {
    .bohr-section8 .bohr-h2 {
        width: 100%;
    }

    .bohr-section8 .bohr-p {
        width: 100%;
        margin: 0;
    }
}


/*section6*/

.show-content {
    height: auto;
}

.show-content-s3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.show-content .p6-content-wrap {
    position: relative;
    width: 100%;
}

.show-content-s3-header {
    width: 100%;
}

.HB6-swiper {
    width: 100%;
}

.HB6-swiper img {
    width: 61.45833333vw;
    display: block;
    margin: 0 auto;
}

.show-content-s3-middle {
    width: 33.2125vw;
    display: flex;
    border-bottom: 4px solid #e5e5e5;
    margin: 2.34375vw auto 2.86458333vw auto;
}

.show-content-s3-middle li {
    flex: 1;
    text-align: center;
    color: #e5e5e5;
    line-height: 1.6;
    font-size: 1.25vw;
    position: relative;
    bottom: -6px;
    cursor: pointer;
}

.show-content-s3-middle li.active {
    border-bottom: 8px solid #434343;
    color: #434343;
}

.show-content-s3-bottom {
    width: 32.8125vw;
    margin: 0 auto;
}

@media screen and (max-width:768px) {
    .show-content-s3-bottom {
        width: 100%;
    }
}

.show-content-s3-bottom li {
    display: none;
    width: 100%;
    text-align: center;
    line-height: 1.6;
    font-size: 1.25vw;
}

.show-content-s3-bottom li.active {
    display: block;
}

@media screen and (max-width: 768px) {
    .bohr-section6 .bohr-container {
        width: 100%;
    }

    .bohr-section6 .bohr-h2,
    .bohr-section6 .bohr-p {
        width: 90vw;
        margin: 0 auto;
        display: block;
    }

    .HB6-swiper img {
        width: 100%;
    }

    .show-content-s3-middle {
        width: 90vw;
    }

    .show-content .show-content-s3 .show-content-s3-middle {
        margin: 11.33333333vw auto 5.33333333vw auto;
    }

    .show-content .show-content-s3 .show-content-s3-middle li {
        height: 7.2vw;
        line-height: 7.2vw;
        font-size: 4.267vw;
    }

    .show-content-s3 .show-content-s3-middle {
        border-bottom: 2px solid #e5e5e5 !important;
    }

    .show-content-s3 .show-content-s3-middle li.active {
        border-bottom: 4px solid #434343 !important;
    }

    .show-content .show-content-s3 .show-content-s3-bottom li {
        line-height: 1.6;
        font-size: 4.267vw;
        margin: 0 auto;
        width: 85%;
    }

    .show-content-s3-middle li {
        bottom: -3px;
    }

    .bohr-section-swiper .swiper-container {
        width: 86.133vw !important;
    }
}

.show-content-s3-bottom {
    height: 4vw;
}



/*xindong*/

.nobel-s15 img,
.nobel-s16 img {
    width: 100%;
}

.nobel-s13 {
    position: relative;
    text-align: center;
    font-size: 0;
}

.nobel-s13 .nobel-container {
    display: flex;
    margin: 0 auto;
    align-items: end;
}

.nobel-h2 {
    font-size: 3.125vw;
    line-height: 1.25;
    font-weight: bold;
    width: 33%;
    text-align: left;
    padding-left: 11vw;
}

.nobel-p {
    font-size: 1.25vw;
    line-height: 1.6;
    padding-top: 0;
    width: 28%;
    text-align: left;
}

.small-word {
    font-size: 1.042vw;
    color: #121212;
    font-weight: bold;
    position: absolute;
}

.left-small-word-1.small-word {
    top: 37%;
    left: 29%;
}

.left-small-word-2.small-word {
    left: 24.7%;
    top: 43%;
}

.right-small-word-1.small-word {
    top: 64.8%;
    left: 70%;
}

.right-small-word-2.small-word {
    top: 72.2%;
    left: 64.8%;
}

.right-small-word-3.small-word {
    top: 79%;
    left: 60%;
}

.nobel-s14-wrapper .nobel-text h2 {
    margin-bottom: 0;
    width: 30%;
    padding-right: 6vw;
}

.nobel-s14-wrapper .nobel-text p {
    width: 75%;
}

.nobel-img {
    overflow: hidden;
}

.nobel-s14 .nobel-img img {
    transform: translate(0, 0) scale(0.6);
    -webkit-transform: translate(0, 0) scale(0.6);
    -moz-transform: translate(0, 0) scale(0.6);
    -ms-transform: translate(0, 0) scale(0.6);
    -o-transform: translate(0, 0) scale(0.6);
}

.nobel-s14.nobel-section {
    padding-top: 5vw;
}

.nobel-s14 .nobel-text {
    width: 56%;
    opacity: 1;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.nobel-left-img {
    width: 31vw;
    position: absolute;
    left: 10%;
    z-index: 10;
    top: 35%;
    opacity: 0;
}

.left-img-word {
    display: flex;
}

.icons-left {
    width: 6%;
    padding-right: 5%;
}

.word-left {
    width: 90%;
    padding-bottom: 3.125vw;
}

.word-left h5 {
    font-size: 1.5625vw;
    line-height: 1.25;
    padding-bottom: 1.041667vw;
}

.word-left p {
    font-size: 1.25vw;
    line-height: 1.6;
}

.nobel-s15.nobel-section {
    padding-top: 2vw;
    background: black;
    margin-bottom: 0;
    overflow: hidden;
    top: 0 !important;
    padding-bottom: 10vw;
}

.nobel-s15-wrapper {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
}

 

.nobel-s2 {
    margin-bottom: -76px;
}

.nobel-s4 {
    margin-top: 76px;
}


.bohr-s15 {
    margin-top: 10.417vw;
    margin-bottom: -3vw;
}

.s15-wrapper-word {
    width: 69%;
    margin: 0 auto;
}

.s15-wrapper-word h3 {
    font-size: 3.125vw;
    line-height: 1.25;
    padding-bottom: 3.125vw;
    font-weight: bold;
    width: 45%;
    display: inline-block;
    text-align: left;
    margin-left: 0;
}

.s15-wrapper-word p {
    font-size: 1.25vw;
    line-height: 1.6;
    color: black;
    width: 46%;
    margin-left: 8%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0;
    text-align: left;
}

.nobel-s16-wrapper {
    height: 100vh;
    background: black;
    overflow: hidden;
    position: relative;
}

.nobel-s16 {
    padding-top: 5vw;
    background-color: black;
}

.s16-wrapper-word {
    color: white;
    display: flex;
    width: 100%;
    position: absolute;
    top: 5%;
    z-index: 99;
}

.s16-wrapper-word h2 {
    font-size: 3.125vw;
    line-height: 1.25;
    width: 25%;
    padding-left: 15.5vw;
    padding-right: 11.5vw;
    font-weight: bold;
}

.s16-wrapper-word p {
    line-height: 1.6;
    font-size: 1.25vw;
    width: 33%;
}

.s16-wrapper-img {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 5vw;
}

.s16-com {
    position: absolute;
    width: 42.5%;
    top: 43%;
    left: 50%;
    transform: translate(-50.1%, -50%);
    z-index: 20;
    -webkit-transform: translate(-50.1%, -50%);
    -moz-transform: translate(-50.1%, -50%);
    -ms-transform: translate(-50.1%, -50%);
    -o-transform: translate(-50.1%, -50%);
}

.s16-wifi6 {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

.wifi-6-top,
.wifi-6-bottom {
     
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.wifi-6-top img,
.wifi-6-bottom img {
    width: 31vw;
    display: inline-block;
    padding-right: 2vw;
}

.wifi-6-top-mid,
.wifi-6-bottom-mid {
    display: none;
}

 

.s16-wifi6 {
    position: absolute;
    top: 50%;
    transform: translate(0.5%, -50%);
    width: 210%;
    -webkit-transform: translate(0.5%, -50%);
    -moz-transform: translate(0.5%, -50%);
    -ms-transform: translate(0.5%, -50%);
    -o-transform: translate(0.5%, -50%);
}


 

.s16-words-top {
    position: absolute;
    width: 50%;
    top: 72%;
    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%);
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
}

.s16-words-top-mbps {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 1vw;
}

.s16-words-top-mbps p {
    font-size: 1.25vw;
    color: #a8a8a8;
}

.s16-words-top-mbps-1 .pro-bar {
    width: 1%;
    height: 0.8vw;
    border-radius: 10vw;
    background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(32, 124, 202, 1) 0%, rgba(41, 137, 216, 1) 17%, rgba(61, 214, 219, 1) 100%);
}

.s16-words-top-mbps-2 .pro-bar {
    width: 1%;
    height: 0.8vw;
    border-radius: 10vw;
    background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(32, 124, 202, 1) 0%, rgba(41, 137, 216, 1) 17%, rgba(61, 214, 219, 1) 100%);
}

.s16-words-bottom-icons {
    position: absolute;
    width: 40%;
    top: 72%;
    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%);
    display: flex;
    justify-content: center;
}

.s16-words-top-mbps p:nth-of-type(1) {
    padding-left: 5vw;
    padding-right: 1vw;
}

.s16-words-top-mbps p:nth-of-type(2) {
    padding-left: 1vw;
}

.s16-bottom-icons {
    width: 25%;
    padding: 0 5%;
}

.s16-bottom-icons p {
    color: #a8a8a8;
    font-size: 1.5625vw;
    text-align: center;
    padding-top: 1vw;
    font-weight: bold;
}

.zap .s16-wifi6 {
    transform: translate(-47.5%, -50%);
    -webkit-transform: translate(-47.5%, -50%);
    -moz-transform: translate(-47.5%, -50%);
    -ms-transform: translate(-47.5%, -50%);
    -o-transform: translate(-47.5%, -50%);
    transition: 2s all ease-in-out;
    -webkit-transition: 2s all ease-in-out;
    -moz-transition: 2s all ease-in-out;
    -ms-transition: 2s all ease-in-out;
    -o-transition: 2s all ease-in-out;
}

.zap .s16-words-top-mbps-1 .pro-bar {
    width: 16%;
    transition: 2s all ease-in-out;
    -webkit-transition: 2s all ease-in-out;
    -moz-transition: 2s all ease-in-out;
    -ms-transition: 2s all ease-in-out;
    -o-transition: 2s all ease-in-out;
}

.zap .s16-words-top-mbps-2 .pro-bar {
    width: 49%;
    transition: 2s all ease-in-out;
    -webkit-transition: 2s all ease-in-out;
    -moz-transition: 2s all ease-in-out;
    -ms-transition: 2s all ease-in-out;
    -o-transition: 2s all ease-in-out;
}

.zap .s16-words-bottom-icons {
    top: 82%;
    transition: 2s all ease-in-out;
    -webkit-transition: 2s all ease-in-out;
    -moz-transition: 2s all ease-in-out;
    -ms-transition: 2s all ease-in-out;
    -o-transition: 2s all ease-in-out;
}

.zap .s16-words-top {
    opacity: 1;
    transition: 1s all ease-in-out 1s;
    -webkit-transition: 1s all ease-in-out 1s;
    -moz-transition: 1s all ease-in-out 1s;
    -ms-transition: 1s all ease-in-out 1s;
    -o-transition: 1s all ease-in-out 1s;
}

.s16-bottom-icons img {
    height: 2vw;
    width: 70%;
    margin: 0 auto;
    display: block;
}

@media (max-aspect-ratio: 1/1) and (max-width: 1260px) {
    .nobel-s4 {
        margin-top: 0;
    }

    .nobel-s2 {
        margin-bottom: 0;
    }

    .nobel-s16-wrapper {
        height: 50vh;
        background: black;
        overflow: hidden;
        position: relative;
    }

    .s16-words-top {
        width: 50%;
    }

    .s16-words-bottom-icons {
        width: 55%;
    }




    .left-small-word-1.small-word {
        top: 37%;
        left: 29%;
    }

    .left-small-word-2.small-word {
        left: 25.7%;
        top: 41.5%;
    }

    .right-small-word-1.small-word {
        top: 63.8%;
        left: 70%;
    }

    .right-small-word-2.small-word {
        top: 71.2%;
        left: 64.8%;
    }

    .right-small-word-3.small-word {
        top: 78%;
        left: 60%;
    }
}


 

@media (max-width:768px) {
    .bohr-section8 .bohr-p {
        padding-top: 8.667vw;
    }

    .bohr-section6 {
        padding: 16vw 0 42.133vw;
    }

    .bohr-section7 .bohr-image {
        padding-top: 0vw;
    }

    .nobel-s16 {
        padding-top: 26.666667vw;
        background: #000;
    }

    .nobel-s4 {
        margin-top: 0;
    }

    .nobel-left-img {
        width: 83.2%;
        position: static;
        opacity: 1;
        margin: 0 auto;
    }

    .left-img-word {
        display: flex;
        align-items: flex-start;
    }

    .icons-left {
        width: 6%;
        padding-right: 3%;
        transform: translateY(-17%);
    }

    .word-left {
        width: 90%;
        padding-bottom: 9.333333vw;
    }

    .word-left h5 {
        font-size: 4vw;
        line-height: 1.25;
        padding-bottom: 2.93333vw;
    }

    .word-left p {
        font-size: 3.2vw;
        line-height: 1.6;
    }

    .nobel-s14 .nobel-img img {
        transition: 1s all ease-in-out;
        -webkit-transition: 1s all ease-in-out;
        -moz-transition: 1s all ease-in-out;
        -ms-transition: 1s all ease-in-out;
        -o-transition: 1s all ease-in-out;
    }

    .nobel-s14 .nobel-img .zaps {
        transform: translate(56%, 18%) scale(1.3);
        -webkit-transform: translate(56%, 18%) scale(1.3);
        -moz-transform: translate(56%, 18%) scale(1.3);
        -ms-transform: translate(56%, 18%) scale(1.3);
        -o-transform: translate(56%, 18%) scale(1.3);
    }

    .nobel-s14 .nobel-text {
        position: static;
        transform: translate(0, 0);
        flex-wrap: wrap;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        margin-bottom: 10.666667vw;
        width: 82%;
        padding-left: 10%;
    }

    .nobel-s14 .nobel-text h2 {
        text-align: left;
        width: 100%;
    }

    .nobel-s14 .nobel-text p {
        font-size: 4.267vw;
        width: 100%;
    }

    .nobel-s2 {
        margin-bottom: 10vw;
    }

    .nobel-s15.nobel-section {
        height: inherit;
    }

    .nobel-s15-wrapper {
        padding-bottom: 26.05vw;
    }



    .nobel-s4 {
        margin-bottom: 0;
    }

    .nobel-s16-wrapper {
        height: unset;
        padding-bottom: 16.666667vw;
    }

    .s16-wrapper-word {
        display: block;
        text-align: left;
        width: 86.133vw;
        margin: 0 auto;
        padding-left: 0;
        top: 0;
        position: static;
        padding-bottom: 16vw;
    }

    .s16-wrapper-word h2 {
        width: 100%;
        font-size: 7.733vw;
        padding-left: 0;
        margin-bottom: 8.667vw;
    }

    .s16-wrapper-word p {
        width: 100%;
        font-size: 4.267vw;
    }

    .s16-wrapper-img {
        padding-top: 0;
        position: static;
    }

    .s16-com {
        position: static;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        width: 98%;
        top: 63%;
        padding: 8vw 0;
        margin: 0 auto;
    }

    .s16-words-top {
        opacity: 1;
        top: 82%;
        width: 100%;
        position: static;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    .s16-words-top-mbps {
        align-items: center;
        margin-bottom: 1.5vw;
    }

    .s16-words-top-mbps-1 .pro-bar {
        width: 1%;
        height: 2.8vw;
        transition: 2s all ease-in-out;
        -webkit-transition: 2s all ease-in-out;
        -moz-transition: 2s all ease-in-out;
        -ms-transition: 2s all ease-in-out;
        -o-transition: 2s all ease-in-out;
    }

    .s16-words-top-mbps-2 .pro-bar {
        width: 1%;
        height: 2.8vw;
        transition: 2s all ease-in-out;
        -webkit-transition: 2s all ease-in-out;
        -moz-transition: 2s all ease-in-out;
        -ms-transition: 2s all ease-in-out;
        -o-transition: 2s all ease-in-out;
        -moz-transition: 1s all ease-in-out;
    }

    .s16-words-bottom-icons {
        display: none;
        flex-wrap: wrap;
        width: 15%;
        left: 80%;
        top: auto;
        bottom: 50.8vw;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    .s16-bottom-icons {
        width: 80%;
        padding: 0;
        padding-bottom: 3vw;
    }

    .s16-bottom-icons p {
        color: #a8a8a8;
        font-size: 1.5625vw;
        text-align: center;
        padding-top: 1vw;
        font-weight: bold;
        line-height: 1;
    }

    .s16-wifi6 {
        position: static;
        top: 37%;
        flex-wrap: wrap;
        width: 135%;
        overflow: hidden;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }

    .wifi-6-top {
        position: relative;
        transform: translate(29%);
        -webkit-transform: translate(29%);
        -moz-transform: translate(29%);
        -ms-transform: translate(29%);
        -o-transform: translate(29%);
        margin-bottom: 4vw;
        transition: 2s all ease-in-out;
        -webkit-transition: 2s all ease-in-out;
        -moz-transition: 2s all ease-in-out;
        -ms-transition: 2s all ease-in-out;
        -o-transition: 2s all ease-in-out;
    }

    .wifi-6-top img:nth-of-type(1) {
        opacity: 1;
        transition: 2s all ease-in-out;
        -webkit-transition: 2s all ease-in-out;
        -moz-transition: 2s all ease-in-out;
        -ms-transition: 2s all ease-in-out;
        -o-transition: 2s all ease-in-out;
    }

    .zap-mob .wifi-6-top img:nth-of-type(1) {
        opacity: 0;
    }

    .wifi-6-bottom img:nth-of-type(2) {
        transition: 2s all ease-in-out;
        opacity: 0;
        -webkit-transition: 2s all ease-in-out;
        -moz-transition: 2s all ease-in-out;
        -ms-transition: 2s all ease-in-out;
        -o-transition: 2s all ease-in-out;
    }

    .zap-mob .wifi-6-bottom img:nth-of-type(2) {
        opacity: 1;
    }

    .wifi-6-bottom {
        position: relative;
        transform: translate(-47%);
        -webkit-transform: translate(-47%);
        -moz-transform: translate(-47%);
        -ms-transform: translate(-47%);
        -o-transform: translate(-47%);
        transition: 2s all ease-in-out;
        -webkit-transition: 2s all ease-in-out;
        -moz-transition: 2s all ease-in-out;
        -ms-transition: 2s all ease-in-out;
        -o-transition: 2s all ease-in-out;
    }

    .wifi-6-top-mid,
    .wifi-6-bottom-mid {
        display: block;
        position: absolute;
        top: 0;
    }

    .wifi-6-top-mid {
        right: 0;
        transition: 1.32s all ease-in-out;
        -webkit-transition: 1.32s all ease-in-out;
        -moz-transition: 1.32s all ease-in-out;
        -ms-transition: 1.32s all ease-in-out;
        -o-transition: 1.32s all ease-in-out;
    }

    .wifi-6-bottom-mid {
        left: 50%;
        transform: translate(-50%, 0);
        transition: 1.5s all ease-in-out;
        -webkit-transition: 1.5s all ease-in-out;
        -moz-transition: 1.5s all ease-in-out;
        -ms-transition: 1.5s all ease-in-out;
        -o-transition: 1.5s all ease-in-out;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }

    .wifi-6-top img:nth-of-type(1) {
        padding-right: 0;
    }

    .wifi-6-top img,
    .wifi-6-bottom img {
        padding-right: 5vw !important;
    }

    .wifi-6-top img,
    .wifi-6-bottom img {
        width: 40vw;
        display: inline-block;
    }

    .zap-mob .wifi-6-top {
        transform: translate(-64%);
        -webkit-transform: translate(-64%);
        -moz-transform: translate(-64%);
        -ms-transform: translate(-64%);
        -o-transform: translate(-64%);
    }

    .zap-mob .wifi-6-top-mid {
        transform: translate(-200%);
        -webkit-transform: translate(-200%);
        -moz-transform: translate(-200%);
        -ms-transform: translate(-200%);
        -o-transform: translate(-200%);
    }

    .zap-mob .wifi-6-bottom {
        transform: translate(41%);
        -webkit-transform: translate(41%);
        -moz-transform: translate(41%);
        -ms-transform: translate(41%);
        -o-transform: translate(41%);
    }

    .zap-mob .wifi-6-bottom-mid {
        transform: translate(50%);
        -webkit-transform: translate(50%);
        -moz-transform: translate(50%);
        -ms-transform: translate(50%);
        -o-transform: translate(50%);
    }

    .s16-words-top {
        opacity: 0;
        width: 80%;
        margin: 0 auto;
        transition: 2s all ease-in-out;
        -webkit-transition: 2s all ease-in-out;
        -moz-transition: 2s all ease-in-out;
        -ms-transition: 2s all ease-in-out;
        -o-transition: 2s all ease-in-out;
    }

    .zap-mob .s16-words-top {
        opacity: 1;
    }

    .zap-mob .s16-words-top-mbps-1 .pro-bar {
        width: 11%;
    }

    .zap-mob .s16-words-top-mbps-2 .pro-bar {
        width: 36%;
    }

    .s16-com,
    .s16-words-top,
    .s16-words-bottom-icons {
        transition: 2s all ease-in-out;
        -webkit-transition: 2s all ease-in-out;
        -moz-transition: 2s all ease-in-out;
        -ms-transition: 2s all ease-in-out;
        -o-transition: 2s all ease-in-out;
    }

    .zap-mob .s16-com,
    .zap-mob .s16-words-top,
    .zap-mob .s16-words-bottom-icons {
        transform: translate(0, 10%);
        -webkit-transform: translate(0, 10%);
        -moz-transform: translate(0, 10%);
        -ms-transform: translate(0, 10%);
        -o-transform: translate(0, 10%);
    }

    .nobel-s13 .nobel-container {
        flex-wrap: wrap;
        margin-bottom: 14.5vw;
    }

    .nobel-s13 h2.nobel-h2 {
        font-size: 6.4vw;
        width: 100%;
        margin-bottom: 5.3vw;
    }

    .nobel-s13 p.nobel-p {
        font-size: 4.267vw;
        width: 100%;
        padding-left: 11vw;
        width: 82%;
    }

    .nobel-s13 .small-word {
        font-size: 2.666667vw;
    }

    .left-small-word-1.small-word {
        top: 39%;
        left: 22%;
    }

    .left-small-word-2.small-word {
        left: 13.7%;
        top: 45%;
    }

    .right-small-word-1.small-word {
        top: 81.8%;
        left: 72%;
    }

    .right-small-word-2.small-word {
        top: 90.2%;
        left: 59.8%;
    }

    .right-small-word-3.small-word {
        top: 98%;
        left: 49%;
    }

    .s16-bottom-icons img {
        height: 6vw;
    }

    .s16-words-top-mbps p {
        font-size: 3.2vw;
        color: #a8a8a8;
        width: 14%;
    }

    .s16-words-top-mbps p:nth-of-type(2) {
        padding-left: 1vw;
        width: 45%;
    }
}

@media (max-width:450px) {
    .s16-words-bottom-icons {
        top: auto;
        bottom: 54.8vw;
    }
}


/*section14*/

.bohr-section14 {
    padding-top: 10.416667vw;
    background-color: #000;
    color: #fff;
    margin-top: -1px;
}

.bohr-section14 .bohr-h2 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin-left: 0;
}

.bohr-section14 .bohr-p {
    width: 47%;
    margin-left: 8%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .bohr-section14 .bohr-h2 {
        width: 100%;
    }

    .bohr-section14 .bohr-p {
        width: 100%;
        margin: 0;
        padding-top: 8.667vw;
    }

 
}

#nobel-s15-trigger+.scrollmagic-pin-spacer {
    background: black;
}

.bohr-section7 {
    margin-bottom: 10.416667vw;
}

.bohr-section5-sticky {
    overflow-x: hidden;
}

@media screen and (max-width: 768px) {
    /* #bohr-wrap {
        overflow: hidden;
        overflow-x: hidden;
    } */
}

.s16-bottom-bg {
    height: 5vw;
    width: 100%;
    background: black;
}

.bohr-svg-text sup {
    line-height: 0;
}

.bohr-section1 h3 {
    line-height: 3.020833vw;
    letter-spacing: 1.5625vw;
    color: #000000;
    font-size: 2.604167vw;
}

@media screen and (width: 1024px) and (max-aspect-ratio: 1024/501) and (min-aspect-ratio: 1024/555) {
    .section5-screen-img {
        top: -90%;
    }
}

.bohr-section1 p {
    font-size: 2.604167vw;
    line-height: 1.6;
    display: flex;
    align-content: space-between;
    justify-content: space-between;
    padding: 1.5vw 3.5vw;
}

@media (max-width: 768px) {
    .bohr-section1 p {
        font-size: 5.733333vw;
        width: 66.4vw;
        margin: 0 auto;
        padding: 0;
        padding-top: 3vw;
    }
}

@media (width:1440px) {
    .bohr-section12-right-text {
        right: 24.106vw;
        bottom: 20.5vw;
    }

    .section5-text-content {
        top: 33%;
    }

    .bohr-section5-screen .section5-screen-img-icon {
        top: 38%;
    }
}

@media screen and (max-width: 1800px) and (min-width: 1700px) {
    .bohr-section12-right-text {
        right: 24.06vw;
        bottom: 21.5vw;
    }

    .section5-screen-img {
        top: -32%;
    }

    .section5-text-content {
        top: 33%;
    }

    .bohr-section5-screen .section5-screen-img-icon {
        top: 38%;
    }
}

.bohr-section2 {
    top: 0 !important;
}

.nobel-s16 a {
    color: #fff;
}

.bohr-section12 h4 {
    font-size: 1.042vw;
    color: #121212;
    font-weight: bold;
    position: absolute;
    line-height: 1.6;
    position: absolute;
}

.bohr-section12 .left-text1 {
    left: 29%;
    top: 32%;
}

.bohr-section12 .left-text2 {
    left: 23.7%;
    top: 39%;
}

.bohr-section12 .left-text3 {
    left: 19.5%;
    top: 45%;
}

.bohr-section12 .right-text1 {
    left: 67%;
    top: 57%;
}

.bohr-section12 .right-text2 {
    left: 62%;
    top: 64%;
}

.bohr-section12 .right-text3 {
    left: 57%;
    top: 72%;
}

@media (max-width: 768px) {
    .bohr-section12 h4 {
        font-size: 2.666667vw;
    }

    .bohr-section12 .left-text1 {
        left: 25%;
        top: 36%;
    }

    .bohr-section12 .left-text2 {
        left: 17%;
        top: 41.7%;
    }

    .bohr-section12 .left-text3 {
        left: 6%;
        top: 47%;
    }

    .bohr-section12 .right-text1 {
        left: 74%;
        top: 70%;
    }

    .bohr-section12 .right-text2 {
        left: 62%;
        top: 76%;
    }

    .bohr-section12 .right-text3 {
        left: 49%;
        top: 82%;
    }
}

@media screen and (width: 1440px) {
    .bohr-section8 .nobel-img12 video {
        top: 14.9%;
    }
}

.bohr-svg-text-wrappe h4 {
    line-height: 1.25;
}

.nobel-s15 {
    margin-bottom: -1px;
}

@media screen and (max-width: 768px) {
    .bohr-section4 .bohr-h3 {
        font-size: 6.532vw;
    }

    .bohr-section8 .uc-show {
        position: absolute;
        top: 18.6%;
        width: 72.9%;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
        z-index: -1;
    }

    .des-container {
        padding-left: 3vw;
    }

    .bohr-svg-text {
        width: 90%;
    }

    .nobel-s15.nobel-section {
        padding: 0;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1366px) {
    .bohr-section2 .bohr-container {
        top: 6vw;
    }

    .bohr-section2 .bohr-image {
        top: 20.73vw;
    }
}

@media (width: 1500px) {
    .section5-screen-img {
        top: -42%;
    }

    .bohr-section5-screen .section5-screen-img-icon {
        top: 41%;
    }
}

@media (width: 1440px) {

    _:-ms-lang(x),
    .bohr-section8 .nobel-img12 video {
        top: 14.5%;
    }
}

@media (width: 834px) {
    .left-icon {
        width: 9%;
    }
}

@media screen and (max-aspect-ratio: 1/1) and (max-width: 1024px) {
    .bohr-section5 video {
        width: 90%;
        margin: 0 auto;
    }
}

@media (width: 1024px) {
    .bohr-section2 .bohr-container {
        top: 3vw;
    }

    .section5-text-content {
        top: 35%;
    }
}

@media screen and (max-width: 768px) {
    .bohr-section8 .nobel-img12 video {
        top: 18.6%;
    }
}

@media screen and (width: 412px) {
    .bohr-section12 .left-text1 {
        top: 34%;
    }

    .bohr-section12 .left-text2 {
        top: 39.7%;
    }

    .bohr-section12 .left-text3 {
        top: 45%;
    }
}

@media (min-width: 2000px) {
    .section5-text-content {
        top: 33%;
    }
}

@media screen and (width: 773px) {
    .bohr-section2 .bohr-image {
        top: 35.73vw;
    }
}

@media screen and (width: 1024px) {
    .zap .s16-wifi6 {
        transform: translate(-47%, -50%);
        -webkit-transform: translate(-47%, -50%);
        -moz-transform: translate(-47%, -50%);
        -ms-transform: translate(-47%, -50%);
        -o-transform: translate(-47%, -50%);
    }
}

@media screen and (width: 392px) {
    .bohr-section8 .nobel-img12 video {
        width: 72.9%;
    }

    .bohr-section8 .nobel-img12 video {
        transform: translate(-50%, -0.5%);
        -webkit-transform: translate(-50%, -0.5%);
        -moz-transform: translate(-50%, -0.5%);
        -ms-transform: translate(-50%, -0.5%);
        -o-transform: translate(-50%, -0.5%);
    }
}



@media (width: 1440px) {
    .bohr-section5-screen .section5-screen-img-icon {
        top: 42%;
    }

    .section5-text-content {
        top: 35%;
    }
}

@media screen and (min-width: 2160px) {
    .bohr-section5-screen .section5-screen-img-icon {
        top: 44%;
    }

    .section5-text-content {
        top: 36%;
    }
}


@media screen and (width: 1194px) {
    .section5-text-content {
        top: 34%;
    }

    .zap .s16-wifi6 {
        transform: translate(-47.2%, -50%);
        -webkit-transform: translate(-47.2%, -50%);
        -moz-transform: translate(-47.2%, -50%);
        -ms-transform: translate(-47.2%, -50%);
        -o-transform: translate(-47.2%, -50%);
    }
}

@media screen and (width: 1440px) and (min-height:960px) {
    .bohr-section5-screen .section5-screen-img-icon {
        top: 45%;
    }
}

@media screen and (width: 834px) {
    .section5-text-content {
        margin-bottom: 6.333333vw;
    }

    .zap .s16-wifi6 {
        transform: translate(-47.3%, -50%);
        -webkit-transform: translate(-47.3%, -50%);
        -moz-transform: translate(-47.3%, -50%);
        -ms-transform: translate(-47.3%, -50%);
        -o-transform: translate(-47.3%, -50%);
    }
}

.product-tabs__button-container {
    flex-shrink: 0
}




 

.bohr-click.bohr-section {
    width: 81.833333vw;
    margin: 0 auto;
    margin-bottom: 5.208333vw;
}

.bohr-click.bohr-section h2 {
    font-size: 3.333333vw;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
    margin: 4.125vw 0 3.125vw;
}

.bohr-click-flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}



.bohr-click-flex-btns {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 1.041667vw;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
}

.bohr-click-flex-btns img {
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
}

.bohr-click-flex-btns.move img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.bohr-click-flex-btns.bohr-click-flex-btn1 {
    width: 26.041667vw;
    height: 26.041667vw;
}

.bohr-click-flex-btns.bohr-click-flex-btn2 {
    width: 32.916667vw;
    margin: 0 1.041667vw 1.041667vw 1.041667vw;
    height: 26.041667vw;
}

.bohr-click-flex-btns.bohr-click-flex-btn3 {
    width: 19.84375vw;
    height: 26.041667vw;
}

.bohr-click-flex-btns.bohr-click-flex-btn4 {
    width: 26.041667vw;
    height: 26.041667vw;
}

.bohr-click-flex-btns.bohr-click-flex-btn5 {
    width: 32.916667vw;
    margin: 0 1.041667vw;
    height: 26.041667vw;
}

.bohr-click-flex-btns.bohr-click-flex-btn6 {
    width: 19.84375vw;
    height: 26.041667vw;
}

.bohr-click-flex-btns p {
    position: absolute;
    color: white;
    font-size: 1.666667vw;
    top: 1.71875vw;
    line-height: 1.6;
    left: 2.083333vw;
    padding-top: 0;
    text-align: left;
}



.bohr-tvc {
    height: auto;
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-bottom: -1px;
    background: black;
    padding-top: 10.416667vw;
}

.bohr-tvc video {
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: relative;
    z-index: 10;
}

.bohr-tvc .bohr-container {
    color: white;
    padding-bottom: 5.208333vw;
}

.bohr-tvc .bohr-container .bohr-h2 {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin-left: 0;
}

.bohr-tvc .bohr-container .bohr-p {
    width: 47%;
    margin-left: 8%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0;
    text-align: left;
}




.bohr-sec17 img,
.bohr-sec18 img {
    width: 100%;
}

.bohr-sec17 {
    position: relative;
}

.bohr-sec17 .bohr-sec17-subtitle {
    font-weight: bold;
    font-size: 3.333333vw;
    line-height: 1.25;
    color: #211d1e;
    text-align: center;
    padding-bottom: 2.96875vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec17 .bohr-sec17-subtitle {
        font-size: 8.888889vw;
        width: 84.133vw;
        text-align: left;
        max-width: none;
        padding: 26.666667vw 0 16vw;
        margin: 0 auto;
    }
}


@media screen and (max-width: 768px) {
    .bohr-sec17 .bohr-sec17-title {
        text-align: left;
        width: 83.33333vw;
        margin: 0 auto;
        padding-bottom: 6.38889vw;
    }
}

.bohr-sec17 .bohr-sec17-summary {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 8.90625vw;
    padding-top: 13.28125vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec17 .bohr-sec17-summary {
        position: relative;
        width: 84vw;
        margin: 0 auto;
        padding-left: 0;
        padding-top: 10.666667vw;
    }
}

.bohr-sec17 .bohr-sec17-summary .bohr-sec17-title2 {
    font-weight: bold;
    font-size: 1.66667vw;
    line-height: 2.60417vw;
    height: 2.60417vw;
    color: #3c3b3c;
    background: url(../img/pc/HUAWEI-MateBook-D-15-app-icon1.png) no-repeat left center;
    background-size: 2.60417vw 2.60417vw;
    padding-left: 3.64583vw;
    margin-bottom: 1.5625vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec17 .bohr-sec17-summary .bohr-sec17-title2 {
        font-size: 6.4vw;
        line-height: 1.25;
        height: 8vw;
        background-size: 8vw 8vw;
        padding-left: 11.11111vw;
        margin-bottom: 5.55556vw;
    }
}

.bohr-sec17 .bohr-sec17-summary .bohr-sec17-desc {
    width: 33.33333vw;
    color: #211d1e;
    font-size: 1.145833vw;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .bohr-sec17 .bohr-sec17-summary .bohr-sec17-desc {
        width: 100%;
        font-size: 4.267vw;
    }
}

.bohr-sec17 .bohr-sec17-bg {
    position: relative;
    width: 100%;
    height: 35.41667vw;
    background-color: #fbfbfb;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .bohr-sec17 .bohr-sec17-bg {
        height: auto;
        background-color: #fff;
    }
}

.bohr-sec17 .bohr-sec17-bg img {
    height: 35.41667vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec17 .bohr-sec17-bg img {
        height: auto;
    }
}


.bohr-sec18 *,
.bohr-sec17 * {
    box-sizing: border-box;
}

.bohr-sec18 {
    position: relative;
    font-size: 0;
    padding-top: 1.5625vw;
    padding-bottom: 10.41667vw;

}

@media screen and (max-width: 768px) {
    .bohr-sec18 {
        padding-top: 0;
        padding-bottom: 27.77778vw;
    }
}

.bohr-sec18 .bohr-sec18-left,
.bohr-sec18 .bohr-sec18-right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 768px) {

    .bohr-sec18 .bohr-sec18-left,
    .bohr-sec18 .bohr-sec18-right {
        width: 100%;
        display: block;
    }
}

.bohr-sec18 .bohr-sec18-summary {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 6.25vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-summary {
        position: relative;
        width: 84vw;
        margin: 0 auto;
        padding-left: 0;
        padding-top: 10.666667vw;
    }
}

.bohr-sec18 .bohr-sec18-summary .bohr-sec18-title2 {
    font-weight: bold;
    font-size: 1.66667vw;
    line-height: 2.60417vw;
    height: 2.60417vw;
    color: #3c3b3c;
    background: url(../img/pc/HUAWEI-MateBook-D-15-app-icon2.png) no-repeat left center;
    background-size: 2.60417vw 2.60417vw;
    padding-left: 3.64583vw;
    margin-bottom: 1.5625vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-summary .bohr-sec18-title2 {
        font-size: 6.4vw;
        line-height: 1.25;
        height: 8vw;
        background-size: 8vw 8vw;
        padding-left: 11.11111vw;
        margin-bottom: 5.55556vw;
    }
}

.bohr-sec18 .bohr-sec18-summary .bohr-sec18-desc {
    width: 33.33333vw;
    color: #808080;
    font-size: 1.145833vw;
    line-height: 1.6;
}

.bohr-sec18 .bohr-sec18-summary .bohr-sec18-desc sup a,
.bohr-sec18 .bohr-sec18-summary .bohr-sec18-desc a,
.bohr-sec17 .bohr-sec17-summary .bohr-sec17-desc {
    color: #808080;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-summary .bohr-sec18-desc {
        width: 100%;
        font-size: 4.267vw;
    }
}

.bohr-sec18 .bohr-sec18-bg {
    position: relative;
    width: 100%;
    height: 41.51042vw;
    background-color: #fbfbfb;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-bg {
        height: auto;
        background-color: #fff;
    }
}

.bohr-sec18 .bohr-sec18-bg img {
    height: 41.51042vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-bg img {
        height: auto;
    }
}

.bohr-sec18 .bohr-sec18-left {
    padding-right: 0.78125vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-left {
        padding-right: 0;
        padding-top: 16.666667vw;
    }
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-left .bohr-sec18-bg img {
        height: auto;
    }
}

.bohr-sec18 .bohr-sec18-left .bohr-sec18-summary {
    padding-left: 8.90625vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-left .bohr-sec18-summary {
        padding-left: 0;
    }
}

.bohr-sec18 .bohr-sec18-right {
    padding-left: 0.78125vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-right {
        padding-left: 0;
        padding-top: 16vw;
    }
}

.bohr-sec18 .bohr-sec18-right .bohr-sec18-summary {
    padding-left: 9.15vw;
}

@media screen and (max-width: 768px) {
    .bohr-sec18 .bohr-sec18-right .bohr-sec18-summary {
        padding-left: 0;
    }
}

.bohr-sec18 .bohr-sec18-right .bohr-sec18-summary .bohr-sec18-title2 {
    background-image: url(../img/pc/HUAWEI-MateBook-D-15-app-icon3.png);
}







@media screen and (max-width: 768px) {

    .bohr-click-flex-btns {
        border-radius: 2.5vw;
        -webkit-border-radius: 2.5vw;
        -moz-border-radius: 2.5vw;
        -ms-border-radius: 2.5vw;
        -o-border-radius: 2.5vw;
    }

    .s15-wrapper-word {
        width: 84.133vw;
        text-align: left;
        max-width: none;
    }

    .s15-wrapper-word h3 {
        width: 100%;
        font-size: 7.733vw;
    }

    .s15-wrapper-word p {
        width: 100%;
        margin: 0;
        padding-top: 8.667vw;
        font-size: 4.267vw;
    }

    .bohr-section7 {
        margin-bottom: 0;
    }

    .bohr-section7 .bohr-container {
        padding-top: 0;
    }

    .bohr-tvc {
        padding-top: 16.666667vw;
    }

    .bohr-section14 {
        padding-top: 26.666667vw;

    }

    .bohr-click.bohr-section {
        width: 86.666667vw;
        margin: 0 auto;
        margin-bottom: 26.666667vw;
    }

    .bohr-tvc .bohr-container .bohr-h2 {
        margin-bottom: 5.3vw;
    }

    .bohr-click.bohr-section h2 {
        font-size: 6.4vw;
        line-height: 1.25;
        font-weight: bold;
        text-align: left;
        margin: 0 0 8vw;
    }

    .bohr-click-flex {
        width: 100%;
        height: 177.3vw;
        position: relative;
        display: block;
    }

    .bohr-click-flex-btns {
        position: absolute;
    }

    .bohr-click-flex-btns p {
        font-size: 3.2vw;
        top: 3.33333vw;
        left: 2.666667vw;
    }

    .bohr-click-flex-btns.bohr-click-flex-btn1 {
        width: 42.666667vw;
        top: 46.666667vw;
        left: 0;
        height: 86.666667vw;

    }

    .bohr-click-flex-btns.bohr-click-flex-btn2 {
        width: 86.666667vw;
        top: 0;
        margin: 0;
        height: 45.333333vw;
    }

    .bohr-click-flex-btns.bohr-click-flex-btn3 {
        width: 42.666667vw;
        top: 46.666667vw;
        right: 0;
        height: 42.666667vw;
    }

    .bohr-click-flex-btns.bohr-click-flex-btn4 {
        top: 90.666667vw;
        width: 42.666667vw;
        right: 0;
        height: 42.666667vw;
    }

    .bohr-click-flex-btns.bohr-click-flex-btn5 {
        width: 42.666667vw;
        bottom: 0;
        left: 0;
        margin: 0;
        height: 42.666667vw;
    }

    .bohr-click-flex-btns.bohr-click-flex-btn6 {
        width: 42.666667vw;
        bottom: 0;
        right: 0;
        height: 42.666667vw;
    }


    .bohr-tvc .bohr-container .bohr-h2 {
        margin-left: 0;
        width: 100%;
    }

    .bohr-tvc .bohr-container .bohr-p {
        width: 100%;
        margin: 0;
    }








}


















 
@media only screen and (min-device-width: 640px) and (max-device-width: 918px) and (orientation: portrait) {
    .bohr-section4 .section4-bg {
        margin-top: -4%;
    }
}




.bohr-click-flex sup a,
.bohr-tvc sup a {
    color: white;
}

.footnotes-link,
#s15_share_link {
    color: #006ECE !important;
}

.more-mate40 {
    opacity: 0;
    pointer-events: none;
}

.section-buy-arrow {
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    right: 2.083333vw;
    bottom: 2.083333vw;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
}

.section-buy-arrow img {
    width: 100%;
    transform: translateY(0);
    transition: transform 1s;
}

.bohr-click-flex-btns:hover .section-buy-arrow img {
    transform: translateY(-47%);
    transition: transform 1s;
}

@media (max-width: 768px) {
    .section-buy-arrow {
        width: 7.777778vw;
        height: 7.777778vw;
        right: 4.166667vw;
        bottom: 3.611111vw;
    }

    .bohr-click-flex-btns:hover .section-buy-arrow img {
        transform: translateY(0);
    }
}


 


.bohr-section15 {
    width: 87.094%;
    overflow: hidden;
 
    padding: 10.417vw 7.75vw 0 5.052vw;
}
#bohr-wrap .bohr-section15-ie {
    height: 325vw;
}
.bohr-section15 h4 {
    text-align: center;
}
 
.bohr-section15 .section15-imgs {
    margin-top: 6.458vw;
}
.bohr-section15 .section15-imgs .section15-img-left {
    float: left;
    width: 46.77vw;
    position: relative;
    margin-top: 3.4375vw;
}
.bohr-section15 .section15-imgs .section15-img-left img {
    width: 100%;
    position: absolute;
    top: 0;
}
.bohr-section15 .section15-imgs .section15-mirror-wrap {
    width: 100%;
    overflow: hidden;
    position: absolute;
    height: 25vw;
    top: 0;
    opacity: 0;
}
.bohr-section15 .section15-imgs .section15-expand-wrap, .bohr-section15 .section15-imgs .section15-share-wrap  {
    position: absolute;
    top: 0.4vw;
    left: 7vw;
    width: 32.708vw;
    overflow: hidden;
    height: 21.927vw;
}
.bohr-section15 .section15-imgs .section15-img-right .section15-mirror-wrap {
    width: 100%;
    height: 17vw;
}
.bohr-section15 .section15-imgs .section15-img-right .section15-expand-wrap,  .bohr-section15 .section15-imgs .section15-img-right .section15-share-wrap{
    top: 0.7vw;
    left: 0.7vw;
    width: 25.471vw;
    height: 15.9375vw;
    border-radius: 0.3vw;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-expand-wrap .expand-text {
    font-size: 0.833vw;
    font-weight: bold;
    color: #3267D6;
    position: absolute;
    top: 83.5%;
    left: 29%;
    border-right: 3px solid;
    line-height: 1;
    width: 0%;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-expand-wrap .expand-text i {
    opacity: 0;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-expand-wrap .expand-text span {
    opacity: 0;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-img8 {
    width: 46.77vw;
    opacity: 1;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-img9 {
    width: 62%;
    top: 27.5%;
    left: 2%;
    position: absolute;
    opacity: 0;
}

.bohr-section15 .section15-imgs .section15-img-left .section15-img10 {
    transform: scale(0.4);
}
.bohr-section15 .section15-imgs .section15-img-left .section15-cursor {
    width: 0.45vw;
    top: 10.15vw;
    opacity: 1;
    left: 28.18vw;
    opacity: 0;
    transform: translate(1.2vw, 1.7vw);
}
.bohr-section15 .section15-imgs .section15-img-left .section15-img11 {
    width: 3.25vw;
    
    top: 8.35vw;
    left: 19.1vw;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-img-other {
    width: 55.885vw;
    left: -136%;
    z-index: 0;
    top: -8vw;
    position: absolute;
}
.bohr-section15 .section15-imgs .section15-img-left .more-matepad {
    position: absolute;
    top: 26.5vw;
    width: 100%;
    text-align: center;
}
.bohr-section15 .section15-imgs .section15-img-left .more-matepad2 {
    top: 66.5vw;
}
.bohr-section15 .section15-imgs .section15-img-left .more-matepad3 {
    top: 106.5vw;
}
.bohr-section15 .section15-imgs .section15-img-left .more-matepad a {
    font-size: 1.25vw;
    line-height: 1.6;
    color: #006ECE;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-img-view {
    width: 58vw;
    opacity: 1;
    top: -5vw;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-img-freeBuds {
    width: 6.865vw;
    opacity: 1;
    top: 36vw;
    left: 10vw;
}
.bohr-section15 .section15-imgs .section15-img-left .section15-img-bohr {
    display: none;
}
.bohr-section15 .section15-imgs .section15-img-right {
    float: right;
    width: 34.5vw;
    position: relative;
    height: 45vw;
}
.bohr-section15 .section15-imgs .section15-img-right img {
    width: 26.771vw;
    
}
.bohr-section15 .section15-imgs .section15-img-right .mirror-img2 {
    position: absolute;
    top: -3vw;
    left: 6.5vw;
    width: 13.958vw;
}
.bohr-section15 .section15-imgs .section15-img-right .mirror-img3 {
    opacity: 1;
    width: 26.771vw;
}
.bohr-section15 .section15-imgs .section15-img-right .expand-img2 {
    margin-left: 0;
    transform: translate(-120%, 30%);
    width: 94%;
    left: 6%;
    position: absolute;
}
.bohr-section15 .section15-imgs .section15-img-right .expand-img3 {
    position: absolute;
    z-index: 2;
    opacity: 0;
    border-radius: 0.2vw;
}
.bohr-section15 .section15-imgs .section15-img-right .share-img2 {
    margin-left: 0;
   
    width: 1.5625vw;
    transform: translate(-20vw, 0);
    position: absolute;
    left: 60%;
    top: 51%;
}
.bohr-section15 .section15-imgs .section15-img-right .share-img3 {
    position: absolute;
    opacity: 0;
    left: 39%;
    top: 23.7%;
    width: 7.2vw;

}
.bohr-section15 .section15-imgs .section15-img-right> div {
    position: absolute;
    top: 0;
}
.section15-img-right > div, .section15-img-left img  {
    opacity: 0;
}
 
.bohr-section15 .section15-imgs .section15-img-right .right-tit {
    margin-top: 4.698vw;
    font-size: 2.5vw;
    font-weight: bold;
    line-height: 1.25;
}
.bohr-section15 .section15-imgs .section15-img-right .right-text {
    font-size: 1.25vw;
    color: black;
    line-height: 1.6;
    margin-top: 1.5625vw;
}
.bohr-section15 .section15-imgs .section15-img-right .right-mirror .right-text {
    transform: translateY(-20%);
}
.bohr-section15 .section15-imgs .current {
    opacity: 1;
}
.bohr-section15 .section15-imgs .current .right-tit {
   
    transform: translateY(-20%);
}
.bohr-section15 .section15-imgs .section15-phone {
    position: relative;
    top: 48.8vw;
    opacity: 0;
 
}
.bohr-section15-ie .section15-imgs .section15-phone {
    top: 141.5vw;
    opacity: 1;
}
.bohr-section15 .section15-imgs .section15-phone .more-mate40 {
    height: 33vw;
    position: absolute;
    top: 14vw;
    left: 0;
    width: 50%;
    text-align: center;
  
}
.bohr-section15-ie .section15-imgs .section15-phone .more-mate40 {
    top: 18vw;
}
.bohr-section15 .section15-imgs .section15-phone .more-mate40 a{
    font-size: 1.25vw;
    line-height: 1.6;
    color: #006ECE;
    margin-left: 3.5vw;
}
.bohr-section15 .section15-imgs .section15-phone .phone-img {
    width: 8.125vw;
    height: 17.373vw;
    position: absolute;
    left: 43vw;
   

}
.bohr-section15 .section15-imgs .section15-phone .phone-img img {
    position: absolute;
    width: 100% ;
    opacity: 0;
}
.bohr-section15 .section15-imgs .section15-phone .phone-img .phone-img1 {
    opacity: 1;
}
.bohr-section15 .section15-imgs .section15-phone .section15-phone-text {
    position: absolute;
    right: 0;
    width: 27.917vw;
 
}
.bohr-section15 .section15-imgs .section15-phone .section15-phone-text h4 {
    text-align: left;
}
.bohr-section15 .section15-imgs .section15-phone .section15-phone-text > div {
    margin-top: 7.8125vw;
    opacity: 0;
}
.bohr-section15 .section15-imgs .section15-phone .section15-phone-text .phone-text1 {
    margin-top:  5.708vw;
 
}
.bohr-section15 .section15-imgs .section15-phone .section15-phone-text > div .phone-sub {
    font-size: 2.5vw;
    line-height: 1.25;
    font-weight: bold;
}
.bohr-section15 .section15-imgs .section15-phone .section15-phone-text > div .phone-des {
    font-size: 1.25vw;
    line-height: 1.6;
    margin-top: 1.5625vw;
    color: black;
}
 
.section15-more {
    width: 71.354vw;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10.417vw;
}
 .section15-more h4 {
    font-size: 3.333vw;
    font-weight: bold;
    line-height: 1.25;
}
 .section15-more .more-wrap {
    width: 100%;
   
    margin-top: 3.542vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
 .section15-more .more-wrap > div {
    width: 34.896vw;
    background: #FBFBFB;
    border-radius: 1.5625vw;
    padding: 0 4.167vw;
    box-sizing: border-box;
}
.section15-more .more-wrap .more-tips {
    display: block;
    margin: 2.917vw auto 3.698vw;
}
.section15-more .more-wrap .more-tips a {
    font-size: 1.25vw;
    line-height: 1.6;
    color: #006ECE;
   
}
 .section15-more .more-wrap .view-svg {
    width: 11.5625vw;
    margin-top: 4.167vw;
}
.section15-more .more-wrap .freeBuds-svg {
    width: 11.5625vw;
    margin-top: 4.167vw;
}
.section15-more .more-wrap .more-view-tit, .section15-more .more-wrap .more-freeBuds-tit {
    margin-top: 4.0625vw;
    text-align: left;
    font-size: 1.667vw;
    line-height: 1.6;
    color: #000000;
    font-weight: bold;
}
.section15-more .more-wrap > div p {
    font-size: 1.146vw;
    color: black;
    line-height: 1.6;
    margin-top: 1.177vw;
    text-align: left;
}
.bohr-section15 .section15-more-ie {
    display: none;
    top: 252vw;
    position: relative;
}
.bohr-section15 .section15-more-ie img {
    position: absolute;
}
.bohr-section15 .section15-more-ie .section15-img-view {
    width: 57.69vw;
    left: 3.5vw;
}
.bohr-section15 .section15-more-ie .section15-img-freeBuds {
    width: 9vw;
    left: 14vw;
    top: 42.5vw;
}
.bohr-section15 .section15-more-ie .section15-img-bohr {
    width: 43.49vw;
    right: 2vw;
    top: 27vw;
}
.section15-swiper-phone {
    display: none;
}
.section15-swiper-phone .swiper-phone-imgs {
    height: 78vw;
    width: 93%;
   
}
.section15-swiper-phone .swiper-phone-imgs img{
    width: 100%;
    
}
.section15-swiper-phone .swiper-phone-imgs .more-mate40 {
    position: absolute;
    bottom: 25vw;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.section15-swiper-phone .swiper-phone-imgs .more-mate40 a {
    font-size: 3.611vw;
    line-height: 1.6;
    color: #006ECE;
    margin-left: 3.5vw;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 3.889vw;
    height: 3.889vw;
    background: none;
    border: 2px solid #707070;
    opacity: 1;
}
.swiper-pagination-bullets .swiper-pagination-bullet:focus {
    outline: none;
}
.section15-swiper-phone .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-right: 6.944vw;
}
.section15-swiper-phone .swiper-container-horizontal>.swiper-pagination-bullets span:nth-of-type(3) {
    margin-right: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 52.556vw;
    height: 14.44vw;
    border-radius: 9.444vw;
    background: #3C3C3C;
    border: 1px solid #707070;
    transition: opacity 0.5s;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
    display: block !important;
}
.swiper-pagination-bullets span:before {
    display: none;
    line-height: 14.44vw;
    font-size: 4.267vw;
    color: #FFFFFF;
}
.swiper-pagination-bullets span:nth-of-type(1):before {
    content: "应用窗口多开";
}
.swiper-pagination-bullets span:nth-of-type(2):before {
    content: "文档自由流转";
}
.swiper-pagination-bullets span:nth-of-type(3):before {
    content: "通话无需转场";
}
.swiper-phone-texts .swiper-slide p {
    width: 100%;
    font-size: 4.267vw;
    line-height: 1.6;
    color: black;
}
.section15-swiper-phone .swiper-phone-texts {
    margin: 6.111vw 0 0 6vw;
}
.section15-more .section15-img-other {
    display: none;
}
.bohr-section15-ie .section15-imgs .section15-expand-wrap {
    top: 40vw;
}
.bohr-section15-ie .section15-imgs .section15-img-left .section15-expand-wrap .expand-text {
    width: 100%;
    opacity: 1;
}
.bohr-section15-ie .section15-imgs .section15-img-left .section15-expand-wrap .expand-text i, .bohr-section15-ie .section15-imgs .section15-img-left .section15-expand-wrap .expand-text span{
    opacity: 1;
}
.bohr-section15-ie .section15-imgs .section15-img-left .section15-img2, .bohr-section15-ie .section15-imgs .section15-img-right .right-expand{
    opacity: 1;
    top: 40vw;
}
.bohr-section15-ie .section15-imgs .section15-img-right .expand-img2, .bohr-section15-ie .section15-imgs .section15-img-right .share-img2 {
    transform: none;
}
.bohr-section15-ie .section15-imgs .section15-img-right .expand-img2{
    left: 5.9%;
}
.bohr-section15-ie .section15-imgs .section15-img-right .share-img3{
    opacity: 1;
}
.bohr-section15-ie .section15-imgs .section15-img-left .section15-img3, .bohr-section15-ie .section15-imgs .section15-img-right .right-share {
    opacity: 1;
    top: 80vw;
}
.bohr-section15-ie .section15-imgs .section15-img-left .section15-img4 {
    opacity: 1;
    top: 130vw;
}
.bohr-section15-ie .section15-imgs .section15-img-left .section15-img5{
    opacity: 1;
    top: 170vw;
}
.bohr-section15-ie .section15-imgs .section15-phone .phone-img .phone-img2 {
    opacity: 1;
    top: 40vw;
}
.bohr-section15-ie .section15-imgs .section15-phone .phone-img .phone-img3 {
    opacity: 1;
    top: 80vw;
}
.bohr-section15-ie .section15-imgs .section15-img-left .section15-img6 {
    opacity: 1;
    top: 210vw;
}
.bohr-section15-ie  .section15-imgs .section15-phone .section15-phone-text {
    transform: translateY(-11%);
}
.bohr-section15-ie .section15-imgs .section15-phone .section15-phone-text .phone-text2, .bohr-section15-ie .section15-imgs .section15-phone .section15-phone-text .phone-text3 {
    margin-top: 28vw;
    opacity: 1;
}
.bohr-section15-ie .section15-imgs .section15-phone .section15-phone-text .phone-text1 {
    opacity: 1;
}
.bohr-section15-ie .section15-more {
    top: 183vw;
}

.bohr-section15  h3 {
    font-size: 6.25vw;
    font-weight: bold;
    line-height: 1.25;
  }
  .bohr-section15  h4 {
    
    font-size: 3.3333vw;
    font-weight: bold;
    line-height: 1.25;
  }



@media (max-width: 768px)
 
 {

    .bohr-section15 {
        margin: 27.778vw 0 0 0;
        height: auto;
        padding-top: 0;
    }
    #section15-trigger {
        position: relative;
        top: -50px;
    }
    .bohr-section15 h4 {
        text-align: left;
        margin-left: 4vw;
    }

    .bohr-section15 h3 {
        font-size: 13.333vw;
        margin-top: -13vw;
       
    }
    .bohr-section15 h4 {
        font-size: 7.733vw;
        width: 100%;
    }
 
    .section15-swiper-phone h4 {
        display: block;
        margin: 0 0 11.667vw 5vw;
        text-align: left;
    }    
    .bohr-section15 .section15-imgs .section15-img-left {
        width: 92.558vw;
        top: 53vh;
        margin-top: 0;
    }
    .bohr-section15 .section15-imgs .section15-mirror-wrap {
        display: none;
    }
    .bohr-section15 .section15-imgs .section15-img-right {
        width: 83.333vw;
        float: none;
        margin-left: 4.44vw;
        top: 5vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right img {
        margin-left: 0;
        width: 60.592vw;
        position: absolute;
        top: 26vh;
    }
    .bohr-section15 .section15-imgs .section15-img-right .right-tit {
        font-size: 7.733vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right .right-text {
        font-size: 4.267vw;
        margin-top: 8.333vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right .mirror-img2 {
        top: 30vh;
        left: 17.5vw;
        width: 33vw;
    }
    .section15-more h4 {
        display: block;
        font-size: 7.733vw;
        text-align: left;
        width: 80%;
    }
    .section15-more {
        margin-top: 27.778vw;
        width: 83.33vw;
        margin-left: 7.222vw;
        position: relative;
        height: 250vw;
    }
    .section15-more .more-wrap {
        top: 89vw;
        position: absolute;

    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-other {
        width: 55.885vw;
        left: 7vw;
        z-index: 1;
        top: 305vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-view {
        width: 64.167vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-freeBuds {
        width: 13.056vw;
        top: 40vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-bohr {
        display: block;
        opacity: 1;
        z-index: 3;
        top: 25vw;
        left: 44vw;
        width: 39.667vw;
    }
    .section15-more .more-wrap > div {
        width: 100%;
        text-align: left;
        background: none;
        padding: 0;
    }
    .section15-more .more-wrap .more-view-tit, .section15-more .more-wrap .more-freeBuds-tit {
        font-size: 6.667vw;
        margin-top: 0;
    }
    .section15-more .more-wrap .more-freeBuds {
        margin-top: 13.889vw;
    }
    .section15-more .more-wrap .more-tips {
        margin: 5.55vw auto 0;
    }
    .section15-more .more-wrap .more-tips a{
        font-size: 4.267vw;
    }
    .section15-more .more-wrap > div img {
        display: none;
    }
    .section15-more .more-wrap .more-view-tit a, .section15-more .more-wrap .more-freeBuds-tit a {
        font-size: 6.667vw;
    }
    .section15-more .more-wrap > div p {
        font-size: 4.267vw;
        margin-top: 8.333vw;
    }
    .section15-swiper-phone {
        display: block;
        margin-top: 140vw;
       
    }
    .bohr-section15 .section15-imgs .section15-img-left .more-matepad {
        top: 53vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .more-matepad a {
        font-size: 3.5vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-other {
        display: none;
    }
    .section15-more .section15-img-other {
        display: block;
        position: absolute;
        top: 25vw;
    }
    .section15-more .section15-img-other img {
        position: absolute;
    }
    .section15-more .section15-img-other .section15-img-view {
        width: 62.167vw;
        left: -0.5vw;
        top: -7vw;
    }
    .section15-more .section15-img-other .section15-img-freeBuds {
        top: 37vw;
        left: 7vw;
        width: 11vw;
    }
    .section15-more .section15-img-other .section15-img-bohr {
        top: 23vw;
        left: 39.5vw;
        width: 45vw;
    }

}


 
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .bohr-section15 .section15-imgs .section15-img-left {
        width: 72vw;
        margin-left: 10vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right {
        top: 0;
    }
    .bohr-section15 .section15-imgs .section15-img-right .right-text {
        margin-top: 2.03125vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right img {
        top: 36.5vw;
        width: 42vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right .mirror-img2 {
        top: 32vh;
        left: 14.5vw;
        width: 24vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-other {
        left: 0;
    }
    .section15-swiper-phone {
        margin-top: 100vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .more-matepad {
        top: 39vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left {
        top: 54vh;
    }


}
 

@media only screen  and (min-device-width: 834px)  and (max-device-width: 834px) and (orientation: portrait) {
 

    .bohr-section15 {
        width: 87.094%;
        overflow: hidden;
    
        padding: 10.417vw 7.75vw 0 5.052vw;
    }


}
 
@media only screen 
and (min-width: 1194px) 
and (max-width: 1194px) 
and (orientation: landscape){

    #section15-trigger {
        position: relative;
        top: -5vw;
    }

}
 
@media only screen 
and (min-width: 1024px) 
and (max-width: 1024px) 
and (orientation: landscape) {
    #section5-trigger {
        position: relative;
        top: -6vw;
    }
    #section15-trigger {
        position: relative;
        top: -6vw;
    }

}
 
@media only screen and (min-width: 640px)  and (max-width: 640px) and (orientation: portrait) {
    .bohr-section15 .section15-imgs .section15-img-right {
        top: 0;
    }
    .bohr-section15 .section15-imgs .section15-img-right .right-text {
        margin-top: 2.03125vw;
        font-size: 3.33vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right img {
        top: 39.5vw;
        width: 58vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right .mirror-img2 {
        top: 24vh;
        width: 31vw;
    }
    .section15-swiper-phone .swiper-phone-imgs img {
        width: 100.2%;
    }
    .bohr-section15 .section15-imgs .section15-img-left {
        width: 91.558vw;
        top: 55vh;
    }
}




@media only screen and (min-device-width: 600px) and (orientation: portrait) and (max-width:769px) {
    #performance-trigger {
        top: 250vh;
    }
}

@media (min-width: 1440px) and (max-width: 1440px)and (max-height: 800px) {
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-view {
        top: 0;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-freeBuds {
        top: 41vw;
    }
    .bohr-section15 .section15-more {
        top: 55vw ;
    }
    .bohr-section15-ie .section15-more {
        top: 183vw;
    }
    .section15-more {
        margin-top: 5vw;
    }



    
}
@media (min-width: 1440px) and (max-width: 1440px) and (min-height: 800px) {
   
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-view {
        top: 0;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-freeBuds {
        top: 41vw;
    }
    .bohr-section15 .section15-more {
        top: 55vw ;
    }
    .bohr-section15-ie .section15-more {
        top: 183vw;
    }
    .bohr-section4 .section4-bg {
        margin-top: -9%;
    }
    .section15-more {
        margin-top: 5vw;
    }




}
@media (min-width: 1500px) and (max-width: 1500px) {

    .bohr-section15 .section15-imgs .section15-img-left .section15-img-view {
        top: 0;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-freeBuds {
        top: 41vw;
    }
    .bohr-section15 .section15-more {
        top: 55vw ;
    }
    .bohr-section15-ie .section15-more {
        top: 183vw;
    }
    .section15-more {
        margin-top: 5vw;
    }



}
@media (min-width: 2160px) and (max-width: 2160px) {

    .bohr-section15 .section15-imgs .section15-img-left .section15-img-view {
        top: 0;
    }
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-freeBuds {
        top: 41vw;
    }
    .bohr-section15 .section15-more {
        top: 55vw ;
    }
    .bohr-section15-ie .section15-more {
        top: 183vw;
    }
    .section15-more {
        margin-top: 5vw;
    }



}
@media (min-width: 1366px) and (max-width: 1366px) {
    .bohr-section15 .section15-imgs .section15-img-left .section15-img-freeBuds {
        width: 6vw;
        top: 35vw;
    }
}

@media (max-width: 375px) {
    .bohr-section15 .section15-imgs .section15-img-left .more-matepad {
        top: 50vw;
    }
}


#bohr-wrap .more-matepad-ie{
    display: none;
}


@media (max-width: 734px) and (min-width: 734px){
    #section15-trigger {
        top: 0;
    }
    .bohr-section15 .section15-imgs .section15-img-right .right-text {
        font-size: 3.33vw;
        margin-top: 0.333vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right img {
        top: 26vh;
        width: 40.592vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right .mirror-img2 {
        left: 14.5vw;
        width: 19vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left {
        width: 67.558vw;
        top: 58vh;
        left: 18vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .more-matepad {
        top: 40vw;
    }
    .section15-swiper-phone {
        margin-top: 90vw;
    }
}


@media (max-width: 677px) and (min-width: 677px){

    #section15-trigger {
        top: 0;
    }
    .bohr-section15 .section15-imgs .section15-img-right .right-text {
        font-size: 3.33vw;
        margin-top: 0.333vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right img {
        top: 26vh;
        width: 40.592vw;
    }
    .bohr-section15 .section15-imgs .section15-img-right .mirror-img2 {
        left: 14.5vw;
        width: 19vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left {
        width: 67.558vw;
        top: 58vh;
        left: 18vw;
    }
    .bohr-section15 .section15-imgs .section15-img-left .more-matepad {
        top: 40vw;
    }
    .section15-swiper-phone {
        margin-top: 90vw;
    }
}