.home {
  position: relative;
  width: 100%; }
  .home .section1 {
    margin: 4.6875vw 0;
    display: flex;
    justify-content: space-between;
    background: #FBFBFB;
    height: calc(100vh - 4.6875vw); }
    .home .section1 .l {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .home .section1 .l .item {
        border: 1px solid #FFF;
        background: #ECECEC;
        width: 20.8333333333vw;
        height: 34%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 4.6354166667vw;
        cursor: pointer;
        transition: all 300ms; }
        .home .section1 .l .item p {
          color: #000;
          font-size: 1.0416666667vw;
          /*font-family: 'PINGFANG-MEDIUM';*/
          text-transform: uppercase;
          transition: all 300ms; }
        .home .section1 .l .item .des,.home .section1 .l .item .des p {
          font-size: 0.8333333333vw;
          text-transform: none;
          font-weight: 700;
          line-height: 1.75;
          display: none;
          /*font-family: Arial, Helvetica, sans-serif; */
        }
      .home .section1 .l .on {
        background: #B60005; }
        .home .section1 .l .on p {
          color: white;
          font-weight: 700;
          margin-bottom: 2.6041666667vw; }
        .home .section1 .l .on .des,.home .section1 .l .on .des p {
          color: white;
          display: block; }
    .home .section1 .r {
      width: calc(100% - 20.8vw); }
      .home .section1 .r .map {
        width: 100%;
        height: 100%;
        position: relative; }
        .home .section1 .r .map .bg {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: contain; }
        .home .section1 .r .map .point {
          position: absolute; }
          .home .section1 .r .map .point .circle {
            transition: all 600ms; }
            .home .section1 .r .map .point .circle svg {
              display: block; }
@keyframes scaleAnimate {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: .8; }
  100% {
    transform: translate(-50%, -50%) scale(1.6);
    opacity: 0; } }
            .home .section1 .r .map .point .circle::after {
              content: '';
              position: absolute;
              width: 100%;
              height: 100%;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              background: rgba(182, 0, 5, 0.4);
              z-index: 1;
              border-radius: 50%;
              transition: .6s ease;
              animation: 2s scaleAnimate linear infinite;
              pointer-events: none; }
          .home .section1 .r .map .point .flag {
            position: absolute;
            opacity: 0;
            left: 0;
            top: -1.5625vw;
            transition: all 600ms; }
            .home .section1 .r .map .point .flag img {
              width: 2.6041666667vw; }
        .home .section1 .r .map .on .circle {
          opacity: 0; }
        .home .section1 .r .map .on .flag {
          opacity: 1; }
        .home .section1 .r .map .point1 {
          right: 14.0625vw;
          top: 20.3125vw; }
        .home .section1 .r .map .point2 {
          right: 17.7083333333vw;
          bottom: 15.625vw; }
          .home .section1 .r .map img{width:100%;height:100%;display:block;object-fit:contain;opacity:0;transition:all 600ms}.home .section1 .r .map img:not(:first-child){position:absolute;left:0;top:0}.home .section1 .r .map .on{opacity:1 !important}
  .home .section2 {
    display: flex;
    justify-content: space-between;
    gap: 3.75vw;
    padding: 6.25vw 10.4166666667vw;
    background: url(../images/cbg.png) no-repeat;
    background-size: cover; }
    .home .section2 .l {
      width: 50%; }
      .home .section2 .l .item {
        margin-bottom: 2.0833333333vw; }
        .home .section2 .l .item .p1 {
          color: #000;
          font-size: 0.9375vw;
          margin-bottom: 1.25vw; }
          .home .section2 .l .item .p1 span {
            color: #B60005; }
        .home .section2 .l .item input {
          background: #F7F7F7;
          box-shadow: 5px 5px 10px 0px rgba(175, 175, 175, 0.25) inset;
          width: 100%;
          height: 3.75vw;
          font-size: 0.8333333333vw;
          padding: 0 1.25vw;
          outline: none;
          border: none; }
          .home .section2 .l .item input::placeholder {
            color: #999; }
        .home .section2 .l .item .chose {
          position: relative; }
          .home .section2 .l .item .chose .d1 {
            width: 100%;
            display: block;
            background: #F7F7F7;
            box-shadow: 5px 5px 10px 0px rgba(175, 175, 175, 0.25) inset;
            width: 100%;
            height: 3.75vw;
            font-size: 0.8333333333vw;
            padding: 0 1.25vw;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            color: #999; }
            .home .section2 .l .item .chose .d1 p {
              font-family: 'PINGFANG-MEDIUM'; }
          .home .section2 .l .item .chose .d2 {
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            background-color: white;
            z-index: 10;
            box-shadow: 5px 5px 10px 0px rgba(175, 175, 175, 0.25) inset;
            border-top: none;
            display: none; }
            .home .section2 .l .item .chose .d2 p {
              padding: 0.78125vw 0;
              text-align: center;
              cursor: pointer;
              font-family: 'PINGFANG-MEDIUM';
              transition: all 600ms; }
              .home .section2 .l .item .chose .d2 p:hover {
                background: #B60005;
                color: white; }
      .home .section2 .l .items {
        display: flex;
        justify-content: space-between; }
        .home .section2 .l .items .item {
          width: 47%; }
    .home .section2 .r {
      width: 50%; }
      .home .section2 .r textarea {
        background: #F7F7F7;
        box-shadow: 5px 5px 10px 0px rgba(175, 175, 175, 0.25) inset;
        width: 100%;
        height: 19.7916666667vw;
        font-size: 0.8333333333vw;
        padding: 1.25vw;
        outline: none;
        border: none;
        resize: none; }
        .home .section2 .r textarea::placeholder {
          color: #999; }
      .home .section2 .r .btn {
        display: flex;
        justify-content: flex-end; }
        .home .section2 .r .btn button {
          width: 10.1041666667vw;
          height: 2.7083333333vw;
          background: #B60005;
          text-align: center;
          color: #FFF;
          font-size: 1.0416666667vw;
          border: none;
          outline: none;
          cursor: pointer;
          margin-top: 3.9583333333vw;
          transition: all 600ms;     font-family: 'Petrona-Regular';}
          .home .section2 .r .btn button:hover {
            background: #212F45;
            color: white; }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 60px; }
      .home .section1 {
        margin: 0;
        flex-direction: column;
        height: auto; }
        .home .section1 .l {
          width: 100%; }
          .home .section1 .l .item {
            width: 100%;
            height: 150px; }
            .home .section1 .l .item p {
              font-size: 18px; }
            .home .section1 .l .item .des,.home .section1 .l .item .des p {
              font-size: 16px; }
        .home .section1 .r {
          width: 100%; }
          .home .section1 .r .map {
            height: 300px; }
            .home .section1 .r .map .point1 {
              right: 15%;
              top: 30%; }
              .home .section1 .r .map .point1 .flag img {
                width: 40px; }
            .home .section1 .r .map .point2 {
              right: 18%;
              bottom: 40%; }
              .home .section1 .r .map .point2 .flag img {
                width: 40px; }
      .home .section2 {
        flex-direction: column;
        gap: 0;
        padding: 30px 5%; }
        .home .section2 .l {
          width: 100%; }
          .home .section2 .l .item {
            margin-bottom: 20px; }
            .home .section2 .l .item .p1 {
              font-size: 16px; }
            .home .section2 .l .item input {
              height: 50px;
              padding: 0 15px;
              font-size: 14px; }
            .home .section2 .l .item .chose .d1 {
              height: 50px;
              padding: 0 15px;
              font-size: 14px; }
          .home .section2 .l .items {
            flex-direction: column; }
            .home .section2 .l .items .item {
              width: 100%; }
        .home .section2 .r {
          width: 100%; }
          .home .section2 .r textarea {
            font-size: 14px;
            height: 150px;
            padding: 15px; }
          .home .section2 .r .btn button {
            width: 150px;
            height: 40px;
            font-size: 18px; } }

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