.showpc {
    display: block;
}

.showmob {
    display: none;
}

.wx-video-poster {
    display: none;
    width: 100%;
}

.only-ie {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.hooke-title1 {
    font-size: 6.25vw;
    font-weight: bold;
    line-height: 1.25;
}

.hooke-title2 {
    font-size: 4.166667vw;
    font-weight: bold;
    line-height: 1.25;
}

.hooke-title3 {
    font-size: 3.333333vw;
    font-weight: bold;
    line-height: 1.25;
}

.hooke-title4 {
    font-size: 2.5vw;
    font-weight: bold;
    line-height: 1.25;
}

.hooke-dis1 {
    font-size: 1.666667vw;
    line-height: 1.6;
}

.hooke-dis2 {
    font-size: 1.145833vw;
    line-height: 1.6;
}

.hooke-dis3 {
    font-size: 0.833333vw;
    line-height: 1.6;
}

.hooke-dis4 {
    font-size: 0.677083vw;
    line-height: 1.6;
}

.hooke-dtd1 {
    height: 10.416667vw;
    line-height: 0;
    font-size: 0;
}

.hooke-dtd2 {
    height: 6.25vw;
}

.hooke-td1 {
    margin-bottom: 4.166667vw;
}

.hooke-td2 {
    margin-bottom: 3.125vw;
}

.hooke-td3 {
    margin-bottom: 2.083333vw;
}

.hooke-td4 {
    margin-bottom: 1.5625vw;
}

.hooke-td5 {
    margin-bottom: 0.520833vw;
}

.hooke-text-opacity {
    opacity: 0.7;
}

.hooke-text-bold {
    font-weight: bold;
}

.hooke-container .bg-black {
    background-color: #0B0B0B;
}

.hooke-container sup {
    line-height: 0;
}

.hooke-container sup a {
    color: inherit;
    font-size: 0.6em;
}

.hooke-s1 .hooke-kv {
    width: 100%;
    position: relative;
    margin-bottom: 3.229167vw;
}

.hooke-s1 .hooke-kv .hooke-kv-img {
    width: 100%;
}

.hooke-s1 .hooke-kv .hooke-kv-logo-container {
    width: 31.458333vw;
    text-align: center;
    position: absolute;
    top: 17.989583vw;
    left: 57.760417vw;
}

.hooke-s1 .hooke-kv .hooke-kv-logo-container img {
    width: 100%;
    margin-bottom: 1.71875vw;
}

.hooke-s1 .hooke-kv-texts {
    width: 46.458333vw;
    margin: 0 auto;
    text-align: center;
}

.hooke-s1 .hooke-kv-texts p {
    opacity: 0;
    -webkit-transform: translateY(1.5625vw);
    transform: translateY(1.5625vw);
}

.hooke-s2 {
    width: 100%;
}

.hooke-s2 .hooke-s2-container {
    width: 82.34375vw;
    margin: 0 auto;
}

.hooke-s2 .hooke-s2-container h3 {
    text-align: center;
    margin-bottom: 3.75vw;
}

.hooke-s2 .s2-point-container {
    width: 100%;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.5625vw;
    column-gap: 1.5625vw;
}

.hooke-s2 .s2-point {
    width: 26.40625vw;
    line-height: 0;
    position: relative;
    cursor: pointer;
    color: #fff;
}

.hooke-s2 .s2-point img {
    width: 100%;
}

.hooke-s2 .s2-point .s2-point-text {
    width: 88.165%;
    position: absolute;
    top: 1.197917vw;
    left: 1.5625vw;
}

.hooke-s2 .s2-point .s2-point-text p {
    opacity: 0.8;
}

.hooke-s2 .s2-point .s2-point-text span {
    line-height: 1.6;
    display: inline-block;
    font-weight: bold;
}

.hooke-s2 .s2-point1,
.hooke-s2 .s2-point3,
.hooke-s2 .s2-point4 {
    margin-bottom: 1.5625vw;
}

.hooke-s2 .s2-point4 {
    height: 20.364583vw;
    line-height: 0;
}

.hooke-s2 .s2-point4 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.041667vw;
}

.hooke-s2 .s2-point5 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.041667vw;
}

.hooke-s2 .s2-point4-img,
.hooke-s2 .s2-point5-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.041667vw;
}

.hooke-sellpoint-arrow {
    width: 2.395833vw !important;
    height: 2.395833vw;
    position: absolute;
    bottom: 0.541667vw;
    right: 0.541667vw;
    cursor: pointer;
    background-color: #393939;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
    transform: translate3d(0, 0, 0);
}

.hooke-sellpoint-arrow img {
    width: 100%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.s2-point:hover .hooke-sellpoint-arrow img {
    -webkit-transform: translateY(-48%);
    transform: translateY(-48%);
    -webkit-transition: all 1s;
    transition: all 1s;
}

.hooke-s3 {
    width: 100%;
    color: #fff;
    line-height: 0;
}

.hooke-s3 .hooke-s3-container {
    position: relative;
}

.hooke-s3 p {
    text-align: center;
}

.hooke-s3 video {
    width: 100%;
}

.hooke-s3 .hooke-s3-video-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hooke-s3 .hooke-s3-video-btn img {
    width: 2.1875vw;
}

.hooke-s3 .hooke-s3-video-btn span {
    margin-left: 1.197917vw;
    color: #fff;
}

.hooke-s4 {
    width: 100%;
    height: 500vh;
}

.hooke-s4 .hooke-s4-text-container {
    width: 86.458333vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
}

.hooke-s4 .hooke-s4-text-container h2 {
    width: 22.760417vw;
    margin-left: 14vw;
}

.hooke-s4 .hooke-s4-text-container p {
    width: 31.333333vw;
}

.hooke-s4 .hooke-s4-sticky {
    width: 100%;
    height: calc(100vh - 76px);
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    margin-bottom: calc((-100vh + 76px + 33.385417vw)/2);
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-logo-container {
    width: 12.083333vw;
    line-height: 0;
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-logo-container img {
    width: 100%;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container {
    width: 79.270833vw;
    height: 44.84375vw;
    margin: 0 auto;
    position: relative;
    padding: 0.78125vw 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div1 {
    width: 100%;
    -webkit-transform: scale(0.1) translate(-4vw, 122vw);
    transform: scale(0.1) translate(-4vw, 122vw);
    position: absolute;
    top: 0.78125vw;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div1 img {
    width: 100%;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div2 {
    position: absolute;
    left: 0;
    bottom: 0.78125vw;
    -webkit-transform: scale(0.1) translate(-4vw, -122vw);
    transform: scale(0.1) translate(-4vw, -122vw);
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div2 img {
    width: 100%;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div3 {
    width: 23.177083vw;
    height: 18.020833vw;
    position: absolute;
    top: 14vw;
    left: 0;
    -webkit-transform: scale(0.2) translateX(133vw);
    transform: scale(0.2) translateX(133vw);
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div3 img {
    position: absolute;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div3 .hooke-s4-img-div3-img1 {
    width: 3.4375vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div3 .hooke-s4-img-div3-img2 {
    width: 8.75vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div3 .hooke-s4-img-div3-img3 {
    width: 5.885417vw;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div3 .hooke-s4-img-div3-img4 {
    width: 3.802083vw;
    left: 60%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div4 {
    width: 25.052083vw;
    height: 17.395833vw;
    position: absolute;
    top: 14vw;
    right: 0;
    -webkit-transform: scale(0.2) translateX(-133vw);
    transform: scale(0.2) translateX(-133vw);
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div4 img {
    position: absolute;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div4 .hooke-s4-img-div4-img1 {
    width: 3.4375vw;
    top: 0;
    left: 30%;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div4 .hooke-s4-img-div4-img2 {
    width: 9.84375vw;
    top: 10%;
    right: 0;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div4 .hooke-s4-img-div4-img3 {
    width: 5.885417vw;
    left: 0;
    top: 30%;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div4 .hooke-s4-img-div4-img4 {
    width: 3.854167vw;
    left: 40%;
    bottom: 0;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div5 {
    width: 58.229167vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 0;
}

.hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div5 img {
    width: 100%;
}

.hooke-s5 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hooke-s5 .hooke-s5-video-container {
    color: #fff;
    position: relative;
}

.hooke-s5 .hooke-s5-video-container h2 {
    margin-bottom: 3.4375vw;
    margin-left: 6.041667vw;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    height: auto;
    top: calc((100vh - 76px - 33.385417vw) / 2 + 76px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-content {
    width: 58.229167vw;
    position: relative;
    line-height: 0;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-content .hooke-s5-img-matebook {
    position: relative;
    z-index: 9;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-content img {
    width: 100%;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container {
    width: 43.229167vw;
    position: absolute;
    top: 0.989583vw;
    left: 7.5vw;
    z-index: 3;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container>div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container .hooke-s5-video-div1 {
    z-index: 5;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container .hooke-s5-video-div2 {
    z-index: 4;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container .hooke-s5-video-div3 {
    z-index: 3;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container .hooke-s5-video-div4 {
    z-index: 2;
}

.hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

.hooke-s5 .hooke-s5-scroll-container {
    width: 3px;
    margin: 6.927083vw 1.302083vw 0 3.854167vw;
}

.hooke-s5 .hooke-s5-scroll-container .hooke-s5-scroll {
    width: 1px;
    height: 15vw;
    background-color: rgba(255, 255, 255, 0.41);
    position: relative;
}

.hooke-s5 .hooke-s5-scroll-container .hooke-s5-scroll span {
    width: 3px;
    height: 5vw;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -1px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
}

.hooke-s5 .hooke-s5-text-container {
    width: 22.395833vw;
    margin-top: 13.541667vw;
    padding-bottom: 8.854167vw;
    color: #fff;
}

.hooke-s5 .hooke-s5-text-container .hooke-s5-text-div {
    margin-bottom: 3.802083vw;
    opacity: 0.3;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.hooke-s5 .hooke-s5-text-container .hooke-s5-text-div h4 {
    margin-bottom: 1.041667vw;
}

.hooke-s5[data-index='1'] .hooke-s5-text-div1,
.hooke-s5[data-index='2'] .hooke-s5-text-div2,
.hooke-s5[data-index='3'] .hooke-s5-text-div3,
.hooke-s5[data-index='4'] .hooke-s5-text-div4 {
    opacity: 1;
}

.hooke-s5[data-index='1'] .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container .hooke-s5-video-div1,
.hooke-s5[data-index='2'] .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container .hooke-s5-video-div2,
.hooke-s5[data-index='3'] .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container .hooke-s5-video-div3,
.hooke-s5[data-index='4'] .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container .hooke-s5-video-div4 {
    z-index: 6;
    opacity: 1;
}

.hooke-s5[data-index='1'] .hooke-s5-scroll-container .hooke-s5-scroll span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-s5[data-index='2'] .hooke-s5-scroll-container .hooke-s5-scroll span {
    -webkit-transform: translateY(calc(5vw * 1));
    transform: translateY(calc(5vw * 1));
}

.hooke-s5[data-index='3'] .hooke-s5-scroll-container .hooke-s5-scroll span {
    -webkit-transform: translateY(calc(5vw * 2));
    transform: translateY(calc(5vw * 2));
}

.hooke-s6 {
    position: relative;
    height: 150vh;
}

.hooke-s6 .hooke-s6-sticky {
    height: calc(100vh - 76px);
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    overflow: hidden;
}

.hooke-s6 h2 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hooke-s6 .hooke-s6-img-container {
    width: 100%;
    line-height: 0;
}

.hooke-s6 .hooke-s6-img {
    position: absolute;
    will-change: transform;
    opacity: 0;
}

.hooke-s6 .hooke-s6-img img {
    width: 100%;
}

.hooke-s6 .hooke-s6-img1 {
    width: 26.197917vw;
    top: calc(50vh - 38px - 10.729947vw - 20.9178vh);
    left: -9.375vw;
    -webkit-transform: translateX(-16.96vw);
    transform: translateX(-16.96vw);
}

.hooke-s6 .hooke-s6-img2 {
    width: 9.947917vw;
    top: calc(50vh - 38px - 10.729947vw - 8.26894vh);
    left: 22.708333vw;
    -webkit-transform: translateY(calc(-50vh + 38px + 10.729947vw - 8.26894vh - 10.1vw));
    transform: translateY(calc(-50vh + 38px + 10.729947vw - 8.26894vh - 10.1vw));
}

.hooke-s6 .hooke-s6-img3 {
    width: 38.072917vw;
    top: calc(50vh - 38px - 10.729947vw);
    left: 31.40625vw;
    -webkit-transform: translateY(calc(50vh - 38px + 10.729947vw));
    transform: translateY(calc(50vh - 38px + 10.729947vw));
}

.hooke-s6 .hooke-s6-img4 {
    width: 4.635417vw;
    top: calc(50vh - 38px - 10.729947vw + 11.09925vh);
    left: 21.145833vw;
    -webkit-transform: translateY(calc(-50vh + 38px + 10.729947vw - 11.09925vh - 4.8vw));
    transform: translateY(calc(-50vh + 38px + 10.729947vw - 11.09925vh - 4.8vw));
}

.hooke-s6 .hooke-s6-img5 {
    width: 38.541667vw;
    top: calc(50vh - 38px - 10.729947vw - 8.9647vh);
    right: -18.90625vw;
    -webkit-transform: translateX(18.90625vw);
    transform: translateX(18.90625vw);
}

.hooke-s6 .hooke-s6-img6 {
    width: 21.979167vw;
    top: calc(50vh - 38px - 10.729947vw + 32.3372vh);
    left: -3.645833vw;
    -webkit-transform: translateX(calc(-21.979167vw + 3.645833vw));
    transform: translateX(calc(-21.979167vw + 3.645833vw));
}

.hooke-s6 .hooke-s6-img7 {
    width: 5.572917vw;
    top: calc(50vh - 38px - 10.729947vw);
    left: 6.822917vw;
    -webkit-transform: translateY(-24.17708vw);
    transform: translateY(-24.17708vw);
}

.hooke-s7 {
    width: 100%;
    height: 600vh;
}

.hooke-s7 h2 {
    text-align: center;
    margin-bottom: 1.5625vw;
}

.hooke-s7 .hooke-s7-sticky {
    width: 77.8125vw;
    height: calc(100vh - 76px);
    margin: 0 auto;
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* margin-top: calc((-100vh + 76px + 41.510417vw) / 2); */
    margin-bottom: calc((-100vh + 76px + 44.1666vw) / 2);
}

.hooke-s7 .hooke-s7-container {
    width: 100%;
}

.hooke-s7 .hooke-s7-container .hooke-s7-text-container {
    width: 54.270833vw;
    margin: 0 auto 1.302083vw auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hooke-s7 .hooke-s7-container .hooke-s7-text-container p {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}

.hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text2 {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
}

.hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text3 {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container {
    width: 100%;
    position: relative;
    line-height: 0;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container>div {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 {
    position: relative;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1>div img {
    width: 100%;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-1 {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 6;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-2 {
    width: 39.791667vw;
    position: absolute;
    top: 0.932292vw;
    left: 6.875vw;
    z-index: 4;
    overflow: hidden;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-3 {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-4 {
    width: 100%;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-2-video {
    width: 25.833333vw;
    position: absolute;
    top: 6.666667vw;
    left: 41.666667vw;
    z-index: 5;
    -webkit-transform: translateX(-157.5%);
    transform: translateX(-157.5%);
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-2-video video {
    width: 100%;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-2-text {
    position: absolute;
    top: 20.989583vw;
    left: 12.03125vw;
    color: #3267D6;
    vertical-align: middle;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-2-text span {
    font-size: 0.885417vw;
    line-height: 1.25;
    font-weight: bold;
    display: none;
    vertical-align: middle;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-2-text p {
    max-width: 2px;
    width: 0.10416vw;
    height: 0.9375vw;
    display: inline-block;
    margin-left: 2px;
    background-color: #3267D6;
    opacity: 0;
    vertical-align: middle;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-5 {
    width: 32.083333vw;
    position: absolute;
    top: 5.208333vw;
    right: 0.885417vw;
    z-index: 2;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1 .hooke-s7-img-div1-5 video {
    width: 100%;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div2 {
    width: 100%;
    position: absolute;
    top: 0;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div2>div img {
    width: 100%;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div2 .hooke-s7-img-div2-1 {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div2 .hooke-s7-img-div2-3 {
    width: 16.302083vw;
    position: absolute;
    top: 11.40625vw;
    left: 65.729167vw;
    z-index: 3;
    -webkit-transform: translate(-16.04167vw, -9.16667vw);
    transform: translate(-16.04167vw, -9.16667vw);
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 {
    width: 100%;
    position: absolute;
    top: 0;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3>div img {
    width: 100%;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 .hooke-s7-img-div3-1 {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 4;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 .hooke-s7-img-div3-2 {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 .hooke-s7-img-div3-4 {
    width: 3.697917vw;
    position: absolute;
    top: 17.1875vw;
    left: 61.927083vw;
    z-index: 3;
    -webkit-transform: translate(-32.13542vw, -7.13542vw);
    transform: translate(-32.13542vw, -7.13542vw);
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 .hooke-s7-img-div3-5 {
    width: 10.520833vw;
    position: absolute;
    top: 15.46875vw;
    left: 60.989583vw;
    z-index: 4;
    opacity: 0;
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 .s7-img-div3-arrow {
    width: 0.78125vw;
    position: absolute;
    top: 63%;
    left: 70%;
    -webkit-transform: translate(1.14583vw, 2.44792vw);
    transform: translate(1.14583vw, 2.44792vw);
}

.hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 .s7-img-div3-hand {
    width: 1.510417vw;
    position: absolute;
    top: 22%;
    left: 31%;
    opacity: 0;
}

.hooke-s7 .hooke-s7-container .hooke-s7-pagination-container {
    width: 30.24553vw;
    margin: 1.302083vw auto 0 auto;
}

.hooke-s7 .hooke-s7-container .hooke-s7-pagination-container .hooke-s7-pagination {
    width: calc(9.53125vw * 3);
    margin: 0 auto;
    height: 1px;
    margin-bottom: 0.885417vw;
    background-color: grey;
    position: relative;
}

.hooke-s7 .hooke-s7-container .hooke-s7-pagination-container .hooke-s7-pagination span {
    width: 9.53125vw;
    height: 3px;
    background-color: #000;
    opacity: 1;
    position: absolute;
    top: -1px;
    left: 0;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
}

.hooke-s7 .hooke-s7-container .hooke-s7-pagination-container .hooke-s7-pagination-text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.hooke-s7 .hooke-s7-container .hooke-s7-pagination-container .hooke-s7-pagination-text p {
    width: 33.33%;
    text-align: center;
    opacity: .45;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.hooke-s7 .hooke-s7-container[data-index="1"] .hooke-s7-text-container p.hooke-s7-text1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-s7 .hooke-s7-container[data-index="1"] .hooke-s7-img-div1 {
    opacity: 1;
    z-index: 6;
}

.hooke-s7 .hooke-s7-container[data-index="1"] .hooke-s7-pagination-text p.pagination-text-p1 {
    opacity: 1;
}

.hooke-s7 .hooke-s7-container[data-index="2"] .hooke-s7-text-container p.hooke-s7-text1 {
    -webkit-transform: translateY(-130%);
    transform: translateY(-130%);
}

.hooke-s7 .hooke-s7-container[data-index="2"] .hooke-s7-text-container p.hooke-s7-text2 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-s7 .hooke-s7-container[data-index="2"] .hooke-s7-img-div2 {
    opacity: 1;
    z-index: 6;
}

.hooke-s7 .hooke-s7-container[data-index="2"] .hooke-s7-pagination-text p.pagination-text-p2 {
    opacity: 1;
}

.hooke-s7 .hooke-s7-container[data-index="2"] .hooke-s7-pagination-container .hooke-s7-pagination span {
    -webkit-transform: translateX(9.53125vw);
    transform: translateX(9.53125vw);
}

.hooke-s7 .hooke-s7-container[data-index="3"] .hooke-s7-text-container p.hooke-s7-text2,
.hooke-s7 .hooke-s7-container .hooke-s7-text-container p.hooke-s7-text1 {
    -webkit-transform: translateY(-130%);
    transform: translateY(-130%);
}

.hooke-s7 .hooke-s7-container[data-index="3"] .hooke-s7-text-container p.hooke-s7-text3 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-s7 .hooke-s7-container[data-index="3"] .hooke-s7-img-div3 {
    opacity: 1;
    z-index: 6;
}

.hooke-s7 .hooke-s7-container[data-index="3"] .hooke-s7-pagination-text p.pagination-text-p3 {
    opacity: 1;
}

.hooke-s7 .hooke-s7-container[data-index="3"] .hooke-s7-pagination-container .hooke-s7-pagination span {
    -webkit-transform: translateX(calc(9.53125vw * 2));
    transform: translateX(calc(9.53125vw * 2));
}

.hooke-s8 {
    width: 100%;
    height: 150vh;
}

.hooke-s8 .hooke-s8-sticky {
    width: 100%;
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.hooke-s8 .hooke-s8-sticky .hooke-dis1 {
    width: 54.270833vw;
    text-align: center;
    margin: 1.5625vw auto 2.083333vw auto;
}

.hooke-s8 p {
    text-align: center;
}

.hooke-s8 p a {
    color: #006ECE;
}

.hooke-s8 .hooke-s8-text-container {
    width: 54.270833vw;
    text-align: center;
    margin: 0 auto;
}

.hooke-s8 .hooke-s8-img-container {
    width: 62.5vw;
    position: relative;
    top: 0;
    left: 14.635417vw;
    line-height: 0;
    margin-bottom: 4.84375vw;
}

.hooke-s8 .hooke-s8-img-container .s8-mb-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.hooke-s8 .hooke-s8-img-container .s8-matebook-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 0;
}

.hooke-s8 .hooke-s8-img-container img {
    width: 100%;
}

.hooke-s8 .hooke-s8-img-container .hooke-s8-headset-img {
    width: 11.302083vw;
    position: absolute;
    bottom: -0.6vw;
    right: -2.03125vw;
    z-index: 3;
}

.hooke-s8 .hooke-s8-img-container .s8-pop-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.hooke-s8 .hooke-s8-img-container .s8-headset-close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.hooke-s8 .hooke-s8-img-container .s8-headset-open {
    opacity: 0;
}

.hooke-s9 {
    width: 100%;
    margin-top: 10.416667vw;
}

.hooke-s9 .hooke-s9-container {
    height: 200vh;
}

.hooke-s9 .hooke-s9-container h2 {
    text-align: center;
    -webkit-transform: translateY(8.85417vw);
    transform: translateY(8.85417vw);
}

.hooke-s9 .hooke-s9-sticky {
    width: 100%;
    height: calc(100vh - 76px);
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    overflow: hidden;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hooke-s9 .hooke-s9-expansion {
    width: 82.1875vw;
    height: 31.510417vw;
    margin: 0 auto;
    position: relative;
    -webkit-transform: translateY(8.85417vw);
    transform: translateY(8.85417vw);
}

.hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-left {
    position: relative;
}

.hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-left p {
    color: #70BFA5;
    position: absolute;
    top: -3.09375vw;
    left: 12.4375vw;
    opacity: 0;
}

.hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-left img {
    width: 47.239583vw;
    position: absolute;
    top: 0.833333vw;
    left: 9.270833vw;
}

.hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-right {
    position: absolute;
    top: 0;
    right: 0;
}

.hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-right p {
    position: relative;
    top: -3.09375vw;
    right: 20.9375vw;
    font-weight: normal;
    opacity: 0;
}

.hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-right img {
    width: 30.729167vw;
    position: absolute;
    top: 0;
    right: 11.302083vw;
}

.hooke-s9 .hooke-s9-expansion-bottom {
    text-align: center;
    position: relative;
}

.hooke-s9 .hooke-s9-expansion-bottom img {
    width: 46.260417vw;
}

.hooke-s9 .hooke-s9-expansion-bottom .hooke-s9-expansion-bottom-text {
    text-align: left;
    position: absolute;
    top: 6.666667vw;
    left: 54.729167vw;
    color: #70BFA5;
    opacity: 0;
    -webkit-transform: translateY(38vw);
    transform: translateY(38vw);
}

.hooke-s9 .hooke-s9-expansion-bottom .hooke-s9-expansion-bottom-text h3 {
    margin-bottom: 4.739583vw;
}

.hooke-s9 .hooke-s9-expansion-bottom .hooke-s9-expansion-bottom-text p {
    margin-bottom: 0.572917vw;
}

.hooke-s9 .hooke-s9-static {
    width: 82.1875vw;
    margin: 5.208333vw auto 0 auto;
}

.hooke-s9 .hooke-s9-static p {
    width: 54.270833vw;
    margin: 0 auto;
    margin-bottom: 2.96875vw;
    text-align: center;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container {
    width: 100%;
    position: relative;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container img {
    width: 100%;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-container {
    width: 100%;
    margin-bottom: 2.34375vw;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination {
    width: 100%;
    bottom: -2.34375vw;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination-bullet {
    width: 1.4583333vw;
    height: 1.4583333vw;
    border: 1px solid transparent;
    margin: 0 0.572917vw;
    display: inline-block;
    background: transparent;
    opacity: 1;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination-bullet:nth-child(1) .swiper-pagination-span {
    background-color: #adc6be;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination-bullet:nth-child(2) .swiper-pagination-span {
    background-color: #9f9da5;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination-bullet:nth-child(3) .swiper-pagination-span {
    background-color: #d9d9da;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #797979;
}

.hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination-span {
    width: 1.041667vw;
    height: 1.041667vw;
    border-radius: 50%;
}

.hooke-s10 {
    width: 100%;
}

.hooke-s10 .hooke-s10-container {
    width: 82.1875vw;
    margin: 0 auto;
    height: 200vh;
}

.hooke-s10 .hooke-s10-container .hooke-title2 {
    text-align: center;
}

.hooke-s10 .hooke-s10-content {
    width: 100%;
    /* position: relative; */
    position: sticky;
    top: calc((100vh - 38.072917vw - 76px) / 2 + 76px);
    height: auto;
}

.hooke-s10 .hooke-s10-content img {
    width: 66.09375vw;
    position: relative;
    z-index: 9;
    pointer-events: none;
}

.hooke-s10 .hooke-s10-content .hooke-s10-text-content {
    width: 34.895833vw;
    position: absolute;
    top: 2.604167vw;
    right: 0;
    z-index: 3;
}

.hooke-s10 .hooke-s10-content .hooke-s10-text-content h4 {
    margin-bottom: 1.5625vw;
    font-weight: normal;
    font-weight: bold;
}

.hooke-s10 .hooke-s10-content .hooke-s10-text-content p {
    margin-bottom: 2.65625vw;
}

.hooke-s10 .hooke-s10-content .hooke-s10-text-bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    opacity: 0;
}

.hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text {
    width: 50%;
}

.hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text:nth-child(-n+2) {
    margin-bottom: 3.125vw;
}

.hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text span {
    display: block;
}

.hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text h5 {
    width: auto;
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(45%, #70F4C6), color-stop(55%, #00C8CF));
    background-image: linear-gradient(to bottom right, #70F4C6 45%, #00C8CF 55%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hooke-s11 {
    width: 100%;
}

.hooke-s11 .hooke-s11-container {
    width: 82.1875vw;
    margin: 0 auto;
}

.hooke-s11 .hooke-s11-container .hooke-s11-text {
    width: 57.083333vw;
    margin: 0 auto;
    text-align: center;
}

.hooke-s11 .hooke-s11-container .hooke-s11-text h3 {
    margin-bottom: 1.5625vw;
}

.hooke-s11 .hooke-s11-container .hooke-s11-text p {
    margin-bottom: 2.083333vw;
}

.hooke-s11 .hooke-s11-container .hooke-s11-video {
    line-height: 0;
}

.hooke-s11 .hooke-s11-container .hooke-s11-video video {
    width: 100%;
    border-radius: 1.041667vw;
}

.hooke-s11 .hooke-s11-container .hooke-s11-container-dis {
    width: 100%;
    text-align: center;
    margin-top: 2.34375vw;
}

.hooke-s12 {
    width: 100%;
}

.hooke-s12 .hooke-s12-container {
    width: 82.1875vw;
    margin: 0 auto;
    border-radius: 1.041667vw;
    background-color: #F0F0F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hooke-s12 .hooke-s12-container .hooke-s12-img-container {
    width: 48.697917vw;
}

.hooke-s12 .hooke-s12-container .hooke-s12-img-container img {
    width: 100%;
}

.hooke-s12 .hooke-s12-text-container {
    width: 30.208333vw;
}

.hooke-s12 .hooke-s12-text-container .hooke-s12-text-content2 {
    margin: 2.864583vw 0;
}

.hooke-s12 .hooke-s12-text-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.hooke-s12 .hooke-s12-text-content img {
    width: 3.385417vw;
    margin-top: 0.78125vw;
}

.hooke-s12 .hooke-s12-text-content .hooke-s12-text {
    margin-left: 1.875vw;
}

.hooke-s12 .hooke-s12-text-content .hooke-s12-text h4 {
    font-weight: bold;
    margin-bottom: 0.260417vw;
}

.hooke-s13 {
    width: 100%;
}

.hooke-s13 #hooke-s13-trigger {
    margin-top: 0;
}

.hooke-s13 .hooke-s13-sound-container {
    width: 100%;
    text-align: center;
}

.hooke-s13 .hooke-s13-sound-img {
    width: 33.59375vw;
}

.hooke-s13 h2 {
    text-align: center;
}

#hooke-s13-trigger {
    margin-top: calc((-100vh + 76px + (100vh - 76px) * 0.83) / 2);
}

.s13-sticky-container {
    height: 200vh;
}

.hooke-s13-container {
    width: 100%;
    height: calc(100vh - 76px);
    margin: 0 auto;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
}

.hooke-s13-container .hooke-s13-text-container {
    width: 57.083333vw;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
}

.hooke-s13-container .hooke-s13-text-container h3 {
    margin-bottom: 1.5625vw;
}

.hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 5.208333vw;
}

.hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container .hooke-s13-text-small {
    width: 17.239583vw;
}

.hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container .hooke-s13-text-small span {
    opacity: 0.8;
}

.hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container h4 {
    font-weight: bold;
    margin-bottom: 0.520833vw;
}

.hooke-s13-container .hooke-s13-video-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 0;
    position: relative;
    -webkit-transform: scale(0.83);
    transform: scale(0.83);
    border-radius: 1.041667vw;
}

.hooke-s13-container .hooke-s13-video-container video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.hooke-s13-container .hooke-s13-video-container img {
    width: 100%;
}

.hooke-s13-container .hooke-s13-video-container .hooke-s13-video-bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
}

.hooke-s14 {
    width: 82.1875vw;
    margin: 0 auto;
}

.hooke-s14 .hooke-s14-text {
    width: 57.395833vw;
    margin: 0 auto;
    margin-bottom: 3.125vw;
    text-align: center;
}

.hooke-s14 .hooke-s14-text h3 {
    margin-bottom: 1.5625vw;
}

.hooke-s14 .hooke-s14-text p {
    margin-bottom: 2.083333vw;
}

.hooke-s14 .hooke-s14-point-text-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.hooke-s14 .hooke-s14-point-text-container div>p {
    margin-bottom: 0.416667vw;
    font-weight: bold;
}

.hooke-s14 .hooke-s14-img {
    width: 100%;
    position: relative;
    color: #fff;
}

.hooke-s14 .hooke-s14-img img {
    width: 100%;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container {
    width: 80%;
    position: absolute;
    top: 25.416667vw;
    left: 50%;
    transform: translateX(-50%);
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text {
    width: 33.33%;
    cursor: pointer;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text img {
    width: 100%;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text span {
    margin-left: 0.520833vw;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text.active .hooke-s14-img-open {
    opacity: 1;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text.active .hooke-s14-img-close {
    opacity: 0;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-img {
    width: 1.510417vw;
    height: 1.510417vw;
    line-height: 0;
    position: relative;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-img .hooke-s14-img-open {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-img .hooke-s14-img-close {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-hand {
    width: 1.5625vw;
    -webkit-animation: breath 3s ease-in-out infinite;
    animation: breath 3s ease-in-out infinite;
    position: absolute;
    top: 2.65625vw;
    left: 5.364583vw;
}

.hooke-s14 .hooke-s14-video-container {
    width: 18.958333vw;
    text-align: center;
    position: absolute;
    top: 29.166667vw;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-content {
    height: 3.229167vw;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-content.show-gif .s14-video-gif1 {
    display: none;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-content.show-gif .s14-video-gif2 {
    display: block;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-content video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-content .s14-video-gif1 {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-content .s14-video-gif2 {
    display: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-control {
    width: 5.9375vw;
    margin: 1.041667vw auto 0 auto;
    line-height: 0;
    cursor: pointer;
    position: relative;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-control>div {
    width: 100%;
    cursor: pointer;
    pointer-events: none;
    outline: none;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-control.active-show .s14-control-btn-close {
    display: none;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video-control img {
    width: 100%;
}

.hooke-s14 .hooke-s14-video-container .s14-control-btn-close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.hooke-s14 .hooke-s14-video-container .s14-control-btn-close span {
    font-size: 0.677083vw;
    line-height: 1.6;
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 1.145833vw;
    width: calc(100% - 1.145833vw);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hooke-s14 .hooke-s14-video-container .s14-control-btn-open span {
    font-size: 0.677083vw;
    line-height: 1.6;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 1.145833vw);
    padding-right: 1.145833vw;
}

.hooke-s14 .hooke-s14-video-container p {
    margin-top: 0.729167vw;
    color: #fff;
    opacity: 0.8;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-audio {
    display: none;
}

.hooke-s14 .hooke-s14-video-container .hooke-s14-video.active {
    display: block;
}

.hooke-s14 .hooke-s14-container-dis {
    width: 100%;
    text-align: center;
    margin-top: 2.34375vw;
}

@-webkit-keyframes breath {
    0% {
        opacity: .4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .4;
    }
}

@keyframes breath {
    0% {
        opacity: .4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .4;
    }
}

.hooke-s15 {
    width: 100%;
}

.hooke-s15 .s13-sticky-container {
    height: auto;
}

.hooke-s15 .hooke-s13-container {
    height: auto;
    position: relative;
    top: 0;
}

.hooke-s15 .hooke-s13-container .hooke-s13-text-container {
    width: 56.145833vw;
    color: #000;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    margin-bottom: 3.125vw;
}

.hooke-s15 .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container {
    margin-top: 1.5625vw;
}

.hooke-s15 .hooke-s13-container .hooke-s13-text-small-container {
    width: 74%;
    margin: 0 auto;
    color: #000;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hooke-s15 .hooke-s13-container .hooke-s13-text-small-container h4 {
    font-weight: bold;
    margin-bottom: 0.260417vw;
}

.hooke-s15 .hooke-s13-container .hooke-s13-video-container {
    width: 82.1875vw;
    height: auto;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 0;
}

.hooke-s16 {
    width: 100%;
}

.hooke-s16 .hooke-s13-text-small {
    text-align: center;
}

.hooke-s16 .hooke-s13-text-small img {
    width: 2.34375vw;
    margin-bottom: 1.458333vw;
}

.hooke-s17 {
    width: 100%;
}

.hooke-s17 .s13-sticky-container {
    height: auto;
}

.hooke-s17 .hooke-s13-container {
    height: auto;
    position: relative;
    top: 0;
}

.hooke-s17 .hooke-s13-container .hooke-s13-text-container {
    width: 38.28125vw;
    text-align: left;
    left: 14.322917vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hooke-s17 .hooke-s13-container .hooke-s13-text-container b.nowrap {
    font-size: 2.083333vw;
}

.hooke-s17 .hooke-s13-container .hooke-s13-video-container {
    width: 82.1875vw;
    height: auto;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 0;
}

.hooke-s19 {
    width: 100%;
}

.hooke-s19 .hooke-s19-text-container {
    width: 54.322917vw;
    margin: 0 auto 2.864583vw auto;
}

.hooke-s19 .hooke-s19-text-container h3 {
    margin-bottom: 1.5625vw;
}

.hooke-s19 .hooke-s19-img-container {
    width: 79.919792vw;
    margin: 0 auto;
    height: 250vh;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-sticky {
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 15vh;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-power {
    width: 39.010417vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-power img {
    width: 100%;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-power .hooke-s19-90w-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-power .hooke-s19-90w-container .hooke-s19-img-power2 {
    width: 100%;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-product {
    width: 100%;
    position: relative;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img1 {
    width: 16.943229vw;
    position: absolute;
    top: 10.677083vw;
    left: 0;
    -webkit-transform: translateY(20vw);
    transform: translateY(20vw);
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img2-container {
    width: 40.052083vw;
    position: relative;
    top: 0;
    left: 17.916667vw;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img2-container img {
    width: 100%;
    position: relative;
    z-index: 4;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img2-container .hooke-s19-video {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img3 {
    width: 22.96875vw;
    position: absolute;
    top: 11.302083vw;
    right: 0;
    -webkit-transform: translateY(20vw);
    transform: translateY(20vw);
}

.hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img4 {
    width: 16.875vw;
    position: absolute;
    top: 28.75vw;
    right: 3.776042vw;
    -webkit-transform: translateY(20vw);
    transform: translateY(20vw);
}

.hooke-s20 {
    width: 75.572917vw;
    height: 300vh;
    margin: 0 auto;
}

.hooke-s20 h2 {
    text-align: center;
    margin-bottom: 3.645833vw;
}

.hooke-s20 .hooke-s20-container {
    width: 100%;
    height: calc(100vh - 76px);
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    overflow: hidden;
}

.hooke-s20 .hooke-s20-container .hooke-s20-product-container {
    width: 100%;
    position: relative;
}

.hooke-s20 .hooke-s20-container img {
    width: 100%;
}

.hooke-s20 .hooke-s20-container .hooke-s20-img2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
}

.hooke-s20 .hooke-s20-container .hooke-s20-img3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.hooke-s20 .hooke-s20-container .hooke-s20-img4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: 0;
}

.hooke-s20 .hooke-s20-container .hooke-s20-text {
    width: 15.260417vw;
    position: absolute;
    z-index: 9;
}

.hooke-s20 .hooke-s20-container .hooke-s20-text1 {
    top: 9.322917vw;
    left: 2.552083vw;
    opacity: 0;
}

.hooke-s20 .hooke-s20-container .hooke-s20-text2 {
    top: 35.677083vw;
    left: 0;
}

.hooke-s20 .hooke-s20-container .hooke-s20-text3 {
    top: 45.885417vw;
    right: 0;
}

.hooke-s20 .hooke-s20-container .hooke-s20-text p {
    font-weight: bold;
}

.hooke-s21 .hooke-s21-container {
    width: 82.1875vw;
    margin: 0 auto;
}

.hooke-s21 .hooke-s21-container h3 {
    text-align: center;
    margin-bottom: 0.729167vw;
}

.hooke-s21 .hooke-s21-container .hooke-s21-p-dis {
    text-align: center;
    margin-bottom: 4.375vw;
}

.hooke-21-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hooke-21-content .hooke-21-div {
    position: relative;
}

.hooke-21-content .hooke-21-div img {
    width: 100%;
}

.hooke-21-content .hooke-21-div1 {
    width: 100%;
    margin-bottom: 1.5625vw;
}

.hooke-21-content .hooke-21-div1 .hooke-21-text {
    top: 13.385417vw;
}

.hooke-21-content .hooke-21-div2,
.hooke-21-content .hooke-21-div3 {
    width: 40.3125vw;
}

.hooke-21-content .hooke-21-div2 .hooke-21-text,
.hooke-21-content .hooke-21-div3 .hooke-21-text {
    top: 4.322917vw;
}

.hooke-21-content .hooke-21-text {
    width: 26.5625vw;
    position: absolute;
    left: 4.739583vw;
}

.hooke-21-content .hooke-21-text .hooke-21-text-tit {
    margin-bottom: 0.78125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hooke-21-content .hooke-21-text .hooke-21-text-tit img {
    width: 2.760417vw;
    margin-right: 0.520833vw;
}

.hooke-21-content .hooke-21-text a {
    color: #1483C7;
}

.hooke-21-content .hooke-21-text sup a {
    color: #000;
}

.hooke-s22 {
    width: 82.1875vw;
    margin: 0 auto;
    position: relative;
}

.hooke-s22 .hooke-s22-text-container {
    position: absolute;
    top: 50%;
    left: 5.416667vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hooke-s22 .hooke-s22-text-container h3 {
    margin-bottom: 2.083333vw;
}

.hooke-s22 .hooke-s22-text-container a {
    color: #2788D9;
}

.hooke-s22 img {
    width: 100%;
}

#li-no-list {
    list-style: none;
    position: relative;
}

#li-no-list::before {
    content: '*';
    position: absolute;
    left: -12px;
    top: 1px;
}

.hooke-container.static-style .only-ie {
    display: block;
}

.hooke-container.static-style .ie-video-poster {
    width: 100%;
}

.hooke-container.static-style .hooke-s1 .hooke-kv-texts p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* .hooke-container.static-style .s2-point-container .s2-point5 {
    height: 14.635417vw;
} */

.hooke-container.static-style .s2-point4 {
    border-radius: 1.041667vw;
}

.hooke-container.static-style .s2-point4 .ie-video-poster {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.041667vw;
}

.hooke-container.static-style .s2-point5 .ie-video-poster {
    height: 100%;
    border-radius: 1.041667vw;
}

.hooke-container.static-style .hooke-s4 {
    height: auto;
}

.hooke-container.static-style .hooke-s4-sticky {
    height: auto;
    top: 0;
    margin-bottom: 0;
}

.hooke-container.static-style .hooke-s4-sticky .hooke-s4-img-container {
    display: none;
}

.hooke-container.static-style .hooke-s4-img-ie {
    width: 100%;
}

.hooke-container.static-style .hooke-s4-img-ie img {
    width: 100%;
}

.hooke-container.static-style .hooke-s5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hooke-container.static-style .hooke-s5-video-sticky {
    display: none;
}

.hooke-container.static-style .hooke-s5-img-ie {
    width: 58.229167vw;
    margin-right: 5.208333vw;
}

.hooke-container.static-style .hooke-s5-img-ie img {
    width: 100%;
}

.hooke-container.static-style .hooke-s5 .hooke-s5-text-container {
    margin-top: 0;
    padding-bottom: 0;
}

.hooke-container.static-style .hooke-s5 .hooke-s5-text-container .hooke-s5-text-div:last-child {
    margin-bottom: 0;
}

.hooke-container.static-style .hooke-s5 .hooke-s5-text-container .hooke-s5-text-div {
    opacity: 1;
}

.hooke-container.static-style .hooke-s6 {
    height: auto;
}

.hooke-container.static-style .hooke-s6 .hooke-s6-sticky {
    height: auto;
    position: relative;
    top: 0;
}

.hooke-container.static-style .hooke-s6 h2 {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.hooke-container.static-style .hooke-s6-img-container {
    display: none;
}

.hooke-container.static-style .hooke-s6-img-container-ie {
    width: 100%;
}

.hooke-container.static-style .hooke-s6-img-container-ie img {
    width: 100%;
}

.hooke-container.static-style .hooke-s7 {
    height: auto;
}

.hooke-container.static-style .hooke-s7 .hooke-s7-sticky {
    height: auto;
    position: relative;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.hooke-container.static-style .hooke-s7 .hooke-s7-container .hooke-s7-text-container {
    overflow: visible;
    margin-bottom: 0;
}

.hooke-container.static-style .hooke-s7 .hooke-s7-container .hooke-s7-img-container.only-ie {
    display: block;
    width: 77.81vw;
    margin-left: -11.77vw;
    position: relative;
}

.hooke-container.static-style .hooke-s7 .hooke-s7-container .hooke-s7-img-container.only-ie img {
    width: 100%;
}

.hooke-container.static-style .hooke-s7-container {
    width: 100%;
}

.hooke-container.static-style .hooke-s7-pagination-container.only-ie {
    margin: 1.666667vw auto 0 auto;
}

.hooke-container.static-style .hooke-s7-container .hooke-s7-text-container .hooke-s7-text {
    margin-bottom: 1.666667vw;
}

.hooke-container.static-style .hooke-s7-pagination-container.only-ie .hooke-s7-pagination-text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.hooke-container.static-style .hooke-s7-pagination-container.only-ie .hooke-s7-pagination-text p {
    opacity: .45;
}

.hooke-container.static-style .hooke-s7-pagination-container-ie1.only-ie .hooke-s7-pagination-text p:nth-child(1) {
    opacity: 1;
}

.hooke-container.static-style .hooke-s7-pagination-container-ie2.only-ie .hooke-s7-pagination-text p:nth-child(2) {
    opacity: 1;
}

.hooke-container.static-style .hooke-s7-pagination-container-ie3.only-ie .hooke-s7-pagination-text p:nth-child(3) {
    opacity: 1;
}

.hooke-container.static-style .hooke-s7-pagination-container-ie2.only-ie .hooke-s7-pagination span {
    -webkit-transform: translateX(9.53125vw);
    transform: translateX(9.53125vw);
}

.hooke-container.static-style .hooke-s7-pagination-container-ie3.only-ie .hooke-s7-pagination span {
    -webkit-transform: translateX(19.06vw);
    transform: translateX(19.06vw);
}

.hooke-container.static-style .hooke-s7-pagination-container.hooke-s7-pagination-container-ie1,
.hooke-container.static-style .hooke-s7-pagination-container.hooke-s7-pagination-container-ie2 {
    margin-bottom: 10.41vw;
}

.hooke-container.static-style .hooke-s7 .hooke-s7-container .hooke-s7-img-container.only-ie .hooke-s7-img-mirror-ie {
    width: 16.302083vw;
    position: absolute;
    top: 11.40625vw;
    left: 65.729167vw;
    z-index: 3;
}

.hooke-container.static-style .hooke-s7 .hooke-s7-container .hooke-s7-img-container {
    display: none;
}

.hooke-container.static-style .hooke-s7 .hooke-s7-container>div.hooke-s7-pagination-container {
    display: none;
}

.hooke-container.static-style .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text2,
.hooke-container.static-style .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text3 {
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-container.static-style .hooke-s8 {
    height: auto;
}

.hooke-container.static-style .hooke-s8 .hooke-s8-sticky {
    position: relative;
    top: 0;
    display: block;
}

.hooke-container.static-style .hooke-s8 .hooke-s8-img-container .s8-pop-img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-container.static-style .hooke-s8 .hooke-s8-img-container .hooke-s8-headset-img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.hooke-container.static-style .hooke-s8 .hooke-s8-img-container .hooke-s8-headset-img .s8-headset-close {
    opacity: 0;
}

.hooke-container.static-style .hooke-s8 .hooke-s8-img-container .hooke-s8-headset-img .s8-headset-open {
    opacity: 1;
}

.hooke-container.static-style .hooke-s9 .hooke-s9-container {
    height: auto;
}

.hooke-container.static-style .hooke-s9 .hooke-s9-sticky {
    height: auto;
    position: relative;
    top: 0;
}

.hooke-container.static-style .hooke-s9 .hooke-s9-container h2 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-container.static-style .hooke-s9 .hooke-s9-expansion {
    height: 41.4vw;
}

.hooke-container.static-style .hooke-s9 .hooke-s9-expansion-bottom {
    top: 39vw;
}

.hooke-container.static-style .hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-left p,
.hooke-container.static-style .hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-right p {
    opacity: 1;
}

.hooke-container.static-style .hooke-s9 .hooke-s9-expansion-bottom .hooke-s9-expansion-bottom-text {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-container.static-style .hooke-s10-content {
    height: 40.885417vw;
}

.hooke-container.static-style .hooke-s10-container {
    height: auto;
}

.hooke-container.static-style .hooke-s10 .hooke-s10-content img {
    width: 44.09vw;
    transform: translateY(9vw);
}

.hooke-container.static-style .hooke-s10 .hooke-s10-content {
    position: relative;
    top: 0;
}

.hooke-container.static-style .hooke-s10 .hooke-s10-content .hooke-s10-text-bottom {
    opacity: 1;
}

.hooke-container.static-style .hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text h5 {
    background-image: none;
    -webkit-text-fill-color: black;
}

.hooke-container.static-style .hooke-s12 .hooke-s12-text-content img {
    width: auto;
}

.hooke-container.static-style .s13-sticky-container {
    height: auto;
}

.hooke-container.static-style .hooke-s13-container {
    height: auto;
    position: relative;
    top: 0;
    margin-bottom: -4.166vw;
}

.hooke-container.static-style .hooke-s13-container .hooke-s13-video-container video {
    height: auto;
}

.hooke-container.static-style .hooke-s13-container .hooke-s13-text-container {
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hooke-container.static-style .hooke-s15 .hooke-s13-container .hooke-s13-text-container {
    width: 56.14vw;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.hooke-container.static-style .hooke-s17 .hooke-s13-container .hooke-s13-text-container {
    width: 34.114583vw;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.hooke-container.static-style .hooke-s19 .hooke-s19-img-container {
    height: auto;
}

.hooke-container.static-style .hooke-s19 .hooke-s19-img-container .hooke-s19-img-sticky {
    height: auto;
    position: relative;
    top: 0;
}

.hooke-container.static-style .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-container.static-style .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img3 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-container.static-style .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img4 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-container.static-style .hooke-s19 .hooke-s19-product-img2-container .ie-video-poster {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.hooke-container.static-style .hooke-s20 {
    height: auto;
}

.hooke-container.static-style .hooke-s20 .hooke-s20-container {
    height: auto;
    position: relative;
    top: 0;
}

.hooke-container.static-style .hooke-s20 .hooke-s20-container .hooke-s20-img3 {
    opacity: 1;
}

.hooke-container.static-style .hooke-s20 .hooke-s20-container .hooke-s20-img4 {
    opacity: 1;
}

.hooke-container.static-style .hooke-s20 .hooke-s20-container .hooke-s20-text1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.hooke-container.static-style .hooke-s20 .hooke-s20-container .hooke-s20-text2 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hooke-container.static-style .hooke-s20 .hooke-s20-container .hooke-s20-text3 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* footer-dis */
.last-notes .last-notes-container {
    width: 82.1875vw;
    padding: 0;
    border-top: none;
}

.last-notes .last-notes-container .notes-list {
    font-size: 13px;
    padding-left: 1.197917vw;
    padding-top: 0;
    color: #868686;
}

.last-notes .last-notes-container .notes-list>li {
    padding: 0;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
    .showpc {
        display: none;
    }

    .showmob {
        display: block;
    }

    .hooke-title1 {
        font-size: 13.333333vw;
    }

    .hooke-title2 {
        font-size: 13.333333vw;
    }

    .hooke-title3 {
        font-size: 8.888889vw;
    }

    .hooke-title4 {
        font-size: 6.666667vw;
    }

    .hooke-dis1 {
        font-size: 4.444444vw;
    }

    .hooke-dis2 {
        font-size: 4.444444vw;
    }

    .hooke-dis3 {
        font-size: 3.611111vw;
    }

    .hooke-dis4 {
        font-size: 3.055556vw;
    }

    .hooke-dtd1 {
        height: 27.777778vw;
    }

    .hooke-dtd2 {
        height: 16.666667vw;
    }

    .hooke-td1 {
        margin-bottom: 13.888889vw;
    }

    .hooke-td2 {
        margin-bottom: 11.111111vw;
    }

    .hooke-td3 {
        margin-bottom: 8.333333vw;
    }

    .hooke-td4 {
        margin-bottom: 4.166667vw;
    }

    .hooke-td5 {
        margin-bottom: 2.777778vw;
    }


    .hooke-s1 .hooke-kv {
        margin-bottom: 16.25vw;
    }

    .hooke-s1 .hooke-kv .hooke-kv-logo-container img {
        margin-bottom: 3.333333vw;
    }

    .hooke-s1 .hooke-kv .hooke-kv-logo-container {
        width: 77.361111vw;
        position: absolute;
        top: 15.277778vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .hooke-s1 .hooke-kv .hooke-kv-logo-container p .hooke-dis2 {
        font-size: 3.611111vw;
    }

    .hooke-s1 .hooke-kv-texts {
        width: 96.333333vw;
    }

    .hooke-s2 .s2-point .s2-point-text span {
        font-size: 3.333333vw;
        line-height: 1.3;
        margin-bottom: 0;
    }

    .hooke-s2 .s2-point .s2-point-text p {
        font-size: 3.333333vw;
        margin-bottom: 0;
        display: none;
    }

    .hooke-s2 .s2-point .s2-point-text {
        top: 2.083333vw;
        left: 3.472222vw;
    }

    .hooke-s2 .hooke-s2-container {
        width: 83.34%;
    }

    .hooke-s2 .hooke-s2-container h3 {
        width: 92.777778vw;
        margin-left: -4.722222vw;
        margin-bottom: 8.333333vw;
    }

    .hooke-s2 .s2-point1,
    .hooke-s2 .s2-point4,
    .hooke-s2 .s2-point6 {
        width: 42.083333vw;
    }

    .hooke-s2 .s2-point2,
    .hooke-s2 .s2-point3,
    .hooke-s2 .s2-point5 {
        width: 37.083333vw;
    }

    .hooke-s2 .s2-point1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .hooke-s2 .s2-point2 {
        /* -webkit-box-ordinal-group: 3; */
        -ms-flex-order: 6;
        order: 6;
        position: relative;
        bottom: 0;
        right: calc(-50% - 4.583333vw);
    }

    .hooke-s2 .s2-point3 {
        /* -webkit-box-ordinal-group: 4; */
        -ms-flex-order: 2;
        order: 2;
    }

    .hooke-s2 .s2-point4 {
        /* -webkit-box-ordinal-group: 5; */
        -ms-flex-order: 3;
        order: 3;
        height: 34.722222vw;
    }

    .hooke-s2 .s2-point5 {
        /* -webkit-box-ordinal-group: 6; */
        -ms-flex-order: 4;
        order: 4;
    }

    .hooke-s2 .s2-point6 {
        /* -webkit-box-ordinal-group: 7; */
        -ms-flex-order: 5;
        order: 5;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .hooke-s2 .s2-point1,
    .hooke-s2 .s2-point3,
    .hooke-s2 .s2-point4,
    .hooke-s2 .s2-point5 {
        margin-bottom: 4.166667vw;
    }

    .hooke-s2 .s2-point-container {
        position: relative;
        -webkit-column-count: auto;
        column-count: auto;
        -webkit-column-gap: 4.166667vw;
        column-gap: 4.166667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .s2-point4-img,
    .s2-point5-img {
        border-radius: 2.777778vw;
    }

    .hooke-sellpoint-arrow {
        width: 5.4vw !important;
        height: 5.4vw;
        bottom: 2.666667vw;
        right: 2.666667vw;
    }

    .hooke-s3 p {
        font-size: 11.111111vw;
    }

    .hooke-s3 .hooke-s3-video-btn img {
        width: 6.388889vw;
    }

    .hooke-s3 .hooke-s3-video-btn span {
        margin-left: 3.194444vw;
    }

    .hooke-s4 {
        width: 100%;
        height: 300vh;
    }

    .hooke-s4 .hooke-s4-text-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hooke-s4 .hooke-s4-text-container h2 {
        width: 100%;
        margin-left: 0;
    }

    .hooke-s4 .hooke-s4-text-container p {
        width: 100%;
        margin: 4.166667vw auto 5.833333vw auto;
    }

    .hooke-s4 .hooke-s4-sticky {
        height: auto;
        top: 30vh;
        margin-bottom: calc((-71.388889vw + 39.722222vw)/2);
        display: block;
        overflow: hidden;
    }

    .hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div1 {
        top: 0;
        -webkit-transform: scale(0.1) translate(-4vw, 245vw);
        transform: scale(0.1) translate(-4vw, 245vw);
    }

    .hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div2 {
        -webkit-transform: scale(0.1) translate(-1vw, -238vw);
        transform: scale(0.1) translate(-1vw, -238vw);
    }

    .hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div3 {
        top: 27vw;
        -webkit-transform: scale(0.2) translateX(145vw);
        transform: scale(0.2) translateX(145vw);
    }

    .hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div4 {
        top: 27vw;
        -webkit-transform: scale(0.2) translateX(-145vw);
        transform: scale(0.2) translateX(-145vw);
    }

    .hooke-s4 .hooke-s4-sticky .hooke-s4-img-container .hooke-s4-img-div5 {
        width: 69.444444vw;
    }

    .hooke-s4 .hooke-s4-sticky .hooke-s4-img-container {
        width: 92.222222vw;
        height: 71.388889vw;
        padding: 0;
    }

    .hooke-s4 .hooke-s4-sticky .hooke-s4-logo-container {
        width: 16vw;
    }

    .hooke-s5 {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }

    .hooke-s5 .hooke-s5-text-div .showmob {
        display: inline-block;
    }

    .hooke-s5 .hooke-s5-video-container {
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 96px;
        z-index: 10;
        background-color: #0B0B0B;
        -webkit-box-shadow: 0px 30px 56px #0B0B0B;
        box-shadow: 0px 30px 56px #0B0B0B;
        padding-top: 8.333333vw;
        margin-top: -8.333333vw;
        pointer-events: all;
    }

    .hooke-s5 .hooke-s5-video-container h2 {
        width: 83.333333vw;
        margin: 0 auto;
        margin-bottom: 6.527778vw;
    }

    .hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-content {
        width: 100%;
        margin-bottom: 5.555556vw;
    }

    .hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky {
        width: 83.333333vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: calc(96px + 30px);
        margin: 0 auto;
    }

    .hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container {
        width: 62.222222vw;
        top: 1.111111vw;
        left: 10.555556vw;
    }

    .hooke-s5 .hooke-s5-text-container {
        width: 83.333333vw;
        margin: 0 auto;
        margin-top: 8.333333vw;
        padding-bottom: 0;
    }

    .hooke-s5 .hooke-s5-text-container .hooke-s5-text-div h4 {
        margin-bottom: 4.166667vw;
    }

    .hooke-s5 .hooke-s5-text-container .hooke-s5-text-div {
        margin-bottom: 8.333333vw;
    }

    .hooke-s5 .hooke-s5-scroll-container {
        width: calc(13.333333vw * 3);
        margin: 0 auto;
    }

    .hooke-s5 .hooke-s5-scroll-container .hooke-s5-scroll {
        width: 100%;
        height: 1px;
    }

    .hooke-s5 .hooke-s5-scroll-container .hooke-s5-scroll span {
        width: 13.333333vw;
        height: 3px;
        top: -1px;
        left: 0;
    }

    .hooke-s5[data-index='1'] .hooke-s5-scroll-container .hooke-s5-scroll span {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .hooke-s5[data-index='2'] .hooke-s5-scroll-container .hooke-s5-scroll span {
        -webkit-transform: translateX(13.33333vw);
        transform: translateX(13.33333vw);
    }

    .hooke-s5[data-index='3'] .hooke-s5-scroll-container .hooke-s5-scroll span {
        -webkit-transform: translateX(calc(13.333333vw * 2));
        transform: translateX(calc(13.333333vw * 2));
    }

    .hooke-s6 .hooke-s6-img-container {
        height: 72.222222vw;
    }

    .hooke-s6 {
        height: auto;
    }

    .hooke-s6 h2 {
        width: 98%;
        font-size: 11.111111vw;
    }

    .hooke-s6 .hooke-s6-sticky {
        height: auto;
        position: relative;
        top: 0;
    }

    .hooke-s6 .hooke-s6-img1 {
        width: 35vw;
        top: 4.027778vw;
        left: -13.444444vw;
        -webkit-transform: translateX(-21.92708vw);
        transform: translateX(-21.92708vw);
    }

    .hooke-s6 .hooke-s6-img2 {
        width: 15.138889vw;
        top: 48.541667vw;
        left: 34.861111vw;
        -webkit-transform: translateY(24.09375vw);
        transform: translateY(24.09375vw);
    }

    .hooke-s6 .hooke-s6-img3 {
        width: 52.361111vw;
        top: 5vw;
        left: 16.388889vw;
        -webkit-transform: translateY(-36.22917vw);
        transform: translateY(-36.22917vw);
    }

    .hooke-s6 .hooke-s6-img4 {
        width: 5.972222vw;
        top: 56.25vw;
        left: 56.25vw;
        -webkit-transform: translateY(17.30208vw);
        transform: translateY(17.30208vw);
    }

    .hooke-s6 .hooke-s6-img5 {
        width: 55.555556vw;
        top: 16.111111vw;
        right: -29.444444vw;
        -webkit-transform: translateX(26.53125vw);
        transform: translateX(26.53125vw);
    }

    .hooke-s6 .hooke-s6-img6 {
        width: 27.777778vw;
        top: 42.083333vw;
        left: -11.666667vw;
        -webkit-transform: translateX(-16.86458vw);
        transform: translateX(-16.86458vw);
    }

    .hooke-s6 .hooke-s6-img7 {
        width: 7.222222vw;
        top: 48.75vw;
        left: 36.388889vw;
        -webkit-transform: translateY(24.82292vw);
        transform: translateY(24.82292vw);
    }

    .hooke-s7 {
        height: 400vh;
    }

    .hooke-s7 h2 {
        margin-bottom: 0;
    }

    .hooke-s7 .hooke-s7-sticky {
        width: 83.333333vw;
        height: calc(100vh - 96px);
        top: 96px;
        margin-top: calc((-100vh + 96px + 141.388889vw) / 2 + 4.166667vw + 27.777778vw);
        margin-bottom: calc((-100vh + 96px + 141.388889vw) / 2);
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-text-container {
        width: 100%;
        margin-bottom: 6.944444vw;
        text-align: left;
        margin-top: 10.555556vw;
    }

    .hooke-s7-container {
        position: relative;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1,
    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div2,
    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 {
        width: 100%;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-pagination-container {
        width: 100%;
        margin-top: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-pagination-container .hooke-s7-pagination-text {
        display: block;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-pagination-container .hooke-s7-pagination-text p {
        width: auto;
        text-align: left;
        opacity: 0;
        font-size: 6.666667vw;
        font-weight: bold;
    }

    .hooke-s7-container .hooke-s7-pagination-container .hooke-s7-pagination-text p:nth-child(n+2) {
        position: absolute;
        top: 0;
        left: 0;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text2,
    .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text3 {
        top: 0;
    }

    .hooke-s7 .hooke-s7-container[data-index="2"] .hooke-s7-text-container p.hooke-s7-text1,
    .hooke-s7 .hooke-s7-container[data-index="3"] .hooke-s7-text-container p.hooke-s7-text2,
    .hooke-s7 .hooke-s7-container .hooke-s7-text-container p.hooke-s7-text1 {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .hooke-s7 .hooke-s7-container[data-index="1"] .hooke-s7-text-container p.hooke-s7-text1 {
        opacity: 0.7;
    }

    .hooke-s7 .hooke-s7-container[data-index="2"] .hooke-s7-text-container p.hooke-s7-text2 {
        opacity: 0.7;
    }

    .hooke-s7 .hooke-s7-container[data-index="3"] .hooke-s7-text-container p.hooke-s7-text3 {
        opacity: 0.7;
    }

    .hooke-s8 .hooke-s8-text-container {
        width: 83.333333vw;
    }

    .hooke-s8 .hooke-s8-img-container {
        width: 85.555556vw;
        position: relative;
        left: 0;
        margin: 8.055556vw auto;
    }

    .hooke-s8 .hooke-s8-img-container .hooke-s8-headset-img {
        width: 16.527778vw;
        bottom: -3.6vw;
    }

    .hooke-s8 .hooke-s8-sticky .hooke-dis1 {
        width: 83.333333vw;
        margin: 0 auto 7.638889vw auto;
    }

    .hooke-s8 p a {
        font-size: 3.611111vw;
    }

    .hooke-s9 {
        margin-top: 27.777778vw;
    }

    .hooke-s9 .hooke-s9-expansion {
        width: 83.333333vw;
        height: 43.611111vw;
        margin-top: calc(7.722222vw + 13.472222vw);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-left img {
        width: 63.75vw;
        top: 1.111111vw;
        left: 0;
    }

    .hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-right img {
        width: 41.527778vw;
        top: 0;
        right: 0;
    }

    .hooke-s9 .hooke-s9-expansion-bottom img {
        width: 72.361111vw;
    }

    .hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-left p,
    .hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-right p {
        font-size: 3.611111vw;
        top: -7.722222vw;
        opacity: 1;
    }

    .hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-left p {
        left: 3.4375vw;
    }

    .hooke-s9 .hooke-s9-expansion .hooke-s9-expansion-right p {
        right: 5.9375vw;
    }

    .hooke-s9 .hooke-s9-expansion-bottom .hooke-s9-expansion-bottom-text {
        width: 100%;
        left: 0;
        top: 2.361111vw;
    }

    .hooke-s9 .hooke-s9-expansion-bottom .hooke-s9-expansion-bottom-text h3 {
        margin-bottom: 23.055556vw;
        text-align: right;
        font-size: 11.111111vw;
    }

    .hooke-s9 .hooke-s9-static {
        width: 83.333333vw;
        margin-top: 11.944444vw;
    }

    .hooke-s9 .hooke-s9-static p {
        width: 100%;
        margin-bottom: 8.333333vw;
    }

    .hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination-bullet {
        width: 3.611111vw;
        height: 3.611111vw;
        margin: 0 1.25vw;
    }

    .hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination {
        bottom: -5.555556vw;
    }

    .hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-container {
        margin-bottom: 5.555556vw;
    }

    .hooke-s9 .hooke-s9-container {
        height: auto;
    }

    .hooke-s9 .hooke-s9-container h2 {
        font-size: 11.111111vw;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .hooke-s9 .hooke-s9-sticky {
        height: auto;
        position: relative;
        top: 0;
        overflow: visible;
        display: block;
    }

    .hooke-s9 .hooke-s9-static .hooke-s9-img-container .swiper-pagination-span {
        width: 2.5vw;
        height: 2.5vw;
    }

    .hooke-s10 .hooke-s10-container .hooke-title2 {
        font-size: 11.111111vw;
    }

    .hooke-s10 .hooke-s10-content .hooke-s10-text-content {
        width: 100%;
        position: relative;
    }

    .hooke-s10 .hooke-s10-content .hooke-s10-text-content h4 {
        margin-bottom: 4.166667vw;
    }

    .hooke-s10 .hooke-s10-content .hooke-s10-text-content p {
        margin-bottom: 6.527778vw;
    }

    .hooke-s10 .hooke-s10-content img {
        width: 89.583333vw;
        margin-left: -3.75vw;
        margin-bottom: 10.555556vw;
    }

    .hooke-s10 .hooke-s10-container,
    .hooke-s10 .hooke-s10-content {
        height: auto;
    }

    .hooke-s10 .hooke-s10-content .hooke-s10-text-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        opacity: 1;
    }

    .hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text {
        width: 50%;
    }

    .hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text:nth-child(-n+2) {
        margin-bottom: 7.361111vw;
    }

    .hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text h5 {
        font-size: 6.666667vw;
    }

    .hooke-s10 .hooke-s10-content .hooke-s10-text-bottom .hooke-s10-text span {
        font-size: 3.611111vw;
    }

    .hooke-s11 .hooke-s11-container .hooke-s11-text {
        width: 100%;
        text-align: left;
    }

    .hooke-s11 .hooke-s11-container .hooke-s11-text h3 {
        margin-bottom: 4.166667vw;
        text-align: left;
    }

    .hooke-s11 .hooke-s11-container .hooke-s11-text p {
        margin-bottom: 6.944444vw;
    }

    .hooke-s11 .hooke-s11-container .hooke-s11-container-dis {
        margin-top: 3.888889vw;
        font-size: 3.611111vw;
    }

    .hooke-s11 .hooke-s11-container .hooke-s11-video video {
        border-radius: 2.777778vw;
    }

    .hooke-s11-video1 {
        margin-top: 3.194444vw;
    }

    .hooke-s12 .hooke-s12-container {
        width: 83.611111vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        border-radius: 2.777778vw;
    }

    .hooke-s12 .hooke-s12-container .hooke-s12-img-container {
        width: 100%;
        margin-top: 10.833333vw;
        padding-bottom: 3.888889vw;
    }

    .hooke-s12 .hooke-s12-text-container .hooke-s12-text-content2 {
        margin: 7.5vw 0;
    }

    .hooke-s12 .hooke-s12-text-content .hooke-s12-text {
        margin-left: 5vw;
    }

    .hooke-s12 .hooke-s12-text-content .hooke-s12-text span.nowrap {
        font-size: inherit;
    }

    .hooke-s12 .hooke-s12-text-content .hooke-s12-text span {
        font-size: 3.611111vw;
    }

    .hooke-s12 .hooke-s12-text-container {
        width: 87%;
        padding-top: 9.027778vw;
    }

    .hooke-s12 .hooke-s12-text-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .hooke-s12 .hooke-s12-text-content img {
        width: 9.027778vw;
        padding-top: 1.111111vw;
    }

    #hooke-s13-trigger {
        margin-top: 0;
    }

    .hooke-s13 .hooke-s13-sound-container {
        margin: 6.388889vw auto 4.861111vw auto;
    }

    .hooke-s13-container .hooke-s13-video-container {
        width: 100%;
        height: auto;
        border-radius: 2.777778vw;
    }

    .s13-sticky-container {
        height: auto;
    }

    .hooke-s13-container {
        height: auto;
        position: relative;
        top: 0;
    }

    .hooke-s13 h2 {
        font-size: 11.111111vw;
    }

    .hooke-s13-container .hooke-s13-text-container h3 {
        margin-bottom: 3.611111vw;
    }

    .hooke-s13 .hooke-s13-sound-img {
        width: 54.166667vw;
    }

    .hooke-s13-container .hooke-s13-text-container {
        width: 83.333333vw;
        color: #000;
        margin: 0 auto;
        position: relative;
        top: 0;
        left: 0;
        z-index: 9;
        text-align: left;
    }

    .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container {
        margin: 4.861111vw auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container .hooke-s13-text-small span {
        font-size: 3.611111vw;
    }

    .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container .hooke-s13-text-small {
        width: 41%;
    }

    .hooke-s14 {
        width: 83.333333vw;
    }

    .hooke-s14 .hooke-s14-text {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10vw;
        text-align: left;
    }

    .hooke-s14 .hooke-s14-text h3 {
        width: 100%;
        margin-bottom: 4.166667vw;
    }

    .hooke-s14 .hooke-s14-text p {
        width: 100%;
        margin-bottom: 6.527778vw;
    }

    .hooke-s14 .hooke-s14-point-text-container {
        display: block;
    }

    .hooke-s14 .hooke-s14-point-text2 {
        margin: 5.555556vw 0;
    }

    .hooke-s14 .hooke-s14-point-text-container div>p {
        margin-bottom: 1.111111vw;
    }

    .hooke-s14 .hooke-s14-point-text-container div>span {
        font-size: 3.611111vw;
    }

    .hooke-s14 .hooke-s14-video-container {
        width: 100%;
        top: 53.333333vw;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .hooke-s14 .hooke-s14-video-container .hooke-s14-video-control {
        width: 23.888889vw;
        margin: 3.472222vw auto 0 auto;
    }

    .hooke-s14 .hooke-s14-video-container p {
        margin-top: 3.055556vw;
        font-size: 3.611111vw;
    }

    .hooke-s14 .hooke-s14-video-container .s14-control-btn-close span {
        padding-left: 2.777778vw;
        font-size: 3.055556vw;
    }

    .hooke-s14 .hooke-s14-video-container .s14-control-btn-open span {
        padding-right: 2.777778vw;
        font-size: 3.055556vw;
    }

    .hooke-s14 .hooke-s14-img .hooke-s14-video-text-container {
        width: 78.888889vw;
        top: 7.361111vw;
    }

    .hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }

    .hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text-content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-img {
        width: 4.166667vw;
        height: 4.166667vw;
    }

    .hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-text img {
        width: 100%;
    }

    .hooke-s14 .hooke-s14-img .hooke-s14-video-text-container .hooke-s14-video-hand {
        width: 5vw;
        top: 12.111111vw;
        left: 10.944444vw;
    }

    .hooke-s14 .hooke-s14-video-container .hooke-s14-video-content {
        width: 26.527778vw;
        height: 4.444444vw;
        margin: 0 auto;
    }

    .hooke-s14 .hooke-s14-container-dis {
        margin-top: 3.888889vw;
        font-size: 3.611111vw;
    }

    .hooke-s15 .hooke-s13-container {
        width: 84.444444vw;
    }

    .hooke-s15 .hooke-s13-container .hooke-s13-text-container {
        width: 100%;
        margin-bottom: 4.722222vw;
    }

    .hooke-s15 .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container {
        margin-top: 4.722222vw;
    }

    .hooke-s15 .hooke-s13-container .hooke-s13-text-small-container {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 4.722222vw;
    }

    .hooke-s15 .hooke-s13-container .hooke-s13-text-small-container>div {
        width: 32.777778vw;
    }

    .hooke-s15 .hooke-s13-container .hooke-s13-text-small-container span {
        font-size: 3.611111vw;
    }

    .hooke-s16 .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container .hooke-s13-text-small1 {
        margin-bottom: 7.777778vw;
    }

    .hooke-s16 .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container .hooke-s13-text-small {
        width: auto;
    }

    .hooke-s16 .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container {
        margin: 0 auto;
    }

    .hooke-s16 .hooke-s13-container .hooke-s13-text-container .hooke-s13-text-small-container {
        position: absolute;
        color: #fff;
        top: 50%;
        left: 11.388889vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hooke-s16 .hooke-s13-video-container-mob {
        width: 120%;
        margin-left: -10%;
        margin-top: 6.944444vw;
        position: relative;
    }

    .hooke-s16 .hooke-s13-video-container-mob .hooke-s13-video-container {
        width: 100%;
        height: 83.333333vw;
    }

    .hooke-s16 .hooke-s13-video-container-mob video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .hooke-s16 .hooke-s13-video-container-mob .wx-video-poster {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .hooke-s16 .hooke-s13-text-small img {
        width: 11.944444vw;
        height: 11.944444vw;
        margin-bottom: 0;
        margin-right: 6.388889vw;
        vertical-align: top;
    }

    .hooke-s13-text-small-mob {
        display: inline-block;
        width: 45.69444vw;
        text-align: left;
    }

    .hooke-s17 .hooke-s13-container .hooke-s13-text-container {
        width: 83.333333vw;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        left: 0;
        margin-bottom: 6.944444vw;
    }

    .hooke-s17 .hooke-s13-container .hooke-s13-text-container b.nowrap {
        font-size: 5.555556vw;
    }

    .hooke-s18 .hooke-s13-container .hooke-s13-text-container {
        margin-bottom: 6.944444vw;
    }

    .hooke-s19 {
        height: 250vh;
    }

    .hooke-s19-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: calc(96px + 30px);
        height: 237vw;
    }

    .hooke-s19 .hooke-s19-text-container {
        width: 83.333333vw;
        margin: 0 auto;
    }

    .hooke-s19 .hooke-s19-img-container {
        width: 83.333333vw;
        height: auto;
    }

    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-sticky {
        height: auto;
        position: relative;
        top: 0;
    }

    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-power {
        width: 100%;
    }

    .hooke-s19 .hooke-s19-text-container h3 {
        margin-bottom: 2.916667vw;
    }

    .hooke-s19 .hooke-s19-text-container p {
        margin-bottom: 7.916667vw;
    }

    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product {
        -webkit-transform: translateY(68vw);
        transform: translateY(68vw);
    }

    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img1 {
        width: 36.111111vw;
        top: 74.861111vw;
    }

    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img2-container {
        width: 73.611111vw;
        left: 3.472222vw;
    }

    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img3 {
        width: 27.222222vw;
        top: 98.194444vw;
        right: 10.277778vw;
    }

    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img4 {
        width: 33.194444vw;
        top: 73.194444vw;
        right: 6.25vw;
    }

    .hooke-s20 {
        width: 83.333333vw;
        height: 250vh;
    }

    .hooke-s20 h2 {
        margin-bottom: 8.472222vw;
    }

    .hooke-s20 .hooke-s20-container {
        height: calc(100vh - 96px);
        top: 96px;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text p {
        font-size: 4.444444vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text span {
        font-size: 3.611111vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text {
        width: 40vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text1 {
        top: 17.177083vw;
        left: 1.104167vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text2 {
        top: 70.677083vw;
        left: 0.125vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text3 {
        top: 118.885417vw;
        right: 0;
    }

    .hooke-s21 .hooke-s21-container {
        width: 83.333333vw;
    }

    .hooke-s21 .hooke-s21-container h3 {
        margin-bottom: 1.805556vw;
    }

    .hooke-s21 .hooke-s21-container .hooke-s21-p-dis {
        margin-bottom: 5.694444vw;
    }

    .hooke-21-content .hooke-21-div .hooke-21-text {
        top: 5vw;
    }

    .hooke-21-content .hooke-21-text .hooke-21-text-tit img {
        width: 7.361111vw;
        margin-right: 1.388889vw;
    }

    .hooke-21-content .hooke-21-text {
        width: 85%;
        position: absolute;
        left: 7.916667vw;
    }

    .hooke-21-content .hooke-21-text .hooke-21-text-tit {
        margin-bottom: 1.805556vw;
    }

    .hooke-21-content .hooke-21-div .hooke-21-text p {
        font-size: 3.055556vw;
    }

    .hooke-21-content .hooke-21-div2,
    .hooke-21-content .hooke-21-div3 {
        width: 100%;
    }

    .hooke-21-content .hooke-21-div1,
    .hooke-21-content .hooke-21-div2 {
        margin-bottom: 8.333333vw;
    }

    .hooke-s22 {
        width: 83.333333vw;
    }

    .hooke-s22 .hooke-s22-text-container {
        width: 75.972222vw;
        left: 50%;
        top: 7.333333vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .hooke-s22 .hooke-s22-text-container h3 {
        margin-bottom: 5.555556vw;
    }

    /* footer-dis */
    .last-notes .last-notes-container .notes-list {
        font-size: 3.055556vw;
        padding-left: 3.875vw;
    }

    .hooke-dtd1.bg-black {
        margin: -1px auto;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1600px) {

    .hooke-s11 .hooke-s11-container .hooke-s11-container-dis,
    .hooke-s14 .hooke-s14-container-dis {
        font-size: 12px;
    }
}

@media screen and (min-width: 640px) and (max-aspect-ratio: 1 / 1) and (max-width: 1024px) {
    .hooke-s20 .hooke-s20-container .hooke-s20-text1 {
        top: 2.177083vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text2 {
        top: 56.677083vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text3 {
        top: 95.885417vw;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1,
    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div2,
    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 {
        width: 73%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-text-container {
        margin-bottom: 2.944444vw;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text {
        line-height: 1.4;
    }
}

@media screen and (min-width: 740px) and (min-aspect-ratio: 1 / 1) and (max-width: 1300px) {
    .hooke-s1 .hooke-kv .hooke-kv-logo-container {
        width: 32vw;
    }

    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img1,
    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img3,
    .hooke-s19 .hooke-s19-img-container .hooke-s19-img-product .hooke-s19-product-img4 {
        -webkit-transform: translateY(42vw);
        transform: translateY(42vw);
    }

    .hooke-s20 .hooke-s20-container {
        top: calc(76px + 10px);
        margin-bottom: calc(-100vh + 76px + 64.375vw);
        overflow: visible;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text1 {
        -webkit-transform: translateY(60vw);
        transform: translateY(60vw);
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text2 {
        -webkit-transform: translateY(32vw);
        transform: translateY(32vw);
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text3 {
        -webkit-transform: translateY(23vw);
        transform: translateY(23vw);
    }
}

@media (min-width: 650px) and (max-width: 800px) and (min-aspect-ratio: 9 / 10) and (max-aspect-ratio: 11 / 10) {
    .hooke-title3 {
        font-size: 6.288889vw;
    }

    .hooke-title4 {
        font-size: 5.666667vw;
    }

    .hooke-dis1 {
        font-size: 3.844444vw;
    }

    .hooke-dis2 {
        font-size: 3.444444vw;
    }

    .hooke-s4 .hooke-s4-sticky {
        top: calc(96px + 40px);
    }

    .hooke-s5 .hooke-s5-video-container {
        padding-top: 0;
    }

    .hooke-s5 .hooke-s5-video-container h2 {
        margin-bottom: 3.527778vw;
    }

    .hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-content {
        width: 75%;
        margin: 0 auto;
        margin-bottom: 1.555556vw;
    }

    .hooke-s5 .hooke-s5-video-container .hooke-s5-video-sticky .hooke-s5-video-div-container {
        width: 46.388889vw;
        top: 1.111111vw;
        left: 7.916667vw;
    }

    .hooke-s6 {
        height: 150vh;
    }

    .hooke-s6 .hooke-s6-sticky {
        height: calc(100vh - 96px);
        position: -webkit-sticky;
        position: sticky;
        top: 96px;
    }

    .hooke-s7 .hooke-s7-sticky {
        top: 96px;
        margin-top: 13.888889vw;
        margin-bottom: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-text-container {
        margin-bottom: 2.944444vw;
        margin-top: 7.555556vw;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-pagination-container .hooke-s7-pagination-text p {
        font-size: 4.666667vw;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div1,
    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div2,
    .hooke-s7 .hooke-s7-container .hooke-s7-img-container .hooke-s7-img-div3 {
        width: 52%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text2,
    .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text3 {
        top: 0;
    }

    .hooke-s7 h2 {
        width: 83.333333vw;
        margin: 0 auto;
    }

    .hooke-s7 .hooke-s7-container .hooke-s7-text-container .hooke-s7-text {
        line-height: 1.4;
        font-size: 26px;
    }

    .hooke-s8 {
        height: 200vh;
    }

    .hooke-s8 .hooke-s8-img-container {
        margin: 6.055556vw auto;
    }

    .hooke-s8 .hooke-s8-sticky .hooke-dis1 {
        margin: 0 auto 4.638889vw auto;
    }

    .hooke-s19 {
        height: 350vh;
    }

    .hooke-s19-sticky {
        height: 218vw;
    }

    .hooke-s20 {
        width: 83.333333vw;
        height: 350vh;
    }

    .hooke-s20 .hooke-s20-container {
        height: 90vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text p {
        line-height: 1.3;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text span {
        line-height: 1.3;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text {
        width: 36vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text3 {
        top: 63.885417vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text2 {
        top: 41.677083vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-product-container {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 630px) and (max-width: 640px) {
    .hooke-s20 .hooke-s20-container .hooke-s20-text2 {
        top: 59.677083vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text1 {
        top: 6.177083vw;
    }

    .hooke-s20 .hooke-s20-container .hooke-s20-text3 {
        top: 100.885417vw;
    }
}

.hooke-container .cbg-backtotop {
    position: fixed;
    z-index: 200;
    bottom: 90px;
    right: 50px;
}

.hooke-container .cbg-backtotop a.cbg-icon-backtotop {
    background-position: -549px -188px;
}

.hooke-container .cbg-backtotop a {
    display: block;
    width: 40px;
    height: 40px;
    margin: 5px 0;
    text-indent: -9999px;
    background: url(https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/store/img/sprites_cbg_icon.png) no-repeat;
    opacity: 0.6;
    filter: alpha(opacity=80);
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.hooke-container .cbg-backtotop a.hidden {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: default;
}