* {
  margin: 0;
  padding: 0;
}
html,
body {
  position: relative;
  height: 100%;
}
#scroll-box {
  width: 100%;
  /* height: 100vh; */
  /* overflow-x: hidden;
          overflow-y: auto; */
}
#scroll-box::-webkit-scrollbar {
  /* display: none; */
}
/* 交互效果开始 */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.dom11 {
  position: relative;
  /* height: 100vh; */
  width: 100%;
}
.addfor01 {
}
.f01 {
  margin-top: 10.933vw;
  margin-bottom: 2.667vw;
  font-style: normal;
  font-weight: 400;
  font-family: "Prompt-Regular";
  font-size: 4.333vw;
  line-height: 2.933vw;
  text-align: center;
  color: #000000;
}
.f02 {
  margin-bottom: 6.4vw;
  font-style: normal;
  font-weight: 300;
  font-family: "Prompt-Light";
  font-size: 4vw;
  line-height: 5.333vw;
  text-align: center;
  color: #000000;
}
.dom11_min {
  width: 100%;
  /* height: 100vh; */
  position: sticky;
  top: 0;
}
.dom11_min .min_color {
  position: absolute;
  top: 0;
  width: 100%;
  /* height: 100vh; */
  overflow: hidden;
}
.dom11_min .min_color:nth-of-type(1) {
  z-index: 7;
}
.dom11_min .min_color:nth-of-type(2) {
  z-index: 6;
}
.dom11_min .min_color:nth-of-type(3) {
  z-index: 5;
}
.dom11_min .min_color:nth-of-type(4) {
  z-index: 4;
}
.dom11_min .min_color:nth-of-type(5) {
  z-index: 3;
}
.dom11_min .min_color:nth-of-type(6) {
  z-index: 2;
}
.dom11_min .min_color:nth-of-type(7) {
  z-index: 1;
}
.dom11_min .min_color:nth-of-type(1) {
  position: relative;
}
.dom11_min .min_color img {
  /* width: 100%;
          height: 100vh;
          object-fit: cover; */
}
/* 交互效果结束 */
.slider {
  width: 100%;
  max-width: 1920px;
  min-width: 900px;
  margin: auto;
  min-height: 300px;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
/* .swiper-slide{
        width: 75vw !important;
    } */
.test {
  width: 100%;
  position: relative;
  font-family: "Prompt-Light";
  padding-bottom: 12.24vw;
}
.swiper-slide img {
  width: 75vw;
  margin: auto;
  /*height: 706px;*/
}
.page_center {
  width: 75vw;
  margin: auto;
  position: relative;
  /* opacity: 0.45; */
  /* border-bottom: 1px solid #666666; */
}
a {
  text-decoration: none;
  color: #000;
}
a:focus {
  outline: none;
}
.slider .swiper-pagination {
  right: 0;
  top: 0;
}
.slider .swiper-pagination-bullet {
  margin-left: 12px;
}
.swiper-wrapper {
  width: 75vw;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(../png/right-2.png);
  background-size: 100%;
  width: 3.02vw;
  height: 3.02vw;
  right: 6.56vw;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url(../png/left-2.png);
  background-size: 100%;
  width: 3.02vw;
  height: 3.02vw;
  left: 6.56vw;
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: -1.56vw;
}
.topFirst {
  position: relative;
  width: 100%;
  /* height: 100vh; */
  object-fit: cover;
}
img {
  width: 100%;
  display: block;
}
.texts {
  position: absolute;
  bottom: 7.39vw;
  left: 5.57vw;
}
.wenziImg {
  position: absolute;
  width: 21.667vw;
  left: 6.771vw;
  top: 42.625vw;
}
.topFirstText {
  position: absolute;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.77vw;
  line-height: 1.77vw;
  text-align: center;
  color: #ffffff;
  /* margin-top: 0.67vw; */
  top: 49.083vw;
  left: 6.667vw;
}
.twoimg {
  position: relative;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.twoText {
  position: absolute;
  top: 24.792vw;
  width: 100vw;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.77vw;
  line-height: 2.91vw;
  text-align: center;
  color: #000000;
}
.threeLunbo {
  padding-top: 8.54vw;
  padding-bottom: 8.54vw;
}
.threeTopTItle {
  /* position: absolute;
      left: 37.29vw; */
  margin-left: 37.29vw;
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 2.29vw;
  line-height: 1.77vw;
  /* text-align: center; */
  color: #000000;
}
.threeTopDetail {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.15vw;
  line-height: 1.56vw;
  /* text-align: center; */
  color: #000000;
  margin-top: 0.93vw;
  width: 100vw;
  text-align: center;
}
.threeBottom {
  margin-top: 2.91vw;
}
.media_text ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 37.5vw;
  padding-top: 3.75vw;
  padding-bottom: 1.45vw;
  border-bottom: 1px solid #bababa;
}
.media_text ul {
  display: flex;
  flex-direction: row;
}
.media_text ul li {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.15vw;
  line-height: 1.46vw;
  text-align: center;
  color: #666666;
}
.swiperShowActive {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 1.04vw;
  text-align: center;
  color: #000000 !important;
  border-bottom: 1px solid #f65a11 !important;
}
.fourImg {
  width: 48.177vw;
  margin-left: 12.5vw;
  overflow: hidden;
}
.fourImg-add {
  width: 48.177vw;
}
.fourImgText {
  display: flex;
  flex-direction: row;
  margin-top: 11.146vw;
}
.fourDetail {
  display: flex;
  flex-direction: column;
}
.fourDetail span {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.771vw;
  line-height: 1.771vw;
}
.tabulation ul li {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.04vw;
  line-height: 1.77vw;
  color: #000000;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tabulation ul li .radio {
  width: 0.417vw;
  margin-right: 0.625vw;
  height: 0.417vw;
  background-color: black;
  border-radius: 50%;
}
.radio-con{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
}
.fourDetailLi {
  margin-left: 3.333vw;
  margin-top: 1.719vw;
}
.tabulation {
  margin-top: 1.56vw;
}
.blackCircle {
  width: 0.42vw;
  height: 0.42vw;
  margin-right: 1.25vw;
}
.fiveImgText {
  padding-top: 3.333vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 12.5vw;
  padding-bottom: 7.292vw;
}
.fiveLeftText {
  margin-left: 12.5vw;
  margin-top: 4.583vw;
}
.unit {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.146vw;
  line-height: 1.146vw;
  color: #000000;
}
.numbers {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 2.81vw;
  line-height: 3.125vw;
}
.fiveTextLeft {
  margin-top: 3.438vw;
}
.fiveTextLeftTOP {
  margin-top: 3.438vw;
}
.fiveTextLeftTOPD {
  margin-top: 2.865vw;
}
.numbersLeft {
  /* margin-top: 0.26vw; */
}
.units {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-size: 1vw;
  margin-left: -0.3vw;
}
.fiveRightImg {
  overflow: hidden;
  width: 48.177vw;
  height: 31.25vw;
}
.fiveRightImg-add {
  width: 48.177vw;
}
.sixTextImg {
  position: relative;
}
.sixTextImg-add-ak {
  position: relative;
}
.sixTextImg-add-ak img {
  width: 100vw;
}
.sixTextImg-add-ak .btTbox {
  height: 1.875vw;
  position: absolute;
  display: flex;
  align-items: center;
  left: 2vw;
  bottom: 5.521vw;
}
.sixTextImg-add-ak .btTbox .aut1 {
  color: white;
  width: 25vw;
  font-style: normal;
  font-family: "Prompt-Regular";
  font-weight: 400;
  font-size: 1.771vw;
  line-height: 1.875vw;
  text-align: center;
}
.sixTextImg-add-ak .btTbox .aut2 {
  width: 0.052vw;
  background-color: white;
  margin-left: 4.74vw;
  margin-right: 4.74vw;
  height: 1.719vw;
}
.sixTextImg-add-ak .btTbox .aut3 {
  color: white;
  width: 25vw;
  font-style: normal;
  font-weight: 400;
  font-family: "Prompt-Regular";
  font-size: 1.771vw;
  line-height: 1.875vw;
  text-align: center;
}
.sixTextImg-add-ak .btTbox .aut4 {
  color: white;
  width: 25vw;
  font-style: normal;
  font-weight: 400;
  font-family: "Prompt-Regular";
  font-size: 1.771vw;
  line-height: 1.875vw;
  text-align: center;
}
.sixTextImg-add .sixTittle-add {
  position: absolute;
  bottom: 12.292vw;
  left: 6.56vw;
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.77vw;
  line-height: 1.87vw;
  color: white;
}
.sixTittle {
  position: absolute;
  bottom: 8.125vw;
  left: 6.56vw;
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.77vw;
  line-height: 1.87vw;
  color: white;
}
.sixTittle-add {
  position: absolute;
  bottom: 8.125vw;
  left: 6.56vw;
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.77vw;
  line-height: 1.87vw;
  color: white;
}
.sixtabulation-add {
  position: absolute;
  width: 51.354vw;
  left: 7.188vw;
  top: 44.792vw;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  line-height: 1.719vw;
}
.botBox {
  position: relative;
}
.botBox .i1 {
  width: 100vw;
  display: block;
}
.botBox .t1 {
  position: absolute;
  font-style: normal;
  font-weight: 400;
  font-size: 2.292vw;
  line-height: 1.771vw;
  color: #ffffff;
  width: 100vw;
  top: 7.917vw;
  text-align: center;
  font-family: "Prompt-Regular";
}
.botBox .t2 {
  top: 10.833vw;
  position: absolute;
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  width: 100vw;
  line-height: 1.719vw;
  text-align: center;
  color: #ffffff;
  font-family: "Prompt-Light";
}
.sixtabulation-add ul li {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Prompt-Light";
  font-style: normal;
  /* font-weight: 300;
    font-size: 1.04vw;
    color: white; */
  color: white;
}
.sixtabulation {
  position: absolute;
  height: 4.688vw;
  width: 51.354vw;
  left: 6.563vw;
  top: 48.958vw;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  color: white;
  font-size: 1.146vw;
  line-height: 1.563vw;
}
.sixtabulation {
  position: absolute;
  height: 4.688vw;
  width: 51.354vw;
  left: 6.563vw;
  top: 48.958vw;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  color: white;
  font-size: 1.146vw;
  line-height: 1.563vw;
}
.sixtabulation ul li {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.04vw;
  color: white;
}
.sevenTextImgs {
  display: flex;
  flex-direction: row;
  padding-top: 6.74vw;
  padding-bottom: 6.74vw;
}
.sevenimgs-add {
  /* width: 37.5vw;
      height: 62.5vw; */
  width: 37.5vw;
  overflow: hidden;
}
.sevenLeft {
  margin-left: 10.833vw;
}
.sevenLeft img {
  width: 37.5vw;
}
.sixTextImg .dd {
  position: absolute;
  top: 45.885vw;
  left: 12.5vw;
}
.sixTextImg .t1 {
  font-style: normal;
  font-weight: 400;
  font-size: 2.292vw;
  line-height: 1.771vw;
  font-family: "Prompt-Regular";
  color: #ffffff;
}
.sixTextImg .t2 {
  margin-top: 1.146vw;
  margin-bottom: 1.667vw;
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  line-height: 1.719vw;
  font-family: "Prompt-Light";

  color: #ffffff;
}
.sixTextImg .t22{
	width: 80%;
}
.sixTextImg .t3 {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  line-height: 1.771vw;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.sixTextImg .t3 .radio {
  width: 0.417vw;
  height: 0.417vw;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.625vw;
}
.sixTextImg .t4 .radio {
  width: 0.417vw;
  height: 0.417vw;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.625vw;
}
.sixTextImg .t4 {
  display: flex;
  align-items: center;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  line-height: 1.771vw;
  color: #ffffff;
}
.sixTextImg .t5 {
  display: flex;
  align-items: center;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  line-height: 1.771vw;
  color: #ffffff;
}
.sixTextImg .t5 .radio {
  width: 0.417vw;
  height: 0.417vw;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.625vw;
}
.sevenimgsTittle {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.77vw;
  line-height: 1.77vw;
  margin-top: 3.33vw;
}
.sevenimgsDetail {
  display: flex;
  flex-direction: column;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.04vw;
  line-height: 1.45vw;
  width: 37.5vw;
  margin-top: 0.83vw;
}
.sevenRight {
  margin-top: 13.75vw;
  margin-left: 3.33vw;
}
.rightTittle {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.77vw;
  line-height: 1.77vw;
}
.rightDetail {
  font-family: "Prompt-Light";
  font-size: 1.04vw;
  width: 37.5vw;
  margin-top: 0.83vw;
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  line-height: 1.563vw;
}
.sevenimg02 {
  margin-top: 3.12vw;
  width: 37.5vw;
  height: 62.5vw;
  overflow: hidden;
}
.eightTextImg {
  padding-left: 6.563vw;
  display: flex;
  flex-direction: row;
  position: relative;
}
.chooseCar {
  position: relative;
}
.imgText {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.imgTextS {
  position: absolute;
  top: 7.292vw;
  width: 100vw;
  text-align: center;
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 2.29vw;
  line-height: 3.49vw;
}
.carBgText {
  /* margin-top: 3.281vw; */
}
.nineSkyBlue {
  position: absolute;
  top: 15.9vw;
  left: 27.031vw;
  width: 45.938vw;
}
.nineAmberBrown {
  position: absolute;
  top: 15.9vw;
  width: 45.625vw;
  left: 27.552vw;
}
.ninewhite {
  position: absolute;
  top: 15.9vw;
  left: 24.896vw;
  width: 50.208vw;
}
.nineGrey {
  position: absolute;
  top: 15.9vw;
  left: 21.302vw;
  width: 57.448vw;
}
.carsWidth {
  width: 69.792vw;
  position: absolute;
  top: 14.167vw;
  left: 15.538vw;
}
.colorCircle {
  width: 2.5vw;
  height: 2.5vw;
}
.imgactive {
  width: 2.813vw;
  height: 2.813vw;
}
.addText .t1 {
  font-style: normal;
  font-weight: 400;
  font-size: 2.292vw;
  line-height: 1.771vw;
  text-align: center;
  color: #000000;
  font-family: "Prompt-Regular";
  margin-top: 9.167vw;
}
.addText .t2 {
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  line-height: 1.719vw;
  text-align: center;
  color: #000000;
  margin-top: 1.146vw;
  font-family: "Prompt-Light";
}
.pink {
  width: 75vw;
  margin-left: 12.5vw;
  margin-bottom: 9.792vw;
}
.pinkBox {
  margin-top: 8.333vw;
  position: relative;
}
.pinkBox .fiveTwo-m {
  position: absolute;
  /* height: 5.104vw; */
  left: 21.188vw;
  top: 40.885vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pinkBox .fiveTwo-m .vertical-bar-m {
  height: 3.281vw;
  margin-left: 3vw;
  margin-right: 3vw;
  width: 0.052vw;
  background-color: white;
}
.pinkBox .fiveTwo-m .five-info .fiv-top-m {
  font-style: normal;
  font-weight: 400;
  font-size: 2.813vw;
  /* line-height: 4.271vw; */
  font-family: "Prompt-Regular";
  color: #ffffff;
  font-style: normal;
  font-size: 2.813vw;
  line-height: 2.813vw;
}
.pinkBox .fiveTwo-m .five-info .fiv-top-m span {
  font-style: normal;
  font-weight: 400;
  font-size: 1.771vw;
  line-height: 1.771vw;
}
.pinkBox .fiveTwo-m .five-info .fivebot-m {
  font-style: normal;
  font-weight: 300;
  font-family: "Prompt-Light";
  font-size: 1.042vw;
  line-height: 1.667vw;
  color: #ffffff;
  margin-top: 0.208vw;
}
.fiveCircle {
  position: absolute;
  bottom: 5.573vw;
  left: 38.958vw;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fiveCircles {
  width: 3.333vw;
  height: 3.333vw;
  border-radius: 50%;
  /* opacity: 0; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.active {
  width: 3.333vw;
  height: 3.333vw;
  border-radius: 50%;
  border: 2px solid #b8c6d1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.fiveCircles:not(:first-child) {
  margin-left: 1.917vw;
}
.carLeft {
  width: 66.1vw;
}
.rightEightT {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.771vw;
  line-height: 1.771vw;
  display: flex;
  flex-direction: column;
}
.eightRightText {
  position: absolute;
  top: 9.219vw;
  left: 62.969vw;
}
.tenTopText {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.771vw;
  line-height: 1.771vw;
  text-align: center;
  color: #000000;
  display: flex;
  flex-direction: column;
}
.tenTextImg {
  padding-top: 8.333vw;
}
.tenTopDtail {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.042vw;
  line-height: 1.563vw;
  text-align: center;
  color: #000000;
  display: flex;
  flex-direction: column;
  margin-top: 0.938vw;
}
.tenImg {
  padding-left: 6.563vw;
  padding-right: 6.563vw;
  margin-top: 2.917vw;
  position: relative;
  padding-bottom: 10.208vw;
}
.tentextLine {
  flex-direction: row;
  position: absolute;
  bottom: 5.469vw;
  left: 27.135vw;
  display: flex;
  align-items: center;
}
.tennumbers {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tennumbers01 {
  width: 5.26vw;
}
.tennumbers02 {
  width: 7.76vw;
}
.tennumbers03 {
  width: 10.26vw;
}
.tenS {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 2.813vw;
  line-height: 2.813vw;
  color: #ffffff;
}
.tenkm {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 1.042vw;
  line-height: 1.042vw;
  color: #ffffff;
  margin-top: 0.521vw;
}
.numberDw {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  color: #ffffff;
}
.sign {
  font-size: 1.771vw;
}
.tenunit {
  font-family: "Prompt-Regular";
  font-size: 1.771vw;
}
.tenline {
  border: 1px solid #ffffff;
  height: 3.281vw;
  margin-right: 5vw;
  margin-left: 5vw;
  margin-top: 0.469vw;
  /* transform: rotate(90deg); */
}
.elevenTextImg {
  padding-top: 10.208vw;
  padding-bottom: 10.208vw;
  display: flex;
  flex-direction: row;
}
.leftImg {
  width: 59.063vw;
  height: 38.958vw;
}
.f-inputN {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ededed;
  width: 11.979vw;
  align-items: center;
  padding-bottom: 1.042vw;
}
.inputT {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.938vw;
  line-height: 1.406vw;
  text-align: center;
  color: #878080;
}
.f-input {
  display: flex;
  flex-direction: row;
}
.f-input:not(:first-child) {
  margin-top: 1.4vw;
}
.rightForm {
  margin-left: 6.719vw;
  margin-top: 8.854vw;
}
.f-inputN:not(:first-child) {
  margin-left: 3.021vw;
}
.el-input__inner {
  border: none;
}
.el-select .el-input .el-select__caret {
  color: #878080;
  font-size: 1.198vw;
}
.el-input__icon {
  width: 2.031vw;
}
.f-inputT {
  width: 27.135vw;
}
.f-inputT .el-select {
  width: 100%;
}
.f-inputT .el-select .el-input__inner::placeholder {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.938vw;
  line-height: 1.406vw;
  /* text-align: center; */
  color: #878080;
}
.f-inputT .el-input--suffix .el-input__inner {
  padding-left: 0 !important;
}
.agree {
  margin-top: 1.4vw;
  margin-left: 0.208vw;
}
.agreeText {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.729vw;
  line-height: 1.094vw;
  text-align: center;
  color: #1e1e1e;
  opacity: 0.8;
}
.el-checkbox__inner {
  border-radius: 20px;
  border: 1px solid #000000;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #000000;
  border-color: #000000;
}
.submit {
  width: 9.375vw;
  height: 2.5vw;
  background-color: white;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 0.938vw;
  line-height: 1.406vw;
  text-align: center;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000000;
  margin: auto;
  margin-top: 2.24vw;
}
.nineimg {
  margin-top: 1.51vw;
}
.oneImg {
  /* object-fit: cover;
    object-position: center; */
  width: 100vw;
  /* height: 100vh; */
}
.botxt {
  font-family: "Prompt-Light";
  position: absolute;
  height: 1.25vw;
  left: 39.479vw;
  bottom: 2.5vw;
  font-style: normal;
  font-weight: 300;
  font-size: 0.833vw;
  line-height: 1.25vw;
  text-align: center;
  color: #ffffff;
  z-index: 100;
}
::-webkit-scrollbar {
  display: none;
}
.twoimg img {
  width: 100%;
  height: 100%;
}
.oneBox-m {
  position: relative;
  width: 100%;
}
.oneBox-m .oneImg-m {
  display: block;
  width: 100vw;
  left: 0px;
}
.productadd {
  font-style: normal;
  font-weight: 400;
  font-size: 2.4vw;
  line-height: 3.2vw;
  font-family: "Prompt-Regular";
  left: 9.067vw;
  bottom: 3.667vw;
  color: #ffffff;
  position: absolute;
}
.pc .dom11 .dom11_min .min_color .botxt {
  font-family: "Prompt-Light";
  position: absolute;
  height: 1.25vw;
  left: 69.531vw;
  bottom: 2.5vw;
  font-style: normal;
  font-weight: 300;
  font-size: 0.833vw;
  line-height: 1.25vw;
  text-align: center;
  color: #ffffff;
  z-index: 100;
}
.oneBox-m .one1-m {
  position: absolute;
  z-index: 100;
  width: 48.568vw;
  left: 9.067vw;
  top: 42.533vw;
  border-radius: 0px;
}
.oneBox-m .one_text-m {
  font-style: normal;
  font-weight: 300;
  height: 5.6vw;
  font-size: 3.6vw;
  position: absolute;
  left: 9.067vw;
  top: 54.333vw;
  color: #ffffff;
  font-family: "Prompt-Light";
}
.oneBox-m .buimg-m {
  position: absolute;
  height: 7.733vw;
  width: 23.467vw;
  left: 9.067vw;
  top: 147.733vw;
  border-radius: 0px;
  z-index: 100;
}
.twoBox-m {
  position: relative;
}
.twoBox-m .twoImg-m {
  display: block;
  width: 100vw;
}
.twoBox-m .twot-m {
  font-family: "Prompt-Light";
  width: 60.8vw;
  left: 19.733vw;
  position: absolute;
  z-index: 100;
  top: 60.963vw;
  font-style: normal;
  font-weight: 300;
  font-size: 5.333vw;
  line-height: 8.8vw;
  /* or 165% */
  text-align: center;
  color: #000000;
}
.tre-m .title-m {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 5.333vw;
  line-height: 2.933vw;
  height: 3.2vw;
  text-align: center;
  margin-top: 14.667vw;
  color: #000000;
}
.tre-m .info-m {
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  line-height: 5.333vw;
  height: 10.667vw;
  text-align: center;
  color: #000000;
  margin-top: 2.667vw;
  margin-bottom: 6.133vw;
  font-family: "Prompt-Light";
}
.swiper-container-mobile {
  width: 100vw;
  overflow: hidden;
}
.swiper-container-mobile .mobileSwiper {
  width: 89.333vw !important;
}
.swiper-container-mobile .mobile-swiper {
  width: 89.333vw !important;
}
.swiper-container-mobile .swiper-bottom-text-m {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  line-height: 5.333vw;
  color: #000000;
  margin-top: 4vw;
  width: 82.4vw;
  height: 10.667vw;
  margin-left: 5.333vw;
  margin-bottom: 8vw;
  display:none;
}
.swiper-container-mobile .swiper-pagination-m-top {
  width: 22.4vw;
  margin-left: 36.8vw;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12.533vw;
  margin-top: 10vw;
}
.swiper-container-mobile .swiper-pagination-m-top .swd {
  width: 10.667vw;
  height: 0.267vw;
  top: 465.357vw;
  opacity: 0.45;
  background-color: #666666;
}
.swiper-container-mobile .swiper-pagination-m-top .activeSwd {
  width: 10.667vw !important;
  background-color: #f65a11 !important;
}
.for-m .forimg-m {
  width: 100vw;
}
.for-m .addImgad {
  width: 89.333vw;
  margin-left: 5.333vw;
}
.for-m .forcontent-m {
  margin-left: 5.333vw;
  margin-top: 8.533vw;
  margin-bottom: 2.667vw;
}
.seve .forcontent-m .t2 .raido {
  width: 1.067vw;
  height: 1.067vw;
  border-radius: 50%;
  background-color: black;
  margin-right: 2.4vw;
}
.seve .forcontent-m .t2 .addt3 {
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  font-family: "Prompt-Light";
  line-height: 120%;
  color: #000000;
}

.seve2 .forcontent-m .t2 .raido {
  width: 1.067vw;
  height: 1.067vw;
  border-radius: 50%;
  background-color: black;
  margin-right: 2.4vw;
}
.seve2 .forcontent-m .t2 .addt3 {
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  font-family: "Prompt-Light";
  line-height: 120%;
  color: #000000;
  flex:1;
}
.for-m .forcontent-m .t1 {
  font-family: "Prompt-Regular";
  display: flex;
}
.for-m .forcontent-m .t1 .raido {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: black;
  margin-right: 2.4vw;
  margin-top: 2vw;
}
.for-m .forcontent-m .addt1 {
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  font-family: "Prompt-Light";
  line-height: 120%;
  color: #000000;
  margin-bottom: 2vw;
}
.for-m .forcontent-m .t1 .addt3 {
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  font-family: "Prompt-Light";
  line-height: 120%;
  color: #000000;
  flex: 1;
  min-width: 0;
}
.for-m .forcontent-m .t3 {
  font-family: "Prompt-Regular";
  display: flex;
  align-items: center;
  margin-bottom: 14.933vw;
}
.for-m .forcontent-m .t3 .raido {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: black;
  margin-right: 2.4vw;
}
.for-m .forcontent-m .t3 .addt3 {
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  font-family: "Prompt-Light";
  line-height: 120%;
  color: #000000;
  flex: 1;
  min-width: 0;
}
.for-m .forcontent-m .t2 .raido {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: black;
  margin-right: 2.4vw;
  margin-top: 2vw;
}
.for-m .forcontent-m .t2 {
  font-family: "Prompt-Light";
  display: flex;
}
.for-m .forcontent-m .t2 .solid_round {
  width: 1.067vw;
  height: 1.067vw;
  border-radius: 50%;
  background-color: black;
  margin-right: 2.091vw;
  font-size: 4vw;
}
.for-m .forcontent-m .t2 div {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  width: 82.933vw;
  line-height: 5.333vw;
  color: #000000;
  display: flex;
  align-items: center;
}
.five-m {
  position: relative;
  margin-top: 14.933vw;
}
.five-m .fiveimg-m {
  width: 100vw;
}
.five-m .fiveOne-m {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 5.333vw;
  position: absolute;
  height: 10.667vw;
  left: 5.333vw;
  top: 5.333vw;
  line-height: 5.333vw;
  color: white;
}
.five-m .fiveTwo-m {
  position: absolute;
  width: 81.867vw;
  height: 8.533vw;
  left: 9.066vw;
  bottom: 5.424vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.five-m .fiveTwo-m .five-info .fiv-top-m {
  font-style: normal;
  font-weight: 400;
  font-size: 2.133vw;
  line-height: 2.133vw;
  font-family: "Prompt-Regular";
  color: #ffffff;
}
.five-m .fiveTwo-m .five-info .fiv-top-m span {
  font-style: normal;
  font-weight: 400;
  font-size: 3.466vw;
  line-height: 3.466vw;
}
.five-m .fiveTwo-m .five-info .fivebot-m {
  font-style: normal;
  font-weight: 400;
  font-size: 5.333vw;
  line-height: 5.333vw;
  height: 5.333vw;
  font-family: "Prompt-Regular";
  color: white;
  margin-top: 1.067vw;
}
.five-m .vertical-bar-m {
  height: 6.755vw;
  width: 0.267vw;
  background-color: white;
}
.seve .seveimg-m {
  width: 89.333vw;
  margin-left: 5.333vw;
  margin-top: 14.933vw;
  margin-bottom: 8.533vw;
}
.seve .forcontent-m {
  margin-left: 5.333vw;
  margin-top: 8.533vw;
}
.seve .forcontent-m .t1 {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 5.333vw;
  line-height: 108%;
  text-align: left;
}
.seve .forcontent-m .t2 {
  font-family: "Prompt-Light";
  width: 89.333vw;
  margin-top: 2.667vw;
  margin-bottom: 14.933vw;
}
.seve .forcontent-m .t2 .solid_round {
  width: 1.067vw;
  height: 1.067vw;
  border-radius: 50%;
  background-color: black;
  margin-right: 2.091vw;
}
.seve .forcontent-m .t2 div {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  line-height: 120%;
  color: #000000;
  display: flex;
  align-items: center;
}
.seve2 {
  padding: 0vw 5.333vw 14.933vw 5.333vw;
}
.seve2 .seveimg-m {
    margin-top: 14.933vw;
}
.seve2 .forcontent-m .t2 {
  width: 89.333vw;
  margin-top: 1.067vw;
}
.seve2 .forcontent-m .t1 {
  font-family: "Prompt-Regular";
  margin-top: 8.643vw;
}
.seve2 .forcontent-m .t2 .solid_round {
  width: 1.067vw;
  height: 1.067vw;
  border-radius: 50%;
  background-color: black;
  margin-right: 2.091vw;
}
.seve2 .forcontent-m .t2 div {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 4vw;
  line-height: 120%;
  color: #000000;
  display: flex;
  align-items: center;
}
.swiper-container-mobile-bottom {
  width: 100vw;
  margin-top: 13.333vw;
  overflow: hidden;
}
.swiper-container-mobile-bottom .swiper-wrapper .swiper-slide {
  width: 100vw;
  overflow: hidden;
}
.swiper-container-mobile-bottom .swiper-wrapper .swiper-slide .mobile-swiper {
  width: 89.333vw;
  margin-left: 5.333vw;
}
.swiper-container-mobile-bottom .swiper-pagination-m {
  width: 59.733vw;
  margin-left: 20.187vw;
  margin-top: 6.968vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.swiper-container-mobile-bottom .swiper-pagination-m .imgsrc {
  width: 8.533vw;
  height: 8.533vw;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.swiper-container-mobile-bottom .swiper-pagination-m img:nth-child(1).imgsrc-r{
	border: 1px solid #C3C3C3;
}
.swiper-container-mobile-bottom .swiper-pagination-m img:nth-child(2).imgsrc-r{
	border: 1px solid #5B6976;
}
.swiper-container-mobile-bottom .swiper-pagination-m img:nth-child(3).imgsrc-r{
	border: 1px solid #202020;
}
.swiper-container-mobile-bottom .swiper-pagination-m img:nth-child(4).imgsrc-r{
	border: 1px solid #414141;
}
.sevebox {
  position: relative;
  margin-top: 14.933vw;
}
.sevebox .fiveimg-m {
  width: 100vw;
}
.sevebox .fiveOne-m {
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 5.333vw;
  position: absolute;
  height: 10.667vw;
  left: 5.333vw;
  top: 5.333vw;
  line-height: 5.333vw;
  color: white;
}
.sevebox .fiveTwo-m {
  position: absolute;
  width: 62.933vw;
  height: 8.533vw;
  left: 22.4vw;
  bottom: 5.333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sevebox .fiveTwo-m .five-info .fiv-top-m {
  font-style: normal;
  font-weight: 400;
  font-size: 5.333vw;
  line-height: 5.333vw;
  font-family: "Prompt-Regular";
  color: white;
}
.sevebox .fiveTwo-m .five-info .fiv-top-m span {
  font-style: normal;
  font-weight: 400;
  font-size: 3.466vw;
  line-height: 3.466vw;
}
.sevebox .fiveTwo-m .five-info .fivebot-m {
  font-style: normal;
  font-weight: 300;
  font-size: 2.133vw;
  line-height: 2.133vw;
  color: #ffffff;
  font-family: "Prompt-Regular";
  margin-top: 1.067vw;
}

.mobile .sevebox .fiveTwo-m{
	width: 100vw;
	left: 0;
}

.mobile .five-info{
	width: 45vw;
}

.sevebox .vertical-bar-m {
  height: 6.755vw;
  width: 0.267vw;
  background-color: white;
}
.eight {
  width: 100vw;
  padding: 0vw 5.333vw;
  padding-bottom: 21.333vw;
}
.eight .title {
  width: 82.933vw;
  height: 11.733vw;
  margin-top: 8.267vw;
  margin-bottom: 2.667vw;
  font-family: "Prompt-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 5.333vw;
  line-height: 108%;
  color: #000000;
}
.addsixtitile {
  font-style: normal;
  font-weight: 400;
  font-size: 4.533vw;
  font-family: "Prompt-Regular";
  line-height: 5.867vw;
}
.eight div {
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 120%;
  color: #000000;
}
.mobile .b1box .sixTextImg-add-m {
  width: 100vw;
  position: relative;
}
.mobile .b1box .sixTextImg-add-m .i1t1 {
  width: 100vw;
  display: block;
}
.mobile .b1box .sixTextImg-add-m .sixTittle-add-m {
  position: absolute;
  left: 5.867vw;
  font-family: "Prompt-Regular";
  top: 45.333vw;
  font-style: normal;
  font-weight: 400;
  font-size: 4.533vw;
  line-height: 4.8vw;
  color: white;
}
.mobile .b1box .sixTextImg-add-m .sixtabulation-add-m ul li {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Prompt-Light";
  font-style: normal;
  font-weight: 300;
  font-size: 2.933vw;
  color: white;
}
.mobile .b1box .sixTextImg-add-m .sixtabulation-add-m {
  position: absolute;
  width: 78.933vw;
  top: 111.2vw;
  list-style-type: none;
  display: flex;
  left: 7.467vw;
  flex-direction: row;
  align-items: center;
  font-style: normal;
  font-weight: 300;
  font-size: 2.933vw;
  line-height: 4.267vw;
  color: white;
}
.mobile .b1box .sixTextImg-add-m .sixtabulation-add-m .blackCircle-m {
  width: 1.067vw;
  height: 1.067vw;
  display: block;
  margin-right: 3.2vw;
}
.mobile .bt3 {
  width: 100vw;
  position: relative;
}
.mobile .bt3 img {
  width: 100vw;
  display: block;
}
.mobile .bt3 .title {
  position: absolute;
  top: 8.595vw;
}
.mobile .bt3 .title .t1 {
  font-family: "Prompt-Regular";
  width: 100vw;
  font-style: normal;
  font-weight: 400;
  font-size: 4.867vw;
  line-height: 4.533vw;
  text-align: center;
  color: #ffffff;
}
.mobile .bt3 .title .t2 {
  font-family: "Prompt-Light";
  margin-top: 2.667vw;
  font-style: normal;
  font-weight: 300;
  font-size: 2.933vw;
  line-height: 4.533vw;
  text-align: center;
  color: #ffffff;
}

.pc .for {
  width: 100vw;
  height: 39.479vw;
}
.pc .for .top1 {
  font-style: normal;
  font-weight: 400;
  font-size: 2.292vw;
  line-height: 108%;
  font-family: "Prompt-Regular";
  color: #050505;
  margin-top: 8.333vw;
  width: 100vw;
  text-align: center;
  margin-bottom: 5vw;
}
.pc .for .btBox {
  user-select: none;
  display: flex;
  width: 100vw;
  position: relative;
  z-index: 99;
}
.pc .for .btBox .box1 {
  position: absolute;
  z-index: 100;
  left: 12.5vw;
  top: 0vw;
  width: 36.25vw;
  overflow: hidden;
  display: flex;
}
.pc .for .btBox .box1 .add {
  position: relative;
  transform: translateX(-50%);
  display: flex;
}
.pc .for .btBox .box1 .add .lefImg {
  width: 37.5vw;
  height: 29.688vw;
  display: flex;
}
.pc .for .btBox .box1 .add .lefImg .limg {
  width: 37.5vw;
  height: 29.688vw;
  background: #f9f9f9;
}
.pc .for .btBox .box1 .add .lefImg .limg .imgadd {
  width: 27.292vw;
  margin-top: 6.25vw;
  margin-left: 4.583vw;
  font-style: normal;
  font-weight: 400;
  font-family: "Prompt-Regular";
  font-size: 1.771vw;
  line-height: 1.875vw;
  color: #000000;
}
.pc .for .btBox .box1 .add .lefImg .limg .imga2 {
  margin-left: 4.583vw;
  margin-top: 1.25vw;
  font-style: normal;
  font-weight: 300;
  width: 27.292vw;
  font-size: 1.146vw;
  line-height: 1.771vw;
  font-family: "Prompt-Light";
  color: #000000;
}
.pc .for .btBox .box1 .add .front {
  position: absolute;
  font-style: normal;
  font-weight: 400;
  font-size: 1.771vw;
  line-height: 1.771vw;
  font-family: "Prompt-Regular";
  right: 8.104vw;
  bottom: 1.667vw;
  color: white;
}
.pc .for .btBox .box1 .add .fontImg {
  position: absolute;
  width: 2.917vw;
  right: 1.667vw;
  bottom: 0.99vw;
}
.pc .for .btBox .box1 .add .front1 {
  opacity: 0;
  right: 32.104vw;
  transition: all 0.5s;
}
.pc .for .btBox .box1 .add .fontImg1 {
  opacity: 0;
  transition: all 0.5s;
}
.pc .for .btBox .box1tr {
  width: 100% !important;
  transition: all 0.5s;
}
.pc .for .btBox .box1ntr {
  width: 36.25vw !important;
  transition: all 0.5s;
}
.pc .for .btBox .addyes {
  transform: translateX(0%) !important;
  transition: all 0.5s;
}
.pc .for .btBox .addno {
  transform: translateX(-50%) !important;
  transition: all 0.5s;
}
.pc .for .btBox .n1-box2 {
  width: 100vw !important;
  transition: all 0.5s;
}
.pc .for .btBox .n1-box2-x {
  width: 36.25vw;
  transition: all 0.5s;
}
.pc .for .btBox .n1-add {
  transform: translateX(0%) !important;
  transition: all 0.5s;
}
.pc .for .btBox .n1-add-x {
  transform: translateX(50%) !important;
  transition: all 0.5s;
}
.pc .for .btBox .box2 {
  position: absolute;
  z-index: 100;
  right: 12.5vw;
  top: 0vw;
  justify-content: flex-end;
  width: 36.25vw;
  overflow: hidden;
  display: flex;
}
.pc .for .btBox .box2 .add2 {
  transform: translateX(50%);
  display: flex;
}
.pc .for .btBox .box2 .add2 .lefImg {
  width: 37.5vw;
  height: 29.688vw;
  display: flex;
}
.pc .for .btBox .box2 .add2 .lefImg .limg {
  width: 37.5vw;
  height: 29.688vw;
  background: #f9f9f9;
}
.pc .for .btBox .box2 .add2 .lefImg .limg .imgadd {
  width: 24.375vw;
  margin-left: 6.729vw;
  margin-top: 6.25vw;
}
.pc .for .btBox .box2 .add2 .lefImg .limg .imgadd .a1 {
  font-style: normal;
  font-weight: 400;
  font-size: 1.771vw;
  text-align: left;
  line-height: 1.771vw;
  font-family: "Prompt-Regular";
  margin-bottom: 1.25vw;
}
.pc .for .btBox .box2 .add2 .lefImg .limg .imgadd .a2 {
  font-style: normal;
  font-weight: 300;
  font-size: 1.146vw;
  line-height: 1.771vw;
  text-align: left;
  font-family: "Prompt-Light";
  color: #000000;
}
.pc .for .btBox .box2 .add2 .front {
  position: absolute;
  font-style: normal;
  font-weight: 400;
  font-size: 1.771vw;
  line-height: 1.771vw;
  font-family: "Prompt-Regular";
  right: 49.229vw;
  bottom: 1.667vw;
  color: white;
}
.pc .for .btBox .box2 .add2 .fontImg {
  right: 38.167vw;
  position: absolute;
  width: 2.917vw;
  bottom: 0.99vw;
}
.pc .for .btBox .box2 .add2 .front2 {
  position: absolute;
  font-style: normal;
  font-weight: 400;
  font-size: 1.771vw;
  line-height: 1.771vw;
  font-family: "Prompt-Regular";
  right: 70.229vw;
  width: 22.76vw;
  bottom: 1.667vw;
  color: white;
  opacity: 0;
  transition: all 0.5s;
}
.pc .for .btBox .box2 .add2 .fontImg2 {
  right: 35.167vw;
  position: absolute;
  width: 2.917vw;
  bottom: 0.99vw;
  opacity: 0;
  transition: all 0.5s;
}
.pc .for .rimg {
  width: 37.5vw;
  height: 29.688vw;
}
.five-info{
	text-align: center;
	width: 15vw;
}