.home {
  position: relative;
  width: 100%; }
  .home .jx {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    text-align: right; }
    .home .jx img {
      max-width: 100%; }
  .home .title {
    width: 80vw;
    margin: 0 auto 3vw auto;
    padding-top: 10vw; }
    .home .title .cn {
      color: #111;
      font-size: 3.2vw;
      font-weight: 600; }
    .home .title .en {
      font-family: 'Montserrat-Regular';
      color: #e01c1c;
      font-size: 1.3vw;
      font-weight: 600;
      margin-top: 10px; }
  .home .section1 {
    width: 80vw;
    margin: 3vw auto;
    display: flex;
    justify-content: space-between; }
    .home .section1 .l {
      display: flex; }
      .home .section1 .l a {
        border: 1px solid #DDD;
        font-size: 0.9vw;
        font-weight: 600;
        color: #111;
        padding: 0.6vw 4vw 0.6vw 1vw;
        display: flex;
        align-items: center; }
        .home .section1 .l a::before {
          content: '';
          display: block;
          width: 12px;
          height: 3px;
          background: #e01c1c;
          margin-right: 8px;
          transition: all 600ms;
          opacity: 0;
          transform: translateX(-10px); }
        .home .section1 .l a p {
          transform: translateX(-22px);
          transition: all 600ms; }
        .home .section1 .l a:hover {
          color: #E01C1C; }
          .home .section1 .l a:hover::before {
            opacity: 1;
            transform: translateX(0); }
          .home .section1 .l a:hover p {
            transform: translateX(0); }
      .home .section1 .l .active {
        color: #E01C1C; }
        .home .section1 .l .active::before {
          opacity: 1;
          transform: translateX(0); }
        .home .section1 .l .active p {
          transform: translateX(0); }
    .home .section1 .r {
      display: flex;
      align-items: center; }
      .home .section1 .r a {
        color: #111;
        font-size: 0.8vw; }
      .home .section1 .r span {
        width: 8px;
        height: 2px;
        background-color: #e01c1c;
        margin: 0 1vw; }
  .home .section2 {
    width: 80vw;
    margin: 0 auto; }
    .home .section2 .list {
      display: flex;
      flex-wrap: wrap;
      width: 103.5%;
      margin-left: -1.5%; }
      .home .section2 .list a {
        display: block;
        width: 31%;
        margin-left: 1.6%;
        margin-bottom: 3vw; }
        .home .section2 .list a .pic {
          overflow: hidden; }
          .home .section2 .list a .pic img {
            width: 100%;
            display: block;
            object-fit: cover;
            transition: all 600ms; }
        .home .section2 .list a .tag {
          border-radius: 6px;
          border: 1px solid rgba(224, 28, 28, 0.6);
          width: fit-content;
          color: #e01c1c;
          font-size: 1vw;
          font-weight: 600;
          padding: 5px 10px;
          margin: 1vw 0; }
        .home .section2 .list a .st {
          color: #111;
          font-size: 1.3541666667vw;
          font-weight: 600;
          border-bottom: 1px solid #DDD;
          padding-bottom: 10px;
          transition: all 600ms; }
        .home .section2 .list a .des {
          color: #111;
          font-size: 1.1vw;
          margin: 0.8vw 0; }
        .home .section2 .list a .dt {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .home .section2 .list a .dt .time {
            color: #666;
            font-size: 1.1vw; }
          .home .section2 .list a .dt .btn {
            background-color: #e01c1c;
            width: fit-content;
            padding: 0.4vw 1.6vw;
            border-radius: 30px; }
            .home .section2 .list a .dt .btn svg {
              display: block;
              transition: all 600ms; }
        .home .section2 .list a:hover .pic img {
          transform: scale(1.05); }
        .home .section2 .list a:hover .st {
          color: #e01c1c; }
        .home .section2 .list a:hover .dt .btn svg {
          transform: translateX(10px); }
    .home .section2 .pager {
      display: flex;
      justify-content: center;
      align-items: center; }
      .home .section2 .pager a svg {
        display: block; }
      .home .section2 .pager .nums {
        display: flex;
        align-items: center;
        margin: 0 1vw; }
        .home .section2 .pager .nums a {
          padding: 0 5px;
          color: #8b8b8b;
          font-size: 1.1vw;
          margin: 0 8px; }
          .home .section2 .pager .nums a:hover {
            border-bottom: 2px solid #e01c1c;
            color: #e01c1c;
            font-weight: bold; }
        .home .section2 .pager .nums .active {
          border-bottom: 2px solid #e01c1c;
          color: #e01c1c;
          font-weight: bold; }
  .home .section3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 6vw; }
    .home .section3 .item {
      width: 50%;
      position: relative; }
      .home .section3 .item .bg {
        overflow: hidden; }
        .home .section3 .item .bg img {
          width: 100%;
          display: block;
          object-fit: cover;
          transition: all 600ms; }
      .home .section3 .item .text {
        position: absolute;
        left: 10vw;
        top: 50%;
        transform: translateY(-50%);
        color: white; }
        .home .section3 .item .text .p1 {
          color: #FFF;
          font-size: 2.7vw;
          font-weight: 700; }
        .home .section3 .item .text .p2 {
          color: #FFF;
          font-size: 1.1vw;
          font-weight: 700; }
      .home .section3 .item .btn {
        position: absolute;
        right: 5%;
        bottom: 5%;
        border: 2px solid white;
        width: fit-content;
        padding: 0.3vw 1.8vw;
        border-radius: 30px;
        transition: all 600ms; }
        .home .section3 .item .btn svg {
          display: block;
          transition: all 600ms; }
        .home .section3 .item .btn:hover {
          background-color: #e01c1c;
          border-color: #e01c1c; }
          .home .section3 .item .btn:hover svg {
            transform: translateX(10px); }
      .home .section3 .item:hover .bg img {
        transform: scale(1.05); }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 70px; }
      .home .title {
        width: 90%;
        padding-top: 20px; }
        .home .title .cn {
          font-size: 24px; }
        .home .title .en {
          font-size: 18px; }
      .home .section1 {
        width: 90%;
        margin: 30px auto; }
        .home .section1 .l a {
          font-size: 14px;
          padding: 5px 10px; }
        .home .section1 .r a {
          font-size: 14px; }
      .home .section2 {
        width: 90%; }
        .home .section2 .list {
          width: 100%;
          margin-left: 0; }
          .home .section2 .list a {
            width: 100%;
            margin-left: 0;
            margin-bottom: 30px; }
            .home .section2 .list a .tag {
              font-size: 16px;
              margin: 10px 0; }
            .home .section2 .list a .st {
              font-size: 18px; }
            .home .section2 .list a .des {
              font-size: 14px;
              margin: 10px 0; }
            .home .section2 .list a .dt .time {
              font-size: 14px; }
            .home .section2 .list a .dt .btn {
              padding: 5px 25px; }
        .home .section2 .pager .nums a {
          font-size: 16px; }
      .home .section3 {
        flex-direction: column; }
        .home .section3 .item {
          width: 100%; }
          .home .section3 .item .text {
            left: 5%; }
            .home .section3 .item .text .p1 {
              font-size: 20px; }
            .home .section3 .item .text .p2 {
              font-size: 16px; }
          .home .section3 .item .btn {
            padding: 5px 25px;
            bottom: 20px; } }

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