@charset "UTF-8";
.home-page {
  width: 100%;
}
.home-page .container {
  overflow: hidden;
}
.home-page .container .top-banner {
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position: center;
  position: relative;
  z-index: 1;
}
.home-page .container .top-banner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  background: inherit;
  background-attachment: fixed;
  filter: blur(4px);
  transition: background 0.3s;
}
.home-page .container .top-banner .swiper {
  width: 78.4%;
  height: 400px;
  cursor: pointer;
  margin: 0 auto 45px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: 10;
}
.home-page .container .top-banner .swiper .animate-content {
  width: 360px;
  height: 400px;
  color: #fff;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.home-page .container .top-banner .swiper .animate-content .flip-swiper .swiper {
  width: 100%;
  height: 400px;
}
.home-page .container .top-banner .swiper .animate-content .flip-swiper .swiper .swiper-slide .flip-item {
  height: 400px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.74);
  color: #fff;
  padding: 50px 20px 20px;
  overflow: hidden;
}
.home-page .container .top-banner .swiper .animate-content .flip-swiper .swiper .swiper-slide .flip-item .title {
  font-size: 22px;
  line-height: 32px;
}
.home-page .container .top-banner .swiper .animate-content .flip-swiper .swiper .swiper-slide .flip-item .text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 33px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.home-page .container .top-banner .banner-view {
  width: 100%;
  height: 100%;
}
.home-page .container .top-banner .banner-view .banner-img {
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.home-page .container .high-performance-products {
  height: 874px;
  background: url("../../assets/all-products/video-bg-01.png") bottom right no-repeat;
  background-size: 60% 300px;
  margin-top: 40px;
}
.home-page .container .high-performance-products .title {
  width: 100%;
  height: 105px;
  line-height: 95px;
  background: url("../../assets/all-products/title-bg.png") center center no-repeat;
  background-size: 1920px 105px;
}
.home-page .container .high-performance-products .title .title-text {
  width: 1200px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  margin: 0 auto;
}
.home-page .container .high-performance-products .prefect-solution {
  width: 100%;
  height: 64px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 32px;
  text-align: left;
  margin-top: 30px;
}
.home-page .container .high-performance-products .prefect-solution .cn-title {
  width: 1200px;
  margin: 35px auto 0;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  height: 28px;
  line-height: 28px;
}
.home-page .container .high-performance-products .prefect-solution .en-title {
  width: 1200px;
  margin: 10px auto 0;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #6d6d6d;
  font-weight: 400;
}
.home-page .container .high-performance-products .product-categorys {
  display: flex;
  justify-content: space-between;
}
.home-page .container .high-performance-products .product-categorys .desc {
  width: 420px;
  font-size: 14px;
  line-height: 20px;
  margin-top: 20px;
  font-weight: 400;
}
.home-page .container .high-performance-products .product-categorys .material-categories {
  width: 484px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 44px;
}
.home-page .container .high-performance-products .product-categorys .material-categories .material-item {
  width: 242px;
  font-size: 14px;
  color: #717171;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  cursor: pointer;
  transition: all 0.4s;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-page .container .high-performance-products .product-categorys .material-categories .material-item.selected {
  color: #0149bf;
  background: url("../../assets/all-products/selected-label-bg.png") center center no-repeat;
  background-size: 100% 60px;
}
.home-page .container .high-performance-products .product-categorys .material-categories .material-item.selected:before {
  background: #0149bf;
}
.home-page .container .high-performance-products .product-categorys .material-categories .material-item:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-bottom: 3px;
  border-radius: 50%;
  background: #717171;
  margin-right: 20px;
}
.home-page .container .high-performance-products .product-categorys .material-categories .material-item:hover {
  color: #0149bf;
  background: url("../../assets/all-products/selected-label-bg.png") center center no-repeat;
  background-size: 100% 60px;
}
.home-page .container .high-performance-products .product-categorys .material-categories .material-item:hover:before {
  background: #0149bf;
}
.home-page .container .high-performance-products .product-categorys .video-box {
  width: 748px;
  height: 438px;
  position: relative;
}
.home-page .container .high-performance-products .product-categorys .video-box .blue-bg {
  width: 462px;
  height: 332px;
  background: #0149bf;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.home-page .container .high-performance-products .product-categorys .video-box .video {
  width: 644px;
  height: 400px;
  position: absolute;
  right: 36px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11;
}
.home-page .container .high-performance-products .product-categorys .video-desc {
  margin-top: 20px;
  margin-left: 76px;
}
.home-page .container .high-performance-products .product-categorys .video-desc .video-text {
  max-width: 644px;
  line-height: 37px;
  margin-top: 10px;
}
.home-page .container .video-swiper-content {
  margin: 40px 0 80px;
  height: 319px;
  background: url("../../assets/all-products/video-bg-02.png") bottom right no-repeat;
  background-size: 1288px 269px;
}
.home-page .container .product-list-content {
  min-height: 1000px;
  margin-top: 40px;
  /** 上传文件样式处理 */
}
.home-page .container .product-list-content .title {
  width: 100%;
  height: 105px;
  padding-top: 20px;
  background: url("../../assets/all-products/title-bg.png") center center no-repeat;
  background-size: 1920px 105px;
}
.home-page .container .product-list-content .title .main-title {
  font-weight: 600;
  width: 1200px;
  margin: 0 auto;
}
.home-page .container .product-list-content .title .sub-title {
  font-weight: 400;
  width: 1200px;
  margin: 0 auto;
}
.home-page .container .product-list-content .product-tabs {
  width: 328px;
  margin: 40px auto;
  height: 55px;
  display: flex;
  justify-content: flex-start;
}
.home-page .container .product-list-content .product-tabs .tab-item {
  width: 180px;
  height: 55px;
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  color: #000;
  background: url("../../assets/all-products/tab-inactive.png") 0 0 no-repeat;
  background-size: 180px 55px;
  cursor: pointer;
  transition: all 0.3s;
}
.home-page .container .product-list-content .product-tabs .tab-item:last-child {
  margin-left: -44px;
}
.home-page .container .product-list-content .product-tabs .tab-item.tab-active {
  background: url("../../assets/all-products/tab-active.png") 0 0 no-repeat;
  background-size: 180px 55px;
  font-weight: 500;
  color: #fff;
}
.home-page .container .product-list-content .product-list {
  position: relative;
  background: url("../../assets/all-products/product-list-bg.png") no-repeat;
  background-position: top 105px center;
  background-size: 1920px 815px;
  flex-wrap: wrap;
  padding-bottom: 105px;
}
.home-page .container .product-list-content .product-list .items {
  max-width: 1200px;
  height: 800px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.home-page .container .product-list-content .product-list .product-item {
  width: 350px;
  height: 328px;
  margin-right: 64px;
  margin-bottom: 60px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.home-page .container .product-list-content .product-list .product-item:hover {
  transform: scale(1.1);
}
.home-page .container .product-list-content .product-list .product-item:nth-child(3n) {
  margin-right: 0;
}
.home-page .container .product-list-content .product-list .product-item .product-img {
  width: 350px;
  height: 254px;
}
.home-page .container .product-list-content .product-list .product-item .product-name {
  width: 350px;
  height: 74px;
  padding: 0 20px;
  line-height: 74px;
  background: #ffffff;
  font-size: 18px;
  font-weight: 600;
  color: #0149bf;
  text-align: center;
}
.home-page .container .product-list-content .product-list .product-item .icon-arrow {
  width: 36px;
  height: 36px;
  position: absolute;
  right: -18px;
  bottom: 20px;
}
.home-page .container .product-list-content .form-out-container {
  width: 100%;
  background: url("../../assets/home/custom-label-footer1.png") center bottom no-repeat;
  background-size: 1920px 743px;
  padding-top: 60px;
}
.home-page .container .product-list-content .form-content {
  width: 1200px;
  height: 900px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.home-page .container .product-list-content .form-content .form-item {
  width: 520px;
  height: 900px;
  position: relative;
}
.home-page .container .product-list-content .form-content .form-item:first-child {
  margin-right: 154px;
}
.home-page .container .product-list-content .form-content .form-item .el-form {
  max-height: 610px;
  overflow-y: auto;
}
.home-page .container .product-list-content .form-content .form-item .el-form .el-form-item {
  margin-bottom: 20px;
}
.home-page .container .product-list-content .form-content .form-item .el-form .el-input__inner {
  width: 322px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  border-radius: 0;
  border-color: #bfc5d1;
}
.home-page .container .product-list-content .form-content .form-item .el-form .el-form-item__label {
  font-size: 16px;
  line-height: 22px;
}
.home-page .container .product-list-content .form-content .form-item .el-form .el-radio__label {
  font-size: 14px;
}
.home-page .container .product-list-content .form-content .form-item .el-form .el-form-item__content {
  width: 70%;
  text-align: left;
}
.home-page .container .product-list-content .form-content .form-item .el-form .upload-tip {
  font-size: 12px;
  line-height: 17px;
}
.home-page .container .product-list-content .form-content .form-item .el-form .upload-btn {
  min-height: auto;
  font-size: 14px;
  border-radius: 0;
  color: #0149bf;
  border-color: #0149bf;
}
.home-page .container .product-list-content .form-content .form-item .form-title {
  width: 520px;
  height: 158px;
  background: url("../../assets/home/form-title-bg.png") 0 0 no-repeat;
  background-size: 520px 158px;
  padding: 48px 0 0 37px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.home-page .container .product-list-content .form-content .form-item .form-title .main-title {
  font-size: 18px;
  height: 25px;
  line-height: 25px;
}
.home-page .container .product-list-content .form-content .form-item .form-title .sub-title {
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 17px;
  opacity: 0.6;
}
.home-page .container .product-list-content .form-content .form-item .form-one {
  font-size: 22px;
  color: #000;
  text-align: left;
  margin-left: 44px;
}
.home-page .container .product-list-content .form-content .form-item .radio-group {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-left: 46px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.home-page .container .product-list-content .form-content .form-item .radio-group .el-radio {
  text-align: left;
}
.home-page .container .product-list-content .form-content .form-item .radio-group .el-radio__label {
  font-size: 14px;
}
.home-page .container .product-list-content .form-content .form-item .radio-group .el-radio__input.is-checked + .el-radio__label {
  color: #0149bf;
}
.home-page .container .product-list-content .form-content .form-item .radio-group .el-radio__inner {
  width: 18px;
  height: 18px;
  border-color: #0149bf;
}
.home-page .container .product-list-content .form-content .form-item .radio-group .el-radio__input.is-checked .el-radio__inner {
  background: #0149bf;
}
.home-page .container .product-list-content .form-content .form-item .radio-group .el-radio__input.is-checked .el-radio__inner:after {
  width: 5px;
  height: 5px;
}
.home-page .container .product-list-content .form-content .form-item .form-box {
  width: 490px;
  height: 740px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 120px;
  z-index: 10;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 0;
}
.home-page .container .product-list-content .form-content .form-item .form-box .item-title {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  margin-top: 35px;
}
.home-page .container .product-list-content .form-content .form-item .form-box .message {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #717171;
  margin-top: 12px;
  margin-bottom: 40px;
}
.home-page .container .product-list-content .form-content .form-item .form-box .message-two {
  margin-bottom: 20px;
}
.home-page .container .product-list-content .form-content .form-item .form-box .form-one {
  font-size: 14px;
  height: 17px;
  line-height: 17px;
}
.home-page .container .product-list-content .form-content .form-item .form-box2 {
  padding-right: 20px;
}
.home-page .container .product-list-content .form-content .form-item .form-box2 .form2 {
  max-height: 480px;
  overflow-y: auto;
}
.home-page .container .product-list-content .form-content .form-item .send-button {
  width: 183px;
  height: 56px;
  line-height: 56px;
  background: #4bab26;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  bottom: 19px;
  right: -37px;
  cursor: pointer;
}
.home-page .container .product-list-content .form-content .form-item .send-button img {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}
.home-page .container .product-list-content .form-content .form-item.disabled .send-button {
  background: rgb(188, 245, 202);
  cursor: no-drop;
}
.home-page .container .product-list-content .el-upload-list__item {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: calc(100% - 30px);
  margin-left: 4px;
}
.home-page .container .product-list-content .el-upload-list__item-name {
  color: #606266;
  display: inline-flex;
  text-align: center;
  align-items: center;
  padding: 0 4px;
  font-size: 14px;
}
.home-page .container .product-list-content .el-upload-list__item-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hidden-component {
  height: 0 !important;
  width: 0 !important;
}

.hidden-component-dis {
  display: none;
}

@media screen and (max-width: 750px) {
  .el-pagination {
    display: none !important;
  }
  .home-page .container .top-banner {
    height: 32vw;
    background: none;
    margin-top: 5.3333333333vw;
  }
  .home-page .container .top-banner:before {
    background: none;
  }
  .home-page .container .top-banner .swiper {
    width: 100%;
    height: 32vw;
  }
  .home-page .container .top-banner .swiper .swiper-slide .flip-item {
    height: 32vw;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.74);
    color: #fff;
    padding: 2.66666vw !important;
    overflow: hidden;
  }
  .home-page .container .top-banner .swiper .swiper-slide .flip-item .title {
    line-height: 4.53vw !important;
    font-size: 3.2vw !important;
  }
  .home-page .container .top-banner .swiper .swiper-slide .flip-item .text {
    margin-top: 3.46666vw !important;
    line-height: 4.53vw !important;
    font-size: 3.2vw !important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .home-page .container .top-banner .swiper .animate-content {
    width: 34.9333333333vw;
    height: 32vw;
    right: 10.6666666667vw;
  }
  .home-page .container .high-performance-products {
    height: auto;
    background: none;
    background-size: 100% 100%;
    margin-top: 5.3333333333vw;
  }
  .home-page .container .high-performance-products .title {
    width: 100%;
    height: 14.4vw;
    font-size: 4vw;
    line-height: 12vw;
    background: url("../../assets/mobile/all-product-tap-title.png") center center no-repeat;
    background-size: 100% 100%;
    text-align: center;
  }
  .home-page .container .high-performance-products .title .title-text {
    width: 100vw;
    color: #fff;
    font-size: 4vw;
    font-weight: 500;
  }
  .home-page .container .high-performance-products .prefect-solution {
    height: auto;
    font-size: 4.2666666667vw;
    color: #000;
    line-height: 4.2666666667vw;
    text-align: left;
    margin-top: 5.3333333333vw;
    background: url("../../assets/mobile/label-material-bg.png") bottom center no-repeat;
    background-size: 100vw 54.9333333333vw;
    padding-bottom: 5.3333333333vw;
  }
  .home-page .container .high-performance-products .prefect-solution .cn-title {
    width: 89.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 5.8666666667vw;
    font-weight: 500;
    margin-top: 5.3333333333vw;
  }
  .home-page .container .high-performance-products .prefect-solution .en-title {
    width: 89.3333333333vw;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    margin-top: 0;
    color: #717171;
    font-weight: 400;
  }
  .home-page .container .high-performance-products .prefect-solution .middle-content {
    width: 89.3333333333vw;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys {
    display: block;
    margin-top: 4vw;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .desc {
    width: 89.3333333333vw;
    margin-left: 0;
    margin-top: 0;
    font-size: 3.7333333333vw;
    line-height: 5.8666666667vw;
    color: #717171;
    font-weight: 400;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .material-categories {
    width: 100%;
    margin-top: 5.0666666667vw;
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .material-categories .material-item {
    width: 41.0666666667vw;
    max-width: 41.0666666667vw;
    font-size: 3.2vw;
    height: 10.1333333333vw;
    line-height: 10.1333333333vw;
    margin-right: 2.6666666667vw;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .material-categories .material-item:before {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    margin-bottom: 0.6666666667vw;
    margin-right: 2.6666666667vw;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .material-categories .material-item:hover {
    color: #0149bf;
    background: none;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .content-right {
    margin-right: 0;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .content-right .video-box {
    width: 82.6666666667vw;
    margin-top: 8vw;
    margin-left: 6.6666666667vw;
    height: 48vw;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .content-right .video-box .blue-bg {
    width: 39.7333333333vw;
    height: 29.6vw;
    right: 0;
    top: 0;
    z-index: 10;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .content-right .video-box .video {
    width: 80vw;
    height: 45.3333333333vw;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 11;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .content-right .video-desc {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-left: 6.6666666667vw;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .content-right .video-desc .video-title {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
    line-height: 5.3333333333vw;
    font-weight: 500;
  }
  .home-page .container .high-performance-products .prefect-solution .product-categorys .content-right .video-desc .video-text {
    font-size: 3.2vw;
    max-width: 80vw;
    line-height: 5.8666666667vw;
    margin-top: 1.3333333333vw;
    color: #717171;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
  .home-page .container .video-swiper-content {
    margin-top: 8vw;
    margin-bottom: 0;
    height: 63vw;
    background: url("../assets/content-list.96339a28.png") bottom right no-repeat;
    background-size: 100% 100%;
  }
  .home-page .container .custom-video {
    background: url("../assets/video-bg.d2625229.png") no-repeat;
    background-size: 100% auto;
    position: relative;
    width: 80.2666666667vw;
    height: 63.4666666667vw;
  }
  .home-page .container .custom-video .mask {
    width: 80.2666666667vw;
    height: 63.4666666667vw;
  }
  .home-page .container .product-list-content {
    min-height: auto;
    margin-top: 7.4666666667vw;
    padding-bottom: 5.3333333333vw;
  }
  .home-page .container .product-list-content .title {
    width: 89.3333333333vw;
    margin: 0 auto;
    background: none;
    height: 14vw;
    padding-top: 0;
  }
  .home-page .container .product-list-content .title .main-title {
    width: 100vw;
    font-weight: 500;
  }
  .home-page .container .product-list-content .title .sub-title {
    width: 100vw;
  }
  .home-page .container .product-list-content .product-tabs {
    width: 70.9333333333vw;
    margin: 0 auto 5.3333333333vw;
    height: 11.4666666667vw;
    display: flex;
    justify-content: flex-start;
  }
  .home-page .container .product-list-content .product-tabs .tab-item {
    width: 35.4666666667vw;
    height: 11.4666666667vw;
    font-size: 4vw;
    line-height: 11.4666666667vw;
    background: url("../../assets/mobile/tab-inactive.png") 0 0 no-repeat;
    background-size: 35.4666666667vw 11.4666666667vw;
    cursor: pointer;
    transition: all 0.3s;
  }
  .home-page .container .product-list-content .product-tabs .tab-item:last-child {
    margin-left: -4.8vw;
  }
  .home-page .container .product-list-content .product-tabs .tab-item.tab-active {
    background: url("../../assets/mobile/tab-active.png") 0 0 no-repeat;
    background-size: 35.4666666667vw 11.4666666667vw;
  }
  .home-page .container .product-list-content .product-list {
    width: 100%;
    position: relative;
    background: url("../assets/mobile/product-list-bg.png") no-repeat;
    background-position: top 8vw right;
    background-size: 100% 100%;
    flex-wrap: wrap;
    padding-bottom: 4vw;
  }
  .home-page .container .product-list-content .product-list .items {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    margin-left: 5.3333333333vw;
  }
  .home-page .container .product-list-content .product-list .items .product-item {
    width: 40.5333333333vw;
    height: auto;
    margin-right: 5.6vw;
    background: #fff;
    margin-bottom: 3.2vw;
    transition: all 0.3s;
  }
  .home-page .container .product-list-content .product-list .items .product-item:hover {
    transform: scale(1);
  }
  .home-page .container .product-list-content .product-list .items .product-item:nth-child(3n) {
    margin-right: 5.6vw;
  }
  .home-page .container .product-list-content .product-list .items .product-item:nth-child(2n) {
    margin-right: 0;
  }
  .home-page .container .product-list-content .product-list .items .product-item .product-img {
    width: 40.5333333333vw;
    height: 25.6vw;
  }
  .home-page .container .product-list-content .product-list .items .product-item .product-name {
    width: 100%;
    line-height: 4.5333333333vw;
    font-size: 3.2vw;
    font-weight: 500;
    height: auto;
    text-align: center;
    padding: 2.6666666667vw;
    border-top: 1px solid rgb(235, 233, 233);
  }
  .home-page .container .product-list-content .product-list .items .product-item .icon-arrow {
    width: 4.8vw;
    height: 4.8vw;
    position: absolute;
    right: -2.6666666667vw;
    bottom: 2.6666666667vw;
  }
  .home-page .container .product-list-content .form-out-container {
    padding-top: 2.6666666667vw;
    background: none;
    width: 89.3333333333vw;
    margin: 0 auto;
  }
  .home-page .container .product-list-content .form-out-container .form-content {
    width: 89.3333333333vw;
    height: auto;
    background: url("../../assets/home/custom-label-footer.png") right bottom no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-left: 0;
    margin-bottom: 5.3333333333vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item {
    width: 89.3333333333vw;
    height: 186.6666666667vw;
    background: #fff;
    position: relative;
    z-index: 10;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .el-form {
    max-height: 117.3333333333vw;
    overflow-y: auto;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .el-form .el-form-item {
    margin-bottom: 2.6666666667vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .el-form .el-form-item .el-input__inner {
    width: 48vw;
    height: 6.6666666667vw;
    line-height: 6.6666666667vw;
    font-size: 2.9333333333vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .el-form .el-form-item .el-form-item__label {
    width: 24vw !important;
    font-size: 2.9333333333vw;
    line-height: 8vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .el-form .el-radio__label {
    font-size: 2.4vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .el-form .el-form-item__error {
    font-size: 2.4vw;
    top: 95%;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .upload-tip {
    font-size: 2.9333333333vw;
    margin-top: 1.3333333333vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .upload-btn {
    padding: 2vw 2.6666666667vw;
    min-height: auto;
    font-size: 2.1333333333vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-title {
    width: 89.3333333333vw;
    height: 24vw;
    background: url("../../assets/home/form-title-bg.png") 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 4vw;
    position: relative;
    z-index: 9;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-title .main-title {
    font-size: 3.7333333333vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-title .sub-title {
    font-size: 1.8666666667vw;
    margin-top: 0;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-one {
    font-size: 2.9333333333vw;
    color: #000;
    text-align: left;
    margin-left: 5.8666666667vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .radio-group {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-left: 9.3333333333vw;
    margin-top: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .radio-group .el-radio {
    text-align: left;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .radio-group .el-radio .el-radio__label {
    font-size: 2.4vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .radio-group .el-radio .el-radio__inner {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .radio-group .el-radio .el-radio__input.is-checked .el-radio__inner:after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-box {
    width: 82.6666666667vw;
    height: auto;
    text-align: center;
    padding: 0 5.3333333333vw 24vw 0;
    top: 18.6666666667vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-box .item-title {
    height: 4.9333333333vw;
    font-size: 3.4666666667vw;
    font-weight: 500;
    color: #000;
    line-height: 4.9333333333vw;
    margin-top: 2.6666666667vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-box .message {
    height: 3.3333333333vw;
    font-size: 2.4vw;
    line-height: 2vw;
    margin-top: 2vw;
    margin-bottom: 4vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-box .message-two {
    margin-bottom: 2.6666666667vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .form-box2 .form2 {
    padding-right: 8vw;
    max-height: 100vw;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .send-button {
    width: 48vw;
    height: 11.2vw;
    line-height: 11.2vw;
    background: #4bab26;
    color: #fff;
    font-size: 3.4666666667vw;
    bottom: 5.3333333333vw;
    right: -5.3333333333vw;
    cursor: pointer;
  }
  .home-page .container .product-list-content .form-out-container .form-content .form-item .send-button img {
    width: 5.3333333333vw;
    height: 6vw;
    margin-top: -0.6666666667vw;
    margin-left: 1.3333333333vw;
    display: inline-block;
    vertical-align: middle;
  }
  .home-page .container .product-list-content .index-news {
    width: 89.3333333333vw;
    height: auto;
    margin: 0 auto;
    padding-top: 2.6666666667vw;
    padding-bottom: 5.3333333333vw;
  }
  .home-page .container .product-list-content .index-news .index-news-title {
    width: 100%;
    height: 14vw;
    background: url("../../assets/mobile/index-news-title.png") 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .home-page .container .product-list-content .index-news .swiper-container {
    width: 89.3333333333vw;
    height: 44vw;
    margin-top: 4.8vw;
  }
}