@media screen and (min-width: 1366.02px) {
  .brand-01 .content {
    position: relative;
    width: 100%;
    height: 100vh;
  }
  .brand-01 .content picture {
    width: 100%;
    height: 100%;
  }
  .brand-01 .content picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-01 .content .tileAll {
    position: absolute;
    top: 14.5833333333vw;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
  .brand-01 .content .tileAll .firstTitle {
    font-size: 2.0833333333vw;
    font-weight: bold;
  }
  .brand-01 .content .tileAll .secondTitle {
    margin-top: 1.0416666667vw;
    font-size: 1.0416666667vw;
  }
  .brand-01 .content .btnALl {
    position: absolute;
    bottom: 6.7708333333vw;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 7.2916666667vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .brand-01 .content .btnALl div {
    width: 10.2083333333vw;
    height: 1.5625vw;
    margin-right: 0.4166666667vw;
    margin-left: 0.4166666667vw;
    font-size: 0.7291666667vw;
    line-height: 1.5625vw;
    text-align: center;
    color: #fff;
  }
  .brand-01 .content .btnALl div .text {
    border-width: 1px;
    border-style: solid;
  }
  .brand-01 .video-screen-modals {
    position: relative;
    padding: 4.4270833333vw 12.5vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .brand-01 .video-screen-modals .video-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: calc(100% - 25vw);
    padding: 0 12.5vw;
  }
  .brand-01 .video-screen-modals video {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (min-width: 1366.02px) and (min-width: 1527px) {
  .brand-01 .video-screen-modals video {
    width: 96%;
    margin-top: 3.6458333333vw;
  }
}
@media screen and (min-width: 1366.02px) {
  .brand-01 .video-screen-modals .video-mark-brand {
    position: absolute;
    z-index: 2;
    top: 8.542vw;
    right: 15.625vw;
    background: transparent;
  }
}
@media screen and (min-width: 1366.02px) and (min-width: 1527px) {
  .brand-01 .video-screen-modals .video-mark-brand {
    right: 17.1875vw;
  }
}
@media screen and (min-width: 1366.02px) {
  .brand-01 .video-screen-modals .video-mark-brand .close {
    cursor: pointer;
  }
  .brand-01 .screen-modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(1.0416666667vw);
            backdrop-filter: blur(1.0416666667vw);
  }
  .brand-01 .text:hover {
    color: var(--hoverColor) !important;
  }
}@media screen and (max-width: 1366px) and (min-width: 1024px) {
  .brand-01 .content {
    width: 100%;
    height: 100vh;
    position: relative;
  }
  .brand-01 .content picture {
    width: 100%;
    height: 100%;
  }
  .brand-01 .content picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-01 .content .tileAll {
    position: absolute;
    top: 11.7130307467vw;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
  .brand-01 .content .tileAll .firstTitle {
    font-size: 2.196193265vw;
    font-weight: bold;
  }
  .brand-01 .content .tileAll .secondTitle {
    font-size: 1.1713030747vw;
    margin-top: 1.4641288433vw;
  }
  .brand-01 .content .btnALl {
    position: absolute;
    left: 50%;
    bottom: 2.9282576867vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .brand-01 .content .btnALl div {
    width: 10.980966325vw;
    height: 2.0497803807vw;
    color: #fff;
    font-size: 0.878477306vw;
    text-align: center;
    line-height: 2.0497803807vw;
    margin-left: 0.5856515373vw;
    margin-right: 0.5856515373vw;
  }
  .brand-01 .content .btnALl div .text {
    border-width: 1px;
    border-style: solid;
  }
  .brand-01 .video-screen-modals {
    position: relative;
    padding: 6.588579795vw 12.5183016105vw 3.2942898975vw 12.5183016105vw;
  }
  .brand-01 .video-screen-modals .video-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: calc(100% - 35.1390922401vw);
    padding: 0 17.5695461201vw;
  }
  .brand-01 .video-screen-modals video {
    position: relative;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .brand-01 .video-screen-modals .video-mark-brand {
    position: absolute;
    top: 9.5168374817vw;
    right: 21.9619326501vw;
    z-index: 2;
    background: transparent;
  }
  .brand-01 .video-screen-modals .video-mark-brand .close {
    cursor: pointer;
  }
  .brand-01 .screen-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(1.4641288433vw);
            backdrop-filter: blur(1.4641288433vw);
    z-index: 1000;
    overflow: hidden;
  }
  .brand-01 .text:hover {
    color: var(--hoverColor) !important;
  }
}@media screen and (max-width: 1023.98px) and (min-width: 768px) {
  .brand-01 .content {
    width: 100%;
    height: 100vh;
    position: relative;
  }
  .brand-01 .content picture {
    width: 100%;
    height: 100%;
  }
  .brand-01 .content picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-01 .content .tileAll {
    position: absolute;
    top: 30.859375vw;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
  }
  .brand-01 .content .tileAll .firstTitle {
    font-size: 3.6458333333vw;
    font-weight: bold;
  }
  .brand-01 .content .tileAll .secondTitle {
    font-size: 1.5625vw;
    margin-top: 2.6041666667vw;
  }
  .brand-01 .content .btnALl {
    position: absolute;
    left: 50%;
    bottom: 11.71875vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .brand-01 .content .btnALl div {
    width: 12.2395833333vw;
    height: 3.90625vw;
    color: #fff;
    font-size: 1.5625vw;
    text-align: center;
    line-height: 3.90625vw;
    margin-left: 1.0416666667vw;
    margin-right: 1.0416666667vw;
  }
  .brand-01 .content .btnALl div .text {
    border-width: 1px;
    border-style: solid;
  }
  .brand-01 .video-screen-modals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 31.25vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .brand-01 .video-screen-modals .video-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%;
  }
  .brand-01 .video-screen-modals video {
    position: relative;
    height: 50.78125vw;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .brand-01 .video-screen-modals .video-mark-brand {
    position: absolute;
    top: 5.2083333333vw;
    right: 5.2083333333vw;
    z-index: 2;
    background: transparent;
  }
  .brand-01 .video-screen-modals .video-mark-brand .close {
    height: 3.125vw;
    width: 3.125vw;
    cursor: pointer;
  }
  .brand-01 .screen-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(2.6041666667vw);
            backdrop-filter: blur(2.6041666667vw);
    z-index: 1000;
    overflow: hidden;
  }
}@media screen and (max-width: 767.98px) {
  .brand-01 .content {
    position: relative;
    width: 100%;
    height: 100vh;
  }
  .brand-01 .content picture {
    width: 100%;
    height: 100%;
  }
  .brand-01 .content picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-01 .content .tileAll {
    position: absolute;
    top: 42.6666666667vw;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
  .brand-01 .content .tileAll .firstTitle {
    font-size: 7.4666666667vw;
    font-weight: bold;
  }
  .brand-01 .content .tileAll .secondTitle {
    margin-top: 5.3333333333vw;
    font-size: 3.2vw;
  }
  .brand-01 .content .btnALl {
    position: absolute;
    bottom: 32vw;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .brand-01 .content .btnALl div {
    width: 25.0666666667vmin;
    height: 8vmin;
    margin-right: 2.1333333333vw;
    margin-left: 2.1333333333vw;
    font-size: 2.6666666667vw;
    line-height: 8vw;
    text-align: center;
    color: #fff;
  }
  .brand-01 .content .btnALl div .text {
    border-width: 1px;
    border-style: solid;
  }
  .brand-01 .video-screen-modals {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .brand-01 .video-screen-modals .video-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%;
  }
  .brand-01 .video-screen-modals video {
    position: absolute;
    left: 0;
    width: 100%;
    height: 55.7333333333vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-01 .video-screen-modals .video-mark-brand {
    position: absolute;
    z-index: 2;
    top: 5.3333333333vw;
    right: 8vw;
    background: transparent;
  }
  .brand-01 .video-screen-modals .video-mark-brand .close {
    width: 6.4vw;
    height: 6.4vw;
    cursor: pointer;
  }
  .brand-01 .screen-modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5.3333333333vw);
            backdrop-filter: blur(5.3333333333vw);
  }
}
@media screen and (min-width: 1366.02px) {
  .brand-02 .content {
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .brand-02 .content .wrapper {
    width: 100%;
    padding: 10.4166666667vw 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .brand-02 .content .wrapper .contents {
    text-align: center;
    color: #fff;
  }
  .brand-02 .content .wrapper .contents .title {
    font-size: 2.5vw;
    font-weight: normal;
    line-height: 3.0208333333vw;
    margin-bottom: 1.5625vw;
  }
  .brand-02 .content .wrapper .contents .desc div {
    font-size: 0.9375vw;
    font-weight: normal;
    line-height: 1.5625vw;
  }
  .brand-02 .content .wrapper .cardImg {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .brand-02 .content .wrapper .cardImg picture img {
    height: 23.4375vw;
    width: 70.3125vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-02 .tPosition {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .brand-02 .bPositon {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .brand-02 .distance1 {
    margin-bottom: 1.75vw;
  }
  .brand-02 .distance2 {
    margin-top: 3.75vw;
  }
}
::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}@media screen and (max-width: 1366px) and (min-width: 1024px) {
  .brand-02 .content {
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .brand-02 .content .wrapper {
    width: 100%;
    padding: 8.0527086384vw 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .brand-02 .content .wrapper .contents {
    text-align: center;
    color: #fff;
  }
  .brand-02 .content .wrapper .contents .title {
    font-size: 2.635431918vw;
    font-weight: normal;
    line-height: 2.635431918vw;
    margin-bottom: 1.756954612vw;
  }
  .brand-02 .content .wrapper .contents .desc div {
    font-size: 1.0248901903vw;
    font-weight: normal;
    line-height: 1.9033674963vw;
  }
  .brand-02 .content .wrapper .cardImg {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .brand-02 .content .wrapper .cardImg picture img {
    height: 23.4260614934vw;
    width: 70.2781844802vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-02 .tPosition {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .brand-02 .bPositon {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .brand-02 .distance1 {
    margin-bottom: 1.756954612vw;
  }
  .brand-02 .distance2 {
    margin-top: 1.756954612vw;
  }
}@media screen and (max-width: 1023.98px) and (min-width: 768px) {
  .brand-02 .content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 4.6875vmin;
  }
  .brand-02 .content .wrapper {
    width: 100%;
    padding-top: 18.75vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .brand-02 .content .wrapper .contents {
    text-align: center;
    color: #fff;
  }
  .brand-02 .content .wrapper .contents .title {
    font-size: 3.125vw;
    font-weight: normal;
    line-height: 4.6875vw;
    margin-bottom: 2.0833333333vw;
  }
  .brand-02 .content .wrapper .contents .desc div {
    font-size: 1.8229166667vw;
    font-weight: normal;
    line-height: 3.3854166667vw;
  }
  .brand-02 .content .wrapper .cardImg {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .brand-02 .content .wrapper .cardImg picture img {
    height: 78.125vw;
    width: 91.6666666667vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-02 .tPosition {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .brand-02 .bPositon {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .brand-02 .distance1 {
    margin-bottom: 7.2916666667vw;
  }
  .brand-02 .distance2 {
    margin-top: 7.2916666667vw;
  }
}@media screen and (max-width: 767.98px) {
  .brand-02 .content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 4.6vmin;
  }
  .brand-02 .content .wrapper {
    width: 100%;
    padding-top: 32vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .brand-02 .content .wrapper .contents {
    text-align: center;
    color: #fff;
  }
  .brand-02 .content .wrapper .contents .title {
    font-size: 6.4vw;
    font-weight: normal;
    line-height: 8vw;
    margin-bottom: -16.8vw;
  }

  #cl3 .brand-02 .content .wrapper .contents .desc div{
    font-size: calc(28 / 750 * 100vw);
  }
  
  .brand-02 .content .wrapper .contents .desc div {
    font-size: 3.2vmin;
    font-weight: normal;
    line-height: 6.4vmin;
  }
  .brand-02 .content .wrapper .cardImg {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .brand-02 .content .wrapper .cardImg picture img {
    height: 96vmin;
    width: 91.4666666667vmin;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-02 .tPosition {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .brand-02 .bPositon {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .brand-02 .distance1 {
    margin-bottom: 9.6vw;
  }
  .brand-02 .distance2 {
    margin-top: 9.6vw;
  }
}
@media screen and (min-width: 1366.02px) {
  .brand-03 {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
  .brand-03 .content {
    position: relative;
    width: 100%;
    height: 100%;
    color: var(--textColor);
    --textColor: #fff;
  }
  .brand-03 .content .bg-image picture img {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-03 .content .text-content {
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 10.4166666667vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .brand-03 .content .text-content.left {
    text-align: left;
  }
  .brand-03 .content .text-content.center {
    text-align: center;
  }
  .brand-03 .content .text-content.right {
    text-align: right;
  }
  .brand-03 .content .text-content div {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    opacity: 0.2;
  }
  .brand-03 .content .text-content div.upAnimation {
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
  .brand-03 .content .text-content .title {
    margin-bottom: 1.5625vw;
    font-size: 2.5vw;
    font-weight: normal;
    line-height: 3.0208333333vw;
  }
  .brand-03 .content .text-content .description {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
    white-space: nowrap;
  }
}@media screen and (max-width: 767.98px) {
  .brand-03 {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
  .brand-03 .content {
    position: relative;
    width: 100%;
    height: 100%;
    color: var(--textColor);
    --textColor: #fff;
  }
  .brand-03 .content .bg-image picture img {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-03 .content .text-content {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 90%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
  .brand-03 .content .text-content div {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    opacity: 0.2;
  }
  .brand-03 .content .text-content div.upAnimation {
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
  .brand-03 .content .text-content .title {
    margin-bottom: 4.8vmin;
    font-size: 6.4vmin;
    font-weight: normal;
    line-height: 8vmin;
  }
  .brand-03 .content .text-content .description {
    font-size: calc(28 / 750 * 100vw);
    line-height: 6.4vmin;
    white-space: nowrap;
  }
}@media screen and (max-width: 1023.98px) and (min-width: 768px) {
  .brand-03 {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
  .brand-03 .content {
    position: relative;
    width: 100%;
    height: 100%;
    color: var(--textColor);
    --textColor: #fff;
  }
  .brand-03 .content .bg-image picture img {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-03 .content .text-content {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
  }
  .brand-03 .content .text-content div {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    opacity: 0.2;
  }
  .brand-03 .content .text-content div.upAnimation {
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
  .brand-03 .content .text-content .title {
    margin-bottom: 3.125vw;
    font-size: 3.125vw;
    font-weight: normal;
    line-height: 4.6875vw;
  }
  .brand-03 .content .text-content .description {
    font-size: 1.8229166667vw;
    line-height: 3.3854166667vw;
    white-space: nowrap;
  }
}@media screen and (max-width: 1366px) and (min-width: 1024px) {
  .brand-03 {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
  .brand-03 .content {
    position: relative;
    width: 100%;
    height: 100%;
    color: var(--textColor);
    --textColor: #fff;
  }
  .brand-03 .content .bg-image picture img {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-03 .content .text-content {
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 14.6412884334vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .brand-03 .content .text-content.left {
    text-align: left;
  }
  .brand-03 .content .text-content.center {
    text-align: center;
  }
  .brand-03 .content .text-content.right {
    text-align: right;
  }
  .brand-03 .content .text-content div {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    opacity: 0.2;
  }
  .brand-03 .content .text-content div.upAnimation {
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
  .brand-03 .content .text-content .title {
    margin-bottom: 1.756954612vw;
    font-size: 2.635431918vw;
    font-weight: normal;
    line-height: 3.0014641288vw;
  }
  .brand-03 .content .text-content .description {
    font-size: 1.0248901903vw;
    line-height: 1.9033674963vw;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1366.02px) {
  .brand-05 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 100vh;
  }
  .brand-05 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .brand-05 .wrapper {
    width: 70.3125vw;
    margin: 0 auto;
    color: var(--textColor);
    margin-top: 5.7291666667vw;
  }
  .brand-05 .wrapper .title {
    padding: 0 0 1.5625vw;
    font-size: 2.5vw;
    line-height: 3.0208333333vw;
    text-align: center;
    opacity: 0.2;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    position: relative;
  }
  .brand-05 .wrapper .title.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .description {
    text-align: center;
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
    padding: 0 0 2.0833333333vw;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    position: relative;
    opacity: 0.2;
  }
  .brand-05 .wrapper .description.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    height: 23.90625vw;
    opacity: 0.2;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
  }
  .brand-05 .wrapper .list.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .list .swiper-pagination {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
  }
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-prev,
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-next {
    color: var(--pageTurningColor);
  }
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-prev {
    left: -3.125vw;
  }
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-next {
    right: -3.125vw;
  }
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-disabled {
    opacity: 0;
  }
  .brand-05 .wrapper .list .swiper {
    width: 100%;
    height: 100%;
  }
  .brand-05 .wrapper .list .swiper .slidesPerView {
    width: 100%;
  }
  .brand-05 .wrapper .list .swiper .slidesPerView .swiper-slide {
    width: 100% !important;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .brand-05 .wrapper .list .swiper .item {
    width: 100%;
    position: relative;
  }
  .brand-05 .wrapper .list .swiper .item .pic-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .brand-05 .wrapper .list .swiper .item .pic-wrap .pic {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-05 .wrapper .list .swiper .item .pic-title {
    width: 100%;
    text-align: center;
    font-size: 0.7291666667vw;
    position: absolute;
    left: 50%;
    bottom: 1.5625vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
  }
}@media screen and (max-width: 767.98px) {
  .brand-05 {
    width: 100%;
    height: auto;
  }
  .brand-05 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .brand-05 .wrapper {
    padding: 0 4.2666666667vw;
    color: var(--textColor);
  }
  .brand-05 .wrapper .title {
    font-size: 6.4vw;
    line-height: 1.25;
    padding: 32vw 0 8vw;
    text-align: center;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    position: relative;
    opacity: 0.2;
  }
  .brand-05 .wrapper .title.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .description {
    text-align: center;
    font-size: 3.2vw;
    line-height: 6.4vw;
    padding-bottom: 6.4vw;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    position: relative;
    opacity: 0.2;
  }
  .brand-05 .wrapper .description.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .list {
    display: block;
    opacity: 0.2;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
  }
  .brand-05 .wrapper .list.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .list .item {
    position: relative;
  }
  .brand-05 .wrapper .list .item .pic-wrap {
    position: relative;
    height: 100%;
  }
  .brand-05 .wrapper .list .item .pic-wrap .pic {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-05 .wrapper .list .item .pic-title {
    text-align: center;
    font-size: 3.7333333333vw;
    line-height: 1.5714285714;
    position: absolute;
    right: 6.4vw;
    bottom: 6.4vw;
  }
}@media screen and (max-width: 1023.98px) and (min-width: 768px) {
  .brand-05 {
    width: 100%;
    height: auto;
  }
  .brand-05 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .brand-05 .wrapper {
    padding-top: 18.75vw;
    color: var(--textColor);
  }
  .brand-05 .wrapper .title {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    padding-bottom: 3.125vw;
    text-align: center;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    position: relative;
    opacity: 0.2;
  }
  .brand-05 .wrapper .title.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .description {
    text-align: center;
    font-size: 1.5625vw;
    line-height: 3.125vw;
    padding-bottom: 6.25vw;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    position: relative;
    opacity: 0.2;
  }
  .brand-05 .wrapper .description.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .list {
    display: block;
    width: 91.6666666667vw;
    margin: 0 auto;
    opacity: 0.2;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
  }
  .brand-05 .wrapper .list.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .list .item {
    position: relative;
    height: 34.2447916667vw;
  }
  .brand-05 .wrapper .list .item .pic-wrap {
    position: relative;
    height: 100%;
  }
  .brand-05 .wrapper .list .item .pic-wrap .pic {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-05 .wrapper .list .item .pic-title {
    text-align: center;
    font-size: 1.8229166667vw;
    line-height: 1.5555555556;
    position: absolute;
    right: 4.1666666667vw;
    bottom: 4.1666666667vw;
  }
}@media screen and (max-width: 1366px) and (min-width: 1024px) {
  .brand-05 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 100vh;
  }
  .brand-05 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .brand-05 .wrapper {
    width: 70.2781844802vw;
    margin: 0 auto;
    color: var(--textColor);
  }
  .brand-05 .wrapper .title {
    padding: 0 0 1.756954612vw;
    font-size: 2.635431918vw;
    line-height: 3.0014641288vw;
    text-align: center;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    position: relative;
    opacity: 0.2;
  }
  .brand-05 .wrapper .title.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .description {
    text-align: center;
    font-size: 1.0248901903vw;
    line-height: 1.9033674963vw;
    padding: 0 0 1.4641288433vw;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
    position: relative;
    opacity: 0.2;
  }
  .brand-05 .wrapper .description.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    height: 23.4260614934vw;
    opacity: 0.2;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
            transform: matrix(1, 0, 0, 1, 0, 60);
  }
  .brand-05 .wrapper .list.upAnimation {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all var(--speed) linear;
    transition: all var(--speed) linear;
  }
  .brand-05 .wrapper .list .swiper-pagination {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
  }
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-prev,
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-next {
    color: var(--pageTurningColor);
  }
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-prev {
    left: -4.39238653vw;
  }
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-next {
    right: -4.39238653vw;
  }
  .brand-05 .wrapper .list .swiper-pagination .swiper-button-disabled {
    opacity: 0;
  }
  .brand-05 .wrapper .list .swiper {
    width: 100%;
    height: 100%;
  }
  .brand-05 .wrapper .list .swiper .slidesPerView {
    width: 100%;
  }
  .brand-05 .wrapper .list .swiper .slidesPerView .swiper-slide {
    width: 100% !important;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .brand-05 .wrapper .list .swiper .item {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .brand-05 .wrapper .list .swiper .item .pic-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .brand-05 .wrapper .list .swiper .item .pic-wrap .pic {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-05 .wrapper .list .swiper .item .pic-title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 0.7291666667vw;
    line-height: 1.1458333333vw;
    bottom: 1.5625vw;
    text-align: center;
    width: 100%;
  }
}
@media screen and (min-width: 1366.02px) {
  .brand-06 .content {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    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;
    padding-top: 2.34375vw;
  }
  .brand-06 .content .contBody {
    width: 100%;
    width: calc(100% - 31.25vw);
  }
  .brand-06 .content .contBody .contALL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .brand-06 .content .contBody .contALL .brand-left {
    width: 42.7083333333vw;
    height: 28.6458333333vw;
  }
  .brand-06 .content .contBody .contALL .brand-left picture {
    width: 100%;
    height: 100%;
  }
  .brand-06 .content .contBody .contALL .brand-left picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-06 .content .contBody .contALL .brand-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 2.0833333333vw;
    padding-left: 3.6458333333vw;
    padding-bottom: 2.0833333333vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl .title {
    font-size: 2.5vw;
    line-height: 3.0208333333vw;
    margin-bottom: 1.5625vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl .desc {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 10.4166666667vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 2.34375vw;
    margin-top: 2.0833333333vw;
    cursor: pointer;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab .name {
    font-size: 0.8333333333vw;
    margin-bottom: 0.5208333333vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab .line {
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .brand-06 .opac {
    opacity: 1;
  }
  .brand-06 .opac1 {
    opacity: 0.5;
  }
}
::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}@media screen and (max-width: 1366px) and (min-width: 1024px) {
  .brand-06 .content {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    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;
    padding-top: 3.2942898975vw;
  }
  .brand-06 .content .contBody {
    width: 100%;
    width: calc(100% - 29.2825768668vw);
  }
  .brand-06 .content .contBody .contALL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .brand-06 .content .contBody .contALL .brand-left {
    width: 42.4597364568vw;
    height: 28.5505124451vw;
  }
  .brand-06 .content .contBody .contALL .brand-left picture {
    width: 100%;
    height: 100%;
  }
  .brand-06 .content .contBody .contALL .brand-left picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-06 .content .contBody .contALL .brand-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 2.196193265vw;
    padding-left: 4.39238653vw;
    padding-bottom: 2.196193265vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl .title {
    font-size: 2.635431918vw;
    line-height: 3.0014641288vw;
    margin-bottom: 1.756954612vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl .desc {
    font-size: 1.0248901903vw;
    line-height: 1.9033674963vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 14.6412884334vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 1.4641288433vw;
    margin-top: 2.196193265vw;
    cursor: pointer;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab .name {
    font-size: 1.1713030747vw;
    margin-bottom: 0.7320644217vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab .line {
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .brand-06 .opac {
    opacity: 1;
  }
  .brand-06 .opac1 {
    opacity: 0.5;
  }
}@media screen and (max-width: 1023.98px) and (min-width: 768px) {
  .brand-06 .content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    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;
    padding-top: 5.859375vw;
  }
  .brand-06 .content .contBody {
    width: 100%;
  }
  .brand-06 .content .contBody .contALL .brand-left {
    display: none;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl {
    text-align: center;
    margin-bottom: 5.2083333333vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl .title {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    margin-bottom: 3.125vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl .desc {
    font-size: 1.8229166667vw;
    line-height: 3.3854166667vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .carImg {
    text-align: center;
    margin-bottom: 5.2083333333vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .carImg picture img {
    width: calc(100% - 5.2083333333vw);
    height: 65.1041666667vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% - 5.2083333333vw);
    margin-top: 3.90625vw;
    margin-bottom: 3.90625vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 3.2552083333vw;
    margin-left: 3.2552083333vw;
    margin-bottom: 3.90625vw;
    width: 12.5vmin;
    height: 5.2083333333vmin;
    cursor: pointer;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab .name {
    font-size: 2.0833333333vw;
    margin-bottom: 1.3020833333vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab .line {
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .brand-06 .opac {
    opacity: 1;
  }
  .brand-06 .opac1 {
    opacity: 0.5;
  }
}@media screen and (max-width: 767.98px) {
  .brand-06 .content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    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;
    padding-top: 12vw;
  }
  .brand-06 .content .contBody {
    width: 100%;
  }
  .brand-06 .content .contBody .contALL .brand-left {
    display: none;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl {
    text-align: center;
    margin-bottom: 6.6666666667vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl .title {
    font-size: 6.4vw;
    line-height: 8vw;
    margin-bottom: 4.8vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .textALl .desc {
    font-size: 3.2vw;
    line-height: 6.9333333333vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .carImg {
    text-align: center;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .carImg picture img {
    width: calc(100% - 2.6666666667vw);
    height: 61.3333333333vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 8vw);
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 4vw;
    margin-left: 4vw;
    margin-bottom: 8vw;
    width: 25.6vmin;
    height: 10.6666666667vmin;
    cursor: pointer;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab .name {
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
  .brand-06 .content .contBody .contALL .brand-right .rightContent .butALl .butTab .line {
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .brand-06 .opac {
    opacity: 1;
  }
  .brand-06 .opac1 {
    opacity: 0.5;
  }
}
@media screen and (min-width: 1366.02px) {
  .brand-07 {
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .brand-07 .content {
    width: 100%;
    height: 100%;
    position: relative;
    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;
    padding-top: 5.2083333333vw;
  }
  .brand-07 .content .brandBody7 {
    width: 69.2708333333vw;
    height: 27.2395833333vw;
    background: #262626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .brand-07 .content .brandBody7 .brand7-left {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 3.125vw;
    font-weight: normal;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent .title {
    font-size: 2.5vw;
    line-height: 3.0208333333vw;
    margin-bottom: 1.5625vw;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent .desc {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
  }
  .brand-07 .content .brandBody7 .brand7-right {
    position: absolute;
    width: 41.6666666667vw;
    height: 28.6458333333vw;
    right: 1.5625vw;
    bottom: 1.5625vw;
  }
  .brand-07 .content .brandBody7 .brand7-right picture {
    height: 100%;
    width: 100%;
  }
  .brand-07 .content .brandBody7 .brand7-right picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}@media screen and (max-width: 1366px) and (min-width: 1024px) {
  .brand-07 {
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .brand-07 .content {
    width: 100%;
    height: 100%;
    position: relative;
    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;
    padding-top: 5.1244509517vw;
  }
  .brand-07 .content .brandBody7 {
    width: 70.2781844802vw;
    height: 27.2327964861vw;
    background: #262626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .brand-07 .content .brandBody7 .brand7-left {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 3.6603221083vw;
    font-weight: normal;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent .title {
    font-size: 2.635431918vw;
    line-height: 3.0014641288vw;
    margin-bottom: 1.756954612vw;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent .desc {
    font-size: 1.0248901903vw;
    line-height: 1.9033674963vw;
  }
  .brand-07 .content .brandBody7 .brand7-right {
    position: absolute;
    width: 41.654465593vw;
    height: 28.6237188873vw;
    right: 2.196193265vw;
    bottom: 2.196193265vw;
  }
  .brand-07 .content .brandBody7 .brand7-right picture {
    height: 100%;
    width: 100%;
  }
  .brand-07 .content .brandBody7 .brand7-right picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}@media screen and (max-width: 1023.98px) and (min-width: 768px) {
  .brand-07 .content {
    height: 100%;
    position: relative;
    padding: 13.0208333333vw 4.1666666667vw 17.1875vw;
  }
  .brand-07 .content .brandBody7 {
    width: 100%;
    height: 100%;
    background: #262626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .brand-07 .content .brandBody7 .brand7-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: normal;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent .title {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    margin-bottom: 3.125vw;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent .desc {
    font-size: 1.8229166667vw;
    line-height: 3.3854166667vw;
    margin-bottom: 7.8125vw;
  }
  .brand-07 .content .brandBody7 .brand7-right {
    height: 59.375vw;
    margin-bottom: 6.5104166667vw;
  }
  .brand-07 .content .brandBody7 .brand7-right picture {
    height: 100%;
    width: 100%;
  }
  .brand-07 .content .brandBody7 .brand7-right picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-07 .tOrder {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .brand-07 .bOrder {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}@media screen and (max-width: 767.98px) {
  .brand-07 .content {
    height: 100%;
    position: relative;
    padding: 26.6666666667vw 4vw;
  }
  .brand-07 .content .brandBody7 {
    width: 100%;
    height: 100%;
    background: #262626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .brand-07 .content .brandBody7 .brand7-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: normal;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent .title {
    font-size: 6.4vmin;
    line-height: 8vmin;
    margin-bottom: 4.8vmin;
  }
  .brand-07 .content .brandBody7 .brand7-left .leftContent .desc {
    font-size: 3.2vmin;
    line-height: 6.4vmin;
    margin-bottom: 10.6666666667vw;
  }
  .brand-07 .content .brandBody7 .brand7-right {
    height: 68.8vw;
    margin-bottom: 13.3333333333vw;
  }
  .brand-07 .content .brandBody7 .brand7-right picture {
    height: 100%;
    width: 100%;
  }
  .brand-07 .content .brandBody7 .brand7-right picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brand-07 .tOrder {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .brand-07 .bOrder {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}