.home .banner {
  height: 46.9271vw;
  position: relative;
  margin-top: 9.5313vw;
}

.home .banner .bg {
  height: 100%;
}

.home .banner .bg img {
  width: 100%;
  display: block;
  height: 100%;
}

.home img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.home .banner .bg .t1 {
  position: absolute;
  left: 12.2396vw;
  bottom: 25.9896vw;
  color: #FFF;
  text-align: center;
  font-size: 4.1667vw;
  font-weight: 600;
  text-transform: uppercase;
  z-index: 5;
}

.banner .bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.10);
  z-index: 1;
}

.home .banner .box {
  width: 3.0208vw;
  height: 3.0208vw;
  background: #9FF29D;
  position: absolute;
  left: 11.0938vw;
  bottom: 28.8021vw;
  z-index: 2;
}

.home .banner .bgbtn {
  position: absolute;
  left: 11.0938vw;
  bottom: 21.4583vw;
  z-index: 2;
}

.home .section1 {
  padding-left: 12.5vw;
}

.home .section1 .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.6458vw;
}

.home .section1 .left-box {
  flex: 1;
}

.home .section1 .right-box {
  width: 33.8021vw;
  height: 26.1458vw;
  margin: 3.5417vw 0;
}

.home .section1 .text1 {
  color: #1A1A1A;
  font-size: 2.2917vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.43
}

.home .section1 .line {
  width: 3.125vw;
  height: 4px;
  background: #42A838;
  margin: 0.9896vw 0 1.5625vw;
}

.home .section1 .text2 {
  color: #666;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 2.15;
}

.home .section1 .right-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home .section2 {
  margin: 6.25vw 12.5vw;
}

.home .section2 .t1 {
  color: #000;
  font-size: 2.5vw;
  font-weight: 500;
}


.home .section2 .main_box {
  display: flex;
  align-items: center;
  gap: 2.6563vw;
  margin-top: 4.1667vw;
}

.home .section2 .swiper-container {
  width: 66.5104vw;
}

.home .section2 .swiper-container img {
  border-radius: 0.5208vw;
}

.home .section2 .button-prev,
.home .section2 .button-next {
  width: 1.5625vw;
  height: 1.6667vw;
  cursor: pointer;
}

.home .section2 .button-prev img,
.home .section2 .button-next img {
  width: 100%;
  height: 100%;
}

.home .section2 .button-next img {
  transform: rotate(180deg);
}

.home .section2 .swiper-container .swiper-slide p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 1.6667vw;
  font-weight: 400;
  width: 100%;
  text-align: center;
}

.home .section3 {
  margin: 2.6042vw 0 5.2083vw;
}

.home .section3 .head {
  margin: 0 12.5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home .section3 .head .t1 {
  color: #000;
  font-size: 2.5vw;
  font-weight: 500;
}

.home .section3 .head .btn {
  display: flex;
  gap: 3.5417vw;
  align-items: center;
}

.home .section3 .head .btn .button_next,
.home .section3 .head .btn .button_prev {
  cursor: pointer;
  width: 3.9063vw;
}

.home .section3 .head .btn .button_next img {
  transform: rotate(180deg);
}

.home .section3 .swiper-container {
  margin: 0 8.8542vw;
}

.home .section3 .swiper-container .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5625vw;
}

.home .section3 .swiper-container .text1 {
  color: #000;
  font-size: 1.25vw;
  font-weight: 500;
  height: 3.4896vw;
}

.home .section3 .swiper-container .text2 {
  color: #4E4E4E;
  font-size: 0.7292vw;
  font-weight: 400;
  height: 4.4792vw;
}


.home .section4 {
  margin: 0 12.5vw 5.2083vw;
}

.home .section4 .t1 {
  color: #000;
  font-size: 2.5vw;
  font-weight: 500;
}

.home .section4 .main_box {
  display: flex;
  align-items: center;
  margin-top: 2.6042vw;
}

.home .section4 .swiper-container {
  width: 64.2292vw;
}

.home .section4 .button-next {
  cursor: pointer;
}

.home .section4 .button-prev {
  cursor: pointer;
}

.home .section4 .button-next img {
  transform: rotate(180deg);
}

.home .section4 .swiper-container .swiper-slide p {
  margin-top: 1.7708vw;
  color: #000;
  font-size: 0.9375vw;
  font-weight: 400;
}


/* 表单 */

/* .home .common_form {
  padding: 6.25vw 8.33333vw;
  background: #F8F8F8;
  margin-top: 6.25vw
}

.home .common_form .box .coop .t {
  color: #000;
  font-size: 1.66667vw;
  font-family: 'PingFang-Bold'
}

.home .common_form .box .coop .des {
  color: #4e4e4e;
  font-size: .83333vw;
  margin: 2.08333vw 0;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .coop .info .i {
  margin-bottom: 2.08333vw
}

.home .common_form .box .coop .info .i .p1 {
  color: #000;
  font-size: 1.04167vw;
  font-family: 'PINGFANG-MEDIUM';
  margin-bottom: .625vw
}

.home .common_form .box .coop .info .i .p2 {
  color: #4e4e4e;
  font-size: .83333vw;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .t1 {
  color: #000;
  font-size: 1.4583vw;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.home .common_form .box .t2 {
  color: #000;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.home .common_form .box .flex {
  margin-top: 1.0417vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home .common_form .box .contact {
  margin: 6.25vw 0
}

.home .common_form .box .contact .t1 {
  margin-top: 1.0417vw;
  color: #000;
  font-size: 0.8333vw;
  font-weight: 400;
}

.home .common_form .box .contact .t {
  color: #000;
  font-size: 1.66667vw;
  font-family: 'PingFang-Bold'
}

.home .common_form .box .contact .form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.home .common_form .box .contact .form .item {
  width: 48%;
  border-radius: .52083vw;
  background: #FFF;
  margin-top: 2.08333vw;
  position: relative
}

.home .common_form .box .contact .form .item input {
  width: 100%;
  border: none;
  outline: none;
  height: 3.125vw;
  border-radius: .52083vw;
  color: #000;
  font-size: .83333vw;
  text-indent: 1.71875vw;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .contact .form .item select {
  width: calc(100% - 1vw);
  border: none;
  outline: none;
  height: 3.125vw;
  border-radius: .52083vw;
  color: #000;
  font-size: .83333vw;
  text-indent: 1.71875vw;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .contact .form .item .tag {
  position: absolute;
  left: 1.71875vw;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  font-size: .83333vw;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .contact .form .item .tag span {
  color: #F00
}

.home .common_form .box .contact .form .item textarea {
  width: 100%;
  height: 17.70833vw;
  border: none;
  outline: none;
  resize: none;
  border-radius: .52083vw;
  color: #000;
  font-size: .83333vw;
  padding: 1.14583vw 1.71875vw;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .contact .form .item textarea::placeholder {
  font-family: 'PINGFANGSC';
  color: #000
}

.home .common_form .box .contact .form .item:last-child {
  width: 100%
}

.home .common_form .box .contact .agree {
  margin: 1.04167vw 0;
  display: flex;
  align-items: center;
  cursor: pointer
}

.home .common_form .box .contact .agree .circle {
  width: .9375vw;
  height: .9375vw;
  background-color: white;
  transition: all 600ms
}

.home .common_form .box .contact .agree p {
  color: #000;
  font-size: .83333vw;
  font-family: 'PINGFANGSC';
  margin-left: 1.04167vw
}

.home .common_form .box .contact .on .circle {
  background-color: #000
}

.home .common_form .box .contact .notice {
  color: #000;
  font-size: .83333vw;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .contact .btn {
  margin-top: 2.55208vw
}

.home .common_form .box .contact .btn a {
  width: 12.5vw;
  height: 3.125vw;
  border-radius: .52083vw;
  background: #42A838;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms;
  float: right
}

.home .common_form .box .contact .btn a p {
  color: #FFF;
  font-size: 1.04167vw;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .contact .btn a .icon {
  width: 2.08333vw;
  height: 2.08333vw;
  border-radius: 50%;
  margin-left: .625vw;
  transition: all 200ms;
  display: flex;
  align-items: center;
  justify-content: center
}

.home .common_form .box .contact .btn a .icon svg {
  width: 1.66667vw;
  display: block
}

.home .common_form .box .contact .btn a .icon svg path {
  transition: all 600ms
}

.home .common_form .box .contact .btn a:hover {
  background: #000
}

.home .common_form .box .contact .btn a:hover .icon {
  transform: rotate(-45deg);
  background-color: #fff
}

.home .common_form .box .contact .btn a:hover .icon svg path {
  fill: #000
}

.home .common_form .box .join .t {
  color: #000;
  font-size: 1.66667vw;
  font-family: 'PingFang-Bold'
}

.home .common_form .box .join .allIcons {
  display: flex;
  margin: 4.16667vw 0
}

.home .common_form .box .join .allIcons .item {
  text-align: center
}

.home .common_form .box .join .allIcons .item .icon {
  width: 6.25vw;
  height: 6.25vw;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.home .common_form .box .join .allIcons .item .icon img {
  max-width: 2.60417vw;
  display: block
}

.home .common_form .box .join .allIcons .item p {
  color: #000;
  font-size: 1.04167vw;
  font-family: 'PINGFANG-MEDIUM';
  margin-top: 1.04167vw
}

.home .common_form .box .join .allIcons .jt {
  margin: 1.82292vw 1.66667vw
}

.home .common_form .box .join .allIcons .jt svg {
  width: 2.60417vw;
  display: block
}

.home .common_form .box .join a {
  width: 12.5vw;
  height: 3.125vw;
  border-radius: .52083vw;
  background: #42A838;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms
}

.home .common_form .box .join a p {
  color: #FFF;
  font-size: 1.04167vw;
  font-family: 'PINGFANGSC'
}

.home .common_form .box .join a .icon {
  width: 2.08333vw;
  height: 2.08333vw;
  border-radius: 50%;
  margin-left: .625vw;
  transition: all 200ms;
  display: flex;
  align-items: center;
  justify-content: center
}

.home .common_form .box .join a .icon svg {
  width: 1.66667vw;
  display: block
}

.home .common_form .box .join a .icon svg path {
  transition: all 600ms
}

.home .common_form .box .join a:hover {
  background: #000
}

.home .common_form .box .join a:hover .icon {
  transform: rotate(-45deg);
  background-color: #fff
}

.home .common_form .box .join a:hover .icon svg path {
  fill: #000
}

.home .common_form .box .question {
  margin: 6.25vw 0 0 0
}

.home .common_form .box .question .t {
  color: #000;
  font-size: 1.66667vw;
  font-family: 'PingFang-Bold';
  margin-bottom: 2.08333vw
}

.home .common_form .box .question .allItems .item {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: .57292vw;
  margin-bottom: 2.08333vw
}

.home .common_form .box .question .allItems .item .d1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

.home .common_form .box .question .allItems .item .d1 p {
  color: #000;
  font-size: .83333vw;
  font-family: 'PINGFANG-MEDIUM'
}

.home .common_form .box .question .allItems .item .d1 .icon {
  position: relative
}

.home .common_form .box .question .allItems .item .d1 .icon svg {
  display: block;
  transition: all 600ms;
  width: .88542vw
}

.home .common_form .box .question .allItems .item .d1 .icon svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0
}

.home .common_form .box .question .allItems .item .d2 {
  display: none
}

.home .common_form .box .question .allItems .item .d2 .html {
  font-size: .83333vw;
  font-family: 'PINGFANG-MEDIUM';
  margin: 1.25vw 0 0 0
}

.home .common_form .box .question .allItems .on .d1 .icon svg:nth-child(1) {
  opacity: 0
}

.home .common_form .box .question .allItems .on .d1 .icon svg:nth-child(2) {
  opacity: 1
}

@media screen and (max-width: 1024px) {
  .home .common_form {
    padding: 40px 5%;
    margin-top: 40px
  }

  .home .common_form .box .coop .t {
    font-size: 20px
  }

  .home .common_form .box .coop .des {
    font-size: 16px;
    margin: 20px 0
  }

  .home .common_form .box .coop .info .i {
    margin-bottom: 20px
  }

  .home .common_form .box .coop .info .i .p1 {
    font-size: 18px;
    margin-bottom: 10px
  }

  .home .common_form .box .coop .info .i .p2 {
    font-size: 16px
  }

  .home .common_form .box .contact .t {
    font-size: 20px
  }

  .home .common_form .box .contact .form .item {
    margin-top: 10px;
    border-radius: 10px
  }

  .home .common_form .box .contact .form .item input,
  .home .common_form .box .contact .form .item select {
    font-size: 14px;
    height: 35px
  }

  .home .common_form .box .contact .form .item .tag {
    font-size: 14px
  }

  .home .common_form .box .contact .form .item textarea {
    height: 200px;
    font-size: 16px
  }

  .home .common_form .box .contact .agree {
    margin: 15px 0
  }

  .home .common_form .box .contact .agree .circle {
    width: 15px;
    height: 15px
  }

  .home .common_form .box .contact .agree p {
    font-size: 14px;
    margin-left: 10px
  }

  .home .common_form .box .contact .notice {
    font-size: 14px
  }

  .home .common_form .box .contact .btn {
    margin-top: 30px;
    padding-bottom: 60px
  }

  .home .common_form .box .contact .btn a {
    width: 180px;
    height: 45px;
    border-radius: 10px
  }

  .home .common_form .box .contact .btn a p {
    font-size: 14px
  }

  .home .common_form .box .contact .btn a .icon {
    width: 30px;
    height: 30px;
    margin-left: 15px
  }

  .home .common_form .box .contact .btn a .icon svg {
    width: 20px
  }

  .home .common_form .box .join .t {
    font-size: 20px
  }

  .home .common_form .box .join .allIcons {
    margin: 30px 0 15px 0;
    flex-wrap: wrap
  }

  .home .common_form .box .join .allIcons .item {
    margin-bottom: 20px
  }

  .home .common_form .box .join .allIcons .item .icon {
    width: 50px;
    height: 50px;
    margin: 0 auto
  }

  .home .common_form .box .join .allIcons .item .icon img {
    max-width: 20px
  }

  .home .common_form .box .join .allIcons .item p {
    font-size: 16px;
    margin-top: 10px
  }

  .home .common_form .box .join .allIcons .jt {
    margin: 5px 10px
  }

  .home .common_form .box .join .allIcons .jt svg {
    width: 20px
  }

  .home .common_form .box .join a {
    width: 180px;
    height: 45px;
    border-radius: 10px
  }

  .home .common_form .box .join a p {
    font-size: 14px
  }

  .home .common_form .box .join a .icon {
    width: 30px;
    height: 30px;
    margin-left: 15px
  }

  .home .common_form .box .join a .icon svg {
    width: 20px
  }

  .home .common_form .box .question {
    margin-top: 40px
  }

  .home .common_form .box .question .t {
    font-size: 20px;
    margin-bottom: 20px
  }

  .home .common_form .box .question .allItems .item {
    padding-bottom: 10px;
    margin-bottom: 10px
  }

  .home .common_form .box .question .allItems .item .d1 p {
    font-size: 14px
  }

  .home .common_form .box .question .allItems .item .d1 .icon {
    display: none
  }

  .home .common_form .box .question .allItems .item .d2 .html {
    font-size: 14px;
    margin-top: 15px
  }

  .home .common_form .box .t1 {
    font-size: 20px;
  }

  .home .common_form .box .t2 {
    font-size: 12px;
  }

  .home .common_form .box .contact .t1 {
    font-size: 12px;
  }

  .home .common_form .box .flex {
    flex-direction: column;
    align-items: self-start;
    gap: 10px;
  }
} */



/* application 手机端 */

@media screen and (max-width: 1024px) {
  .home .banner {
    margin-top: 60px;
    height: 500px;
  }

  .home .banner .bg .t1 {
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 24px;
  }

  .home .banner .box {
    width: 40px;
    height: 40px;
    left: 12%;
    bottom: 65%;
  }

  .home .banner .bgbtn {
    left: 12%;
    bottom: 20%;
  }

  .home .section1 .text1 {
    font-size: 20px;
  }

  .home .section1 .line {
    width: 50px;
    height: 2px;
    margin: 15px 0 20px;
  }

  .home .section1 .flex {
    flex-direction: column;
    gap: 20px;
  }

  .home .section1 {
    padding: 50px 5%;
  }

  .home .section1 .text2 {
    line-height: normal;
    font-size: 16px;

  }

  .home .section2 .t1 {
    font-size: 20px;
  }

  .home .section1 .right-box {
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .home .section2 {
    margin: 0 5% 60px;
  }

  .home .section2 .main_box {
    margin-top: 25px;
  }

  .home .section2 .button-prev,
  .home .section2 .button-next {
    width: 20px;
    height: 20px;
  }

  .home .section3 .head {
    margin: 0;
  }

  .home .section3 .head .t1 {
    font-size: 20px;
  }

  .home .section3 {
    margin: 60px 5%;
  }

  .home .section3 .head .btn .button_next,
  .home .section3 .head .btn .button_prev {
    width: 30px;
  }

  .home .section3 .swiper-container .text1 {
    font-size: 18px;
    text-align: center;
    height: 40px;
  }

  .home .section3 .swiper-container .text2 {
    font-size: 14px;
    text-align: center;
    height: 80px;
  }

  .home .section3 .swiper-container .swiper-slide {
    gap: 15px;
  }

  .home .section3 .common_more2 {
    margin: 0 auto;
  }

  .home .section4 {
    margin: 0 5% 50px;
  }

  .home .section4 .t1 {
    font-size: 20px;
  }

  .home .section4 .button-prev,
  .home .section4 .button-next {
    width: 20px;
  }

  .home .section4 .swiper-container {
    width: 100%;
  }

  .home .section4 .main_box {
    gap: 10px;
    margin-top: 20px;
  }

  .home .section4 .swiper-container .swiper-slide p {
    font-size: 16px;
    margin-top: 20px;
  }
  .home .section2 .swiper-container .swiper-slide p {
    font-size: 14px;
  }
}