@media (min-width: 1200px) {
  * {
    margin: 0;
    padding: 0;
    color: white;
  }
  .head-title {
    color: white;
    display: flex;
    width: 100%;
    height: 3.75rem;
    align-items: center;
    background: #212121;
    box-shadow: 0 0.4375rem 0.25rem 0 rgba(93, 93, 93, 0.1);
  }
  .head-text1 {
    font-weight: bold;
    margin: 0 2rem 0 17.125rem;
  }
  .head-text2 {
    font-weight: lighter;
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
  .head-text3 {
    font-family: ClearSans;
    font-size: 0.75rem;
    /* width: 6.5rem;
    height: 1.5rem; */
    border: 1px solid white;
    border-radius: 1rem;
    padding: 0.4rem 2rem;
    margin: 0 17.5rem 0 auto;
    cursor: pointer;
  }
  .Specification {
    width: 100%;
    height: 0;
    background: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    overflow: auto;
    transition: all 0.3s;
  }
  .Specification > img {
    width: 100%;
    height: 125.75rem;
  }
  .close {
    width: 6.5rem;
    height: 2.25rem;
    margin: 3.125rem auto 11.25rem;
    cursor: pointer;
  }
  .bold {
    font-weight: bold;
  }
  .lighter {
    font-weight: lighter;
  }
  .center-box {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
  }
  .P1 {
    width: 100%;
    height: 61rem;
    background-size: cover;
  }
  .P1 > span {
    display: none;
  }
  .P1-text1 {
    font-size: 2rem;
    line-height: 2rem;
    margin: 9rem 0 1.375rem;
  }
  .P1-text2 {
    font-size: 3.25rem;
  }
  .P1-bag {
    font-size: 1.25rem;
    color: #000000;
    line-height: 1.375rem;
    background: #ffffff;
    border-radius: 0.125rem;
    padding: 0.1rem 0.5rem;
  }
  .P2 {
    width: 100%;
    height: 26.5rem;
    display: flex;
    justify-content: space-around;
    background: black;
  }
  .P2 img {
    display: none;
  }
  .P2-item {
    margin-top: 3.75rem;
  }
  .P2-text1 {
    font-family: ClearSans;
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .P2-text2 {
    font-size: 18px;
    line-height: 28px;
  }
  .P3 {
    width: 100%;
    height: 69.6875rem;
    background-size: cover;
  }
  .P3 br {
    display: none;
  }
  .P3-img {
    display: none;
  }
  .P3-text1 {
    font-size: 3.25rem;
    margin: 3.375rem 0 1.75rem;
  }
  .P3-text2 {
    font-size: 18px;
    line-height: 28px;
    width: 62.25rem;
  }
  .P3-text3 {
    font-family: ClearSans;
    font-size: 2rem;
    line-height: 3.875rem;
    margin-top: 2.125rem;
  }
  .P4-text {
    width: 100%;
    background: black;
    box-sizing: border-box;
    padding: 4.375rem 0 4.375rem 15.125rem;
  }
  .P4-text1 {
    font-size: 3.25rem;
  }
  .P4-text2 {
    width: 60.125rem;
    font-size: 18px;
    line-height: 28px;
    margin: 1.875rem 0 1.75rem;
  }
  .P4-text3 {
    font-family: ClearSans;
    font-size: 2rem;
    line-height: 3.875rem;
    width: 65.125rem;
  }
  .P4 {
    width: 100%;
    height: 76.75rem;
  }
  .P4 img {
    width: 100%;
  }
  .P5 {
    width: 100%;
    height: 85rem;
    background-size: cover;
  }
  .P5 .P5-text2:last-child {
    display: none;
  }
  .P5-text2 {
    font-size: 18px;
    line-height: 28px;
    width: 74.25rem;
    margin: 2.625rem 0 1.875rem;
  }
  .P8 {
    width: 100%;
    background: black;
    box-sizing: border-box;
    padding-top: 4.875rem;
  }
  .P8 .P8-text2:last-child {
    display: none;
  }
  .P8-text2 {
    width: 64.375rem;
    margin: 1.875rem 0;
    font-size: 18px;
  }
  .P8-mode {
    display: flex;
  }
  .mode-item {
    opacity: 0.4;
    font-family: ClearSans;
    font-size: 1.875rem;
    line-height: 3rem;
    cursor: pointer;
  }
  .mode-item:nth-child(2) {
    margin: 0 7.625rem 0 5.625rem;
  }
  .P8-tip {
    width: 49rem;
    height: 0.3125rem;
    background: rgba(248, 248, 248, 0.16);
    margin: 1.25rem 0 1.375rem 3rem;
  }
  .P8-onTip {
    width: 7.5rem;
    height: 0.3125rem;
    background: white;
    margin-left: 0%;
    transition: all 0.2s;
  }
  .P8-mode .on {
    opacity: 1;
  }
  .P8-text3 {
    font-size: 2rem;
  }
  .P8-img {
    width: 90rem;
    height: 57.5rem;
    margin-top: 3.125rem;
  }
  .P8-img img {
    width: 100%;
  }
  .P9 {
    width: 100%;
    height: 92.375rem;
    background-size: cover;
    box-sizing: border-box;
    padding: 14rem 0 0 15rem;
  }
  .P9 img,
  .P9 .P9-text2:last-child {
    display: none;
  }
  .P9-text2 {
    font-size: 18px;
    line-height: 28px;
    width: 47rem;
    margin: 2.375rem 0 6rem;
  }
  .P9-text3 {
    display: flex;
  }
  .P9-item {
    margin-right: 6.875rem;
    font-family: ClearSans;
    font-size: 2rem;
    line-height: 3.25rem;
  }
  .P10 {
    width: 100%;
    height: 71.875rem;
    background-size: cover;
    box-sizing: border-box;
  }
  .P10 img,
  .P10 .P10-text2:last-child {
    display: none;
  }
  .P10-text2 {
    font-size: 18px;
    line-height: 28px;
    margin: 1.5rem 0 2.375rem;
    width: 100rem;
  }
  .P10-text3 {
    font-family: ClearSans;
    font-size: 2rem;
    line-height: 3.875rem;
  }
  .P10-text4 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 2.125rem;
  }
  .disc {
    font-size: 14px;
    box-sizing: border-box;
    padding: 4.375rem 15rem;
    background: black;
  }
}
@media (max-width: 1199px) {
  body {
    background: black !important;
    color: white;
  }
  .Specification,
  .head-title {
    display: none;
  }
  div {
    box-sizing: border-box;
  }
  .P1 {
    height: 156.53333333vw;
    padding: 11.2vw 8.53333333vw;
    background-size: cover;
    background-position: center;
  }
  .P1-bag {
    font-family: Roboto-Light;
    font-size: 3.2vw;
    font-weight: 200;
    padding: 0 1.86666667vw;
    background: white;
    color: black;
    display: inline-block;
  }
  .P1-text1 {
    font-family: Roboto-Light;
    font-size: 4.8vw;
    line-height: 4.26666667vw;
    font-weight: 200;
    margin-top: 3.2vw;
  }
  .P1-text1 span {
    display: none;
  }
  .P1-text2 {
    font-family: Roboto-Medium;
    font-size: 9.06666667vw;
    font-weight: 500;
  }
  .P2 {
    display: flex;
    flex-wrap: wrap;
    padding: 9.06666667vw 0 10.13333333vw;
    text-align: center;
    justify-content: space-evenly;
  }
  .P2-item {
    width: 40vw;
    height: 40vw;
    margin-bottom: 4vw;
  }
  .P2-item img {
    width: 13.06666667vw;
    margin: 4.8vw 0 2.66666667vw;
    display: inline-block;
  }
  .P2-text1 {
    font-family: ClearSans;
    font-size: 4vw;
    font-weight: 400;
  }
  .P2-text2 {
    font-family: Roboto-Light;
    font-size: 3.2vw;
    line-height: 4.26666667vw;
    font-weight: 200;
  }
  .P3-text1,
  .P4-text1,
  .P8-text1 {
    font-family: Roboto-Medium;
    font-size: 5.6vw;
    line-height: 6.66666667vw;
    font-weight: 500;
  }
  .P3-text2,
  .P4-text2,
  .P8-text2,
  .P5-text2,
  .P9-text2,
  .P10-text3 {
    font-size: 4.26666667vw;
    font-family: Roboto-Light;
    line-height: 5.6vw;
  }
  .P3-text3,
  .P4-text3,
  .P8-text3,
  .P9-text3,
  .P10-text2 {
    font-family: Roboto-Light;
    font-size: 4vw;
    line-height: 5.6vw;
    font-weight: 200;
  }
  .P3 {
    padding: 0 8vw;
  }
  .P3 .P3-text2 {
    margin: 8vw 0 6.13333333vw;
  }
  .P4 {
    display: none;
  }
  .P4-text {
    margin: 18.93333333vw auto 24vw;
    width: 92vw;
    height: 184vw;
    padding: 4vw;
    background-size: cover;
  }
  .P4-text .P4-text2 {
    margin: 8vw 0;
  }
  .P8 .P8-text2 {
    margin: 7.73333333vw 0 9.33333333vw;
  }
  .P8 img {
    margin-bottom: 9.86666667vw;
  }
  .P8 .P4-text1 {
    padding: 0 8vw;
  }
  .P8 .P8-text2:nth-child(2) {
    display: none;
  }
  .P8 .P8-text3 {
    margin: 7.73333333vw 0 9.33333333vw;
  }
  .P8-text2,
  .P8-text3 {
    padding: 0 8vw;
  }
  .P5 {
    background-size: cover;
    width: 92vw;
    margin: 20.8vw auto 20vw;
    height: 138.66666667vw;
    padding: 2.93333333vw 4vw 0;
  }
  .P5 .P4-text3 {
    margin: 5.33333333vw 0 73.33333333vw;
  }
  .P5 .P5-text2:nth-child(2) {
    display: none;
  }
  .P9 .P9-text3 {
    margin: 6.13333333vw 0 14.13333333vw;
  }
  .P9 .P9-text2:nth-child(2) {
    display: none;
  }
  .P9 img {
    margin-bottom: 9.6vw;
  }
  .P9 .P4-text1,
  .P9 .P9-text2,
  .P9 .P9-text3 {
    padding: 0 8vw;
  }
  .P10 {
    margin: 23.73333333vw 0 16vw;
  }
  .P10 .P10-text3 {
    margin-top: 8vw;
  }
  .P10 img {
    margin-bottom: 8vw;
  }
  .P10 .P10-text2:nth-child(2) {
    display: none;
  }
  .P10 .P4-text1,
  .P10 .P10-text2,
  .P10 .P10-text3 {
    padding: 0 8vw;
  }
  .disc {
    font-family: Roboto-Light;
    font-size: 2.93333333vw;
    color: rgba(255, 255, 255, 0.7);
    line-height: 4.8vw;
    font-weight: 200;
    width: 85.86666667vw;
    padding-bottom: 32.53333333vw;
    margin: 0 auto;
  }
}