body,*{
    margin: 0;
    padding: 0;
}
.woods .blur-up {
    transition: filter .4s;
    filter: blur(10px);
}
.woods .blur-up.lazyloaded {
    filter: blur(0);
}
.woods img,
.woods video{
    display: block;
    width: 100%;
}
.woods sup{
    font-size: 0.6em;
    cursor: pointer;
}
.woods h2{
    font-size: 3.333333vw;
    font-weight: 700;
    line-height: 1.25;
    color: #333333;
}
.woods h3{
    font-size: 1.666667vw;
    font-weight: 700;
    line-height: 1.25;
}
.woods .big-title{
    margin-left: 16.25vw;
    width: 81.25vw;
}
.woods .big-title h2{
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.25;
}
.woods .big-title h3{
    padding: .416667vw 1.25vw .572917vw;
    border: solid 1px #333333;
    width: auto;
    border-radius: .416667vw;
    margin-bottom: .416667vw;
    display: inline-block;
}
.woods .big-title.green-title h3{
    color: #537B5C;
    border: solid 1px #537B5C;
}
.woods p{
    font-size: 1.145833vw;
    line-height: 1.6;
    color: #888888;
}
.woods a.learn-more-ga span{
    transition: all .3s;
    display: inline-block;
}
.woods a.learn-more-ga:hover span{
    transform: translateX(3px);
}
.woods p.note{
    font-size: .729167vw;
}
.woods .space-200{
    width: 100%;
    height: 10.416667vw;
}
.woods .pc-show{
    display: block;
}
.woods .mob-show{
    display: none;
}
.woods .black-background{
    background: #000000;
}
.woods .section-kv .kv-content{
    display: flex;
    align-items: center;
}
.woods .section-kv .kv-content .pic-content{
    width: 64.0625vw;
}
.woods .section-kv .kv-content .copy-content{
    width: 29.895833vw;
    margin: 0 auto;
    text-align: center;
}
.woods .section-kv .kv-content .copy-content h2{
    font-size: 3.125vw;
    color: #000;
}
.woods .section-kv .kv-content .copy-content img{
    width: 24.21875vw;
    margin: 1.666667vw auto 1.458333vw;
}
.woods .section-kv .kv-content .copy-content p{
    font-size: 1.041667vw;
    color: #000;
}
.woods .section-kv .kv-intro{
    background-image: linear-gradient(to bottom,#F7FAF9 0%, #FFFFFF 100%);
    padding: 10.416667vw 0 .520833vw;
}
.woods .section-kv .kv-intro .kv-intro-content{
    width: 31.25vw;
    margin: 0 auto;
}
.woods .section-kv .kv-intro .copy-content p{
    color: #537B5C;
    font-size: 1.875vw;
    font-weight: 500;
    text-align: center;
    line-height: 2;
}
.woods .section-kv .kv-intro .video-pop-play{
    width: max-content;
    font-size: 1.145833vw;
    color: #537B5C;
    margin: 2.447917vw auto 0;
    cursor: pointer;
}
.woods .section-kv .kv-intro .video-pop-play .play-button{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1.6;
    font-size: 1.458333vw;
}
.woods .section-kv .kv-intro .video-pop-play img{
    width: 2.34375vw;
    margin-left: .833333vw;
}
.woods .section-highlight{
    margin-top: 10.416667vw;
}
.woods .section-highlight .highlight-swiper{
    overflow: initial;
    overflow-x: hidden;
    overflow-x: clip;
}
.woods .section-highlight .highlight-swiper .swiper-wrapper{
    position: relative;
    z-index: 99;
}
.woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide{
    border-radius: .833333vw;
    overflow: hidden;
    cursor: pointer;
}
.woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide-active{
    cursor: auto;
}

.woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide{
    opacity: .5;
    transition: opacity .6s ease;
}
.woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide-active{
    opacity: 1;
}
.woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide .green-shadow{
    position: absolute;
    top: 11.71875vw;
    left: 50%;
    width: 78.125vw;
    height: 78.125vw;
    background-image: radial-gradient(circle, #537B5C 0%, #000000 70%);
    z-index: 2;
    transform: translateX(-50%);
    border-radius: 50%;
}
.woods .section-highlight .highlight-swiper .pic-content{
    position: relative;
    transform: translate3d(0, 0, 1px);
}
.woods .section-highlight .highlight-swiper .pic-content .left{
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    transform: translate(-50%, -50%);
    width: 55.416667vw;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.woods .section-highlight .highlight-swiper .pic-content .left div{
    width: auto;
}
.woods .section-highlight .highlight-swiper .pic-content .left div.pic{
    width: 19.010417vw;
    margin: 0 4.791667vw;
}
.woods .section-highlight .highlight-swiper .pic-content .right{
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    transform: translate(-50%, -50%);
    width: 55.416667vw;
    justify-content: space-between;
}

.woods .section-highlight .highlight-swiper .pic-content .left p:first-child,
.woods .section-highlight .highlight-swiper .pic-content .right p:first-child{
    font-size: 1.666667vw;
    color: #ffffff;
    margin-bottom: 1.5625vw;
    line-height: 1.25;
}
.woods .section-highlight .highlight-swiper .pic-content .left p span{
    font-size: 5.208333vw;
    line-height: 1.25;
    margin-right: .833333vw;
}

.woods .section-highlight .highlight-swiper .pic-content h3{
    position: absolute;
    top: 2.5vw;
    left: 2.5vw;
    color: #ffffff;
    width: 40.625vw;
}

.woods .section-highlight .highlight-swiper-control{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.09375vw 1.666667vw;
    background: #F7F8FA;
    border-radius: 1.666667vw;
    width: max-content;
    margin: 2.083333vw auto 0;
}
.woods .section-highlight .swiper-pagination{
    display: flex;
    position: initial;
    width: auto;
    padding: 0 .885417vw;
}
.woods .section-highlight .swiper-pagination-bullet{
    margin: 0 .260417vw;
    transition: all 1s ease;
    transform: translate3d(0,0,1px);
}
.woods .section-highlight .swiper-pagination-bullet-active{
    background: #000000;
}

.woods .section-highlight .highlight-swiper .swiper-button-next, 
.woods .section-highlight .highlight-swiper .swiper-button-prev{
    position: initial;
    width: .736458vw;
    height: 1.178646vw;
    margin-top: 0;
    transition: all 1s ease;
    transform: translate3d(0,0,1px);
}
.woods .section-highlight .highlight-swiper .swiper-button-next:after, 
.woods .section-highlight .highlight-swiper .swiper-button-prev:after{
    content: '';
    width: .736458vw;
    height: 1.178646vw;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-ultimate/new/images/common/arrow.svg) no-repeat;
    background-size: 100%;
}
.woods .section-highlight .highlight-swiper .swiper-button-prev:after{
    transform: rotate(180deg);
}
.woods .section-design .design-content{
    margin-top: 7.083333vw;
    height: 200vh;
}
.woods .section-design .design-content .sticky-content{
    position: sticky;
    top: 0;
    height: 100vh;
}
.woods .section-design .design-content .pic-content{
    width: 100%;
    position: relative;
}
.woods .section-design .design-content .pic-content .box-show{
    opacity: 0;
}
.woods .section-design .design-content .pic-content .box-show1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.woods .section-design .design-content .pic-content .box-show2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right,#000000 0%, transparent 100%);
}
.woods .section-design .design-content .pic-content video{
    height: 100vh;
    object-fit: cover;
}
.woods .section-design .design-content .pic-content .copy-content{
    position: absolute;
    top: 50%;
    left: 16.25vw;
    width: 36.458333vw;
    transform: translateY(150%);
    opacity: 0;
}
.woods .section-design .design-content .pic-content .copy-content h2{
    color: #fff;
    width: 42.708333vw;
    margin-bottom: 2.083333vw;
}
.woods .section-design .design-content .pic-content .copy-content p{
    color: #999999;
}
.woods .section-design .design-content .pic-content .copy-content .detail{
    margin-top: 8.333333vw;
    width: 28.125vw;
}
.woods .section-design .design-content .pic-content .copy-content .detail .desc{
    margin-top: 1.25vw;
    border-top: solid 1px #999999;
    padding-top: .833333vw;
    display: flex;
    justify-content: space-between;
}
.woods .section-design .design-content .pic-content .copy-content .detail .desc .information{
    color: #fff;
    font-size: 1.666667vw;
    display: flex;
    align-items: center;
    line-height: 1.25;
}
.woods .section-design .design-content .pic-content .copy-content .detail .desc .information span{
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
    margin-right: .416667vw;
}
.woods .section-design .design-content .pic-content .copy-content .detail .desc .information b{
    font-size: 2.5vw;
}
.woods .section-architecture .architecture-content{
    position: relative;
    height: 300vh;
}
.woods .section-architecture .architecture-content .pic-content{
    position: sticky;
    height: 100vh;
    top: 0;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-ultimate/new/images/architecture/huawei-watch-ultimate-architecture-bg.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.woods .section-architecture .architecture-content .pic-content .design-hinge-background{
    width: 100%;
    height: auto;
    object-fit: cover;
    position: absolute;
    bottom: 0;
}
.woods .section-architecture .architecture-content .pic-content .design-hinge-background canvas{
    width: 100vw;
    height: 49.47916666666668vw;
    object-fit: cover;
}
.woods .section-architecture .architecture-content .copy-content{
    position: absolute;
    bottom: 22.916667vw;
    left: 9.375vw;
    z-index: 1;
    width: 25.208333vw;
    opacity: 0;
    transition: opacity 1s ease;
}
.woods .section-architecture .architecture-content .copy-content.active{
    opacity: 1;
    transition: opacity 1s ease;
}
.woods .section-architecture .architecture-content .copy-content h2{
    color: #ffffff;
    margin-bottom: 2.083333vw;
}
.woods .section-architecture .architecture-content .bezel{
    position: absolute;
    top: 9.96875vw;
    left: 52.364583vw;
    display: flex;
    align-items: flex-start;
}

.woods .section-architecture .architecture-content .bezel img{
    width: 10.032813vw;
}
.woods .section-architecture .architecture-content .bezel img,
.woods .section-architecture .architecture-content .button img,
.woods .section-architecture .architecture-content .case-back img{
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    transition: clip-path .5s ease;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}
.woods .section-architecture .architecture-content.active .bezel img,
.woods .section-architecture .architecture-content.active .button img,
.woods .section-architecture .architecture-content.active .case-back img{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: clip-path .5s ease;
}
.woods .section-architecture .architecture-content .dial img,
.woods .section-architecture .architecture-content .watch-case img{
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: clip-path .5s ease;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}
.woods .section-architecture .architecture-content.active .dial img,
.woods .section-architecture .architecture-content.active .watch-case img{
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    transition: clip-path .5s ease;
}
.woods .section-architecture .architecture-content .button{
    position: absolute;
    top: 15.416667vw;
    left: 73.994792vw;
    display: flex;
    align-items: flex-start;
}
.woods .section-architecture .architecture-content .button img{
    width: 2.898438vw;
}
.woods .section-architecture .architecture-content .case-back{
    position: absolute;
    top: 35.817708vw;
    left: 72.875vw;
    display: flex;
    align-items: flex-start;
}
.woods .section-architecture .architecture-content .case-back img{
    width: 14.144792vw;
    height: .260417vw;
}
.woods .section-architecture .architecture-content .dial{
    position: absolute;
    top: 37.015625vw;
    left: 38.072917vw;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
}
.woods .section-architecture .architecture-content .dial img{
    width: 10.032813vw;
}
.woods .section-architecture .architecture-content .watch-case{
    position: absolute;
    top: 44.020833vw;
    left: 45.182292vw;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
}
.woods .section-architecture .architecture-content .watch-case img{
    width: 8.470313vw;
    height: .104167vw;
}
.woods .section-architecture .architecture-content .bezel p,
.woods .section-architecture .architecture-content .button p,
.woods .section-architecture .architecture-content .case-back p{
    line-height: 1.25;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(105%, -50%);
    opacity: 0;
    transition: opacity .5s ease;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}
.woods .section-architecture .architecture-content .dial p,
.woods .section-architecture .architecture-content .watch-case p{
    line-height: 1.25;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-105%, 50%);
    opacity: 0;
    transition: opacity .5s ease;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}
.woods .section-architecture .architecture-content.active .bezel p,
.woods .section-architecture .architecture-content.active .button p,
.woods .section-architecture .architecture-content.active .case-back p,
.woods .section-architecture .architecture-content.active .dial p,
.woods .section-architecture .architecture-content.active .watch-case p{
    opacity: 1;
    transition: opacity .5s ease;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.woods .section-architecture .architecture-content .bezel p{
    width: 19.166667vw;
}
.woods .section-architecture .architecture-content .button p{
    width: 11.979167vw;
}
.woods .section-architecture .architecture-content .case-back p{
    width: 9.895833vw;
}
.woods .section-architecture .architecture-content .watch-case p{
    width: 12.5vw;
}
.woods .section-architecture .architecture-content .dial p{
    width: 10.572917vw;
}
.woods .section-architecture .architecture-content .watch-case p{
    width: 12.395833vw;
}

.woods .section-color .color-content{
    width: 81.25vw;
    margin: 0 auto;
    position: relative;
}
.woods .section-color .color-content .color-swiper .copy-content{
    display: flex;
    align-items: flex-start;
    width: 61.458333vw;
    margin-bottom: 1.875vw;
    opacity: 0;
    transition: all .6s ease;
    justify-content: space-between;
}

.woods .section-color .color-content .color-swiper .swiper-slide-active .copy-content{
    opacity: 1;
}
.woods .section-color .color-content .color-swiper .copy-content h2{
    width: 9.895833vw;
}
.woods .section-color .color-content .color-swiper .copy-content p{
    width: 48.229167vw;
}
.woods .section-color .color-content .color-swiper .pic-content{
    display: flex;
    justify-content: space-between;
}
.woods .section-color .color-content .color-swiper .pic-content img{
    border-radius: .833333vw;
}
.woods .section-color .color-content .color-swiper .pic-content .left{
    width: 55vw;
}
.woods .section-color .color-content .color-swiper .pic-content .right{
    width: 25vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.woods .section-color .color-content .color-btn{
    display: flex;
    position: absolute;
    align-items: center;
    padding: .833333vw 1.458333vw;
    background-color: #F7F8FA;
    border-radius: 5.208333vw;
    top: .46875vw;
    right: 0;
    z-index: 2;
}
.woods .section-color .color-content .color-btn>div{
    margin: 0 .833333vw;
    cursor: pointer;
}
.woods .section-color .color-content .color-btn>div>div{
    width: 2.083333vw;
    height: 2.083333vw;
    border-radius: 5.208333vw;
    border: solid .208333vw #F7F8FA;
}
.woods .section-color .color-content .color-btn div.green>div{
    background-color: #537B5C;
}
.woods .section-color .color-content .color-btn div{
    border: solid .208333vw transparent;
    border-radius: 5.208333vw;
    transition: all .6s ease;
}
.woods .section-color .color-content .color-btn div.green.active{
    border: solid .208333vw #537B5C;
    border-radius: 5.208333vw;
}
.woods .section-color .color-content .color-btn div.active div{
    border: solid .208333vw #FFFFFF;
}
.woods .section-color .color-content .color-btn div.blue>div{
    background-color: #2B4977;
}
.woods .section-color .color-content .color-btn div.blue.active{
    border: solid .208333vw #2B4977;
    border-radius: 5.208333vw;
}
.woods .section-color .color-content .color-btn div.black>div{
    background-color: #333333;
}
.woods .section-color .color-content .color-btn div.black.active{
    border: solid .208333vw #333333;
    border-radius: 5.208333vw;
}
.woods .section-morecase .morecase-content .more{
    position: relative;
    z-index: 3;
}
.woods .section-morecase{
    height: 300vh;
}
.woods .section-morecase .morecase-content{
    position: sticky;
    top: 40px;
    height: 100vh;
    overflow: hidden;
}
.woods .section-morecase .morecase-content .more .copy-content{
    width: 33.177083vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16.25%;
}
.woods .section-morecase .morecase-content .more .copy-content{
    width: 35.9375vw;
}
.woods .section-morecase .morecase-content .more .copy-content p{
    margin-top: 2.083333vw;
}
.woods .section-morecase .morecase-content .more .pic-content{
    position: relative;
    left: 59.375%;
    width: max-content;
}
.woods .section-morecase .morecase-content .more .pic-content img{
    width: auto;
    height: 90vh;
}
.woods .section-morecase .morecase-content .more .pic-content .main-case{
    position: relative;
    z-index: 2;
}
.woods .section-morecase .morecase-content .more .pic-content .main-case-back{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.woods .section-morecase .morecase-content .case{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.woods .section-morecase .morecase-content .case .copy-content{
    width: 56.25vw;
    text-align: center;
    margin: 0 auto;
    transform: translateY(0);
    opacity: 0;
}
.woods .section-morecase .morecase-content .case .copy-content p{
    margin-top: 2.083333vw;
}

.woods .section-morecase .morecase-content .left-box>div,
.woods .section-morecase .morecase-content .right-box>div{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
}
.woods .section-golf .golf-content{
    margin-top: 7.083333vw;
    height: 200vh;
}
.woods .section-golf .golf-content .golf-sticky{
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
}
.woods .section-golf .golf-content .golf-bg{
    transform: scale(1.2);
}
.woods .section-golf .golf-content .golf-bg img{
    height: 100vh;
    object-fit: cover;
}
.woods .section-golf .golf-content .golf-case{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.7);
    width: 19.895833vw;
    opacity: 0;
    z-index: 2;
}
.woods .section-golf .golf-content .golf-desc{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    width: 100%;
}
.woods .section-golf .golf-content .golf-desc .pic-content{
    width: 50%;
    transform: translateX(-100%);
    opacity: 0;
}
.woods .section-golf .golf-content .golf-desc .pic-content img{
    height: 100vh;
    object-fit: cover;
}
.woods .section-golf .golf-content .golf-desc .copy-content{
    width: 50%;
    background: #F1F3F5;
    display: flex;
    align-items: center;
    transform: translateX(100%);
    opacity: 0;
}
.woods .section-golf .golf-content .golf-desc .copy-content div{
    width: 31.25vw;
    margin-left: 16.145833vw;
}
.woods .section-golf .golf-content .golf-desc .copy-content div p{
    margin-top: 2.083333vw;
}
.woods .section-swing .swing-content .copy-content{
    width: 56.614583vw;
    margin: 0 auto 3.958333vw;
    text-align: center;
}
.woods .section-swing .swing-content .copy-content p{
    margin-top: 2.083333vw;
}
.woods .section-swing .swing-content .pic-content{
    display: flex;
}
.woods .section-swing .swing-content .pic-content .left,
.woods .section-swing .swing-content .pic-content .right{
    width: 50%;
    position: relative;
}
.woods .section-swing .swing-content .pic-content .left .distance{
    position: absolute;
    color: #7B7B7B;
    display: flex;
}
.woods .section-swing .swing-content .pic-content .left .distance p{
    opacity: 0;
    width: 11.979167vw;
    transform: translateY(-75%);
}
.woods .section-swing .swing-content .pic-content .left .distance span{
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    color: #266333;
    display: inline-block;
}
.woods .section-swing .swing-content .pic-content .left .distance span.small{
    font-size: 1.458333vw;
}
.woods .section-swing .swing-content .pic-content .left .distance1{
    top: 18.333333vw;
    left: 11.5625vw;
}
.woods .section-swing .swing-content .pic-content .left .distance2 .line{
    height: .104167vw;
    background-color: #5BAF54;
    margin-right: 1.041667vw;
}

.woods .section-swing .swing-content .pic-content .left .distance2{
    top: 27.734375vw;
    left: 16.25vw;
}
.woods .section-swing .swing-content .pic-content .left .distance1 .line{
    margin-right: 1.041667vw;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    width: 21.875vw;
}

.woods .section-swing .swing-content .pic-content .left .distance3{
    top: 25.78125vw;
    left: 24.635417vw;
}
.woods .section-record {
    overflow: hidden;
}
.woods .section-record .record-content{
    width: 100vw;
    overflow: hidden;
}
.woods .section-record .record-content .copy-content{
    width: 56.614583vw;
    margin: 0 auto 3.958333vw;
    text-align: center;
}
.woods .section-record .record-content .copy-content p{
    margin-top: 2.083333vw;
}
.woods .section-record .record-content .record-swiper{
    padding-left: 9.375vw;
    padding-right: 9.375vw;
}
.woods .section-record .record-content .record-swiper .swiper-wrapper{
    width: fit-content;
}
.woods .section-record .record-content .record-swiper .swiper-slide{
    background: #F1F3F5;
    border-radius: .833333vw;
    width: auto;
}
.woods .section-record .record-content .record-swiper .swiper-slide:last-child{
    margin-right: 0 !important;
}

.woods .section-record .record-content .record-swiper .record-item{
    width: 18.75vw;
    margin: 2.291667vw 3.75vw 0;
    text-align: center;
}
.woods .section-record .record-content .record-swiper .record-item h3{
    width: auto;
    margin: 0 auto;
}
.woods .section-record .record-content .record-swiper .record-item .pic-content{
    width: 15.78125vw;
    margin: 1.770833vw auto 0;
}
.woods .section-record .record-content .record-swiper .record-item video{
    mix-blend-mode: darken;
}
.woods .section-record .record-content .record-swiper .record-item .re-play{
    position: absolute;
    display: flex;
    left: 50%;
    bottom: .989583vw;
    transform: translateX(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s ease;
}
.woods .section-record .record-content .record-swiper .record-item .re-play.active{
    opacity: 1;
}
.woods .section-record .record-content .record-swiper .record-item .re-play img{
    width: .833333vw;
    margin-right: .416667vw;
}
.woods .section-record .record-content .record-swiper .record-item .re-play p{
    font-size: .9375vw;
    color: #558C63;
}
.woods .section-record .record-content .record-swiper .swiper-slide:last-child .record-item .pic-content{
    width: 11.354167vw;
    margin: 1.197917vw auto 3.210938vw;
}
.woods .section-record .record-content .record-swiper .record-swiper-btn{
    display: flex;
    flex-direction: row-reverse;
    width: 81.25vw;
    margin-top: 2.083333vw;
}
.woods .section-record .record-content .record-swiper .swiper-button-next, 
.woods .section-record .record-content .record-swiper .swiper-button-prev{
    position: initial;
    margin: 0;
    width: 2.083333vw;
    height: 2.083333vw;
    transition: all .6s ease;
}
.woods .section-record .record-content .record-swiper .swiper-button-prev{
    margin-right: 1.25vw;
}
.woods .section-record .record-content .record-swiper .swiper-button-next:after, 
.woods .section-record .record-content .record-swiper .swiper-button-prev:after{
    content: '';
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-ultimate/new/images/common/arrow-circle.svg) no-repeat;
    background-size: 100%;
    width: 2.083333vw;
    height: 2.083333vw;
}
.woods .section-record .record-content .record-swiper .swiper-button-prev:after{
    transform: rotate(180deg);
}
.woods .section-potential .potential-content{
    width: 81.25vw;
    margin: 0 auto;
}
.woods .section-potential .potential-content h2{
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
.woods .section-potential .potential-content .potential-item{
    display: flex;
    justify-content: space-around;
    margin-top: 4.166667vw;
}
.woods .section-potential .potential-content .potential-item .desc{
    width: 32.8125vw;
}
.woods .section-potential .potential-content .potential-item .desc p{
    width: 28.489583vw;
    margin: 4.166667vw auto 0;
}
.woods .section-potential .potential-content .potential-item .pic-content{
    width: 46.354167vw;
}
.woods .section-adventurous{
    position: relative;
}
.woods .section-adventurous .adventurous-content{
    position: absolute;
    top: 7.291667vw;
    z-index: 1;
}
.woods .section-adventurous .adventurous-content .big-title h2,
.woods .section-adventurous .adventurous-content .big-title h3{
    color: #333333;
}
.woods .section-adventurous .adventurous-content .copy-content{
    width: 36.5625vw;
    margin: 15.9375vw 0 0 16.25vw;
}
.woods .section-adventurous .adventurous-content .copy-content h2{
    color: #333333;
}
.woods .section-adventurous .adventurous-content .copy-content p{
    width: 31.25vw;
    margin-top: 2.083333vw;
    color: #066666;
}
.woods .section-wild .wild-content{
    display: flex;
    background-image: linear-gradient(160deg, #8EC5E9 20%, #C7EBF7 70%);
    padding: 7.916667vw 0 4.583333vw 14.0625vw;
    align-items: center;
}
.woods .section-wild .wild-content .pic-content{
    width: 33.125vw;
    margin-right: 10.3125vw;
}
.woods .section-wild .wild-content .copy-content{
    width: 31.25vw;
}
.woods .section-wild .wild-content .copy-content h2{
    color: #333333;
}
.woods .section-wild .wild-content .copy-content p{
    margin-top: 2.083333vw;
    color: #666666;
}
.woods .section-insist .insist-content{
    position: relative;
}
.woods .section-insist .insist-content .copy-content{
    position: absolute;
    top: 5.9375vw;
    left: 16.25vw;
    width: 31.25vw;
}
.woods .section-insist .insist-content .copy-content h2{
    color: #333333;
}
.woods .section-insist .insist-content .copy-content p{
    margin-top: 2.083333vw;
    color: #666666;
}
.woods .section-safe .safe-content{
    display: flex;
    background-image: linear-gradient(to bottom, #E0EDF7 0%,#EEF5FB 100%);
    padding: 10.416667vw 0;
    justify-content: center;
}
.woods .section-safe .safe-content .safe-swiper{
    margin: 0 1.25vw 0 0;
    width: 40vw;
}
.woods .section-safe .safe-content .safe-swiper .swiper-pagination{
    bottom: 1.666667vw;
    top: auto;
    display: flex;
    justify-content: center;
}
.woods .section-safe .safe-content .safe-swiper .swiper-pagination-bullet{
    background-color: #959595;
    opacity: 1;
    width: .520833vw;
    height: .520833vw;
    transition: all .6s ease;
    transform: translate3d(0,0,1px);
    margin: 0 .3125vw;
}
.woods .section-safe .safe-content .safe-swiper .swiper-pagination-bullet-active{
    background: #3E3B3B;
    width: 1.666667vw;
    border-radius: 99px;
}
.woods .section-safe .safe-content .safe-item{
    width: 40vw;
    justify-content: center;
    border-radius: .833333vw;
    overflow: hidden;
    position: relative;
}
.woods .section-safe .safe-content .safe-item.left{
    margin-right: 1.25vw;
}
.woods .section-safe .safe-content .safe-item .safe-btn{
    position: absolute;
    width: 2.5vw;
    top: 2.083333vw;
    right: 2.083333vw;
    cursor: pointer;
    transition: all .5s;
    z-index: 2;
}
.woods .section-safe .safe-content .safe-item .safe-title{
    position: absolute;
    top: 2.083333vw;
    left: 2.083333vw;
    z-index: 2;
    width: 31.25vw;
}
.woods .section-safe .safe-content .safe-item .safe-title h3{
    color: #333333;
}
.woods .section-safe .safe-content .safe-item .pic-content{
    position: relative;
    z-index: 2;
    border-radius: .833333vw;
    overflow: hidden;
}
.woods .section-safe .safe-content .safe-item .pop-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .5s;
    z-index: 1;
    border-radius: .833333vw;
    overflow: hidden;
}
.woods .section-safe .safe-content .safe-item .pop-content .copy-content{
    width: 31.25vw;
}
.woods .section-safe .safe-content .safe-item .pop-content .copy-content h3{
    color: #333333;
    font-size: 2.083333vw;
    margin-bottom: 1.5625vw;
}
.woods .section-safe .safe-content .safe-item.active .pop-content{
    opacity: 1;
    z-index: 2;
}
.woods .section-safe .safe-content .safe-item .pic-content,
.woods .section-safe .safe-content .safe-item .safe-title{
    transition: all .5s;
}
.woods .section-safe .safe-content .safe-item.active .pic-content,
.woods .section-safe .safe-content .safe-item.active .safe-title{
    opacity: 0;
    z-index: 1;
}
.woods .section-safe .safe-content .safe-item.active .safe-btn{
    transform: rotate(45deg);
}
.woods .section-diving{
    position: relative;
}
.woods .section-diving .diving-content{
    background: #000000;
}
.woods .section-diving .diving-content .big-title{
    padding: 10.416667vw 0;
}
.woods .section-diving .diving-content .big-title h2{
    background-image: linear-gradient(110deg, #FFFFFF 0%,#FFFFFF 50%, #808080 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.woods .section-diving .diving-content .big-title h3{
    color: #ffffff;
    border: solid 1px #ffffff;
}
.woods .section-diving .diving-bg-content{
    height: 200vh;
}
.woods .section-diving .diving-bg-content .diving-sticky{
    top: 0;
    height: 100vh;
    position: sticky;
}
.woods .section-diving .diving-bg{
    position: relative;
    background: #000000;
}
.woods .section-diving .diving-bg video{
    height: 100vh;
    object-fit: cover;
}
.woods .section-diving .diving-bg .box-show{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    z-index: 1;
}
.woods .section-diving .diving-bg .copy-content{
    position: absolute;
    top: 50%;
    transform: translateY(100%);
    left: 16.25vw;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    opacity: 0;
}
.woods .section-diving .diving-bg .copy-content h2{
    color: #ffffff;
    width: 26.041667vw;
    margin-right: 13.541667vw;
}
.woods .section-diving .diving-bg .copy-content p{
    width: 31.25vw;
    margin-top: 2.083333vw;
}
.woods .section-diving .diving-bg .copy-content p.desc{
    color: #ffffff;
}
.woods .section-diving .diving-bg .copy-content p.note{
    margin-top: 1.25vw;
    color: #999999;
}
.woods .section-diving .diving-bg .copy-content .value{
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.125vw;
}
.woods .section-diving .diving-bg .copy-content .value div{
    width: 10.208333vw;
}
.woods .section-diving .diving-bg .copy-content .value div:first-child{
    margin-right: 3.854167vw;
}
.woods .section-diving .diving-bg .copy-content .value div:last-child{
    width: 100%;
    margin-top: 3.541667vw;
}
.woods .section-diving .diving-bg .copy-content .value div span{
    font-size: 2.083333vw;
    line-height: 1.25;
}
.woods .section-diving .diving-bg .copy-content .value div p{
    margin: 0;
    width: auto;
}
.woods .section-diving .diving-bg .copy-content .value div p:first-child{
    font-weight: 700;
    background-image: linear-gradient(110deg, #FFFFFF 0%,#FFFFFF 50%, #808080 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-bottom: .9375vw;
    width: max-content;
}
.woods .section-possibilities .possibilities-content{
    position: relative;
    background: #000000;
}
.woods .section-possibilities .possibilities-content .copy-content{
    position: absolute;
    top: 12.604167vw;
    right: 14.166667vw;
    width: 33.854167vw;
}
.woods .section-possibilities .possibilities-content .copy-content h2{
    color: #ffffff;
    margin-bottom: 2.083333vw;
}
.woods .section-safeguard{
    overflow: hidden;
}
.woods .section-safeguard .safeguard-content{
    display: flex;
    padding-top: 10.416667vw;
    overflow: hidden;
    align-items: center;
    position: relative;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper{
    width: 34.791667vw;
    margin: 0 1.5625vw 0 12.708333vw;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .swiper-wrapper::after{
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 1px;
    background: #666666;
    border-radius: 99px;
    z-index: 1;
}

.woods .section-safeguard .safeguard-content .safeguard-swiper .swiper-wrapper{
    display: block;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content{
    position: relative;
    padding-left: 3.333333vw;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content.active::after{
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 99px;
    z-index: 2;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content h2{
    color: #ffffff;
    font-size: 2.5vw;
    cursor: pointer;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content2 h2{
    margin-top: 3.645833vw;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content p{
    overflow: hidden;
    transition: height .6s ease, padding .6s ease;
    padding-top: 0;
    will-change: height,transform;
    transform: translateZ(1px);
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content.active p{
    padding-top: 1.5625vw;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content1.active p{
    height:  var(--safeguard1) !important;
}
.woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content2.active p{
    height:  var(--safeguard2) !important;
}
.woods .section-safeguard .safeguard-content .safeguard-pic-swiper{
    width: 36.770833vw;
    margin: 0;
    height: 38.697917vw;
}

.woods .section-core{
    margin-top: 10.416667vw;
}
.woods .section-core .big-title h2{
    background-image: linear-gradient(110deg, #FFFFFF 0%,#FFFFFF 50%, #808080 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.woods .section-core .core-swiper{
    width: 67.5vw;
    margin: 10.416667vw auto 0;
}
.woods .section-core .core-swiper .core-content{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.woods .section-core .core-swiper .core-content .pic-content{
    margin: 0 0 0 3.125vw;
    width: 23.4375vw;
}
.woods .section-core .core-swiper .core-content .copy-content{
    width: 34.375vw;
}
.woods .section-core .core-swiper .core-content .copy-content h3{
    color: #fff;
}
.woods .section-core .core-swiper .core-content .copy-content p{
    margin: 1.458333vw 0;
}
.woods .section-core .core-swiper .core-content .copy-content a{
    font-size: 1.145833vw;
    text-decoration: none;
    color: #1B69FD;
    line-height: 1.6;
}
.woods .section-core .core-swiper .core-content .copy-content p.note{
    margin: 4.375vw 0 0;
    color: #555555;
    font-size: 12px;
}
.woods .section-core .core-swiper .swiper-pagination{
    display: flex;
    position: initial;
    margin: 2.083333vw 0 0 13.125vw;
}
.woods .section-core .core-swiper .swiper-pagination-bullet{
    background: #555555;
    opacity: 1;
    width: .520833vw;
    height: .520833vw;
    margin: .3125vw;
    transition: all .6s ease;
    transform: translate3d(0,0,1px);
}
.woods .section-core .core-swiper .swiper-pagination-bullet-active{
    background: #999999;
    width: 1.666667vw;
    border-radius: 99px;
}
.woods .section-core .core-item{
    display: flex;
    flex-wrap: wrap;
    width: 67.5vw;
    margin: 7.291667vw auto 0;
}
.woods .section-core .core-item div{
    width: 26.25vw;
}
.woods .section-core .core-item div:nth-child(2n + 1){
    margin-right: 10vw;
}
.woods .section-core .core-item div:first-child{
    margin-bottom: 4.166667vw;
}
.woods .section-core .core-item div p span{
    color: #ffffff;
}
.woods .section-core .core-item div img{
    width: 2.5vw;
    margin-bottom: 1.041667vw;
}
.woods .section-companion .big-title h2{
    background-image: linear-gradient(110deg, #FFFFFF 0%,#FFFFFF 50%, #808080 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.woods .section-companion .companion-content{
    width: 67.5vw;
    margin: 10.416667vw auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.woods .section-companion .companion-content .copy-content{
    width: 36.458333vw;
}
.woods .section-companion .companion-content .copy-content h2{
    color: #fff;
}
.woods .section-companion .companion-content .copy-content p{
    width: 31.25vw;
    margin: 2.083333vw 0 2.604167vw;
}
.woods .section-companion .companion-content .copy-content .companion-item{
    display: flex;
    flex-wrap: wrap;
    width: 30.208333vw;
    justify-content: space-between;
}
.woods .section-companion .companion-content .copy-content .companion-item div:first-child{
    margin-bottom: 3.958333vw;
}
.woods .section-companion .companion-content .copy-content .companion-item div p{
    width: auto;
    margin: 1.041667vw 0 0;
}
.woods .section-companion .companion-content .copy-content .companion-item div p:first-child{
    color: #537B5C;
    font-size: 1.666667vw;
    font-weight: 700;
    margin: 0;
    line-height: 1.25;
}
.woods .section-companion .companion-content .copy-content .companion-item div:nth-child(2n+1){
    width: 15.104167vw;
}
.woods .section-companion .companion-content .copy-content .companion-item div:nth-child(2n){
    width: 14.895833vw;
}
.woods .section-companion .companion-content .copy-content .companion-item div:last-child p:first-child,
.woods .section-companion .companion-content .copy-content .companion-item div:nth-child(3) p:first-child{
    color: #888888;
    font-size: 1.145833vw;
    font-weight: 500;
    margin: 0;
}
.woods .section-companion .companion-content .copy-content .companion-item div:last-child p:nth-child(2),
.woods .section-companion .companion-content .copy-content .companion-item div:nth-child(3) p:nth-child(2){
    color: #537B5C;
    font-size: 1.666667vw;
    font-weight: 700;
    margin: 0;
}
.woods .section-companion .companion-content .copy-content .companion-item div p span{
    font-size: 5.208333vw;
    display: inline-block;
    line-height: 1.25;
}
.woods .section-companion .companion-content .pic-content{
    width: 23.645833vw;
}
.woods .section-bluetooth{
    margin-top: 7.8125vw;
}
.woods .section-bluetooth .bluetooth-content{
    display: flex;
    align-items: center;
}
.woods .section-bluetooth .bluetooth-content .pic-content{
    width: 39.479167vw;
    margin: 0 3.333333vw 0 13.645833vw;
}
.woods .section-bluetooth .bluetooth-content .copy-content{
    width: 29.322917vw;
}
.woods .section-bluetooth .bluetooth-content .copy-content h2{
    color: #fff;
    margin-bottom: 2.083333vw;
}
.woods .section-accessories{
    margin-top: 8.125vw;
}
.woods .section-accessories .accessories-content{
    display: flex;
    justify-content: space-between;
    width: 81.25vw;
    margin: 0 auto;
}
.woods .section-accessories .accessories-content>div{
    width: 39.84375vw;
    background: #151515;
    border-radius: .833333vw;
}
.woods .section-accessories .accessories-content .copy-content{
    margin: 3.75vw 4.192708vw 2.8125vw;
    text-align: center;
}
.woods .section-accessories .accessories-content .copy-content h3{
    color: #fff;
    margin-bottom: 1.25vw;
}
.woods .section-accessories .accessories-content .copy-content a{
    font-size: 1.041667vw;
    text-decoration: none;
    color: #1B69FD;
    line-height: 1.6;
}
.woods .section-footnote {
    color: #818181;
    font-size: max(0.625vw, 12px);
    line-height: 1.6;
    margin: 0 auto;
    width: 67.5vw;
    padding-top: 15.625vw;
    padding-bottom: 10.416667vw;
    overflow: hidden;
}
.woods .section-footnote ol {
    list-style-type: decimal;
    padding-left: 2em;
}
.woods .section-footnote li{
    line-height: 1.6em;
}
.woods .section-footnote li a{
    color: #2997FF;
}
.woods .section-footnote .active {
    color: #fff;
    opacity: 1;
}
@media screen and (max-aspect-ratio: 11/10){
    .woods h3{
        font-size: 4.444444vw;
    }
    .woods h2{
        font-size: 8.888889vw;
    }
    .woods p{
        font-size: 4.444444vw;
    }
    .woods p.note{
        font-size: 3.333333vw;
    }
    .woods .big-title h3{
        padding: 1.111111vw 3.333333vw 1.527778vw;
        border-radius: 1.111111vw;
        margin-bottom: 1.388889vw;
        max-width: 68.055556vw;
    }
    .woods .big-title h2{
        font-size: 11.666667vw;
    }
    
    .woods .big-title{
        margin-left: 8.333333vw;
        width: 90.694444vw;
    }
    .woods .space-200{
        height: 20.833333vw;
    }
    .woods .pc-show{
        display: none;
    }
    .woods .mob-show{
        display: block;
    }
    .woods .section-kv .kv-content{
        flex-direction: column;
    }
    .woods .section-kv .kv-intro{
        padding: 15.972222vw 0 0;
    }
    .woods .section-kv .kv-intro .kv-intro-content{
        width: 87.5vw;
    }
    .woods .section-kv .kv-content .pic-content{
        width: 100%;
    }
    .woods .section-kv .kv-content .copy-content{
        width: 78.888889vw;
        margin: 11.111111vw auto 16.666667vw;
    }
    .woods .section-kv .kv-content .copy-content p{
        font-size: 3.888889vw;
    }
    .woods .section-kv .kv-content .copy-content img{
        width: 55.972222vw;
        margin: 5.555556vw auto 2.777778vw;
    }
    .woods .section-kv .kv-content .copy-content h2{
        font-size: 7.222222vw;
    }
    .woods .section-kv .kv-intro .copy-content{
        width: 87.5vw;
        margin: 0 auto;
    }
    .woods .section-kv .kv-intro .copy-content p{
        font-size: 5.555556vw;
    }
    .woods .section-kv .kv-intro .video-pop-play{
        font-size: 4.444444vw;
        margin-top: 5.555556vw;
    }
    .woods .section-kv .kv-intro .video-pop-play .play-button{
        font-size: 4.444444vw;
    }
    .woods .section-kv .kv-intro .video-pop-play img{
        width: 7.777778vw;
        margin-left: 1.666667vw;
    }
    .woods .section-highlight{
        margin-top: 16.666667vw;
    }
    .woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide:nth-of-type(1){
        transform: scale(1);
        transform-origin: 0;
        transition: opacity 1.5s;
        opacity: .5;
    }
    .woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide:nth-of-type(1).swiper-slide-active{
        opacity: 1;
    }
    .woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide{
        opacity: .5;
        transition: opacity 1.5s;
        border-radius: 2.222222vw;
    }
    .woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide-active{
        opacity: 1;
    }
    .woods .section-highlight .highlight-swiper .swiper-wrapper .swiper-slide .green-shadow{
        position: absolute;
        width: 162.5vw;
        height: 162.5vw;
        top: 46.527778vw;
        left: -4.166667vw;
        transform: none;
        background-image: radial-gradient(circle, #537B5C 0%, #000000 70%);
        z-index: 2;
        border-radius: 50%;
    }
    .woods .section-highlight .highlight-content .pic-content h3{
        font-size: 5vw;
        opacity: 1;
        transform: translateX(0);
        width: 70vw;
        top: 6.666667vw;
        left: 6.666667vw;
    }
    .woods .section-highlight .swiper-pagination{
        padding: 0 5vw;
    }
    .woods .section-highlight .swiper-pagination-bullet{
        width: 2.222222vw;
        height: 2.222222vw;
        margin: 0 1.666667vw;
    }
    .woods .section-highlight .highlight-swiper-control{
        padding: 4.444444vw 6.805556vw;
        border-radius: 99px;
        margin: 8.333333vw auto 0;
    }
    .woods .section-highlight .highlight-swiper .swiper-button-next, 
    .woods .section-highlight .highlight-swiper .swiper-button-prev{
        width: 2.5vw;
        height: 4.444444vw;
    }
    .woods .section-highlight .highlight-swiper .swiper-button-next:after, 
    .woods .section-highlight .highlight-swiper .swiper-button-prev:after{
        width: 2.5vw;
        height: 4.444444vw;
    }
    .woods .section-highlight .highlight-swiper .pic-content .left{
        left: 50%;
        transform: translateX(-50%);
        flex-direction: column;
        top: 27.777778vw;
    }
    .woods .section-highlight .highlight-swiper .pic-content .left div:first-child, 
    .woods .section-highlight .highlight-swiper .pic-content .right div:first-child{
        margin-bottom: 10.833333vw;
    }
    .woods .section-highlight .highlight-swiper .pic-content .left p, 
    .woods .section-highlight .highlight-swiper .pic-content .right p{
        font-size: 4.444444vw;
    }
    .woods .section-highlight .highlight-swiper .pic-content .left p:first-child, 
    .woods .section-highlight .highlight-swiper .pic-content .right p:first-child{
        font-size: 6.666667vw;
    }
    .woods .section-highlight .highlight-swiper .pic-content .left p span, 
    .woods .section-highlight .highlight-swiper .pic-content .right p span{
        font-size: 22.222222vw;
    }
    .woods .section-design .design-content{
        height: auto;
        margin-top: 15vw;
    }
    .woods .section-design .design-content .sticky-content{
        position: relative;
        height: auto;
    }
    .woods .section-design .design-content .pic-content video{
        height: auto;
    }
    .woods .section-design .design-content .pic-content .copy-content{
        position: initial;
        transform: none;
        width: 83.333333vw;
        margin: 0 auto;
        opacity: 1;
    }
    .woods .section-design .design-content .pic-content .copy-content h2{
        color: #333333;
        width: auto;
        margin-bottom: 4.166667vw;
    }
    .woods .section-design .design-content .pic-content .copy-content p{
        color: #888888;
    }
    .woods .section-design .design-content .pic-content .copy-content .detail{
        width: auto;
        margin-top: 7.638889vw;
        margin-bottom: 8.333333vw;
    }
    .woods .section-design .design-content .pic-content .copy-content .detail .desc{
        margin-top: 3.333333vw;
        padding-top: 1.944444vw;
    }
    .woods .section-design .design-content .pic-content .copy-content .detail .desc p{
        font-size: 3.333333vw;
    }
    .woods .section-design .design-content .pic-content .copy-content .detail .desc .information{
        color: #333333;
        font-size: 6.666667vw;
    }
    .woods .section-design .design-content .pic-content .copy-content .detail .desc .information b{
        font-size: 8.888889vw;
    }
    .woods .section-design .design-content .pic-content .copy-content .detail .desc .information span{
        font-size: 11.111111vw;
    }
    
    .woods .section-design .design-content .pic-content{
        display: flex;
        flex-direction: column-reverse;
    }
    .woods .section-architecture .architecture-content{
        height: auto;
    }
    .woods .section-architecture .architecture-content .pic-content .design-hinge-background{
        position: relative;
    }
    .woods .section-architecture .architecture-content .pic-content{
        position: initial;
        background: #ffffff;
        height: auto;
    }
    .woods .section-architecture .architecture-content .copy-content{
        position: initial;
        width: 83.333333vw;
        margin: 20.833333vw auto 8.888889vw;
        opacity: 1;
    }
    .woods .section-architecture .architecture-content .copy-content h2{
        color: #333333;
        margin-bottom: 4.166667vw;
    }
    .woods .section-architecture .architecture-content .bezel{
        top: 9.361111vw;
        left: 9.402778vw;
    }
    .woods .section-architecture .architecture-content .dial{
        top: 15.277778vw;
        left: 50.652778vw;
        flex-direction: row;
        align-items: flex-start;
    }
    .woods .section-architecture .architecture-content .watch-case{
        top: 28.180556vw;
        left: 64.097222vw;
        flex-direction: row;
        align-items: flex-start;
    }
    .woods .section-architecture .architecture-content .button{
        top: 47.222222vw;
        left: 69.166667vw;
    }
    .woods .section-architecture .architecture-content .case-back{
        top: 80.277778vw;
        left: 31.930556vw;
        flex-direction: row-reverse;
        align-items: flex-end;
    }
    
    .woods .section-architecture .architecture-content .bezel img{
        width: 5.295833vw;
        clip-path: none
    }
    .woods .section-architecture .architecture-content .watch-case img{
        width: 5.130556vw;
        height: auto;
        clip-path: none
    }
    .woods .section-architecture .architecture-content .dial img{
        width: 5.365278vw;
        height: 31.169444vw;
        clip-path: none
    }
    .woods .section-architecture .architecture-content .button img{
        width: 5.130556vw;
        clip-path: none
    }
    .woods .section-architecture .architecture-content .case-back img{
        width: 45.833333vw;
        margin-right: 0;
        clip-path: none;
        height: auto;
    }
    .woods .section-architecture .architecture-content .bezel p,
    .woods .section-architecture .architecture-content .button p,
    .woods .section-architecture .architecture-content .dial p,
    .woods .section-architecture .architecture-content .watch-case p{
        font-size: 3.333333vw;
        margin: 0;
        opacity: 1;
    }
    .woods .section-architecture .architecture-content .bezel p{
        width: 31.111111vw;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translate(105%, -50%);
    }
    .woods .section-architecture .architecture-content .dial p{
        width: 30.833333vw;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translate(105%, -50%);
    }
    .woods .section-architecture .architecture-content .watch-case p{
        width: 19.305556vw;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translate(105%, -50%);
    }
    .woods .section-architecture .architecture-content .button p{
        width: 20.833333vw;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translate(105%, -50%);
    }
    .woods .section-architecture .architecture-content .case-back p{
        font-size: 3.333333vw;
        width: 27.5vw;
        margin: 0;
        margin: 0;
        left: 0;
        bottom: 0;
        top: auto;
        right: auto;
        transform: translate(-105%, 50%);
        opacity: 1;
    }
    
    .woods .section-color .color-content .color-swiper .copy-content{
        flex-direction: column-reverse;
        width: 83.333333vw;
        margin: 0 auto 6.666667vw;
    }
    .woods .section-color .color-content .color-swiper .copy-content p{
        width: auto;
    }
    .woods .section-color .color-content{
        width: 91.111111vw;
        margin: 0 auto;
    }
    .woods .section-color .color-content .color-btn{
        top: auto;
        padding: 3.888889vw 0;
        width: 91.111111vw;
        justify-content: flex-end;
        border-radius: 2.222222vw;
        background: linear-gradient(to bottom,#F7FAF9 0%,#FFFFFF 100%);
        box-shadow: 0px 10px 30px rgba(0,0,0,0.09);
        position: sticky;
        bottom: 8.333333vw;
        opacity: 0;
        transition: opacity .4s ease;
        z-index: 6;
    }
    .woods .section-color .color-content .color-btn.active{
        opacity: 1;
    }
    .woods .section-color .color-content .color-btn h2{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 3.888889vw;
        opacity: 0;
        transition: opacity .6s ease;
    }
    .woods .section-color .color-content .color-btn h2.active{
        opacity: 1;
    }
    .woods .section-color .color-content .color-btn>div{
        margin: 0 1.944444vw;
        border-radius: 50%;
    }
    .woods .section-color .color-content .color-btn>div:last-child{
        margin-right: 3.888889vw;
    }
    .woods .section-color .color-content .color-btn>div>div{
        width: 6.666667vw;
        height: 6.666667vw;
        border-radius: 50%;
        border: solid .555556vw #F7F8FA;
    }
    .woods .section-color .color-content .color-btn div{
        border: solid .555556vw transparent;
    }
    .woods .section-color .color-content .color-btn div.green.active{
        border: solid .555556vw #537B5C;
        border-radius: 50%;
    }
    .woods .section-color .color-content .color-btn div.active div{
        border: solid .555556vw #FFFFFF;
    }
    .woods .section-color .color-content .color-btn div.blue>div{
        background-color: #2B4977;
    }
    .woods .section-color .color-content .color-btn div.blue.active{
        border: solid .555556vw #2B4977;
        border-radius: 50%;
    }
    .woods .section-color .color-content .color-btn div.black>div{
        background-color: #333333;
    }
    .woods .section-color .color-content .color-btn div.black.active{
        border: solid .555556vw #333333;
        border-radius: 50%;
    }
    .woods .section-color .color-content .color-swiper{
        margin-bottom: 6.666667vw;
        overflow: hidden;
        z-index: 3;
    }
    .woods .section-color .color-content .color-swiper .copy-content h2{
        position: absolute;
        bottom: -20vw;
        left: 3.888889vw;
        z-index: 3;
    }
    .woods .section-color .color-content .color-swiper .pic-content{
        flex-direction: column;
    }
    .woods .section-color .color-content .color-swiper .pic-content img{
        border-radius: 2.222222vw;
    }
    .woods .section-color .color-content .color-swiper .pic-content .left{
        width: 100%;
    }
    .woods .section-color .color-content .color-swiper .pic-content .right{
        width: 100%;
        flex-direction: row;
        margin-top: 3.333333vw;
    }
    .woods .section-color .color-content .color-swiper .pic-content .right div{
        width: 43.888889vw;
    }
    .woods .section-morecase{
        height: auto;
    }
    .woods .section-morecase .morecase-content{
        position: initial;
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        overflow: hidden;
    }
    .woods .section-morecase .morecase-content .case{
        position: initial;
        transform: none;
        margin-top: 13.055556vw;
    }
    .woods .section-morecase .morecase-content .case .copy-content{
        opacity: 1;
        transform: none;
        width: 83.333333vw;
        text-align: left;
    }
    .woods .section-morecase .morecase-content .case .copy-content p{
        margin-top: 4.166667vw;
    }
    .woods .section-morecase .morecase-content .case .pic-content{
        width: 94.444444vw;
        margin: 8.888889vw 0 0 5.555556vw;
    }
    .woods .section-morecase .morecase-content .more {
        flex-direction: column;
    }
    .woods .section-morecase .morecase-content .more .copy-content{
        width: 83.333333vw;
        margin: 0 auto;
        position: initial;
        transform: none;
    }
    .woods .section-morecase .morecase-content .more .copy-content p{
        margin-top: 4.166667vw;
    }
    .woods .section-morecase .morecase-content .more .pic-content{
        width: 82.361111vw;
        margin-top: 8.888889vw;
        margin-left: 17.222222vw;
        left: 0;
    }
    .woods .section-morecase .morecase-content .more .pic-content img{
        width: 100%;
        height: auto;
    }
    .woods .section-golf .golf-content{
        margin-top: 15vw;
        height: auto;
    }
    .woods .section-golf .golf-content .golf-sticky{
        position: relative;
        height: auto;
        overflow: visible;
    }
    .woods .section-golf .golf-content .golf-desc .copy-content{
        opacity: 1;
        transform: none;
        width: 83.333333vw;
        margin: 0 auto;
        background: #ffffff;
    }
    .woods .section-golf .golf-content .golf-desc .copy-content div{
        width: auto;
        margin: 0;
    }
    .woods .section-golf .golf-content .golf-desc .copy-content div p{
        margin: 4.166667vw 0 8.888889vw;
    }
    .woods .section-golf .golf-content .golf-bg{
        transform: none;
    }
    .woods .section-golf .golf-content .golf-case{
        position: absolute;
        transform: translate(-50%,55%);
        opacity: 1;
        top: auto;
        bottom: 0;
        left: 50%;
        width: 50vw;
    }
    .woods .section-golf .golf-content .golf-desc{
        position: initial;
        flex-direction: column-reverse;
    }
    .woods .section-golf .golf-content .golf-desc .pic-content{
        transform: none;
        opacity: 1;
        width: 100%;
    }
    .woods .section-golf .golf-content .golf-desc .pic-content img{
        height: auto;
    }
    .woods .section-swing{
        margin-top: 38.055556vw;
    }
    .woods .section-swing .swing-content .copy-content{
        width: 83.333333vw;
        text-align: left;
        margin: 0 auto 8.888889vw;
    }
    .woods .section-swing .swing-content .copy-content p{
        margin-top: 4.166667vw;
    }
    .woods .section-swing .swing-content .pic-content{
        display: block;
    }
    .woods .section-swing .swing-content .pic-content .left{
        width: 100%;
    }
    .woods .section-swing .swing-content .pic-content .left .distance1{
        top: 22.708333vw;
        left: 19.194444vw;
    }
    .woods .section-swing .swing-content .pic-content .left .distance1 .line{
        width: 42.472222vw;
    }
    .woods .section-swing .swing-content .pic-content .left .distance2{
        top: 50vw;
        left: 28.611111vw;
    }
    .woods .section-swing .swing-content .pic-content .left .distance2 .line{
        width: 0;
        height: .277778vw;
    }
    .woods .section-swing .swing-content .pic-content .left .distance p{
        opacity: 0;
        font-size: 3.333333vw;
        transform: translateY(-75%);
        width: 33.888889vw;
        height: fit-content;
    }
    .woods .section-swing .swing-content .pic-content .left .distance2 p{
        width: 26.666667vw;
    }
    .woods .section-swing .swing-content .pic-content .left .distance span{
        font-size: 6.666667vw;
    }
    .woods .section-swing .swing-content .pic-content .left .distance span.small{
        font-size: 3.888889vw;
    }
    .woods .section-record .record-content .copy-content{
        width: 83.333333vw;
        text-align: left;
        margin: 0 auto 8.333333vw;
    }
    .woods .section-record .record-content .copy-content p{
        margin-top: 4.166667vw;
    }
    .woods .section-record .record-content .record-swiper .record-item{
        width: 49.722222vw;
        margin: 6.111111vw 10.138889vw 0;
    }
    .woods .section-record .record-content .record-swiper .record-item h3{
        width: auto;
    }
    .woods .section-record .record-content .record-swiper .record-item .pic-content{
        width: 100%;
        margin: 4.166667vw auto 0;
    }
    .woods .section-record .record-content .record-swiper .record-swiper-btn{
        display: none;
    }
    .woods .section-record .record-content .record-swiper .swiper-slide{
        border-radius: 2.222222vw;
    }
    .woods .section-record .record-content .record-swiper .swiper-slide:last-child .record-item .pic-content{
        width: 32.222222vw;
        margin: 6.388889vw auto 13.611111vw;
    }
    .woods .section-record .record-content .record-swiper .record-item .re-play{
        bottom: 4.305556vw;
    }
    .woods .section-record .record-content .record-swiper .record-item .re-play img{
        width: 3.888889vw;
        margin-right: 1.111111vw;
    }
    .woods .section-record .record-content .record-swiper .record-item .re-play p{
        font-size: 3.888889vw;
    }
    .woods .section-record .record-content .record-swiper{
        padding: 0 8.333333vw 6.944444vw;
    }
    .woods .section-record .record-content .record-swiper .swiper-pagination{
        display: flex;
        bottom: 0;
        height: 1.666667vw;
        justify-content: center;
    }
    .woods .section-record .record-content .record-swiper .swiper-pagination-bullet{
        height: 1.388889vw;
        width: 1.388889vw;
        margin: 0 .833333vw;
        background: #999999;
        opacity: 1;
        transition: all .6s ease;
        transform: translate3d(0,0,1px);
    }
    .woods .section-record .record-content .record-swiper .swiper-pagination-bullet-active{
        background: #555555;
        border-radius: 99px;
        width: 4.444444vw;
    }
    .woods .section-potential .potential-content{
        width: 100%;
    }
    .woods .section-potential .potential-content h2{
        width: 83.333333vw;
        text-align: left;
    }
    .woods .section-potential .potential-content .potential-item{
        flex-direction: column;
        margin-top: 0;
    }
    .woods .section-potential .potential-content .potential-item .desc{
        width: 83.333333vw;
        margin: 0 auto;
    }
    .woods .section-potential .potential-content .potential-item .desc p{
        width: auto;
        margin: 4.166667vw auto 8.888889vw;
    }
    .woods .section-potential .potential-content .potential-item .pic-content{
        width: 100%;
    }
    .woods .section-adventurous .adventurous-content{
        position: initial;
    }
    .woods .section-adventurous .adventurous-content .copy-content{
        width: 83.333333vw;
        margin: 15vw auto 8.888889vw;
    }
    .woods .section-adventurous .adventurous-content .copy-content p{
        width: auto;
        color: #888888;
        margin-top: 4.166667vw;
    }
    .woods .section-wild .wild-content {
        display: flex;
        background: #ffffff;
        flex-direction: column-reverse;
        padding: 0;
    }
    .woods .section-wild .wild-content .copy-content{
        width: 83.333333vw;
        margin: 20.833333vw auto 8.888889vw;
    }
    .woods .section-wild .wild-content .copy-content p{
        margin-top: 4.166667vw;
    }
    .woods .section-wild .wild-content .pic-content{
        width: 79.166667vw;
        margin: 0 auto;
    }
    .woods .section-insist .insist-content {
        display: flex;
        flex-direction: column-reverse;
    }
    .woods .section-insist .insist-content .copy-content{
        position: initial;
        width: 83.333333vw;
        margin: 20.833333vw auto 8.888889vw;
    }
    .woods .section-insist .insist-content .copy-content p{
        margin-top: 4.166667vw;
    }
    .woods .section-safe .safe-content{
        flex-direction: column;
        background: #ffffff;
        padding: 0;
    }
    .woods .section-safe .safe-content .safe-swiper{
        width: 100%;
        margin: 0;
    }
    .woods .section-safe .safe-content .safe-item{
        width: 100%;
        margin: 0 auto;
        border-radius: 0;
    }
    .woods .section-safe .safe-content .safe-item.left{
        margin: 20.833333vw auto 0;
    }
    .woods .section-safe .safe-content .safe-item .pop-content{
        width: 83.333333vw;
        margin: 0 auto 8.888889vw;
        position: initial;
        opacity: 1;
        background: #ffffff;
        border-radius: 0;
        display: block;
    }
    .woods .section-safe .safe-content .safe-item .pic-content{
        border-radius: 0;
    }
    .woods .section-safe .safe-content .safe-item .pop-content .copy-content{
        width: auto;
    }
    .woods .section-safe .safe-content .safe-item .pop-content .copy-content h3{
        font-size: 8.888889vw;
        margin-bottom: 4.166667vw;
    }
    .woods .section-safe .safe-content .safe-swiper .swiper-pagination{
        bottom: 5.555556vw;
    }
    .woods .section-safe .safe-content .safe-swiper .swiper-pagination-bullet{
        margin: 0 .833333vw;
        width: 1.388889vw;
        height: 1.388889vw;
    }
    .woods .section-safe .safe-content .safe-swiper .swiper-pagination-bullet-active{
        width: 4.444444vw;
        border-radius: 99px;
    }
    .woods .section-safe .safe-content .safe-item.right{
        margin-top: 20.833333vw;
    }
    .woods .section-diving{
        background: #000000;
        padding-top: 22.222222vw;
    }
    .woods .section-diving .diving-content .big-title{
        position: initial;
        padding: 0 0 17.5vw;
    }
    .woods .section-diving .diving-bg{
        display: flex;
        flex-direction: column-reverse;
    }
    .woods .section-diving .diving-bg-content{
        height: auto;
    }
    .woods .section-diving .diving-bg-content .diving-sticky{
        position: initial;
        height: auto;
    }
    .woods .section-diving .diving-bg video{
        height: auto;
    }
    .woods .section-diving .diving-bg .copy-content{
        position: initial;
        transform: none;
        opacity: 1;
        align-items: flex-start;
        flex-direction: column;
        width: 83.333333vw;
        margin: 0 auto;
    }
    .woods .section-diving .diving-bg .copy-content h2{
        width: auto;
        margin: 0;
    }
    .woods .section-diving .diving-bg .copy-content p{
        width: 83.333333vw;
        margin-top: 4.166667vw;
    }
    .woods .section-diving .diving-bg .copy-content p.note{
        margin-top: 8.888889vw;
    }
    .woods .section-diving .diving-bg .copy-content .value{
        margin: 8.888889vw 0;
    }
    .woods .section-diving .diving-bg .copy-content .value div{
        width: 100%;
        margin-top: 8.333333vw;
    }
    .woods .section-diving .diving-bg .copy-content .value div:first-child{
        margin-right: 0;
        margin-top: 0;
    }
    .woods .section-diving .diving-bg .copy-content .value div:last-child{
        margin-top: 8.333333vw;
    }
    .woods .section-diving .diving-bg .copy-content .value div p:first-child{
        margin-bottom: 0;
    }
    .woods .section-diving .diving-bg .copy-content .value div span{
        font-size: 11.111111vw;
    }
    .woods .section-diving .diving-content .copy-content{
        width: 83.333333vw;
        margin: 15.277778vw auto 0;
        position: initial;
    }
    .woods .section-diving .diving-content .copy-content p{
        width: auto;
        margin-top: 2.777778vw;
    }
    .woods .section-diving .diving-content .copy-content .value{
        flex-wrap: nowrap;
        flex-direction: column;
        margin-top: 10.833333vw;
    }
    .woods .section-diving .diving-content .copy-content .value div p{
        font-size: 3.333333vw;
    }
    .woods .section-diving .diving-content .copy-content .value div span{
        font-size: 11.111111vw;
    }
    .woods .section-diving .diving-content .copy-content .value div{
        width: auto;
    }
    .woods .section-diving .diving-content .copy-content .value div:first-child{
        margin: 0 0 10.833333vw;
    }
    .woods .section-diving .diving-content .copy-content .value div:last-child{
        margin: 10.833333vw 0 8.888889vw;
    }
    .woods .section-possibilities{
        background: #000000;
    }
    .woods .section-possibilities .possibilities-content{
        display: flex;
        flex-direction: column-reverse;
    }
    .woods .section-possibilities .possibilities-content .copy-content{
        position: initial;
        width: 83.333333vw;
        margin: 20.833333vw auto 8.888889vw;
        z-index: 2;
    }
    .woods .section-possibilities .possibilities-content .copy-content h2{
        margin-bottom: 4.166667vw;
    }
    .woods .section-possibilities .possibilities-content .pic-content{
        position: relative;
        z-index: 1;
    }
    .woods .section-safeguard{
        padding-top: 22.222222vw;
        overflow: visible;
        padding-bottom: 6.944444vw;
    }
    .woods .section-safeguard .safeguard-content{
        width: 83.333333vw;
        margin: 0 auto;
        background: #151515;
        padding: 4.166667vw;
        border-radius: 2.222222vw;
        flex-direction: column-reverse;
        overflow: visible;
    }
    .woods .section-safeguard .safeguard-content .safeguard-swiper{
        width: 100%;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
    }
    .woods .section-safeguard .safeguard-content .safeguard-swiper .swiper-wrapper{
        flex-direction: row;
        margin-top: 0;
        display: flex;
    }
    .woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content h2{
        font-size: 8.888889vw;
        cursor: auto;
    }
    .woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content2 h2{
        margin-top: 0;
    }
    .woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content p{
        margin-top: 4.166667vw;
    }
    .woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content{
        padding-left: 0;
    }
    .woods .section-safeguard .safeguard-content .safeguard-swiper .copy-content.active::after{
        content: none;
    }
    .woods .section-safeguard .safeguard-content .safeguard-swiper .swiper-wrapper::after{
        content: none;
    }
    .woods .section-safeguard .safeguard-content .safeguard-pic-swiper{
        width: 69.722222vw;
        margin: 12.5vw auto 10.277778vw;
        overflow: visible;
        height: auto;
    }
    .woods .section-safeguard .safeguard-content .safeguard-pic-swiper .swiper-wrapper{
        overflow: hidden;
    }
    .woods .section-safeguard .safeguard-content .safeguard-pic-swiper .pic-content-s{
        width: 56.666667vw;
        margin: 0 auto;
    }
    .woods .section-safeguard .safeguard-content .safeguard-pic-swiper .swiper-pagination{
        bottom: -20vw;
        display: flex;
        justify-content: center;
    }
    .woods .section-safeguard .safeguard-content .safeguard-pic-swiper .swiper-pagination-bullet{
        margin: .833333vw;
        width: 1.388889vw;
        height: 1.388889vw;
        transition: all 1s ease;
        background: #555555;
        opacity: 1;
        transform: translate3d(0,0,1px);
    }
    .woods .section-safeguard .safeguard-content .safeguard-pic-swiper .swiper-pagination-bullet-active{
        width: 4.444444vw;
        border-radius: 99px;
        background: #999999;
    }
    .woods .section-core{
        margin-top: 24.722222vw;
    }
    .woods .section-core .core-swiper{
        width: 91.666667vw;
        margin-top: 20.833333vw;
    }
    .woods .section-core .core-swiper .swiper-wrapper{
        background: #151515;
        padding: 4.166667vw 0;
        border-radius: 2.222222vw;
    }
    .woods .section-core .core-swiper .core-content {
        flex-direction: column;
        width: 83.333333vw;
        margin: 0 auto;
        align-items: flex-start;
    }
    .woods .section-core .core-swiper .core-content .copy-content{
        width: auto;
    }
    .woods .section-core .core-swiper .core-content .copy-content h3{
        font-size: 8.888889vw;
    }
    .woods .section-core .core-swiper .core-content .copy-content a{
        margin-top: 94.444444vw;
        display: inline-block;
        font-size: 4.444444vw;
        text-decoration: none;
        color: #1B69FD;
    }
    .woods .section-core .core-swiper .core-content .pic-content{
        position: absolute;
        width: 54.444444vw;
        margin: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .woods .section-core .core-swiper .core-content .copy-content p{
        margin: 4.166667vw 0 8.888889vw;
    }
    .woods .section-core .core-swiper .core-content .copy-content p.note{
        font-size: 3.333333vw;
    }

    .woods .section-core .core-swiper .swiper-pagination{
        justify-content: center;
        margin: 5.555556vw 0 0;
    }
    
    .woods .section-core .core-swiper .swiper-pagination-bullet{
        width: 1.388889vw;
        height: 1.388889vw;
        margin: 0 .833333vw;
    }
    .woods .section-core .core-swiper .swiper-pagination-bullet-active{
        width: 4.444444vw;
        border-radius: 99px;
    }
    .woods .section-core .core-item{
        width: 83.333333vw;
        margin: 20.833333vw auto 0;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .woods .section-core .core-item div{
        width: auto;
        margin: 0 0 16.666667vw;
    }
    .woods .section-core .core-item div:last-child{
        margin-bottom: 0;
    }
    .woods .section-core .core-item div:nth-child(2n + 1) {
        margin-right: 0;
    }
    .woods .section-core .core-item div:first-child {
        margin-bottom: 16.666667vw;
    }
    .woods .section-core .core-item div img{
        width: 10vw;
        margin-bottom: 4.444444vw;
    }
    .woods .section-companion .companion-content {
        width: 83.333333vw;
        margin: 15.833333vw auto 0;
        flex-direction: column;
    }
    .woods .section-companion .companion-content .copy-content{
        width: auto;
    }
    .woods .section-companion .companion-content .copy-content p{
        width: auto;
        margin: 4.166667vw auto 8.888889vw;
    }
    .woods .section-companion .companion-content .copy-content .companion-item{
        width: auto;
    }
    .woods .section-companion .companion-content .copy-content .companion-item div p{
        font-size: 3.333333vw;
        width: auto;
    }
    .woods .section-companion .companion-content .copy-content .companion-item div p:first-child{
        font-size: 4.444444vw;
    }
    .woods .section-companion .companion-content .copy-content .companion-item div p span{
        font-size: 13.888889vw;
    }
    .woods .section-companion .companion-content .copy-content .companion-item div:first-child,
    .woods .section-companion .companion-content .copy-content .companion-item div:nth-child(2){
        margin-bottom: 8.888889vw;
    }
    .woods .section-companion .companion-content .copy-content .companion-item div:nth-child(2n+1){
        width: 36.388889vw;
    }
    .woods .section-companion .companion-content .copy-content .companion-item div:nth-child(2n){
        width: 41.805556vw;
    }
    .woods .section-companion .companion-content .copy-content .companion-item div:last-child p:first-child, .woods .section-companion .companion-content .copy-content .companion-item div:nth-child(3) p:first-child{
        font-size: 3.333333vw;
    }
    .woods .section-companion .companion-content .copy-content .companion-item div:last-child p:nth-child(2), .woods .section-companion .companion-content .copy-content .companion-item div:nth-child(3) p:nth-child(2){
        font-size: 4.444444vw;
    }
    .woods .section-bluetooth .bluetooth-content {
        flex-direction: column-reverse;
    }
    .woods .section-companion .companion-content .pic-content{
        width: 54.444444vw;
        margin: 11.111111vw auto 0;
    }
    .woods .section-bluetooth{
        margin-top: 20.833333vw;
    }
    .woods .section-bluetooth .bluetooth-content .copy-content{
        width: 83.333333vw;
    }
    .woods .section-bluetooth .bluetooth-content .copy-content h2{
        margin-bottom: 4.166667vw;
    }
    .woods .section-bluetooth .bluetooth-content .pic-content{
        width: 95.694444vw;
        margin: 0 auto;
    }
    .woods .section-accessories{
        margin-top: 13.888889vw;
    }
    .woods .section-accessories .accessories-content {
        width: 100%;
        flex-direction: column;
    }
    .woods .section-accessories .accessories-content>div{
        width: auto;
        border-radius: 0;
    }
    .woods .section-accessories .accessories-content .copy-content{
        width: 83.333333vw;
        text-align: center;
        margin: 4.722222vw auto 4.444444vw;
    }
    .woods .section-accessories .accessories-content .right .copy-content{
        margin: 4.722222vw auto 4.444444vw;
    }
    .woods .section-accessories .accessories-content>div.left{
        margin-bottom: 11.111111vw;
    }
    .woods .section-accessories .accessories-content .copy-content h3{
        font-size: 6.666667vw;
        margin-bottom: 4.166667vw;
    }
    .woods .section-accessories .accessories-content .copy-content p{
        font-size: 3.888889vw;
    }
    .woods .section-accessories .accessories-content .copy-content a{
        font-size: 4.444444vw;
    }
    .woods .section-footnote {
        font-size: 3.333333vw;
        width: 88.888889vw;
        margin: 0 auto;
        padding-bottom: 22.222222vw;
        padding-top: 19.444444vw;
    }
}