.home .banner img {
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 0px 0px 5.2083333333vw 5.2083333333vw; }
.home .section1 {
  margin: 9.21875vw 8.3333333333vw 10vw 8.3333333333vw;
  position: relative; }
  .home .section1 .title {
    margin-bottom: 9.7395833333vw; }
    .home .section1 .title .en {
      color: rgba(51, 51, 51, 0.2);
      line-height: 0.66;
      text-transform: uppercase;
      margin-bottom: 1.0416666667vw; }
    .home .section1 .title .cn {
      color: #333;
      font-weight: 600;
      line-height: 1.5; }
  .home .section1 .nums {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 21.9791666667vw;
    gap: 3.125vw 5.2083333333vw; }
    .home .section1 .nums .item .num {
      font-weight: 900;
      display: flex;
      line-height: 1;
      margin-bottom: 0.7291666667vw;
      color: #71009E; }
      .home .section1 .nums .item .num span {
        display: block;
        margin-top: 0.5208333333vw; }
    .home .section1 .nums .item .tag {
      color: #666;
      line-height: 1.5;
      white-space: nowrap; }
  .home .section1 .map {
    position: absolute;
    right: 0;
    top: 0; }
    .home .section1 .map .bg img {
      width: 55.8854166667vw;
      display: block; }
    .home .section1 .map .point {
      position: absolute;
      z-index: 10;
      cursor: pointer; }
      .home .section1 .map .point .hover_box {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        padding-left: 1.5625vw;z-index:12; }
        .home .section1 .map .point .hover_box .box {
          width: 7.9166666667vw;
          border-radius: 0.4166666667vw;
          background: linear-gradient(91deg, #8399FF -7.35%, #CAD3FB 119.39%);
          padding: 0.8333333333vw;
          color: white; }
          .home .section1 .map .point .hover_box .box .ib {
            display: flex;
            justify-content: space-between; }
            .home .section1 .map .point .hover_box .box .ib:not(:last-child) {
              margin-bottom: 0.7291666667vw; }
            .home .section1 .map .point .hover_box .box .ib .icon img {
              width: 0.8333333333vw; }
            .home .section1 .map .point .hover_box .box .ib .info {
              width: calc(100% - 1.1vw); }
              .home .section1 .map .point .hover_box .box .ib .info .p1 {
                line-height: 1.57;
                font-weight: 500;
                margin-bottom: 0.2083333333vw; }
              .home .section1 .map .point .hover_box .box .ib .info .p2 {
                opacity: .8;
                line-height: 1.5; }
              .home .section1 .map .point .hover_box .box .ib .info .pic img {
                width: 3.125vw; }
      .home .section1 .map .point .dot {
        position: relative; }
        .home .section1 .map .point .dot span {
          width: 0.4166666667vw;
          height: 0.4166666667vw;
          transition: all 600ms;
          background: rgba(113, 0, 158, 0.2);
          display: block;
          border-radius: 50%;
          position: absolute;
          left: -0.8333333333vw;
          top: 50%;
          transform: translateY(-50%);
          pointer-events: none; }
          .home .section1 .map .point .dot span::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #71009e;
            z-index: -1;
            border-radius: 50%;
            transition: .6s ease;
            animation: 2s scaleAnimate linear infinite;
            pointer-events: none;
            animation-delay: 1s; }
          .home .section1 .map .point .dot span::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #71009e;
            z-index: -1;
            border-radius: 50%;
            transition: .6s ease;
            animation: 2s scaleAnimate linear infinite;
            pointer-events: none; }
@keyframes scaleAnimate {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8; }
  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0; } }
        .home .section1 .map .point .dot p {
          color: #666;
          font-weight: 500;
          line-height: 1.57;
          transition: all 600ms; }
      .home .section1 .map .point:hover .hover_box {
        display: block; }
    .home .section1 .map .point1 {
      left: 13.6458333333vw;
      top: 13.59375vw; }
    .home .section1 .map .point2 {
      right: 12.03125vw;
      top: 21.7708333333vw;z-index:11; }
  .home .section1 .address {
    margin-top: 10.4166666667vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 2.0833333333vw; }
    .home .section1 .address .item {
      width: 100%;
      border-radius: 1.25vw;
      background: #EDF1F7;
      padding: 2.0833333333vw 3.125vw;
      position: relative; }
      .home .section1 .address .item::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 1.25vw;
        background: linear-gradient(95deg, #8399FF 0%, #CAD3FB 144.28%);
        opacity: 0;
        transition: all 600ms; }
      .home .section1 .address .item .p1 {
        line-height: 1.5;
        color: #333;
        margin-bottom: 1.25vw;
        position: relative;
        z-index: 10;
        transition: all 600ms; }
      .home .section1 .address .item .info {
        position: relative;
        z-index: 10; }
        .home .section1 .address .item .info .sub_item {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .home .section1 .address .item .info .sub_item:not(:last-child) {
            margin-bottom: 0.7291666667vw; }
          .home .section1 .address .item .info .sub_item .icon svg {
            width: 1.25vw;
            display: block; }
            .home .section1 .address .item .info .sub_item .icon svg path {
              stroke: #4A5970;
              transition: all 600ms; }
          .home .section1 .address .item .info .sub_item p {
            width: calc(100% - 1.875vw);
            line-height: 1.5;
            color: #4A5970;
            transition: all 600ms; }
      .home .section1 .address .item:hover::before {
        opacity: 1; }
      .home .section1 .address .item:hover .p1 {
        color: white; }
      .home .section1 .address .item:hover .info .sub_item .icon svg path {
        stroke: #fff; }
      .home .section1 .address .item:hover .info .sub_item p {
        color: #fff; }
.home .section2 {
  margin: 0 8.3333333333vw 8.3333333333vw 8.3333333333vw;
  background: url(../images/cbg.png) no-repeat;
  background-size: cover;
  padding: 2.6041666667vw 5.2083333333vw;
  border-radius: 3.125vw; }
  .home .section2 .title {
    margin-bottom: 2.0833333333vw; }
    .home .section2 .title .en {
      color: #FFF;
      opacity: 0.2;
      line-height: 0.66;
      text-transform: uppercase;
      margin-bottom: 1.0416666667vw; }
    .home .section2 .title .cn {
      color: #FFF;
      font-weight: 600;
      line-height: 1.5; }
  .home .section2 .form {
    width: 28.125vw; }
    .home .section2 .form input {
      width: 100%;
      height: 2.5vw;
      border-radius: 1.875vw;
      background: #F0C9FF;
      margin-bottom: 1.25vw;
      outline: none;
      border: none;
      color: #4A5970;
      font-size: 0.8333333333vw;
      line-height: 1.5;
      padding: 0.625vw 1.5625vw; }
      .home .section2 .form input::placeholder {
        color: #4A5970; }
    .home .section2 .form textarea {
      width: 100%;
      height: 10vw;
      border-radius: 1.875vw;
      background: #F0C9FF;
      margin-bottom: 1.25vw;
      outline: none;
      border: none;
      color: #4A5970;
      font-size: 0.8333333333vw;
      line-height: 1.5;
      padding: 0.625vw 1.5625vw;
      resize: none; }
      .home .section2 .form textarea::placeholder {
        color: #4A5970; }
    .home .section2 .form .submit {
      border-radius: 1.40625vw;
      background: #FFF;
      display: flex;
      padding: 0.8333333333vw 1.5625vw;
      justify-content: center;
      align-items: center;
      gap: 0.5208333333vw;
      color: #71009E;
      line-height: 1;
      width: fit-content;
      cursor: pointer;
      transition: all 600ms; }
      .home .section2 .form .submit svg {
        width: 0.8333333333vw;
        display: block; }
        .home .section2 .form .submit svg path {
          transition: all 600ms; }
      .home .section2 .form .submit:hover {
        background: #71009E;
        color: white; }
        .home .section2 .form .submit:hover svg path {
          fill: #fff; }
@media screen and (max-width: 768px) {
  .home .banner img {
    height: 300px;
    border-radius: 0px 0px 30px 30px; }
  .home .section1 {
    margin: 50px 5%; }
    .home .section1 .title {
      margin-bottom: 50px; }
      .home .section1 .title .en {
        font-size: 24px;
        margin-bottom: 10px; }
      .home .section1 .title .cn {
        font-size: 20px; }
    .home .section1 .nums {
      width: 100%;
      gap: 30px 50px; }
      .home .section1 .nums .item .num {
        margin-bottom: 7px; }
        .home .section1 .nums .item .num span {
          margin-top: 5px; }
    .home .section1 .address {
      margin-top: 0;
      grid-template-columns: repeat(1, 1fr);
      gap: 20px 0; }
      .home .section1 .address .item {
        border-radius: 12px;
        padding: 20px; }
        .home .section1 .address .item::before {
          border-radius: 12px; }
        .home .section1 .address .item .p1 {
          margin-bottom: 12px; }
        .home .section1 .address .item .info .sub_item:not(:last-child) {
          margin-bottom: 10px; }
        .home .section1 .address .item .info .sub_item .icon svg {
          width: 24px; }
        .home .section1 .address .item .info .sub_item p {
          width: calc(100% - 30px); }
    .home .section1 .map {
      position: relative;
      margin: 30px 0; }
      .home .section1 .map .bg img {
        width: 100%; }
      .home .section1 .map .point .hover_box {
        padding-left: 30px;
        display: none; }
        .home .section1 .map .point .hover_box .box {
          width: 152px;
          border-radius: 8px;
          padding: 10px;
          position: relative;
          z-index: 10; }
          .home .section1 .map .point .hover_box .box .ib:not(:last-child) {
            margin-bottom: 14px; }
          .home .section1 .map .point .hover_box .box .ib .icon img {
            width: 16px; }
          .home .section1 .map .point .hover_box .box .ib .info {
            width: calc(100% -20px); }
            .home .section1 .map .point .hover_box .box .ib .info .p1 {
              margin-bottom: 4px; }
            .home .section1 .map .point .hover_box .box .ib .info .pic img {
              width: 60px; }
      .home .section1 .map .point .dot span {
        width: 8px;
        height: 8px;
        left: -16px; }
      .home .section1 .map .point:hover .hover_box {
        left: -70px;
        top: 30px; }
      .home .section1 .map .point1 {
        top: 100px; }
      .home .section1 .map .point2 {
        top: 120px; }
  .home .section2 {
    margin: 0 5% 60px 5%;
    padding: 25px; }
    .home .section2 .title {
      margin-bottom: 20px; }
      .home .section2 .title .en {
        font-size: 24px;
        margin-bottom: 10px; }
      .home .section2 .title .cn {
        font-size: 20px; }
    .home .section2 .form {
      width: 100%; }
      .home .section2 .form input {
        height: 48px;
        border-radius: 15px;
        margin-bottom: 12px;
        font-size: 16px;
        padding: 6px 15px; }
      .home .section2 .form textarea {
        height: 100px;
        border-radius: 15px;
        margin-bottom: 12px;
        font-size: 16px;
        padding: 6px 15px; }
      .home .section2 .form .submit {
        border-radius: 15px;
        padding: 8px 15px;
        gap: 10px; }
        .home .section2 .form .submit svg {
          width: 16px; } }

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