.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: 0 auto;

    display: flex;

    align-items: center;

    justify-content: flex-end; }

    .home .section1 a {

      color: #111;

      font-size: 0.8vw; }

    .home .section1 span {

      width: 8px;

      height: 2px;

      background-color: #e01c1c;

      margin: 0 1vw; }

    .home .section1 p {

      color: #666; }

  .home .section2 {

    width: 100%;

    margin: 2vw 0 0 0;

    position: relative; }

    .home .section2 .bg img {

      width: 100%;

      display: block;

      object-fit: cover; }

    .home .section2 .shadow {

      position: absolute;

      left: 0;

      bottom: 0;

      width: 100%; }

      .home .section2 .shadow img {

        width: 100%; }

  .home .section3 {

    padding: 5vw 10vw;

    background: #F9F9F9; }

    .home .section3 .t .cn {

      color: #111;

      font-size: 3.2vw;

      font-weight: 600; }

    .home .section3 .t .en {

      font-family: 'Montserrat-Regular';

      color: #e01c1c;

      font-size: 1.3vw;

      font-weight: 600;

      margin-top: 10px; }

    .home .section3 .allNums {

      display: flex;

      justify-content: space-between;

      text-align: center;

      width: 95%;

      margin: 2vw auto; }

      .home .section3 .allNums .item .nums {

        display: flex;

        justify-content: center;

        align-items: flex-end; }

        .home .section3 .allNums .item .nums .count {

          color: #E01C1C;

          font-size: 3.2vw;

          font-weight: bold; }

        .home .section3 .allNums .item .nums span {

          color: #6F6F6F;

          font-size: 1.8vw;

          transform: translateX(5px) translateY(-10px);

          font-weight: bold; }

      .home .section3 .allNums .item .tag {

        color: #000;

        font-size: 1vw;

        margin-top: -10px; }

    .home .section3 .map {

      width: 100%; }

      .home .section3 .map img {

        width: 100%;

        display: block;

        object-fit: cover; }

  .home .section4 {

    width: 80vw;

    margin: 5vw auto; }

    .home .section4 .t .cn {

      color: #111;

      font-size: 3.2vw;

      font-weight: 600; }

    .home .section4 .t .en {

      font-family: 'Montserrat-Regular';

      color: #e01c1c;

      font-size: 1.3vw;

      font-weight: 600;

      margin-top: 10px; }

    .home .section4 .box1 {

      width: 100%;

      display: flex;

      justify-content: space-between;

      align-items: center;

      margin: 3vw 0; }

      .home .section4 .box1 .l {

        width: fit-content;

        display: flex; }

        .home .section4 .box1 .l .item {

          width: 12vw;

          margin-right: 3vw; }

          .home .section4 .box1 .l .item .num {

            display: flex;

            align-items: center;

            color: #E01C1C;

            font-size: 3.2vw;

            border-bottom: 2px solid #111;

            padding-bottom: 10px; }

            .home .section4 .box1 .l .item .num span {

              margin-left: 10px; }

          .home .section4 .box1 .l .item .tag {

            color: #000;

            font-size: 0.9vw;

            margin-top: 10px; }

      .home .section4 .box1 .r {

        width: 45%; }

        .home .section4 .box1 .r .p1 {

          color: #000;

          font-size: 2.5vw;

          font-weight: 700;

          line-height: 1.5; }

        .home .section4 .box1 .r .des {

          color: #111;

          font-size: 0.9vw;

          text-align: justify;

          margin-top: 2vw; }

    .home .section4 .box2 .scroll-container {

      width: 100%;

      overflow: hidden; }

      .home .section4 .box2 .scroll-container .animate_box {

        display: flex;

        width: max-content;

        animation: ani-loop 20s linear infinite;

        padding: 1vw 0; }

        .home .section4 .box2 .scroll-container .animate_box .flex-xb {

          display: flex;

          flex-wrap: wrap; }

          .home .section4 .box2 .scroll-container .animate_box .flex-xb .icon {

            width: 190/19.2vw;

            border-radius: 12px;

            height: 112/19.2vw;

            display: flex;

            align-items: center;

            justify-content: center;

            margin-left: 2vw;

            background: #FFF;

            box-shadow: 0px 0px 20.001px 0px rgba(0, 0, 0, 0.08); }

            .home .section4 .box2 .scroll-container .animate_box .flex-xb .icon img {

              max-height: 80%;

              max-width: 80%;

              display: block;

              object-fit: contain; }

@keyframes ani-loop {

  0% {

    transform: translateX(0); }

  100% {

    transform: translateX(-50%); } }

  .home .section5 {

    background: #F9F9F9;

    padding: 3vw 10vw; }

    .home .section5 .t .cn {

      color: #111;

      font-size: 3.2vw;

      font-weight: 600; }

    .home .section5 .t .en {

      font-family: 'Montserrat-Regular';

      color: #e01c1c;

      font-size: 1.3vw;

      font-weight: 600;

      margin-top: 10px; }

    .home .section5 .content {

      width: 100%;

      margin: 2vw 0 0 0; }

      .home .section5 .content .item {

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #D9D9D9;

        padding: 2vw 0; }

        .home .section5 .content .item .lt {

          color: #E01C1C;

          font-size: 1.3vw;

          font-weight: 700; }

        .home .section5 .content .item .des {

          width: 30vw;

          color: #000;

          font-size: 1.8vw;

          font-weight: 700; }

        .home .section5 .content .item .des2 {

          width: 30vw; }

          .home .section5 .content .item .des2 .it {

            display: flex;

            align-items: center;

            margin-bottom: 1.5vw; }

            .home .section5 .content .item .des2 .it span {

              color: #E01C1C;

              font-size: 1vw;

              font-family: 'Montserrat-Regular'; }

            .home .section5 .content .item .des2 .it p {

              color: #000;

              font-size: 1.26vw;

              margin-left: 10px;

              font-weight: bold; }

          .home .section5 .content .item .des2 .it:last-child {

            margin-bottom: 0; }

  .home .section6 {

    margin: 5vw 0 5vw 10vw; }

    .home .section6 .t .cn {

      color: #111;

      font-size: 3.2vw;

      font-weight: 600; }

    .home .section6 .t .en {

      font-family: 'Montserrat-Regular';

      color: #e01c1c;

      font-size: 1.3vw;

      font-weight: 600;

      margin-top: 10px; }

    .home .section6 .history {

      width: 100%;

      margin: 3vw 0;

      position: relative; }

      .home .section6 .history .line {

        position: absolute;

        left: 0;

        top: 3.5vw;

        width: 100%;

        background: #DDD;

        height: 1px; }

      .home .section6 .history .swiper-container {

        width: 100%; }

        .home .section6 .history .swiper-container .info .time {

          color: #000;

          font-size: 1.26vw;

          font-family: 'Montserrat-Regular';

          font-weight: 700; }

        .home .section6 .history .swiper-container .info .circle {

          width: 1.1458333333vw;

          height: 1.1458333333vw;

          border-radius: 50%;

          background: #E01C1C;

          margin: 1.5vw 0 2vw 0; }

        .home .section6 .history .swiper-container .info .tag {

          font-size: 1vw;

          font-weight: 700; }

        .home .section6 .history .swiper-container .info .des {

          color: #111;

          font-size: 0.9vw;

          margin-top: 10px; }

    .home .section6 .drag {

      background: #F6F8FB;

      width: 20vw;

      margin: 0 auto;

      height: 40px;

      border-radius: 2.6041666667vw;

      position: relative; }

      .home .section6 .drag .swiper-scrollbar {

        width: 100%;

        position: absolute;

        left: 0;

        top: 0;

        height: 100%;

        z-index: 10; }

        .home .section6 .drag .swiper-scrollbar .swiper-scrollbar-drag {

          background: url(../images/slogo.svg) no-repeat;

          background-size: contain;

          cursor: pointer; }

  .home .application {

    margin: 5vw 0 5vw 10vw; }

    .home .application .swiper-container {

      width: 100%; }

      .home .application .swiper-container .pic img {

        width: 100%;

        display: block;

        object-fit: cover; }

    .home .application .swiper-pagination {

      position: static;

      background: #D9D9D9;

      height: 4px;

      width: 100%;

      margin-top: 2vw; }

      .home .application .swiper-pagination .swiper-pagination-progressbar-fill {

        background: #E01C1C; }

  .home .section7 {

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-top: 6vw; }

    .home .section7 .item {

      width: 50%;

      position: relative; }

      .home .section7 .item .bg {

        overflow: hidden; }

        .home .section7 .item .bg img {

          width: 100%;

          display: block;

          object-fit: cover;

          transition: all 600ms; }

      .home .section7 .item .text {

        position: absolute;

        left: 10vw;

        top: 50%;

        transform: translateY(-50%);

        color: white; }

        .home .section7 .item .text .p1 {

          color: #FFF;

          font-size: 2.7vw;

          font-weight: 700; }

        .home .section7 .item .text .p2 {

          color: #FFF;

          font-size: 1.1vw;

          font-weight: 700; }

      .home .section7 .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 .section7 .item .btn svg {

          display: block;

          transition: all 600ms; }

        .home .section7 .item .btn:hover {

          background-color: #e01c1c;

          border-color: #e01c1c; }

          .home .section7 .item .btn:hover svg {

            transform: translateX(10px); }

      .home .section7 .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%; }

        .home .section1 a {

          font-size: 14px; }

      .home .section2 {

        margin: 15px 0; }

      .home .section3 {

        padding: 30px 5%; }

        .home .section3 .t .cn {

          font-size: 24px; }

        .home .section3 .t .en {

          font-size: 18px; }

        .home .section3 .allNums {

          width: 100%;

          margin: 30px 0; }

          .home .section3 .allNums .item .nums .count {

            font-size: 32px; }

          .home .section3 .allNums .item .nums span {

            font-size: 18px; }

          .home .section3 .allNums .item .tag {

            font-size: 14px;

            margin-top: 0; }

      .home .section4 {

        width: 90%;

        margin: 30px auto; }

        .home .section4 .t .cn {

          font-size: 24px; }

        .home .section4 .t .en {

          font-size: 18px; }

        .home .section4 .box1 {

          flex-direction: column;

          margin: 20px 0; }

          .home .section4 .box1 .l {

            width: 100%;

            justify-content: space-between; }

            .home .section4 .box1 .l .item {

              width: 45%;

              margin-right: 0; }

              .home .section4 .box1 .l .item .num {

                font-size: 32px; }

              .home .section4 .box1 .l .item .tag {

                font-size: 18px; }

          .home .section4 .box1 .r {

            width: 100%;

            margin-top: 15px; }

            .home .section4 .box1 .r .p1 {

              font-size: 20px; }

            .home .section4 .box1 .r .des {

              font-size: 16px; }

        .home .section4 .box2 .scroll-container .animate_box {

          padding: 20px 0; }

          .home .section4 .box2 .scroll-container .animate_box .flex-xb .icon {

            width: 85px;

            height: 62px; }

      .home .section5 {

        padding: 30px 5%; }

        .home .section5 .t .cn {

          font-size: 24px; }

        .home .section5 .t .en {

          font-size: 18px; }

        .home .section5 .content {

          margin: 20px 0; }

          .home .section5 .content .item {

            padding: 20px 0; }

            .home .section5 .content .item .lt {

              font-size: 18px; }

            .home .section5 .content .item .des {

              width: 70%;

              font-size: 16px; }

            .home .section5 .content .item .des2 {

              width: 70%; }

              .home .section5 .content .item .des2 .it {

                margin-bottom: 15px; }

                .home .section5 .content .item .des2 .it span {

                  font-size: 16px; }

                .home .section5 .content .item .des2 .it p {

                  font-size: 14px; }

      .home .section6 {

        margin: 30px 0 30px 5%; }

        .home .section6 .t .cn {

          font-size: 24px; }

        .home .section6 .t .en {

          font-size: 18px; }

        .home .section6 .history {

          margin: 30px 0; }

          .home .section6 .history .line {

            top: 30px; }

          .home .section6 .history .swiper-container .info .time {

            font-size: 14px; }

          .home .section6 .history .swiper-container .info .circle {

            width: 8px;

            height: 8px;

            margin: 10px 0 20px 0; }

          .home .section6 .history .swiper-container .info .tag {

            font-size: 16px; }

          .home .section6 .history .swiper-container .info .des {

            font-size: 14px; }

        .home .section6 .drag {

          width: 50%; }

          .home .section6 .drag .btns {

            padding: 5px 15px; }

            .home .section6 .drag .btns .prev {

              margin-right: 15px; }

      .home .application {

        margin: 30px 0 30px 5%; }

        .home .application .swiper-pagination {

          margin-top: 10px; }

      .home .section7 {

        flex-direction: column; }

        .home .section7 .item {

          width: 100%; }

          .home .section7 .item .text {

            left: 5%; }

            .home .section7 .item .text .p1 {

              font-size: 20px; }

            .home .section7 .item .text .p2 {

              font-size: 16px; }

          .home .section7 .item .btn {

            padding: 5px 25px;

            bottom: 20px; } }



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