body .home {
  background: url(../images/rbg.png) no-repeat;
  background-size: 100%
}

body .home .container {
  padding: 19.53125vw 3.48958vw 9.375vw 3.48958vw
}

body .home .container h1 {
  font-weight: 600
}

body .home .container .title {
  font-size: 3.95833vw;
  line-height: 1;
  text-transform: capitalize;
  position: relative
}

body .home .container .title span {
  position: relative;
  z-index: 10
}

body .home .container .title img {
  position: absolute;
  top: -3.375vw;
  left: 51vw;
  animation: moveDown 2s forwards linear;
  transform: rotate(-15deg);
  opacity: 0;
  width: 30.78125vw
}

@keyframes moveDown {
  to {
    transform: rotate(0);
    opacity: 1
  }
}

body .home .container .content {
  margin: 7.96875vw 0 0 0;
  display: flex;
  justify-content: space-between
}

body .home .container .content .lbox {
  width: 41.66667vw
}

body .home .container .content .lbox .types {
  display: flex;
  justify-content: space-between;
  align-items: center
}

body .home .container .content .lbox .types .item {
  width: 9.16667vw;
  color: #999;
  line-height: 1.2;
  text-transform: capitalize;
  cursor: pointer;
  text-align: center
}

body .home .container .content .lbox .types .item.on {
  font-weight: 600;
  color: #2690C5
}

body .home .container .content .lbox .types .line {
  width: 5.20833vw;
  height: 2px;
  background: #999
}

body .home .container .content .lbox .types .line.on {
  background: #2690C5
}

body .home .container .content .lbox .boxs {
  margin-top: 4.16667vw
}

body .home .container .content .lbox .boxs .box {
  display: none
}

body .home .container .content .lbox .boxs .box .pt {
  margin-right: 5.20833vw;
  margin-bottom: 1.5625vw;
  position: relative
}

body .home .container .content .lbox .boxs .box .pt img {
  position: absolute;
  right: -1.04167vw;
  top: -1.30208vw;
  width: 3.22917vw
}

body .home .container .content .lbox .boxs .box .des {
  color: #999;
  line-height: 2
}

body .home .container .content .lbox .boxs .box .des span {
  color: #000;
  font-weight: 500
}

body .home .container .content .lbox .boxs .box .des2 {
  color: #999;
  line-height: 2;
  margin-top: 3.125vw
}

body .home .container .content .lbox .boxs .box .des2 img {
  width: 2.08333vw
}

body .home .container .content .lbox .boxs .box.on {
  display: block
}

body .home .container .content .rbox {
  width: 44.11458vw
}

body .home .container .content .rbox .p2 {
  margin: .625vw 0 2.08333vw 0;
  color: #999;
  line-height: 1.4
}

body .home .container .content .rbox .form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

body .home .container .content .rbox .form .item {
  width: 21.40625vw;
  margin-bottom: .52083vw
}

body .home .container .content .rbox .form .item.width-full {
  width: 100%
}

body .home .container .content .rbox .form .item p {
  color: #000;
  font-size: .72917vw;
  line-height: 1.7s;
  margin-bottom: .41667vw
}

body .home .container .content .rbox .form .item p span {
  color: #F00
}

body .home .container .content .rbox .form .item input {
  width: 100%;
  border: 1px solid #E0E0E0;
  background: #FFF;
  height: 2.5vw;
  outline: none;
  font-size: .83333vw;
  padding: .625vw 1.04167vw
}

body .home .container .content .rbox .form .item input::placeholder {
  color: #999
}

body .home .container .content .rbox .form .item .chose {
  position: relative
}

body .home .container .content .rbox .form .item .chose .d1 {
  width: 100%;
  border: 1px solid #E0E0E0;
  background: #FFF;
  height: 2.5vw;
  padding: .625vw 1.04167vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

body .home .container .content .rbox .form .item .chose .d1 p {
  color: #999;
  margin-bottom: 0
}

body .home .container .content .rbox .form .item .chose .d1 .icon svg {
  width: .52083vw;
  display: block
}

body .home .container .content .rbox .form .item .chose .d2 {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 2px;
  width: 100%;
  display: none
}

body .home .container .content .rbox .form .item .chose .d2 .nr {
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: .52083vw
}

body .home .container .content .rbox .form .item .chose .d2 .nr p {
  padding: .625vw 1.04167vw;
  color: #999;
  cursor: pointer;
  transition: all 600ms;
  border-radius: 5px
}

body .home .container .content .rbox .form .item .chose .d2 .nr p:hover {
  background: #EFFAFF
}

body .home .container .content .rbox .form .item textarea {
  width: 100%;
  border: 1px solid #E0E0E0;
  background: #FFF;
  height: 7.5vw;
  outline: none;
  font-size: .83333vw;
  padding: .625vw 1.04167vw;
  resize: none
}

body .home .container .content .rbox .form .item textarea::placeholder {
  color: #999
}

body .home .container .content .rbox .submit {
  /*width: 10.52083vw;*/
  width: fit-content;
  padding: 0 30px;
  height: 2.70833vw;
  flex-shrink: 0;
  background: rgba(38, 144, 197, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.125vw auto 0;
  color: white;
  gap: .72917vw;
  transition: all 600ms;
  cursor: pointer
}
body .home .container .content .rbox .form .agree {
  display: flex;
  gap: .78125vw;
  align-items: center;
  cursor: pointer;
}
body .home .container .content .rbox .form .agree p {
  color: #999;
  font-style: normal;
  font-weight: 400;
}
body .home .container .content .rbox .form .agree .bor {
  width: .9375vw;
  height: .9375vw;
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .6s ease;
}
@media screen and (max-width:768px){
  body .home .container .content .rbox .form .agree .bor {
    width: 20px;
    height: 20px;
  }
  body .home .container .content .rbox .form .agree {
    margin: 25px 0 0 0;
    gap: 10px;
  }
  body .home .container .content .rbox .form .agree p {
    font-size: 12px;
    width: 83%;
  }
}
body .home .container .content .rbox .form .agree .bor svg {
  width: 80%;
  opacity: 0;
  transition: all 600ms;
}
body .home .container .content .rbox .form .agree.on .bor svg {
  opacity: 1;
}
body .home .container .content .rbox .form .agree.on .bor {
  background-color: #2690c5;
  border: 1px solid transparent;
}
body .home .container .content .rbox .submit img {
  width: .9375vw
}

body .home .container .content .rbox .submit:hover {
  background: #2690c5
}

@media screen and (max-width: 768px) {
  body .home {
    background-size: cover
  }

  body .home .container {
    padding: 100px 5% 50px 5%
  }

  body .home .container .title {
    font-size: 28px;
    line-height: 1.2
  }

  body .home .container .title img {
    width: 200px;
    left: 110px;
    top: 5px
  }

  body .home .container .content {
    flex-direction: column;
    margin-top: 50px
  }

  body .home .container .content .lbox {
    width: 100%
  }

  body .home .container .content .lbox .types {
    flex-wrap: wrap;
    justify-content: center
  }

  body .home .container .content .lbox .types .item {
    width: 100%
  }

  body .home .container .content .lbox .types .line {
    width: 2px;
    height: 30px;
    margin: 15px 0
  }

  body .home .container .content .lbox .boxs {
    margin-top: 30px
  }

  body .home .container .content .lbox .boxs .box .pt {
    margin-right: 0;
    margin-bottom: 20px
  }

  body .home .container .content .lbox .boxs .box .pt img {
    display: none
  }

  body .home .container .content .lbox .boxs .box .des {
    line-height: 1.5
  }

  body .home .container .content .rbox {
    width: 100%;
    margin-top: 30px
  }

  body .home .container .content .rbox .p2 {
    margin: 10px 0 20px 0;
    line-height: 1.4
  }

  body .home .container .content .rbox .form {
    flex-direction: column;
    gap: 20px
  }

  body .home .container .content .rbox .form .item {
    width: 100%;
    margin-bottom: 0
  }

  body .home .container .content .rbox .form .item p {
    font-size: 14px;
    margin-bottom: 5px
  }

  body .home .container .content .rbox .form .item input {
    height: 40px;
    font-size: 14px;
    padding: 10px 15px
  }

  body .home .container .content .rbox .form .item textarea {
    height: 120px;
    font-size: 14px;
    padding: 10px 15px
  }

  body .home .container .content .rbox .form .item .chose .d1 {
    height: 40px;
    padding: 10px 15px
  }

  body .home .container .content .rbox .form .item .chose .d1 p {
    font-size: 14px
  }

  body .home .container .content .rbox .form .item .chose .d1 .icon svg {
    width: 8px
  }

  body .home .container .content .rbox .form .item .chose .d2 .nr {
    padding: 8px
  }

  body .home .container .content .rbox .form .item .chose .d2 .nr p {
    padding: 10px 15px;
    font-size: 14px
  }

  body .home .container .content .rbox .submit {
    /*width: 180px;*/
    width: fit-content;
    padding: 0 10px;
    height: 45px;
    gap: 10px;
    margin: 35px auto 0
  }

  body .home .container .content .rbox .submit img {
    width: 20px
  }
}