body .home {
  position: relative
}

body .home .form_success {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  display: none
}

body .home .form_success.show {
  display: flex
}

body .home .form_success .content {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  align-items: center;
  justify-content: center
}

body .home .form_success .content .p1 {
  color: #323232;
  font-size: 3.90625vw;
  font-weight: 700
}

body .home .form_success .content .p2 {
  margin: 1.19792vw 0 2.39583vw 0;
  color: #323232;
  text-align: center
}

body .home .form_success .content .icons {
  display: flex;
  gap: 1.71875vw
}

body .home .form_success .content .icons a {
  transition: all 600ms;
  position: relative;
  padding-bottom: .57292vw
}

body .home .form_success .content .icons a .icon {
  position: relative
}

body .home .form_success .content .icons a .icon img {
  width: 1.77083vw;
  transition: all 600ms
}

body .home .form_success .content .icons a .icon img:nth-child(2) {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0
}

body .home .form_success .content .icons a .code {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 4.01042vw;
  height: 4.01042vw;
  display: none;
  border: 4px solid #1D2088;
  border-radius: 5px
}

body .home .form_success .content .icons a .code::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 10px solid #1D2088
}

body .home .form_success .content .icons a .code img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

body .home .form_success .content .icons a:hover .icon img:nth-child(1) {
  opacity: 0
}

body .home .form_success .content .icons a:hover .icon img:nth-child(2) {
  opacity: 1
}

body .home .form_success .content .icons a:hover .code {
  display: block
}

body .home .form_success .content .back {
  margin-top: 6.77083vw;
  display: flex;
  justify-content: center;
  gap: .52083vw;
  cursor: pointer;
  align-items: center
}

body .home .form_success .content .back .icon {
  width: 2.34375vw;
  height: 2.34375vw;
  border: 1px solid #1D2088;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 600ms
}

body .home .form_success .content .back .icon svg {
  width: 1.14583vw;
  display: block
}

body .home .form_success .content .back .icon svg path {
  transition: all 600ms
}

body .home .form_success .content .back:hover .icon {
  background: #1D2088
}

body .home .form_success .content .back:hover .icon svg path {
  fill: #fff
}

body .home .form_success.show {
  display: flex
}

body .home .banner .text {
  padding: 0;
  left: 30.20833vw;
  top: 21.66667vw;
  width: auto
}

body .home .container {
  border-radius: 3.64583vw 3.64583vw 0 0;
  background: #FFF;
  margin-top: -6.25vw;
  z-index: 10;
  position: relative
}

body .home .container .main {
  padding: 11.04167vw 14.16667vw 14.58333vw 14.16667vw
}

body .home .container .main .sec1 {
  display: flex;
  justify-content: space-between
}

body .home .container .main .sec1 .lbox {
  width: 26.5625vw
}

body .home .container .main .sec1 .lbox .en {
  color: #F4F4F4;
  font-size: 3.4375vw
}

body .home .container .main .sec1 .lbox .cn {
  font-weight: 600;
  padding-bottom: .83333vw;
  border-bottom: 1px solid #8C8C8C
}

body .home .container .main .sec1 .lbox .tip {
  margin: .78125vw 0 2.34375vw 0;
  color: #848484
}

body .home .container .main .sec1 .lbox .st {
  color: #848484
}

body .home .container .main .sec1 .lbox .st2 {
  color: #000;
  font-weight: 600;
  margin-bottom: .625vw
}

body .home .container .main .sec1 .lbox .code {
  display: flex;
  gap: 1.30208vw;
  align-items: center
}

body .home .container .main .sec1 .lbox .code .cb {
  text-align: center
}

body .home .container .main .sec1 .lbox .code .cb .pic {
  position: relative;
  padding: .52083vw
}

body .home .container .main .sec1 .lbox .code .cb .pic img {
  width: 4.6875vw
}

body .home .container .main .sec1 .lbox .code .cb .pic .j1 {
  width: .46875vw;
  position: absolute;
  left: 0;
  top: 0
}

body .home .container .main .sec1 .lbox .code .cb .pic .j2 {
  width: .46875vw;
  position: absolute;
  right: 0;
  top: 0
}

body .home .container .main .sec1 .lbox .code .cb .pic .j3 {
  width: .46875vw;
  position: absolute;
  right: 0;
  bottom: 0
}

body .home .container .main .sec1 .lbox .code .cb .pic .j4 {
  width: .46875vw;
  position: absolute;
  left: 0;
  bottom: 0
}

body .home .container .main .sec1 .lbox .code .cb p {
  margin-top: .78125vw
}

body .home .container .main .sec1 .rbox {
  width: 31.66667vw
}

body .home .container .main .sec1 .rbox .form .item {
  position: relative
}

body .home .container .main .sec1 .rbox .form .item:not(:last-child) {
  margin-bottom: 1.875vw
}

body .home .container .main .sec1 .rbox .form .item:nth-child(4) {
  margin-bottom: 0
}

body .home .container .main .sec1 .rbox .form .item input {
  border-radius: 1.04167vw;
  background: #F1F1F1;
  height: 4.6875vw;
  font-size: 1.25vw;
  padding: 1.25vw 2.23958vw;
  width: 100%;
  outline: none;
  border: none;
  font-family: 'PingFang-Light'
}

body .home .container .main .sec1 .rbox .form .item input::placeholder {
  color: #BCBCBC
}

body .home .container .main .sec1 .rbox .form .item textarea {
  border-radius: 1.04167vw;
  background: #F1F1F1;
  height: 11.61458vw;
  font-size: 1.25vw;
  padding: 1.25vw 2.23958vw;
  width: 100%;
  outline: none;
  border: none;
  font-family: 'PingFang-Light';
  resize: none
}

body .home .container .main .sec1 .rbox .form .item textarea::placeholder {
  color: #BCBCBC
}

body .home .container .main .sec1 .rbox .form .item .icon {
  position: absolute;
  right: 2.23958vw;
  top: 50%;
  transform: translateY(-50%)
}

body .home .container .main .sec1 .rbox .form .item .icon img {
  width: 1.71875vw
}

body .home .container .main .sec1 .rbox .form .submit {
  margin-top: 1.82292vw;
  padding: .3125vw 3.38542vw;
  border-radius: 1.04167vw;
  border: 1px solid #1D2088;
  display: inline-block;
  color: #1D2088;
  cursor: pointer;
  transition: all 600ms
}

body .home .container .main .sec1 .rbox .form .submit:hover {
  background: #1D2088;
  color: #fff
}

body .home .container .main .sec2 {
  border-top: 1px solid #8C8C8C;
  padding-top: 7.29167vw;
  margin-top: 7.29167vw;
  display: flex;
  gap: 20.20833vw
}

body .home .container .main .sec2 .lbox .l_c1 {
  display: flex;
  gap: 1.97917vw
}

body .home .container .main .sec2 .lbox .l_c1:not(:last-child) {
  margin-bottom: 5vw
}

body .home .container .main .sec2 .lbox .l_c1 .icon img {
  width: 2.34375vw
}

body .home .container .main .sec2 .lbox .l_c1 .info {
  display: flex;
  gap: 3.48958vw
}

body .home .container .main .sec2 .lbox .l_c1 .info .i_t .p1 {
  color: #848484;
  margin-bottom: .57292vw
}

body .home .container .main .sec2 .lbox .l_c2 {
  display: flex;
  gap: 1.97917vw
}

body .home .container .main .sec2 .lbox .l_c2 .icon img {
  width: 2.34375vw
}

body .home .container .main .sec2 .lbox .l_c2 .rb .info:not(:last-child) {
  margin-bottom: 2.29167vw
}

body .home .container .main .sec2 .lbox .l_c2 .rb .info .i_t .p1 {
  color: #848484;
  margin-bottom: .57292vw
}

body .home .container .main .sec2 .lbox .l_c2 .rb .info .i_t .p2 {
  line-height: 2
}

body .home .container .map img {
  width: 100%
}

@media screen and (max-width: 768px) {
  body .home .form_success .content {
    padding: 0 5%
  }

  body .home .form_success .content .p1 {
    font-size: 24px
  }

  body .home .form_success .content .p2 {
    margin: 12px 0 23px 0
  }

  body .home .form_success .content .icons {
    gap: 10px;
    width: 100%;
    justify-content: center;
    margin-top: 10px
  }

  body .home .form_success .content .icons a {
    padding-bottom: 10px
  }

  body .home .form_success .content .icons a .icon img {
    width: 30px
  }

  body .home .form_success .content .icons a .code {
    width: 60px;
    height: 60px
  }

  body .home .form_success .content .back {
    margin-top: 90px;
    gap: 10px
  }

  body .home .form_success .content .back .icon {
    width: 35px;
    height: 35px
  }

  body .home .form_success .content .back .icon svg {
    width: 15px
  }

  body .home .banner .text {
    left: 5%;
    top: 30px
  }

  body .home .container {
    margin-top: -60px;
    border-radius: 35px 35px 0 0
  }

  body .home .container .main {
    padding: 40px 5%
  }

  body .home .container .main .sec1 {
    flex-direction: column
  }

  body .home .container .main .sec1 .lbox {
    width: 100%
  }

  body .home .container .main .sec1 .lbox .en {
    font-size: 32px
  }

  body .home .container .main .sec1 .lbox .cn {
    padding-bottom: 8px
  }

  body .home .container .main .sec1 .lbox .tip {
    margin: 15px 0 20px 0
  }

  body .home .container .main .sec1 .lbox .st2 {
    margin: 6px 0 30px 0
  }
  body .home .container .main .sec1 .lbox .code .cb p {
    margin-top: 20px;
  }
  body .home .container .main .sec1 .lbox .code {
    gap: 15px
  }

  body .home .container .main .sec1 .lbox .code .cb .pic img {
    width: 90px
  }

  body .home .container .main .sec1 .lbox .code .cb .pic .j1,
  body .home .container .main .sec1 .lbox .code .cb .pic .j2,
  body .home .container .main .sec1 .lbox .code .cb .pic .j3,
  body .home .container .main .sec1 .lbox .code .cb .pic .j4 {
    width: 10px
  }

  body .home .container .main .sec1 .rbox {
    width: 100%;
    margin-top: 20px
  }

  body .home .container .main .sec1 .rbox .form .item:not(:last-child) {
    margin-bottom: 18px
  }

  body .home .container .main .sec1 .rbox .form .item input {
    height: 45px;
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 15px
  }

  body .home .container .main .sec1 .rbox .form .item textarea {
    height: 100px;
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 15px
  }

  body .home .container .main .sec1 .rbox .form .item .icon {
    right: 20px
  }

  body .home .container .main .sec1 .rbox .form .item .icon img {
    width: 15px
  }

  body .home .container .main .sec1 .rbox .form .submit {
    margin: 20px auto 0 auto;
    padding: 3px 40px;
    border-radius: 15px;
    width: fit-content;
    display: block
  }

  body .home .container .main .sec2 {
    padding-top: 50px;
    margin-top: 50px;
    flex-direction: column;
    gap: 20px
  }

  body .home .container .main .sec2 .lbox .l_c1 {
    flex-direction: column
  }

  body .home .container .main .sec2 .lbox .l_c1:not(:last-child) {
    margin-bottom: 30px
  }

  body .home .container .main .sec2 .lbox .l_c1 .icon img {
    width: 25px
  }

  body .home .container .main .sec2 .lbox .l_c1 .info {
    gap: 20px;
    margin-top: 10px
  }

  body .home .container .main .sec2 .lbox .l_c1 .info .i_t .p1 {
    margin-bottom: 5px
  }

  body .home .container .main .sec2 .lbox .l_c2 {
    flex-direction: column;
    gap: 10px;
    margin-top: 30px
  }

  body .home .container .main .sec2 .lbox .l_c2 .icon img {
    width: 25px
  }

  body .home .container .main .sec2 .lbox .l_c2 .rb .info:not(:last-child) {
    margin-bottom: 20px
  }

  body .home .container .main .sec2 .lbox .l_c2 .rb .info .i_t .p1 {
    margin-bottom: 5px
  }
}