.home {
  position: relative;
  width: 100%; }
  .home .main {
    margin: 11.4583333333vw 10.4166666667vw 6.25vw 10.4166666667vw; }
    .home .main .links {
      display: flex; }
      .home .main .links a,
      .home .main .links p,
      .home .main .links span {
        color: #B8B8B8;
        font-size: 1.25vw;
        text-transform: uppercase; }
      .home .main .links a {
        transition: all 600ms; }
        .home .main .links a:hover {
          color: #E60012; }
      .home .main .links span {
        margin: 0 1vw; }
    .home .main .section1 {
      box-sizing: border-box;
      padding: 4.1666666667vw;
      position: relative;
      z-index: 1;
      margin: 3.125vw 0 0 0; }
      .home .main .section1:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 24.1666666667vw;
        background: #F6F6F6;
        top: 0;
        left: 0;
        z-index: -1; }
      .home .main .section1 * {
        box-sizing: border-box; }
      .home .main .section1 .title {
        color: #1A202C;
        font-size: 2.0833333333vw;
        font-weight: 500;
        line-height: 2.0833333333vw;
        /* 100% */
        margin: 0 0 4.1666666667vw;
        text-transform: uppercase; }
      .home .main .section1 .play_img {
        width: 49.3229166667vw;
        height: 27.7083333333vw;
        position: relative;
        margin: auto; }
        .home .main .section1 .play_img #video {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .home .main .section1 .play_img .close {
          position: absolute;
          right: 2vw;
          top: 2vw;
          cursor: pointer;
          display: none; }
          .home .main .section1 .play_img .close img {
            width: 1.5625vw;
            display: block; }
        .home .main .section1 .play_img .img {
          width: 100%; }
        .home .main .section1 .play_img .play {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 4.4791666667vw;
          height: 4.4791666667vw;
          cursor: pointer; }
    .home .main .section2 {
      padding: 2.0833333333vw 0 6.4583333333vw 0;
      display: flex;
      justify-content: space-between; }
      .home .main .section2 * {
        box-sizing: border-box; }
      .home .main .section2 .side {
        width: 21.5104166667vw; }
        .home .main .section2 .side .title {
          margin: 0 0 2.5520833333vw; }
          .home .main .section2 .side .title .line {
            width: 5.8854166667vw;
            height: 0.2083333333vw;
            background: #E60012;
            margin: 0 0 1.6666666667vw; }
          .home .main .section2 .side .title h1 {
            color: #1A202C;
            font-size: 2.0833333333vw;
            font-style: normal;
            font-weight: 500;
            line-height: 2.0833333333vw;
            /* 100% */
            text-transform: uppercase; }
        .home .main .section2 .side .flex {
          width: 17.1875vw;
          margin: 0 0 6.0416666667vw; }
          .home .main .section2 .side .flex .item:not(:last-child) {
            margin: 0 0 1.8229166667vw; }
          .home .main .section2 .side .flex .item .show {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 0.5208333333vw 0.9895833333vw 0.5208333333vw;
            border-bottom: 2px solid #191919;
            cursor: pointer; }
            .home .main .section2 .side .flex .item .show p {
              color: #333;
              font-size: 1.0091145833vw;
              font-weight: 500;
              line-height: 1.0416666667vw;
              /* 103.226% */ }
            .home .main .section2 .side .flex .item .show svg {
              width: 0.7291666667vw;
              height: 0.7291666667vw;
              transform: rotate(90deg); }
          .home .main .section2 .side .flex .item .hide {
            overflow: hidden; }
            .home .main .section2 .side .flex .item .hide > div {
              margin: 1.8229166667vw 0 0 0; }
              .home .main .section2 .side .flex .item .hide > div .list {
                display: flex;
                align-items: center;
                cursor: pointer; }
                .home .main .section2 .side .flex .item .hide > div .list:not(:last-child) {
                  margin: 0 0 0.9895833333vw; }
                .home .main .section2 .side .flex .item .hide > div .list .border {
                  width: 1.25vw;
                  height: 1.25vw;
                  border: 1px solid #C7C7C7;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin: 0 0.46875vw 0 0;
                  transition: .6s; }
                  .home .main .section2 .side .flex .item .hide > div .list .border svg {
                    width: 70%;
                    height: 70%;
                    opacity: 0;
                    transition: .6s; }
                    .home .main .section2 .side .flex .item .hide > div .list .border svg path {
                      fill: #E94829; }
                .home .main .section2 .side .flex .item .hide > div .list.on .border {
                  border: 1px solid #E94829; }
                  .home .main .section2 .side .flex .item .hide > div .list.on .border svg {
                    opacity: 1; }
          .home .main .section2 .side .flex .item.on .show svg {
            transform: rotate(-90deg); }
        .home .main .section2 .side .other {
          padding: 1.6666666667vw;
          background: #F6F6F6; }
          .home .main .section2 .side .other .list:not(:last-child) {
            margin: 0 0 1.25vw; }
          .home .main .section2 .side .other .list h1 {
            color: #333;
            font-size: 1.0416666667vw;
            font-weight: 500;
            line-height: 1.0416666667vw;
            /* 100% */ }
          .home .main .section2 .side .other .list img {
            margin: 1.6145833333vw 0 0 0;
            display: block;
            width: 4.21875vw; }
          .home .main .section2 .side .other .list p {
            color: #191919;
            font-size: 1.0172395833vw;
            font-style: normal;
            font-weight: 300;
            line-height: 1.3541666667vw;
            /* 133.12% */
            margin: 0.8333333333vw 0 0 0; }
      .home .main .section2 .r {
        width: 53.125vw; }
        .home .main .section2 .r .item {
          height: 11.3541666667vw;
          padding: 3.125vw 0;
          border-bottom: 1px solid #C7C7C7;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .home .main .section2 .r .item:not(:last-child) {
            margin: 0; }
          .home .main .section2 .r .item .l {
            flex: 1; }
            .home .main .section2 .r .item .l h1 {
              color: #191919;
              font-size: 1.2109375vw;
              font-weight: 400;
              line-height: 1.875vw;
              /* 154.839% */ }
            .home .main .section2 .r .item .l .dis {
              margin: 1.3020833333vw 0 0 0;
              display: flex;
              align-items: center; }
              .home .main .section2 .r .item .l .dis .black {
                width: 6.09375vw;
                height: 1.875vw;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FFF;
                font-size: 0.8333333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: 0.8333333333vw;
                /* 100% */
                margin: 0 1.25vw 0 0;
                border-radius: 2.4479166667vw;
                background: #191919; }
              .home .main .section2 .r .item .l .dis p {
                color: #666;
                font-size: 0.8333333333vw;
                font-style: normal;
                font-weight: 400;
                line-height: 0.8333333333vw;
                /* 100% */ }
              .home .main .section2 .r .item .l .dis span {
                width: 1px;
                height: 0.625vw;
                background: #666;
                display: block;
                margin: 0 1.1458333333vw; }
          .home .main .section2 .r .item .more {
            display: flex;
            height: 3.125vw;
            padding: 1.09375vw 2.3958333333vw;
            justify-content: center;
            align-items: center;
            align-self: stretch;
            border-radius: 4.6875vw;
            background: #F6F6F6;
            color: #000;
            font-size: 0.9375vw;
            font-style: normal;
            font-weight: 400;
            line-height: 0.9375vw;
            /* 100% */
            transition: .6s; }
          .home .main .section2 .r .item:hover .more {
            background: #E94829;
            color: #fff; }
        .home .main .section2 .r .pager {
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 5vw 0; }
          .home .main .section2 .r .pager .prev svg,
          .home .main .section2 .r .pager .next svg {
            display: block;
            width: 1.1979166667vw; }
          .home .main .section2 .r .pager a img {
            margin: 0 0 0 10px;
            display: block; }
          .home .main .section2 .r .pager a:nth-last-child(2) img {
            margin: 0 10px 0 0; }
          .home .main .section2 .r .pager .nums {
            display: flex;
            margin: 0 1vw; }
            .home .main .section2 .r .pager .nums a {
              color: #8b8b8b;
              font-size: 1.0416666667vw;
              padding: 0.1vw 0.5vw;
              margin: 0 0.2vw; }
            .home .main .section2 .r .pager .nums .active {
              color: #E94829;
              border-bottom: 2px solid #E94829;
              font-weight: 600; }
      .home .main .section2 .r2 {
        width: 55vw; }
        .home .main .section2 .r2 .item {
          background: #F5F6F7;
          position: relative;
          cursor: pointer; }
          .home .main .section2 .r2 .item:not(:last-child) {
            margin: 0 0 1.6666666667vw; }
          .home .main .section2 .r2 .item.on .add svg:first-child {
            opacity: 0; }
          .home .main .section2 .r2 .item.on .add svg:nth-child(2) {
            opacity: 1; }
          .home .main .section2 .r2 .item .add {
            position: absolute;
            bottom: 3.5416666667vw;
            right: 1.6666666667vw;
            z-index: 1;
            width: 2.0833333333vw;
            height: 2.0833333333vw;
            border-radius: 50%; }
            .home .main .section2 .r2 .item .add svg {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              transition: .3s; }
              .home .main .section2 .r2 .item .add svg:nth-child(2) {
                opacity: 0; }
          .home .main .section2 .r2 .item .show {
            width: 55vw;
            height: 9.1666666667vw;
            display: flex;
            align-items: center;
            padding: 0 0 0 1.6666666667vw; }
            .home .main .section2 .r2 .item .show h1 {
              color: #333333;
              font-size: 1.25vw;
              font-style: normal;
              font-weight: 400;
              margin: 0 0 0.8333333333vw; }
            .home .main .section2 .r2 .item .show p {
              color: #666;
              font-size: 0.9375vw;
              font-style: normal;
              font-weight: 400;
              line-height: 1.875vw;
              /* 200% */ }
          .home .main .section2 .r2 .item .hide {
            overflow: hidden;
            margin-top: -1.5625vw;
            display: none; }
            .home .main .section2 .r2 .item .hide > div {
              padding: 0 1.6666666667vw 4.1666666667vw 1.6666666667vw; }
              .home .main .section2 .r2 .item .hide > div p {
                color: #666;
                font-size: 0.9375vw;
                font-style: normal;
                font-weight: 400;
                line-height: 1.875vw;
                /* 200% */ }
        .home .main .section2 .r2 .pager {
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 4.1666666667vw 0 0 0; }
          .home .main .section2 .r2 .pager .prev svg,
          .home .main .section2 .r2 .pager .next svg {
            display: block;
            width: 1.1979166667vw; }
          .home .main .section2 .r2 .pager a img {
            margin: 0 0 0 10px;
            display: block; }
          .home .main .section2 .r2 .pager a:nth-last-child(2) img {
            margin: 0 10px 0 0; }
          .home .main .section2 .r2 .pager .nums {
            display: flex;
            margin: 0 1vw; }
            .home .main .section2 .r2 .pager .nums a {
              color: #8b8b8b;
              font-size: 1.0416666667vw;
              padding: 0.1vw 0.5vw;
              margin: 0 0.2vw; }
            .home .main .section2 .r2 .pager .nums .active {
              color: #E94829;
              border-bottom: 2px solid #E94829;
              font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 100px; }
      .home .main {
        margin: 0 5%; }
        .home .main .links a, .home .main .links p, .home .main .links span {
          font-size: 16px; }
        .home .main .section1 {
          padding: 20px;
          margin: 20px 0 0 0; }
          .home .main .section1:after {
            height: 70%; }
          .home .main .section1 .title {
            font-size: 24px;
            line-height: 1;
            margin: 0 0 30px; }
          .home .main .section1 .play_img {
            width: 100%;
            height: 250px; }
            .home .main .section1 .play_img .play {
              width: 45px;
              height: 45px; }
            .home .main .section1 .play_img .close {
              right: 15px;
              top: 15px; }
              .home .main .section1 .play_img .close img {
                width: 20px; }
        .home .main .section2 {
          flex-direction: column;
          padding: 50px 0; }
          .home .main .section2 .side {
            width: 100%; }
            .home .main .section2 .side .title {
              margin: 0 0 35px; }
              .home .main .section2 .side .title .line {
                width: 60px;
                height: 2px;
                margin-bottom: 3.2291666667vw; }
              .home .main .section2 .side .title h1 {
                font-size: 32px;
                line-height: 1.2;
                margin: 0; }
            .home .main .section2 .side .flex {
              width: 100%;
              margin: 0 0 30px; }
              .home .main .section2 .side .flex .item .show {
                padding: 0 5px 15px 5px; }
                .home .main .section2 .side .flex .item .show p {
                  font-size: 16px; }
                .home .main .section2 .side .flex .item .show svg {
                  width: 15px;
                  height: 15px; }
              .home .main .section2 .side .flex .item .hide > div {
                margin: 20px 0; }
                .home .main .section2 .side .flex .item .hide > div .list:not(:last-child) {
                  margin: 0 0 20px; }
                .home .main .section2 .side .flex .item .hide > div .list .border {
                  width: 25px;
                  height: 25px;
                  margin: 0 5px 0 0; }
            .home .main .section2 .side .other {
              padding: 20px 10px; }
              .home .main .section2 .side .other .list:not(:last-child) {
                margin: 0 0 20px; }
              .home .main .section2 .side .other .list h1 {
                font-size: 16px;
                line-height: 1;
                margin: 0; }
              .home .main .section2 .side .other .list p {
                font-size: 14px;
                line-height: 1;
                margin: 15px 0 0 0; }
              .home .main .section2 .side .other .list img {
                margin: 10px 0 0 0;
                width: 50px; }
          .home .main .section2 .r {
            width: 100%; }
            .home .main .section2 .r .item {
              height: auto;
              padding: 25px 0;
              flex-direction: column;
              align-items: unset; }
              .home .main .section2 .r .item .l h1 {
                font-size: 16px;
                line-height: 1.5;
                margin: 0; }
              .home .main .section2 .r .item .l .dis {
                margin: 20px 0 0 0;
                flex-wrap: wrap; }
                .home .main .section2 .r .item .l .dis .black {
                  width: 80px;
                  height: 26px;
                  font-size: 12px;
                  border-radius: 30px;
                  margin: 0 12px 8px 0; }
                .home .main .section2 .r .item .l .dis p {
                  font-size: 12px;
                  line-height: 1;
                  margin: 0 8px 8px 8px; }
                .home .main .section2 .r .item .l .dis span {
                  width: 1px;
                  height: 12px;
                  margin: 0 6px 6px 6px; }
              .home .main .section2 .r .item .more {
                padding: 10px 20px;
                margin: 25px 0 0 0;
                height: auto;
                font-size: 16px;
                line-height: 1;
                width: fit-content; }
            .home .main .section2 .r .pager {
              margin: 30px 0 10px 0; }
              .home .main .section2 .r .pager .prev svg, .home .main .section2 .r .pager .next svg {
                width: auto; }
              .home .main .section2 .r .pager .nums {
                margin: 0 10px; }
                .home .main .section2 .r .pager .nums a {
                  font-size: 16px;
                  padding: 3px 5px;
                  margin: 0 5px; }
          .home .main .section2 .r2 {
            width: 100%;
            margin: 25px 0 0 0; }
            .home .main .section2 .r2 .pager {
              margin: 30px 0 10px 0; }
              .home .main .section2 .r2 .pager .prev svg, .home .main .section2 .r2 .pager .next svg {
                width: auto; }
              .home .main .section2 .r2 .pager .nums {
                margin: 0 10px; }
                .home .main .section2 .r2 .pager .nums a {
                  font-size: 16px;
                  padding: 3px 5px;
                  margin: 0 5px; }
            .home .main .section2 .r2 .item:not(:last-child) {
              margin: 0 0 10px; }
            .home .main .section2 .r2 .item .add {
              width: 25px;
              height: 25px;
              --width: 13px;
              bottom: 23px;
              right: 5%; }
              .home .main .section2 .r2 .item .add:after {
                height: 1px; }
              .home .main .section2 .r2 .item .add:before {
                width: 1px; }
            .home .main .section2 .r2 .item .show {
              padding: 0 0 0 5%;
              height: 70px;
              width: 100%; }
              .home .main .section2 .r2 .item .show h1 {
                font-size: 16px; }
              .home .main .section2 .r2 .item .show p {
                display: none; }
            .home .main .section2 .r2 .item .hide {
              margin-top: -20px; }
              .home .main .section2 .r2 .item .hide > div {
                margin: 20px 5%;
                padding: 0; }
                .home .main .section2 .r2 .item .hide > div p {
                  font-size: 14px;
                  line-height: 1.7; } }

/*# sourceMappingURL=work2.css.map */