body .home .container {
  padding: 9.4791666667vw 0 6.4583333333vw 0; }
  body .home .container .t {
    margin: 0 0 2.0833333333vw 8.125vw;
    color: #02245A;
    font-weight: 700;
    line-height: 1.18; }
  body .home .container .banner img {
    width: 100%;
    height: 33.8541666667vw;
    object-fit: cover; }
  body .home .container .tabs {
    padding: 3.28125vw 8.3333333333vw 1.25vw 8.3333333333vw;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #D9D9D9;
    gap: 2.0833333333vw; }
    body .home .container .tabs a {
      display: flex;
      align-items: center;
      position: relative;
      color: rgba(88, 88, 88, 0.75);
      line-height: 1.7;
      font-weight: 500; }
      body .home .container .tabs a::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: -1.25vw;
        height: 4px;
        background: #0278D4;
        width: 0; }
      body .home .container .tabs a img {
        width: 1.25vw;
        display: none;
        margin-right: 0.3125vw; }
      body .home .container .tabs a.on {
        color: #000;
        font-weight: 700; }
        body .home .container .tabs a.on::after {
          width: 100%; }
        body .home .container .tabs a.on img {
          display: block; }
  body .home .container .sec1 {
    padding: 6.25vw 8.3333333333vw;
    display: flex;
    justify-content: space-between;
    position: relative; }
    body .home .container .sec1 .bg {
      position: absolute;
      left: 0;
      bottom: 2.1875vw;
      width: 18.0208333333vw; }
      body .home .container .sec1 .bg img {
        width: 100%; }
    body .home .container .sec1 .lbox {
      width: 32.8125vw; }
      body .home .container .sec1 .lbox .pt {
        color: #02245A;
        font-weight: 700;
        line-height: 1.16;
        margin-top: 3.6458333333vw; }
      body .home .container .sec1 .lbox .st {
        margin: 2.9166666667vw 0 0.5208333333vw 0;
        color: #02245A;
        font-weight: 700;
        line-height: 2; }
      body .home .container .sec1 .lbox .des {
        color: #6C7481;
        width: 31.09375vw;
        line-height: 1.7;
        font-weight: 300; }
    body .home .container .sec1 .pic {
      width: 48.0208333333vw; }
      body .home .container .sec1 .pic img {
        width: 100%;
        height: 24.8958333333vw;
        object-fit: cover;
        transition: all 600ms; }
      body .home .container .sec1 .pic:hover img {
        transform: scale(1.02); }
  body .home .container .sec2 {
    background: #F5F8FB;
    padding: 6.25vw 15.625vw; }
    body .home .container .sec2 .list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5625vw; }
      body .home .container .sec2 .list .item {
        width: 100%; }
        body .home .container .sec2 .list .item .icon {
          border-bottom: 1px solid #D5E1E6;
          padding-bottom: 1.5625vw; }
          body .home .container .sec2 .list .item .icon img {
            height: 3.125vw; }
        body .home .container .sec2 .list .item .pt {
          margin: 1.5625vw 0 0.9375vw 0;
          font-weight: 600;
          width: 15.625vw; }
        body .home .container .sec2 .list .item .des {
          margin-right: 2.0833333333vw;
          color: #6C7481;
          line-height: 1.7; }
  body .home .container .sec3 {
    padding: 8.8541666667vw 8.3333333333vw 6.25vw 8.3333333333vw; }
    body .home .container .sec3 .item {
      display: flex;
      background: #F5F8FB;
      align-items: center; }
      body .home .container .sec3 .item:not(:last-child) {
        margin-bottom: 3.28125vw; }
      body .home .container .sec3 .item .pic {
        width: 44.2708333333vw;
        overflow: hidden;
        position: relative; }
        body .home .container .sec3 .item .pic .mc {
          width: 100%;
          height: 24.8958333333vw;
          object-fit: cover;
          transition: all 600ms; }
        body .home .container .sec3 .item .pic .play {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          cursor: pointer;
          display: none; }
          body .home .container .sec3 .item .pic .play img {
            width: 3.75vw; }
      body .home .container .sec3 .item .text {
        width: 31.4583333333vw;
        line-height: 1.53;
        margin-left: 3.8020833333vw; }
      body .home .container .sec3 .item:hover .pic img {
        transform: scale(1.05); }
      body .home .container .sec3 .item:nth-child(2n) {
        flex-direction: row-reverse; }
        body .home .container .sec3 .item:nth-child(2n) .text {
          margin-left: 3.3333333333vw; }
  body .home .container .sec4 {
    padding: 0 8.3333333333vw; }
    body .home .container .sec4 .pt {
      text-align: center;
      font-weight: 700;
      color: #000;
      line-height: 1.06;
      margin-bottom: 2.6041666667vw; }
    body .home .container .sec4 .pics .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5625vw; }
      body .home .container .sec4 .pics .grid:not(:last-child) {
        margin-bottom: 1.5625vw; }
      body .home .container .sec4 .pics .grid.g_2 {
        grid-template-columns: repeat(2, 1fr); }
      body .home .container .sec4 .pics .grid .item {
        width: 100%;
        overflow: hidden;
        position: relative; }
        body .home .container .sec4 .pics .grid .item img {
          width: 100%;
          height: 19.1145833333vw;
          object-fit: cover;
          transition: all 600ms; }
        body .home .container .sec4 .pics .grid .item .txt {
          position: absolute;
          left: 0;
          color: white;
          line-height: 1;
          bottom: 0.8333333333vw;
          padding: 0 1.0416666667vw;
          opacity: 0;
          transform: translateY(1.0416666667vw);
          transition: all 600ms; }
        body .home .container .sec4 .pics .grid .item:hover img {
          transform: scale(1.05); }
        body .home .container .sec4 .pics .grid .item:hover .txt {
          opacity: 1;
          transform: translateY(0); }
@media screen and (max-width: 768px) {
  body .home .container {
    padding: 80px 0 60px 0; }
    body .home .container .t {
      margin: 0 0 20px 5%; }
    body .home .container .banner img {
      height: 200px; }
    body .home .container .tabs {
      padding: 20px 5%;
      gap: 15px;
      flex-wrap: wrap; }
      body .home .container .tabs a img {
        width: 20px;
        margin-right: 8px; }
      body .home .container .tabs a::after {
        bottom: -7.5px;
        height: 3px;
        transform: scale(0.99); }
    body .home .container .sec1 {
      padding: 30px 5%;
      flex-direction: column; }
      body .home .container .sec1 .bg {
        width: 50%;
        bottom: 20px; }
        body .home .container .sec1 .bg img {
          width: 100%; }
      body .home .container .sec1 .lbox {
        width: 100%; }
        body .home .container .sec1 .lbox .pt {
          margin-top: 0;
          font-size: 24px; }
        body .home .container .sec1 .lbox .st {
          margin: 15px 0 5px 0; }
        body .home .container .sec1 .lbox .des {
          width: 100%; }
      body .home .container .sec1 .pic {
        width: 100%;
        margin-top: 20px; }
        body .home .container .sec1 .pic img {
          height: auto; }
    body .home .container .sec2 {
      padding: 30px 5%; }
      body .home .container .sec2 .list {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px; }
        body .home .container .sec2 .list .item .icon {
          padding-bottom: 15px; }
          body .home .container .sec2 .list .item .icon img {
            height: 30px; }
        body .home .container .sec2 .list .item .pt {
          margin: 15px 0 10px 0;
          font-size: 20px;
          width: 100%; }
        body .home .container .sec2 .list .item .des {
          margin-right: 0; }
    body .home .container .sec3 {
      padding: 30px 5%; }
      body .home .container .sec3 .item {
        flex-direction: column !important;
        margin-bottom: 30px; }
        body .home .container .sec3 .item:not(:last-child) {
          margin-bottom: 30px; }
        body .home .container .sec3 .item .pic {
          width: 100%; }
          body .home .container .sec3 .item .pic .mc {
            height: auto; }
          body .home .container .sec3 .item .pic .play img {
            width: 40px; }
        body .home .container .sec3 .item .text {
          width: 100%;
          padding: 20px 5%; }
    body .home .container .sec4 {
      padding: 0 5%; }
      body .home .container .sec4 .pt {
        font-size: 24px;
        margin-bottom: 25px; }
      body .home .container .sec4 .pics .grid {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 20px; }
        body .home .container .sec4 .pics .grid:not(:last-child) {
          margin-bottom: 20px; }
        body .home .container .sec4 .pics .grid .item img {
          height: auto; }
        body .home .container .sec4 .pics .grid .item .txt {
          padding: 0 20px;
          bottom: 20px;
          transform: translateY(20px); } }

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