@font-face {
  font-family: "BMWTypeNextLatinTT-Thin";
  src: url("../font/BMWTypeNextLatinTT-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatinTT-Light";
  src: url("../font/BMWTypeNextLatinTT-Light.ttf") format("truetype");
}
@font-face {
	font-family: "BMWTypeNextLatinTT-Regular";
	src: url("../font/BMWTypeNextLatinTT-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatinTT-Bold";
  src: url("../font/BMWTypeNextLatinTT-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "arudjingxiheipe1xg30_hv";
  src: url("../font/arudjingxiheipe1xg30_hv.ttf") format("truetype");
}
/* @font-face {
  font-family: "arudjingxiheie1xg30_md";
  src: url("../font/arudjingxiheie1xg30_md.ttf") format("truetype");
} */
@font-face {
  font-family: "arudjingxiheipe1xg30_md";
  src: url("../font/arudjingxiheipe1xg30_md.ttf") format("truetype");
}
body {
  font-family: "arudjingxiheipe1xg30_md";
  font-size: 0;
}
.en-light {
  font-family: "BMWTypeNextLatinTT-Light";
}
.en-regular {
  font-family: "BMWTypeNextLatinTT-Regular";
}
.en-thin {
  font-family: "BMWTypeNextLatinTT-Thin";
}
.en-bold {
  font-family: "BMWTypeNextLatinTT-Bold";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.fixed-width {width: 1200px;margin: 0 auto;}
.shadow-text {text-shadow: 4px 4px 13px rgba(5,0,0,.9);}
.font-theme {color:#f36f14 !important;}
.subview__trigger {position: absolute;top: 6%;left: 0;width: 100%;height: 1px;}
.section-X1 .subview__trigger {top: 12%;}
.section-iX1_highlight .subview__trigger {top: 2%;}
.testdrive__section .subview__trigger {top: 0;}




.loading__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.92);
}

.loading__progress {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.loading {
  position: fixed;
  z-index: 6000;
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  -o-transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s ease-in-out, -o-transform 0.45s ease-in-out;
  -moz-transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s ease-in-out, -moz-transform 0.45s ease-in-out;
  transition: top 0s 0.45s, left 0s 0.45s, transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
}

.loading__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  word-spacing: -5px;
  font-size: 0;
}
.loading__container:before {
  content: "";
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.loading__section {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
  word-spacing: 0px;
  font-size: 1rem;
  font-size: 18px;
  -webkit-transition: all all 0.45s ease-in-out ease;
  -moz-transition: all all 0.45s ease-in-out ease;
  -ms-transition: all all 0.45s ease-in-out ease;
  -o-transition: all all 0.45s ease-in-out ease;
  transition: all all 0.45s ease-in-out ease;
}

.loading__content {
  font-family: "Arial","Microsoft JhengHei";
  font-size: 3.5rem;
  font-size: 63px;
  color: #fff;
}

.imagesLoaded .loading {
  top: -100vh;
  left: -100vw;
  opacity: 0;
  -webkit-transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  -o-transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s, opacity 0.45s ease-in-out, -o-transform 0.45s ease-in-out;
  -moz-transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s, transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -moz-transform 0.45s ease-in-out;
  transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s, transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: top 0s 0.45s, left 0s 0.45s, opacity 0.45s, transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out, -moz-transform 0.45s ease-in-out, -o-transform 0.45s ease-in-out;
}


.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
	-webkit-transition: margin 0.45s ease-in-out;
	-o-transition: margin 0.45s ease-in-out;
	-moz-transition: margin 0.45s ease-in-out;
	transition: margin 0.45s ease-in-out;
}
.header:before {
  width: 0;
  height: 3rem;
  display: block;
}
.header.on--fixed {
  margin-top: 0rem;
}
.header.on--fixed .header__container {
  position: fixed;
  border-bottom-color: transparent;
  -webkit-animation: header 0.45s ease-in-out !important;
  -moz-animation: header 0.45s ease-in-out !important;
  -o-animation: header 0.45s ease-in-out !important;
  animation: header 0.45s ease-in-out !important;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.header,
.header__container,
.header__content,
.header__section {
  height: 0;
}

.header__container {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent;
  border-bottom: 2px solid transparent;
  -webkit-transition: background 0.45s ease-in-out, border 0.45s ease-in-out;
  -o-transition: background 0.45s ease-in-out, border 0.45s ease-in-out;
  -moz-transition: background 0.45s ease-in-out, border 0.45s ease-in-out;
  transition: background 0.45s ease-in-out, border 0.45s ease-in-out;
}

.header__content {
  padding: 0.5rem;
  /* text-align: right; */
}



.logo {
  position: absolute;
  top: 2.083vw;
  left: 3.958vw;
  width: auto;
  /* height: 3.28125vw; */
	height: 5.521vw;
  display: block;
  z-index: 15;
}
.logo img {
  height: 100%;
}

.logo__link {
  display: block;
  height: 100%;
}


.hamburger {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  top: 2.083vw;
  right: 2.6042vw;
  width: 5.2084vw;
  height: 3.125vw;
  z-index: 405;
  cursor: pointer;
}

.hamburger_burger {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60%;
  height: 3px;
  background: #ffffff;
  -webkit-transition: background 0.45s ease-in-out, -webkit-box-shadow 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  -o-transition: box-shadow 0.45s ease-in-out, background 0.45s ease-in-out, -o-transform 0.45s ease-in-out;
  -moz-transition: box-shadow 0.45s ease-in-out, background 0.45s ease-in-out, transform 0.45s ease-in-out, -moz-box-shadow 0.45s ease-in-out, -moz-transform 0.45s ease-in-out;
  transition: box-shadow 0.45s ease-in-out, background 0.45s ease-in-out, transform 0.45s ease-in-out;
  cursor: pointer;
	-webkit-animation: 3s infinite alternate ease-in box-blinking;
	animation: 3s infinite alternate ease-in box-blinking;
}
.hamburger_burger:after, .hamburger_burger:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  background: #ffffff;
  -webkit-transition: background 0.45s ease-in-out, -webkit-box-shadow 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  -o-transition: box-shadow 0.45s ease-in-out, background 0.45s ease-in-out, -o-transform 0.45s ease-in-out;
  -moz-transition: box-shadow 0.45s ease-in-out, background 0.45s ease-in-out, transform 0.45s ease-in-out, -moz-box-shadow 0.45s ease-in-out, -moz-transform 0.45s ease-in-out;
  transition: box-shadow 0.45s ease-in-out, background 0.45s ease-in-out, transform 0.45s ease-in-out;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
	-webkit-animation: 3s infinite alternate ease-in box-blinking;
	animation: 3s infinite alternate ease-in box-blinking;
}
.hamburger_burger:after {
  -webkit-transform: translateY(1.042vw) rotate(0deg);
  -moz-transform: translateY(1.042vw) rotate(0deg);
  -ms-transform: translateY(1.042vw) rotate(0deg);
  -o-transform: translateY(1.042vw) rotate(0deg);
  transform: translateY(1.042vw) rotate(0deg);
  transform: translateY(1.042vw) rotate(0deg);
}
.hamburger_burger:before {
  -webkit-transform: translateY(-1.042vw) rotate(0deg);
  -moz-transform: translateY(-1.042vw) rotate(0deg);
  -ms-transform: translateY(-1.042vw) rotate(0deg);
  -o-transform: translateY(-1.042vw) rotate(0deg);
  transform: translateY(-1.042vw) rotate(0deg);
  transform: translateY(-1.042vw) rotate(0deg);
}

.nav {
  position: fixed;
  width: 23.646vw;
	width: 41.667vh;
	height: 88.889vh;
	height: 100vh;
	padding-top: 12.963vh;
	padding-bottom: 4.629vh;
  z-index: 400;
  /* text-align: center; */
  top: -100vh;
  right: -100vw;
	text-align: center;
}
.nav:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -100vh;
  right: -100vw;
	background: url('../images/menu_bg.png') no-repeat center bottom;
	background-size: cover;
	opacity: 0;
  -webkit-transition: top 0s 0.45s, right 0s 0.45s, bottom 0s 0.45s, background 0.45s ease-in-out, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  -o-transition: top 0s 0.45s, right 0s 0.45s, bottom 0s 0.45s, background 0.45s ease-in-out, opacity 0.45s ease-in-out, -o-transform 0.45s ease-in-out;
  -moz-transition: top 0s 0.45s, right 0s 0.45s, bottom 0s 0.45s, background 0.45s ease-in-out, transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -moz-transform 0.45s ease-in-out;
  transition: top 0s 0.45s, right 0s 0.45s, bottom 0s 0.45s, background 0.45s ease-in-out, transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
}

.nav_inner {
	/* border: 1px solid #000000; */
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 500;
	height: 100%;
}
.ani_nav_list,
.ani_nav_item {
  -webkit-transition: top 0s 0.45s, left 0s 0.45s, right 0s 0.45s, background 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), opacity 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), -webkit-transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01);
  transition: top 0s 0.45s, left 0s 0.45s, right 0s 0.45s, background 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), opacity 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), -webkit-transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01);
  -o-transition: top 0s 0.45s, left 0s 0.45s, right 0s 0.45s, background 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), opacity 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), -o-transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01);
  -moz-transition: top 0s 0.45s, left 0s 0.45s, right 0s 0.45s, background 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), opacity 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), -moz-transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01);
  transition: top 0s 0.45s, left 0s 0.45s, right 0s 0.45s, background 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), opacity 0.225s cubic-bezier(0, 1.2, 0.8, 1.01);
  transition: top 0s 0.45s, left 0s 0.45s, right 0s 0.45s, background 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), opacity 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), -webkit-transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), -moz-transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01), -o-transform 0.225s cubic-bezier(0, 1.2, 0.8, 1.01);
}
.ani_nav_item:nth-child(0) {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.ani_nav_item:nth-child(1) {
  -moz-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.ani_nav_item:nth-child(2) {
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.ani_nav_item:nth-child(3) {
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.ani_nav_item:nth-child(4) {
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.ani_nav_item:nth-child(5) {
  -moz-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.ani_nav_list {
	opacity: 0;
	width: 100%;
	font-size: 0;
	vertical-align: top;
	-webkit-transform: translateY(1.5rem);
	-moz-transform: translateY(1.5rem);
	-ms-transform: translateY(1.5rem);
	-o-transform: translateY(1.5rem);
	transform: translateY(1.5rem);
}
.ani_nav_item {cursor: pointer;display: block;}
.nav__list {}
.nav__item {}
.nav__item__link {
	display: block;
	position: relative;
	/* text-align: center; */
	text-decoration: none;
	padding: 2.223vh 0;
}

.nav__item__link:after, .nav__item__link:before {
  position: absolute;
  content: "";
  display: inline-block;
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg);
  background: wheat;
}
.nav__item__text {
  position: relative;
  color: #d6d6d6;
  display: inline-block;
  font-weight: normal;
	font-size: 3.519vh;
  line-height: 1.2;
  z-index: 1;
  letter-spacing: 0.2em;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.nav__item__text:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 100%;
  margin: 2px auto 0 auto;
  width: 100%;
  height: 2px;
  background: #65c3ff;
  -moz-background-clip: content-box;
  -o-background-clip: content-box;
  background-clip: content-box;
  display: block;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: -webkit-transform .25s ease-in-out;
  -o-transition: -o-transform .25s ease-in-out;
  -moz-transition: transform .25s ease-in-out, -moz-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  
}
.nav__item__text:hover {
  color:#65c3ff;
}
.nav__item__text:hover:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}


.subnav_list {position: absolute;left: 0;right: 0;bottom: 10%;}
.subnav_item {}
.subnav__item__link {padding: 0.741vh 0;display: block;text-decoration: none;}
.subnav__item__text {font-size: 2.223vh;line-height: 1.2;color: #003d78;display: block;}
.nav_share_list {font-size: 0;position: absolute;left: 0;right: 0;bottom: 2%;}
.nav_share_item {display: inline-block;vertical-align: middle;margin: 0 1.852vh;}
.nav_share_link {display: block;width: 3.519vh;height: 3.519vh;}
.nav_share_fb {}


.nav__active {
  display: none;
}
.nav__active:checked ~ .header .hamburger_burger {
  background: transparent;
  -webkit-box-shadow: 1px 1px 3px transparent;
  -moz-box-shadow: 1px 1px 3px transparent;
  box-shadow: 1px 1px 3px transparent;
}
.nav__active:checked ~ .header .hamburger_burger:before {
  background: white;
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
  -webkit-box-shadow: 1px 1px 3px transparent;
  -moz-box-shadow: 1px 1px 3px transparent;
  box-shadow: 1px 1px 3px transparent;
}
.nav__active:checked ~ .header .hamburger_burger:after {
  background: white;
  -webkit-transform: translateY(0) rotate(135deg);
  -moz-transform: translateY(0) rotate(135deg);
  -ms-transform: translateY(0) rotate(135deg);
  -o-transform: translateY(0) rotate(135deg);
  transform: translateY(0) rotate(135deg);
  -webkit-box-shadow: 1px 1px 3px transparent;
  -moz-box-shadow: 1px 1px 3px transparent;
  box-shadow: 1px 1px 3px transparent;
}
.nav__active:checked ~ .header .nav {
  top: 20px;
  right: 20px;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  top: 0;
  right: 0;
}
.nav__active:checked ~ .header .nav:before {
  top: 0;
  right: 0;
  /* background: #525F63; */
  opacity: 1;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.nav__active:checked ~ .header .ani_nav_list, .nav__active:checked ~ .header .ani_nav_item {
  -moz-transition-duration: 0.45s;
  -o-transition-duration: 0.45s;
  -webkit-transition-duration: 0.45s;
  transition-duration: 0.45s;
  -moz-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
.nav__active:checked ~ .header .ani_nav_list {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.nav__active:checked ~ .header.on--fixed .header__container {
  -webkit-animation-duration: 0s !important;
  -moz-animation-duration: 0s !important;
  -o-animation-duration: 0s !important;
  animation-duration: 0s !important;
}

div.floatCtro {
	width: 3.125vw;
	height: 18.229vw;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100
}

.menu {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 150;
}

.mb .menu {
  /* transform: scale(1.25); */
  transform-origin: center;
  top: 250px;
}
.menu__item::before {
	
}
.menu__item {
  cursor: pointer;
  position: relative;
  transition: opacity 0.225s ease-in-out;
  width: 3.4375vw;
  height: 12.292vw;
  padding-left: 0.46875vw;
	margin-top: -0.625vw;
}
.menu__item:first-child {
	background: url(../images/Floating_testdrive_bg.png) no-repeat center;
  background-size: cover;
}
.menu__item:nth-child(2) {
	background: url(../images/Floating_order_bg.png) no-repeat center;
  background-size: cover;
}
.menu__item:nth-child(3) {
	background: url(../images/Floating_spec_bg.png) no-repeat center;
  background-size: cover;
}
.menu__item:hover .menu__item__text {
  color: #fff;
}

.menu__item__link {
  text-decoration: none;
  z-index: 2;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.menu__item__text {
  color: #feffff;
  font-size: 1.25vw;
  line-height: 1.2;
  font-weight: normal;
  display: block;
  transition: color 0.225s ease-in-out;
}

.menu__item--big {
  
}
.menu__item--big .menu__item__link {
  /* height: 100%; */
  
}


.left_menu {
	position: fixed;
	/* position: absolute; */
	left: 2%;
	top: 0;
	height: 100vh;
	/* bottom: 0; */
	transform: scaleY(0);
	z-index: 9999;
	transition:  all cubic-bezier(0.51, 0.56, 0.31, 0.87) .3s;
}
.left_menu.show {
	transform: scaleY(1);
}
.left_menu__list {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
	/* position:absolute; */
	
}
.left_menu__list:before{
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	top: 0;
	left: 0.36459vw;
	bottom: 0;
	background: #FFFFFF;
	opacity: 0.6;
}

.left_menu__item {width: 100%;}

.menu__item__anchor {
	position: relative;
	padding-left: 1.0427vw;
}


.menu__item__txt {
	display: block;
	transition: background 0.225s ease-in-out;
	color: #A6D5FF;
	font-size: 2.0834vw;
	font-size: 1.4584vw;
	line-height: 5.2084vw;
	padding: 0 1.0417vw;
	position: relative;
	cursor: pointer;
	transition:  all cubic-bezier(0.51, 0.56, 0.31, 0.87) .3s;
}


.menu__item__txt br {
	display: none;
}
.menu__item__dot  {position: absolute;left: -0.2605vw;top: 48%;margin-top: -0.6771vw;transform: scale(.6);width: 1.3542vw;height: 1.3542vw;transition: transform cubic-bezier(0.51, 0.56, 0.31, 0.87) .3s;}
.menu__item__dot:before,
.menu__item__dot:after {
	content: '';
	display: block;
	position: absolute;
	
}
.menu__item__dot:before {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #FFFFFF;
	opacity: 0.5;
}
.menu__item__dot:after {
	left: 0.3646vw;
	top: 0.3646vw;
	width: 0.625vw;
	height: 0.625vw;
	background: #ffffff;
}


.left_menu__item.current .menu__item__txt {
	font-size: 2.0834vw;
	/* font-family: 'arudjingxiheipe1xg30_hv' */
}
.left_menu__item.current .menu__item__dot {
	transform: scale(1);
	
}
.left_menu__item.current .menu__item__txt i:before {
	/* transform: scaleX(1);
	opacity: 1;
	background-image:linear-gradient(to left,transparent,#2ea7e0,transparent); */
}







.container {overflow: hidden;}

.full--width {width: 100%;}
.full--height {min-height: 100vh;}
.full-height {height: 100vh;}
.car-combine {position: relative;}
/* .car-combine::before {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/combine-bg.jpg) no-repeat center top;background-size: 100%;} */


.mobile {display: none !important;}
.pc {display: block !important;}
.section__content {position: relative;}
.section {position: relative;/*overflow: hidden;*/z-index: 10;/* background: #000000; */}




.full__kv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.full__kv__content picture {position: absolute;left: 0;top: 0;right: 0;height: 100vh;}
.full__kv__content {
	width: 100%;
	height: 100%;
}
.full-video {
	width: 100%;
	height: 100%;
}
.video-mobile {
	display: none;
}
.full-video .video-s {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.full-video img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.full__kv__picture {height: 100%;width: 100%;object-fit: cover;object-position: right;}



.section-homepage {position: relative;}
.section-homepage::before {}

.section1__title {
	position: absolute;
	top: 8%;
	left: 4%;
	width: 54%;
}
.section1__title__gif {}
.section1__title__gif img {width: 64.815vh;}

.section-image {}
.section2__title__wrap {
	position: absolute;
	left: 0%;
	right: 0;
	top: 6%;
	text-align: center;
	z-index: 10;
}
.section2__title__img {width: 41.09375vw;height: 16.823vw;background: url('../images/image_title.png') no-repeat center;background-size: cover;margin: 0 auto;}
.section2__title__wrap img {}
.section2__title__img {
	opacity: 0;
	-webkit-transform: translate(40%,40%);
	-moz-transform: translate(40%,40%);
	-ms-transform: translate(40%,40%);
	-o-transform: translate(40%,40%);
	transform: translate(-40%,40%);
	-webkit-transition: opacity .45s ease-in-out, -webkit-transform 0.35s ease-in-out;
	-o-transition: opacity .45s ease-in-out, -o-transform 0.35s ease-in-out;
	-moz-transition: opacity .45s ease-in-out, -moz-transform 0.35s ease-in-out;
	transition: opacity .45s ease-in-out, transform 0.45s ease-in-out;
}

.section2__title__wrap.is--visible .section2__title__img {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0%);
	-ms-transform: translate(0%);
	-o-transform: translate(0%);
	transform: translate(0%);
}




.section2__title__wrap p {font-size: 3.125vw;color:#f36f14;font-family: 'arudjingxiheipe1xg30_hv';transform: skewY(-8deg);}
.section-image-list {position: relative;}
.section-image {
	position: relative;
	margin-top: -11.459vw;
}
.section-image-x1 {
	position: relative;
	height: 77.292vw;
}
.section-image-ix1 {
	position: absolute;
	bottom: -2.084vw;
	left: 0;
	right: 0;
	height: 47.239vw;
	z-index: 1;
}
.section-image-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.section-image-x1-bg {
	background-image: url('../images/X1_start.png');
}
.section-image-ix1-bg {
	background-image: url('../images/iX1_start.png');
}
.section-image-desc {
	position: absolute;
}
.section-image-tit-ch {color: #ffffff;font-size: 2.084vw;line-height: 1.4;letter-spacing: 0.05em;}
.section-image-tit-en {color: #ffffff;font-size: 3.75vw;letter-spacing: 0.05em;line-height: 1.2;}
.section-image-btn {position: relative;width: 17.239vw;height: 5.157vw;padding-left: 1.094vw;padding-top: 1.25vw;cursor: pointer;}
.section-image-btn .image-btn-txt{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url('../images/star_btn_txt.png') no-repeat center;
	background-size: cover;
}
.section-image-btn .image-btn-bg{
	display: block;
	width: 16.146vw;
	height: 3.907vw;
	background: url('../images/star_btn_bg.png') no-repeat center;
	background-size: cover;
	mix-blend-mode: soft-light;
}
.section-image-x1 .section-image-desc {right: 10%;top: 26%;}
.section-image-ix1 .section-image-desc {left: 7%;bottom: 18%;}

.section-X1 {
	margin-top: -7.4%;
	z-index: 11;
}

.section-X1 .section__content {
	height: 87.657vw;
}
.section3__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/X1_image.png') no-repeat center top;
	background-size: cover;
}

.section3__box__bottom {position: absolute;left: 15%;bottom: 12%;z-index: 20;}

.section3__bottom__title {display: flex;}
.section3__bottom__title {
	opacity: 0;
	-webkit-transform: translate(40%,40%);
	-moz-transform: translate(40%,40%);
	-ms-transform: translate(40%,40%);
	-o-transform: translate(40%,40%);
	transform: translate(-40%,40%);
	-webkit-transition: opacity .45s ease-in-out, -webkit-transform 0.35s ease-in-out;
	-o-transition: opacity .45s ease-in-out, -o-transform 0.35s ease-in-out;
	-moz-transition: opacity .45s ease-in-out, -moz-transform 0.35s ease-in-out;
	transition: opacity .45s ease-in-out, transform 0.45s ease-in-out;
}
.section3__box__bottom.is--visible .section3__bottom__title {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0%);
	-ms-transform: translate(0%);
	-o-transform: translate(0%);
	transform: translate(0%);
}
.ani-arrow {
	position: relative;
	display: inline-block;
	width: 3.646vw;
	height: 1.719vw;
	background-image: url('../images/ani-arrow.png');
	background-repeat: no-repeat;
	background-position-y: center;
	background-size: cover;
	animation: aniRight 3s cubic-bezier(0.05, 0, 0.2, 1) infinite;
}
.ani-arrow::before,
.ani-arrow::after {
	display: inline-block;
	display: none;
	opacity: 0;
	background-repeat: no-repeat;
	background-position-y: center;
	width: 1.25vw;
	height: 1.719vw;
}
.ani-arrow::before {
	background-image: url('../images/ani-arrow.png');
	animation: aniRight 3s cubic-bezier(0.05, 0, 0.2, 1) infinite;
	background-position-x: 0px;
	animation-delay: 1.5s;
}

.ani-arrow::after {
	background-image: url('../images/ani-arrow.png');
	animation: aniRight 3s cubic-bezier(0.05, 0, 0.2, 1) infinite;
	background-position-x: -2.344vw;
	animation-delay: 1s;
	margin-left: 1.042vw;
}
@-ms-keyframes aniRight {
	0% {
		opacity: 0;
		transform: translateX(-1.5625vw);
	}

	50% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes aniRight {
	0% {
		opacity: 0;
		transform: translateX(-1.5625vw);
	}

	50% {
		opacity: 1;
		transform: translateX(0);
	}
}
.title-line {
	width: 2px;
	background: #f7f5f2;
	margin: 0 1.042vw;
}
.title-desc {margin-top: -0.78125vw;}
.title-desc p {font-size: 2.084vw;color:#ffffff;line-height: 2;}

.section-external {
	margin-top: -14%;
	z-index: 10;
	position: relative;
}
.section-external::before {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left:0;
	right:0;
	bottom:0;
	background: url('../images/external_bg.png') no-repeat center top;
	background-size: cover;
	height: 110.427vw;
}
.section-external .section__content {
	height: 88.59375vw;
}
.section4__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/X1_external.png') no-repeat center top;
	background-size: cover;
}
.section4__box__top {position: absolute;left:0;right:0;top: 20%;}
.section4__top_title {text-align: center;}
.section4__top_title img {width: 39.6875vw;}
.section4__top_title p {font-size: 2.1875vw;line-height: 1.3;color: #ffffff;letter-spacing: 0.1em;margin-top: 0.78125vw;}

.exterior-gallery-list {position: absolute;left:0;right:0;top:35%;bottom: 24%;}



.gallery-item {position: absolute;z-index: 20;cursor: pointer;}
.animation-gallery .gallery-item {
	opacity: 0;
	-webkit-transform: translate(40%,40%);
	-moz-transform: translate(40%,40%);
	-ms-transform: translate(40%,40%);
	-o-transform: translate(40%,40%);
	transform: translate(-40%,40%);
	-webkit-transition: opacity .45s ease-in-out, -webkit-transform 0.35s ease-in-out;
	-o-transition: opacity .45s ease-in-out, -o-transform 0.35s ease-in-out;
	-moz-transition: opacity .45s ease-in-out, -moz-transform 0.35s ease-in-out;
	transition: opacity .45s ease-in-out, transform 0.45s ease-in-out;
}
.animation-gallery.is--visible .gallery-item {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0%);
	-ms-transform: translate(0%);
	-o-transform: translate(0%);
	transform: translate(0%);
}
.animation-gallery.is--visible .gallery-item:first-child {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.animation-gallery.is--visible .gallery-item:nth-child(2) {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.animation-gallery.is--visible .gallery-item:nth-child(3) {
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.animation-gallery.is--visible .gallery-item:nth-child(4) {
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.exterior-gallery-item:first-child {left: 7.6%;top: 14%;}
.exterior-gallery-item:nth-child(2) {left: 25%;bottom: 10%;}
.exterior-gallery-item:nth-child(3) {right: 4%;top: 24%;right: 12%;top: 22%;}
.exterior-gallery-item:nth-child(4) {right: 12%;bottom: 22%;}
.gallery-item-box {}
.gallery-item-box .gallery-item-txt {font-size: 2.5vw;color:#ffffff;line-height: 1.2;letter-spacing: 0.1em;}
.gallery-item-box .gallery-item-subtxt {font-size: 2.084vw;color:#ffffff;line-height: 1.4;letter-spacing: 0.1em;margin-top: 0.3125vw;}
.exterior-gallery-item:first-child .ani-arrow {margin-left: 1.25vw;}
.exterior-gallery-item:nth-child(4) .ani-arrow {margin-right: 1.25vw;}


.section-internal_frontseat {
	margin-top: -25%;
	z-index: 11;
	position: relative;
}
.section-internal_frontseat .section__content {
	height: 115.15625vw;
}
.section5__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/X1_internal_frontseat.png') no-repeat center top;
	background-size: cover;
}
.section5__box__top {position: absolute;left: 45%;right:0;top: 8.6%;}
.section5__top_title {text-align: center;}
.section5__top_title img {width: 25.15625vw;}
.section5__top_title p {font-size: 2.2vw;line-height: 1.2;color: #ffffff;letter-spacing: 0.1em;margin-top: 1.771vw;}

.internal_frontseat-gallery-list {position: absolute;left:0;right:0;top:17%;bottom: 34%;}
.internal_frontseat-gallery-item:first-child {left: 56%;bottom: 29%;}
.internal_frontseat-gallery-item:nth-child(2) {left: 44%;top: 4%;}
.internal_frontseat-gallery-item:nth-child(3) {left: 46%;bottom: 6%;}
.internal_frontseat-gallery-item:nth-child(4) {left: 4%;bottom: 24%;}

.section-internal_backseat {
	margin-top: -42%;
	z-index: 11;
	position: relative;
}
.section-internal_backseat::before {
	/* content:'';
	display: block;
	position: absolute;
	top: 0;
	left:0;
	right:0;
	bottom:0;
	background: url('../images/blue_bg.png') no-repeat center top;
	background-size: 100% auto; */
	/* height: 2120px; */
}
.section-internal_backseat .section__content {
	height: 107.292vw;
}
.section6__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/X1_internal_backseat.png') no-repeat center top;
	background-size: cover;
}
.internal_backseat-gallery-list {position: absolute;left:0;right:0;top:24%;bottom: 6%;}
.internal_backseat-gallery-item:first-child {left: 40%;bottom: 16%;}
.internal_backseat-gallery-item:nth-child(2) {left: 34%;top: 34%;}
.internal_backseat-gallery-item:nth-child(3) {right: 15%;top: 25%;}

.section-internal_trunk {
	margin-top: -10%;
	z-index: 11;
	position: relative;
}
.section-internal_trunk .section__content {
	height: 98.386vw;
}
.section7__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/X1_internal_trunk.png') no-repeat center top;
	background-size: cover;
}
.internal_trunk-gallery-list {position: absolute;left:0;right:0;top:24%;bottom: 6%;}
.internal_trunk-gallery-item:first-child {left: 33%;bottom: 26%;}

.internal_trunk-gallery-list .gallery-item {cursor: default;}

.section-tech {
	margin-top: -13%;
	z-index: 11;
	position: relative;
}
.section-tech .section__content {
	height: 85.365vw;
}
.section8__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/iX1_tech_bg.png') no-repeat center top;
	background-size: cover;
}

.section8__box__top {position: absolute;left: 6%;right:0;top: 13%;}
.section8__top_title {display: flex;align-items: flex-start;}
.iX1-tech-title {}
.iX1-tech-title img {width: 38.021vw;}
.section8__top_title p {font-size: 2.292vw;line-height: 1.3;color: #ffffff;letter-spacing: 0.05em;margin-left: 2.084vw;transform: skewY(-6deg);}

.iX1-tech-image {position: absolute;left:0;right:0;top: 16%;z-index: 1;height: 70.3125vw;}
.tech-image-road {
	display: block;
	position: absolute;
	left:0;
	top: 0;
	right: 0;
	bottom:0;
	background: url('../images/iX1_tech.png') no-repeat center;background-size: cover;
	
}
.tech-image-car {
	background: url('../images/iX1_tech_car.png') no-repeat center;
	background-size: cover;
	height: 31.71875vw;
	width: 46.928vw;
	position: absolute;
	left: 12%;
	top: 23%;
	animation: aniScale 3s infinite;
}
.tech-image-bg {
	position: absolute;
	top: 21%;
	left: 17%;
	width: 43.90625vw;
	height: 25.9375vw;
	background: url('../images/iX1_tech_carbg.png') no-repeat center;
	background-size: cover;
	z-index: -1;
	animation: aniTranslateX 3s infinite;
}

@keyframes aniScale{
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.05);
	}
}
@keyframes aniTranslateX{
	0% {
		transform: translate(0);
	}
	100% {
		transform: translate(-1.042vw,-1.042vw);
	}
}



.iX1-tech-feature {position: absolute;right: 1.25vw;top: 16%;z-index: 2;}
.iX1-feature-list {height: 56.979vw;width: 36.771vw;}

.iX1-feature-item {position: absolute;transform-origin: left top;transition: all .3s;cursor: pointer;}

.iX1-feature-item-active {top: 17.396vw;left: 0;}
.iX1-feature-item-next {top: 36.667vw;left: 16.459vw;}
.iX1-feature-item-prev {top: 0;left: 16.459vw;}
.iX1-feature-item-active {z-index: 22;}
.iX1-feature-item-prev {transform: scale(0.65);}
.iX1-feature-item-next {transform: scale(0.68);}

.iX1-feature-bg {position: absolute;left: 0;right:0;bottom:0;top:0;}
.iX1-feature-bg::before,
.iX1-feature-bg:after {content: '';display: block;position: absolute;}
.iX1-feature-bg::before {
	width: 5.834vw;
	height: 5.834vw;
	background: #ffffff;
	right: -0.521vw;
	top:-0.521vw;
	z-index: -2;
}
.iX1-feature-bg::after {
	width: 19.0625vw;
	height: 19.0625vw;
	background: #222631;
	left:-1.355vw;
	bottom: -1.355vw;
	z-index: -2;
}


.iX1-feature-image {width: 26.042vw;height: 26.042vw;position: relative;z-index: 1;background-repeat: no-repeat;background-position: center;background-size: cover;filter: drop-shadow(3px 3px 10px rgba(0,0,0,.2));}
.iX1-feature-info {position: absolute;right: 0.521vw;bottom: -0.521vw;z-index: 22;width: 21.875vw;height: 5vw;display: flex;align-items: center;justify-content: center;}
.iX1-feature-info::before {content:'';display: block;position: absolute;left:0;top:0;bottom:0;right:0;;background: #ffffff;transform: skewX(-20deg);box-shadow: 2px 2px 10px rgba(0,0,0,.5);z-index: -1;}
/* .iX1-feature-info::before {content:'';display: block;position: absolute;left:0;top:0;width: 468px;height: 108px;background: url('../images/iX1_tech_txtbg.png') no-repeat center;background-size: cover;z-index: -1;} */
.iX1-feature-info::after {content: '';display: block;position: absolute;left: 0;right:0;bottom:0;top:0;background: rgba(0,0,0,.6);transform: skewX(-20deg);}
.iX1-feature-info p {font-size: 1.459vw;color: #003f8f;line-height: 1.2;text-align: center;transition: all .3s;font-family: 'arudjingxiheipe1xg30_hv';}


.iX1-feature-item-prev .iX1-feature-image {}
.iX1-feature-inner {position: relative;}
.iX1-feature-inner::before {content:'';display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;background: url('../images/iX1_tech_2_thumb_bg.png') no-repeat center;background-size: cover;}
.iX1-feature-item::before,
.iX1-feature-item:after {content: '';display: block;position: absolute;}
.iX1-feature-item::before {
	width: 5.834vw;
	height: 5.834vw;
	background: rgba(0,0,0,.6);
	right: -0.521vw;
	top:-0.521vw;
	z-index: -1;
}
.iX1-feature-item::after {
	width: 19.0625vw;
	height: 19.0625vw;
	background: rgba(0,0,0,.6);
	left:-1.355vw;
	bottom: -1.355vw;
	z-index: -1;
}

.iX1-feature-item-active .iX1-feature-inner::before {display: none;}
.iX1-feature-item-active .iX1-feature-info::after {display: none;}
.iX1-feature-item-active .iX1-feature-info p {font-family: 'arudjingxiheipe1xg30_hv'}
.iX1-feature-item-active .iX1-feature-info p i {font-family: 'BMWTypeNextLatinTT-Regular'}
.iX1-feature-item-active.iX1-feature-item::before,
.iX1-feature-item-active.iX1-feature-item:after {display: none;}


.section-iX1_image {
	margin-top: -20%;
	z-index: 11;
	position: relative;
}
.section-iX1_image .section__content {
	height: 79.21875vw;
}
.section9__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/iX1_image.png') no-repeat center top;
	background-size: cover;
}

.section9__box__top {position: absolute;left: 24%;right:0;top: 7.8%;}
.section9__top_title {display: flex;align-items: flex-end;}
.iX1-image-title {}
.iX1-image-title img {width: 38.125vw;}
.section9__top_title p {font-size: 2.292vw;line-height: 2.5;color: #ffffff;letter-spacing: 0.05em;margin-right: 2.084vw;transform: skewY(-6deg);}

.iX1-image-info {position: absolute;left: 7%;top: 33.5%;}
.iX1-image-infotit {display: flex;align-items: center;position: relative;}
.iX1-image-infotit:after {
	content: '';
	display: block;
	width: 18.28125vw;
	height: 16.71875vw;
	position: absolute;
	background: url('../images/iX1_image_cover.png') no-repeat center;
	background-size: cover;
	bottom:-35%;
	right: 10%;
}
.iX1-image-infotit p {font-size: 2.292vw;line-height: 1.4;color: #ffffff;letter-spacing: 0.2em;margin-top: 2.605vw;}
.iX1-image-infotit p:last-child {font-size: 21.459vw;letter-spacing: 0.025em;line-height: 1;margin-top: 0;}
.iX1-image-infotit p span:first-child {padding-left: 0.209vw;}
.iX1-image-infosub {font-size: 3.334vw;line-height: 1.3;color: #ffffff;letter-spacing: 0.075em;}
.iX1-image-infodesc {display: flex;margin-top: 6.771vw;}
.iX1-image-infodesc {
	opacity: 0;
	-webkit-transform: translate(40%,40%);
	-moz-transform: translate(40%,40%);
	-ms-transform: translate(40%,40%);
	-o-transform: translate(40%,40%);
	transform: translate(-40%,40%);
	-webkit-transition: opacity .45s ease-in-out, -webkit-transform 0.35s ease-in-out;
	-o-transition: opacity .45s ease-in-out, -o-transform 0.35s ease-in-out;
	-moz-transition: opacity .45s ease-in-out, -moz-transform 0.35s ease-in-out;
	transition: opacity .45s ease-in-out, transform 0.45s ease-in-out;
}
.iX1-image-infodesc.is--visible {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
	opacity: 1;
	-webkit-transform: translate(0);
	-moz-transform: translate(0%);
	-ms-transform: translate(0%);
	-o-transform: translate(0%);
	transform: translate(0%);
}
.ani-arrow-blue {background-image: url('../images/ani-arrow-blue.png');}
.iX1-image-infodesc .title-line {background-color: #151c26;}
.title-desc span {color:#fefeff;font-size: 1.042vw;line-height: 1.2;margin-top: 1.042vw;display: block;}
.title-desc span:last-child {margin-top: 0.521vw;}

.section-iX1_highlight {
	margin-top: -7%;
	z-index: 10;
	position: relative;
}
.section-iX1_highlight .section__content {
	height: 61.459vw;
}
.section10__bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/iX1_highlight.png') no-repeat center top;
	background-size: cover;
}

.section10__box__top {padding-top: 7%;}
.section10__top_title {text-align: center;}
.iX1-highlight-title {}
.iX1-highlight-title img {width: 26.459vw;}
.section10__top_title p {font-size: 2.292vw;line-height: 2.5;color: #ffffff;letter-spacing: 0.1em;}
  
.section10__box__main {padding: 0 0.3125vw;}
.iX1-highligh-swiper {padding: 2.084vw 0 5.209vw;}
.iX1-highligh-swiper .swiper-slide {opacity: .6;}
.iX1-highligh-swiper .swiper-slide-active {opacity: 1;}
.iX1-highligh-item {position: relative;}
.iX1-highligh-bg {position: absolute;left: 0;right:0;bottom:0;top:0;}
.iX1-highligh-bg::before,
.iX1-highligh-bg:after {content: '';display: block;position: absolute;}
.iX1-highligh-bg::before {
	width: 7.448vw;
	height: 7.448vw;
	background: #ffffff;
	right: -0.834vw;
	top:-0.834vw;
	z-index: -2;
}
.iX1-highligh-bg::after {
	width: 24.167vw;
	height: 24.167vw;
	background: #222631;
	left:-1.771vw;
	bottom: -1.771vw;
	z-index: -2;
}

.iX1-highligh-image {width: 33.125vw;height: 33.125vw;position: relative;z-index: 1;background-repeat: no-repeat;background-position: center;background-size: cover;filter: drop-shadow(7px 7px 18px rgba(8,20,70,.75));}
.iX1-highligh-info {position: absolute;left: 50%;bottom: -0.521vw;z-index: 22;margin-left: -10.15625vw;width: 20.3125vw;height: 5vw;display: flex;align-items: center;justify-content: center;}
.iX1-highligh-info::before {content:'';display: block;position: absolute;left:0;top:0;bottom:0;right:0;;background: #ffffff;transform: skewX(-20deg);box-shadow: 2px 2px 10px rgba(0,0,0,.5);z-index: -1;}
.iX1-highligh-info::after {content:'';display: block;position: absolute;right:0;top:0;width: 0.625vw;height: 5vw;background: #9ea2ab;transform: skewX(-20deg);}

.iX1-highligh-info p {font-size: 1.667vw;color: #003f8f;line-height: 1.2;text-align: center;transition: all .3s;font-family: 'arudjingxiheipe1xg30_hv';}

.iX1-highligh-swiper .swiper-pagination {bottom: 0.261vw;}
.iX1-highligh-swiper .swiper-pagination .swiper-pagination-bullet {width: 0.521vw;height: 0.521vw;border:1px solid #ffffff;opacity: 1;margin: 0 0.78125vw !important;}
.iX1-highligh-swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: #FFFFFF;}


.gallery-info-power {}
.gallery-info-wrapper {position: relative;display: flex;padding: 3.704vh 1.852vh 0;}
.gallery-info-icon {flex-shrink: 0;width: 14.723vh;height: 14.815vh;position: relative;}
.icon-power {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: block;;width: 5.741vh;height: 8.982vh;margin:0 auto;background: url('../images/icon_power.png') no-repeat center;background-size: cover;}

.gallery-info-circle {position: relative;width: 100%;height: 100%;z-index: 1;}
.gallery-info-circle::before {content:'';z-index:-1;border-radius: 50%;border: 2px solid #40accf;position: absolute;left: 2px;top: 2px;right: 2px;bottom: 2px;}
.circleWrapper{
  width: 7.4075vh;
  height: 14.815vh;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.right{
  right: 0;
}
.left{
  left: 0;
}
.circleProgress{
  width: 14.815vh;
  height: 14.815vh;
  border: 6px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg);
}
.rightcircle{
  border-top:6px solid #03b2fc;
  border-right:6px solid #03b2fc;
  right: 0;
	/* infinite */
  -webkit-animation: circleProgressLoad_right 1.5s linear;
	-webkit-animation-play-state: paused;
}
.leftcircle{
  border-bottom:6px solid #03b2fc;
  border-left:6px solid #03b2fc;
  left: 0;
  -webkit-animation: circleProgressLoad_left 1.5s linear;
	-webkit-animation-play-state: paused;
}

.swiper-slide-active .rightcircle,
.swiper-slide-active .leftcircle {-webkit-animation-play-state: running;}

@-webkit-keyframes circleProgressLoad_right{
	0%{
		 
			-webkit-transform: rotate(-135deg);
	}
	50%,100%{
			
			-webkit-transform: rotate(45deg);
	}
}
@-webkit-keyframes circleProgressLoad_left{
	0%,50%{
	 
			-webkit-transform: rotate(-135deg);
	}
	100%{
		 
			-webkit-transform: rotate(45deg);
	}
}
.gallery-info-content {padding-left: 1.852vh;margin-top: -1.667vh;}


.gallery-info-inline {display: block;}
.swiper-slide-power .gallery-info-content p {font-size: 2.408vh;font-family: 'arudjingxiheipe1xg30_hv';}
.gallery-info-content p i {font-style: normal;}
.gallery-info-content span {font-size: 1.667vh;line-height: 1.2;color:#000000;margin-top: 0.926vh;display: block;font-family: 'arudjingxiheipe1xg30_hv';transform: skewY(-6deg);}

.swiper-slide-power .gallery-info .gallery-info-title {bottom: 6% !important;}





/* forms tart */
.form {
  
}

.form__cluid {
  
}

.form__loading {
  position: fixed;
  top: -100vh;
  left: -100vw;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity 0.45s ease-in-out;
  -o-transition: opacity 0.45s ease-in-out;
  -moz-transition: opacity 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out;
}
.form__result {
  position: fixed;
  top: -100vh;
  left: -100vw;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  /* background: rgba(255, 255, 255, 0.8); */
  z-index: 9999;
  opacity: 0;
  -webkit-transition: opacity 0.45s ease-in-out;
  -o-transition: opacity 0.45s ease-in-out;
  -moz-transition: opacity 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out;
}
.form__loading.on--visible,.form__result.on--visible {
  top: 0;
  left: 0;
  opacity: 1;
}

.form__loading__text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: white;
  text-align: center;
  -webkit-transform: translateX(-50%) translateY(-100%);
  -moz-transform: translateX(-50%) translateY(-100%);
  -ms-transform: translateX(-50%) translateY(-100%);
  -o-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
}
.form__result-center {
	position: absolute;
	width: 56%;
	top: 50%;
	left: 50%;
	padding: 6% 0 5%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	/* background: rgba(255,255,255,.9) url(../images/dialog-bg.png) no-repeat center bottom; */
	background-size: 100%;
}
.form__result-text {font-size: 2.2917vw;color: #FFFFFF;line-height: 1.25;text-align: center;}
.form__result-btn {margin: 2.0834vw auto 0;border: 0;padding: 0;display: block;-webkit-appearance: none;}
.form__result-btn .btn__border {}


.form-model {position: relative;text-align: center;margin-bottom: 3.125vw;}
.form-model .form__item {width: 14.5834vw;margin: 0 auto;}
.form-model .form__item__title {font-size: 1.25vw;line-height: 2;padding: 0;color: #FFFFFF;opacity: 1 !important;letter-spacing: 0.2em;opacity: 1;transform: none !important;}
.form-model .form__cluid {padding-left: 9.375vw;position: relative;}
.form-model .form__cluid .form__select {position: relative;width: 6.25vw;}

.form__column {padding: 0 5%;}

.form-section_row .row {width: 100%;font-size: 0;}




.form__frame {
  
}

.form__frame, .form__frame--left, .form__frame--right {
  position: relative;
  display: block;
  padding-left: 0.41667vw;
  padding-right: 0.41667vw;
  /* padding-left: 20px;
  padding-right: 20px; */
}
.form__item .test {
	margin-top: 0.52084vw;
}
.form__frame--left {
  float: left;
}

.form__frame--right {
  float: right;
}

.form__item {
  position: relative;
}
.form__row .form__item {width: 45%;}
.form__row .form__item:nth-child(2n) {margin-left: 10%;}
.form__item input, .form__item select, .form__item textarea, .form__item__placeholder, .form__item__title, .form__item__text, .form__item__msg {
  -webkit-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

.form-model .form__item input,.form-model  .form__item select,.form-model  .form__item textarea,.form-model  .form__item__placeholder {
	height: 2.5vw;
	font-size: 0.125vw;
}

.form__item input, .form__item select, .form__item textarea, .form__item__placeholder {
  width: 100%;
  background: none;
  font-size: 1.25vw;
  height: 3.125vw;
  padding: 0.4167vw;
  border: none;
  color: #FFFFFF;
  line-height: 1.5;
  /* font-family: 'BMWTypeNextLatinTT-Regular'; */
}

.form__item input, .form__item select, .form__item textarea {
  position: relative;
  /* overflow: hidden; */
  outline: none;
  border: none;
  -webkit-box-shadow: 0 0 0 #FFFFFF;
  -moz-box-shadow: 0 0 0 #FFFFFF;
  box-shadow: 0 0 0 #FFFFFF;
  z-index: 1;
}

.form-section_row {font-size: 0;}
.form-section_row .col {display: inline-block;position: relative;vertical-align: top;font-size: 0.8334vw;}
.form-section_check {margin-top: 1.52625vw;padding: 0 5%;margin-left: -0.41667vw;margin-right: -0.41667vw;}










.form__item textarea {
  height: 6.25rem;
}

.form__item:not(.is--empty) .form__item__placeholder,
.form__item.is--focus .form__item__placeholder {
  display: none;
}

.form__item select option {
  color: black !important;
}

.form__item__title {
  padding: 0.3125vw 0.8334vw;
  padding-left: 0.5209vw;
  font-size: 1.459vw;
  color: #FFFFFF;
  line-height: 1.5;
  letter-spacing: 0.2em;
  -webkit-transform-origin: 0.55556rem 50%;
  -moz-transform-origin: 0.55556rem 50%;
  -ms-transform-origin: 0.55556rem 50%;
  -o-transform-origin: 0.55556rem 50%;
  transform-origin: 0.55556rem 50%;
  text-align: left;
  float: left;
}

.form__item__title:empty {
  display: none;
}

.form__item__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .8;
}

.form__item__text {
  font-size: 1.042vw;
  line-height: 1.8;
  /* letter-spacing: 0.2em; */
  color: #FFFFFF;
  overflow: hidden;
  display: block;
}
.form__radiobox .form__item__text {font-size: 1.459vw;}
.form__item__msg {
	position: absolute;
  padding: 0 0.4167vw;
  font-size: 0.625vw;
  line-height: 1.5;
  vertical-align: middle;
  white-space: nowrap;
  color: white;
}

.form__item__msg--normal, .form__item__msg--error, .form__item__msg--current {
  /* padding: 0.25rem 0.5rem 0 0.5rem; */
  font-weight: bold;
  display: none;
}

.form__item__msg--normal {
  display: block;
  color: white;
}

.is-error .form__item__msg--normal, .is-current .form__item__msg--normal {
  display: none;
}

.form__item__msg--error {
  color: #d50000;
}

.is-error .form__item__msg--error {
  display: block;
}

.form__item__msg--current {
  color: #00c471;
}

.is-current .form__item__msg--current {
  display: block;
}

.form__item__nav {
  position: relative;
  margin-bottom: 0;
  padding: .25rem 0 0 0;
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
}

.form__item__nav--left {
  text-align: left;
}

.form__item__nav--right {
  text-align: right;
}

.form__item__checkbox, .form__item__radiobox {
  width: 0.8334vw;
  height: 0.8334vw;
  margin-right: 0.625vw;
  border: 1px solid rgba(255,255,255,.5);
  float: left;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}

.form__item__checkbox::before {
  border-color: white;
}

.form__item__radiobox {
  margin-top: 0.625vw;
  margin-bottom: 2px;
}

.form__item__radiobox::before {
  background: white;
}

.form__item__checkbox + .form__item__text, .form__item__radiobox + .form__item__text {
  margin-top: 2px;
  margin-bottom: 0.31125vw;
  overflow: hidden;
}

.form__input,
.form__textarea,
.form__select {height: 36px;position: relative;height: 3.125vw;}


.form__input::after, .form__textarea::after, .form__select::after {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  height: 1px;
  /* background: rgba(221,221,221,.5); */
  background: rgba(255,255,255,.5);
  -moz-background-clip: content-box;
  -o-background-clip: content-box;
  background-clip: content-box;
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	z-index: 9;
}

.form-model  .form__select::after {display: none;}

.form__select__arrow {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0.3125vw 0.41667vw;
  width: 0.8334vw;
  height: 1.0417vw;
  z-index: 10;
}
.form-model .form__select__arrow {margin: 0.625vw 0.0417vw;right: 1.3542vw;}

.form__checkbox:not(:last-child), .form__radiobox:not(:last-child) {
  margin-right: 2.0834vw;
}

.form__textarea {
  height: 6.25rem;
}

.form__radiobox {
  display: inline-block;
  /* cursor: pointer; */
  position: relative;
}
.form__radiobox input {position: absolute;left: 0;top: 0;}
.testdrive__sub {
	margin-bottom: 1.0417vw; 
}

.form__item {
  margin-bottom: 2.0834vw;
}

.form__item--subscribe {
  margin-bottom: 0.7292vw;
  margin-bottom: 0;
}

.form__item--subscribe .form__item__msg--error, .form__item--privacy .form__item__msg--error {
  text-align: left;
}

.form__item__title:not(.form__frame) {
  position: absolute;
  top: 0;
  left: 0;
}

.form__item__title:not(.form__frame) ~ .form__cluid {
  margin: 0 -0.4167vw;
}

.form__item__msg--error {
  width: 100%;
  text-align: right;
  display: block;
}

.form__item.is--focus .form__item__title:not(.form__frame),
.form__item:not(.is--empty) .form__item__title:not(.form__frame) {
  opacity: .65;
  -webkit-transform: translateY(-1.5vw) scale(0.85);
  -moz-transform: translateY(-1.5vw) scale(0.85);
  -ms-transform: translateY(-1.5vw) scale(0.85);
  -o-transform: translateY(-1.5vw) scale(0.85);
  transform: translateY(-1.5vw) scale(0.85);
}

.form__cluid {
  overflow: hidden;
  padding-left: 0.4167vw;
  padding-right: 0.4167vw;
}

#testdrive {
  position: relative;
  display: block;
  min-height: 100vh;
  height: auto;
}
#testdrive .full__kv__content picture {height: auto;bottom: 0;}
#testdrive .full__kv__picture {
	
}
.testdrive__section {position: relative;}
.testdrive__section::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url('../images/testdrive_bg.png') no-repeat center;
	background-size: cover;
}
.testdrive__content {
	padding: 1.667vw 0 2.5vw;
	/* background: url(../images/X7testdrive_background.png) no-repeat center;
	background-size: cover; */
}
.testdrive__form {
  /* min-height: 100vh; */
	padding-top: 2.084vw;
	padding-bottom: 2.084vw;
  padding-left: 2.34375vw;
  padding-right: 2.34375vw;
  max-width: 86.979vw;
  position: relative;
  white-space: normal;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
	background: rgba(0,0,0,.6);
}

.testdrive__form {
  /* -moz-background-clip: content-box;
  -o-background-clip: content-box;
  background-clip: content-box;
  z-index: 1; */
}

.testdrive__form .form__item select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("../images/select-down.png") no-repeat center right 1.042vw transparent;
	background-size: 2.34375vw;
	/* background-size: 45px; */
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 1.042vw;
	font-size: 1.25vw;
	font-family: 'arudjingxiheipe1xg30_md';
}

.testdrive__form .form__item select option {
	color: black !important;
}
.margin-auto {margin: 0 auto;padding:0;}
.form__column_currentcar .form__item {width: 100%;}

.form__column {
  width: 50%;
}
.form__row {width: 100%;}

.testdrive__title {
  margin-bottom: 2.605vw;
  display: block;
  color: #FFFFFF;
  font-size: 3.646vw;
  line-height: 1.2;
  letter-spacing: 0.4em;
	text-align: center;
}
.testdrive__sub {
  display: block;
  color: #FFFFFF;
  font-size: 1.25vw;
  line-height: 1.5;
  margin-bottom: 1.5625vw;
  padding: 0 5%;
}
.form__title {font-size: 1.875vw;padding-left: 0.4167vw;line-height: 1.2;color: #f36b16;margin-bottom: 1.25vw;letter-spacing: 0.025em;}
.testdrive__btnGroup {
  text-align: center;
  /* margin-top: 60px; */
}
.testdrive__btnGroup .btn {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}
.testdrive__btnGroup .btn__link {
  
}
.testdrive__btnGroup .btn__text {
  z-index: 1;
  font-size: 1.875vw;
  line-height: 2.5vw;
  letter-spacing: 0.51em;
  font-style: italic;
  font-family: 'arudjingxiheie1xg30_hv';
  text-shadow: rgba(255,255,255,1) 1px 0 0, rgba(255,255,255,1) 0 1px 0, rgba(255,255,255,1) -1px 0 0, rgba(255,255,255,1) 0 -1px 0;
  -webkit-transition: color 0.45s ease-in-out;
  -o-transition: color 0.45s ease-in-out;
  -moz-transition: color 0.45s ease-in-out;
  transition: color 0.45s ease-in-out;
  display: block;
}
.btn__link .btn__border {
	color: #FFFFFF;
	background: #f36b16;
	display: block;
	width: 20.625vw;
	height: 4.479vw;
	font-size: 2.084vw;
	line-height: 4.479vw;
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	font-family: 'arudjingxiheipe1xg30_md';
	letter-spacing: 0.1em;
}
.btn__link .btn__border::after {content: '';position: absolute;top: 0;left: 0;width: 1000%;height: 1100%;background: #f36b16;z-index: -1;transform-origin: 0% 0%;transform: translateX(calc(20% - 25px)) translateY(15%) rotate(-45deg);transition: transform .3s;}
.btn__link .btn__border:hover::after {transform: translateY(5%) translateX(-2.605vw) rotate(-45deg);}
/* .testdrive__btnGroup .btn__border::before,
.testdrive__btnGroup .btn__border::after {content: '';display: inline-block;margin: 0 10px;width: 21px;height: 14px;background: url(../images/title-down.png) no-repeat center;background-size: cover;vertical-align: middle;}
 */



.testdrive__notice {
  margin-left: 4rem;
  width: auto;
  position: relative;
  top: -6rem;
  display: inline-block;
  text-align: left;
  color: white;
}

.testdrive__series {
  margin-left: -1.5rem;
}

.testdrive__series .form__select {
  height: 3.91667rem;
}

.testdrive__series .form__select::after {
  opacity: 0;
}

.testdrive__series .form__select__arrow {
  /* width: 1.66667rem;
  height: 1.66667rem;
  -webkit-transform: translateY(10%) scaleY(0.8);
  -moz-transform: translateY(10%) scaleY(0.8);
  -ms-transform: translateY(10%) scaleY(0.8);
  -o-transform: translateY(10%) scaleY(0.8);
  transform: translateY(10%) scaleY(0.8); */
}

.testdrive__series .form__item {
  margin-bottom: 0;
}

.testdrive__series .form__item select {
  height: 3.91667rem;
  padding: 0.5rem 2.66667rem 0.5rem 0.5rem;
  font-size: 1.66667rem;
  color: black;
}

.testdrive__series .form__item select option {
  color: black !important;
}

.testdrive__series .form__item .icon--arrow--bottom::before {
  border-top-color: black;
}

.icon--arrow--bottom::before {
  /* content: "";
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 13px;
  height: 12px;
  margin: 6px auto 0;
  background: url(../images/select-down.png) no-repeat center;
  background-size: cover; */
}

.btn__icon::before, .icon--custom::before, .icon--custom::after {
  content: "";
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=range] {
  margin: 0;
  width: 100%;
  height: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=range], input[type=range]:focus {
  outline: none;
}

input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-webkit-slider-runnable-track, input[type=range]::-moz-range-track, input[type=range]::-ms-track {
  width: 100%;
  height: 1.5rem;
  cursor: pointer;
  animate: 0.2s;
}

input[type=range]::-webkit-slider-runnable-track, input[type=range]::-moz-range-track, input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  border: 0px solid black;
  -webkit-border-radius: 1.5rem;
  border-radius: 1.5rem;
}

input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  border-radius: 3rem;
}

input[type=range]::-webkit-slider-runnable-track, input[type=range]:focus::-webkit-slider-runnable-track, input[type=range]::-moz-range-track, input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper, input[type=range]:focus::-ms-fill-lower, input[type=range]:focus::-ms-fill-upper {
  background: black;
}

input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb, input[type=range]::-ms-thumb {
  width: 2.5rem;
  height: 1.5rem;
  background: white;
  -webkit-box-shadow: 0px 0px 0 2px black inset;
  box-shadow: 0px 0px 0 2px black inset;
  -webkit-border-radius: 1.5rem;
  border-radius: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

input[type=range]::-moz-range-thumb, input[type=range]::-moz-focus-outer {
  border: 0;
  outline: none;
}

.selectbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.selectbox::-ms-expand {
  display: none;
  appearance: none;
}

.radiobox, .checkbox {
  width: 1.459vw;
  height: 1.459vw;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF;
  -moz-box-shadow: 0 0 0 1px #FFFFFF;
  box-shadow: 0 0 0 1px #FFFFFF;
}
.form-section_check .radiobox,
.form-section_check .checkbox{
	width: 1.042vw;
	height: 1.042vw;
	margin-top: 8px;
}
.radiobox__active, .checkbox__active {
  display: none;
}

.radiobox::before, .radiobox::after, .checkbox::before, .checkbox::after {
  opacity: 0;
  content: "";
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.radiobox {
  
}

.radiobox::before {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.radiobox__active:checked + .radiobox {border-color: #FFFFFF;}
.radiobox__active:checked + .radiobox::before {
  opacity: 1;
}

.checkbox::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.checkbox__active:checked + .checkbox {border-color: #FFFFFF;}
.checkbox__active:checked + .checkbox::before {
  opacity: 1;
  background: #FFFFFF;
}

.form__item__checkbox::before {
  border-color: #FFFFFF;
}

.radiobox::before, .radiobox::after, .checkbox::before, .checkbox::after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.sectiob__link {
  display: none;
}

.footer {
  bottom: 0;
  width: 100%;
  z-index: 190;
  overflow: hidden;
}

.footer__section {
  background: #000000;
}

.footer__content {
  max-width: 992px;
  padding: 2.0834vw 0.4167vw;
  text-align: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.footer__text {
  padding: 0.8334vw 0.4167vw;
  font-size: 0.0625vw;
  line-height: 1;
}

.privacy__text, .privacy__nav__link {
  padding: 0 0.4167vw;
}

.privacy__text, .privacy__nav__text {
  color: #FFFFFF;
  position: relative;
}

.privacy__text::after, .privacy__nav__text::after {
  background: #FFFFFF;
}

.privacy__text {
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.25); */
  display: inline-block;
  font-size: 1.0417vw;
  font-size: 0.9375vw;
  line-height: 1.5;
}

.privacy__nav {
  text-align: center;
  line-height: 1.5;
}

.privacy__nav__text {
  font-size: 1.0417vw;
  font-size: 0.9375vw;
  position: relative;
  line-height: 1.5;
}
.privacy__nav__text::after {
	content: '';
	position: absolute;
	    left: 0;
	    right: 0;
	    top: 100%;
	    margin: 2px auto 0 auto;
	    width: 100%;
	    height: 2px;
	    background: #FFFFFF;
	    -moz-background-clip: content-box;
	    -o-background-clip: content-box;
	    background-clip: content-box;
	    display: block;
	    -webkit-transform: scaleX(0);
	    -moz-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	    -o-transform: scaleX(0);
	    transform: scaleX(0);
	    -webkit-transition: -webkit-transform .25s ease-in-out;
	    transition: -webkit-transform .25s ease-in-out;
	    -o-transition: -o-transform .25s ease-in-out;
	    -moz-transition: transform .25s ease-in-out, -moz-transform .25s ease-in-out;
	    transition: transform .25s ease-in-out;
	    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out, -moz-transform .25s ease-in-out, -o-transform .25s ease-in-out;
	
}
.privacy__nav__btn:hover .privacy__nav__text::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}


.privacy__nav__link {
  text-decoration: none;
}

.privacy__nav__btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.privacy__nav__btn_icon .privacy__nav__link {
	padding: 0 0.3125vw;
}

.privacy__nav__icon {
  height: 1.25vw;
  vertical-align: middle;
}
.privacy__nav__icon g {
	stroke: #FFFFFF;
}
.btn--top {display: none;}



.gallery-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0,0,0,.8);animation: showScale .5s both;}
@keyframes showScale{
	from{opacity: 0;-ms-transform: scale(0.5);transform: scale(0.5);}
	to{opacity: 1;-ms-transform: scale(1);transform: scale(1);}
}
.gallery-popup.is--visible {opacity: 1;transform: scale(1);width: 100%;height: 100%;bottom: 0;left: 0;}


.gallery-wrapper {position: absolute;left: 50%;top:0;bottom:0;transform: translateX(-50%);width: 68.889vh;overflow: hidden;}
/* width: 704px;height: 900px; */

.gallery-popup-close {position: absolute;z-index: 1000;right: 0;top: 0.556vh;width: 6.297vh;height: 6.297vh;background-color: rgba(0,0,0,.75);transition: all .5s ease;cursor: pointer;}
.gallery-popup-close::before,
.gallery-popup-close::after {content: '';position: absolute;top: 50%;left: 50%;background: #FF9857;width: 6.297vh;height: 1px;margin-left: -3.1485vh;transform: rotate(-45deg);transition: .5s transform ease;}

.gallery-popup-close::after {transform: rotate(45deg);}
.gallery-popup-close:hover::before {transform: rotate(0);}
.gallery-popup-close:hover::after {transform: rotate(180deg);}
.gallery-swiper {height: 100%;width: 100%;}
.gallery-swiper .swiper-wrapper {}
.gallery-swiper .swiper-slide {position: relative;overflow: hidden;padding: 13.889vh 1.852vh 2.778vh;}
.gallery-swiper .gallery-bg {background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;}
.gallery-swiper .gallery-container {position: absolute;;top:50%;left:0;right:0;transform: translateY(-50%);margin: 0 auto;display: flex;flex-direction: column;align-items: center;padding: 0 1.5625vw;} 
.gallery-inner {width: 100%;height: 100%;position: relative;}
.gallery-swiper .gallery-img {width: 65.186vh;height: 54.815vh;background-repeat: no-repeat;background-position: center;background-size: cover;/*-webkit-mask-image:url("../images/cover.png");-webkit-mask-size: 100% 100%;*/z-index: 1;}
.gallery-info:before {content: '';display: block;position: absolute;left: 1.667vh;right: 1.852vh;;top: 0;bottom: 0;background: url('../images/swiper_bg.png') no-repeat center bottom;background-size: 100%;z-index: -1;}
/* .gallery-swiper .gallery-img img {width: 100%;height: 100%;display: block;object-fit: cover;opacity: 1;transition: all .5s ease;transform: scale(1) translate3d(0,0,0);} */
/* .gallery-swiper .swiper-slide-active .gallery-img img {transform: scale(1) translate3d(0,0,0);opacity: 1;} */
.gallery-info {position: relative;padding-bottom: 6.482vh;}
.gallery-info-inner {opacity: 0;transform: rotateX(-25deg) translate3d(0,2.084vw,0);transition: all .3s ease;}
.gallery-swiper .swiper-slide-active .gallery-info {transition: opacity 0.4s ease 0s;}
.gallery-swiper .swiper-slide-active .gallery-info-inner {opacity: 1;transform: rotateX(0deg) translate3d(0px, 0px, 0px);}
.gallery-info-title {position: absolute;left: 50%;top: -11.112vh;margin-left: -30.926vh;z-index: 1;width: 61.852vh;height: 20.741vh;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.gallery-info-title::before {
	content: '';
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 65.741vh;
	height: 25vh;
	background: url('../images/slide_title_bg.png') no-repeat center;
	background-size: cover;
	z-index: -1;
}
.gallery-info-title p {font-size: 5.186vh;line-height: 1.5;letter-spacing: 0.01em;color: #f36f14;text-align: center;transform: rotate(-6deg);}
/* .swiper-slide0 .gallery-info-title i {transform-origin: 38% 74%;margin: 10px 0;}
.swiper-slide2 .gallery-info-title i {transform-origin: 38% 74%;margin: 10px 0;} */
.gallery-internal_backtseat .gallery-info-title p {font-size: 4.074vh;}
.gallery-internal_frontseat .swiper-slide3 .gallery-info-title p {font-size: 4.074vh;}


.gallery-info .gallery-info-desc {position: relative;width: 65.926vh;height: 27.778vh;display: flex;align-items: center;justify-content: center;margin-left: -0.37vh;margin-top: -6.482vh;z-index: 1;}
.gallery-info .gallery-info-desc::before {
	content: '';
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 67.129vh;
	height: 30.556vh;
	background: url('../images/slide_desc_bg.png') no-repeat center;
	background-size: cover;
	z-index: -1;
}
.gallery-info-desc p {font-size: 2.963vh;line-height: 1.4;letter-spacing: 0.01em;;color: #000000;font-family: 'arudjingxiheipe1xg30_hv';transform: skewY(-6deg);}


.gallery-swiper .swiper-pagination {bottom: 2%;} 
.gallery-swiper .swiper-pagination-bullet {width: 1.667vh;height: 1.667vh;border: 2px solid #FFFFFF;opacity: 1;margin: 0 1.482vh !important;}
.gallery-swiper .swiper-pagination-bullet-active {opacity: 1;background: #FFFFFF;}


.gallery-swiper {
	--swiper-theme-color: #ff6600;/* 设置Swiper风格 */
	--swiper-navigation-color: #ffffff;/* 单独设置按钮颜色 */
	/* --swiper-navigation-size: 200px;/* 设置按钮大小 */ */
}
.gallery-swiper .swiper-button-next,
.gallery-swiper .swiper-button-prev {
	width: 4.445vh;
	height: 7.5vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 1;
	transition: opacity .3s;
  max-width: none;
	outline: none;
	filter: drop-shadow(3px 3px 10px rgba(0,0,0,.7));
	margin-top: -12.963vh;
}
.gallery-swiper .swiper-button-next {
	background-image: url('../images/arr_next.png');
	right: 4%;
}
.gallery-swiper .swiper-button-prev {
	background-image: url('../images/arr_prev.png');
	left: 4%;
}
.blue-car .gallery-swiper .swiper-button-prev {}
.gallery-swiper .swiper-button-next:hover,
.gallery-swiper .swiper-button-prev:hover {
	opacity: 1;
}
.gallery-swiper .swiper-button-next:after,
.gallery-swiper .swiper-button-prev:after {
	display: none;
}

.blue-car .gallery-popup-close::before,
.blue-car .gallery-popup-close::after {
	background: #03b2fc;
}
 
.blue-car .gallery-info .gallery-info-title::before {}
.blue-car .gallery-info-title p {color: #03b2fc;line-height: 1.12;font-size: 4.629vh;}
.blue-car .gallery-info .gallery-info-desc::before {background-image: url('../images/slide_desc_bg_blue.png');}
.blue-car .gallery-info-desc p {line-height: 1.3;} 





@media only screen and (max-width: 960px) {
	/* .logo {height: 44px;top: 35px;left: 40px;}
	.hamburger {width: 90px;height: 66px;}
	.hamburger_burger {height: 2px;}
	.section1__box__top {top: 20vw;}
	.hamburger_burger:before {transform: translateY(-10px) rotate(0deg);}
	.hamburger_burger:after {transform: translateY(10px) rotate(0deg)} */
	
	
}
@media only screen and (max-width: 768px) {
	.mobile {display: block !important;}
	.pc {display: none !important;}
	
	
	.logo {height: 18.134vw;top: 8vw;left: 5.34vw;}
	.hamburger {top: 9.07vw;right: 3.734vw;width: 16vw;height: 8vw;}
	.hamburger_burger:before {transform: translateY(-8px) rotate(0deg);}
	.hamburger_burger:after {transform: translateY(8px) rotate(0deg);}
	
	.menu__item {height: 25.334vw;width: 7.2vw;padding-left: 1.067vw;margin-top: -1.067vw;}
	.menu__item__text {font-size: 2.667vw;}
	.menu__item--big {}
	.menu__item__link {}
	
	
	.menu__item__anchor {padding-left: 2.667vw;}
	.menu__item__txt {font-size: 3.2vw;line-height: 8vw;padding: 0px 2.667vw;}
	.menu__item__dot  {width: 3.2vw;height: 3.2vw;margin-top: -1.6vw;left: 1px;}
	.menu__item__dot:after {width: 1.6vw;height: 1.6vw;left: 0.8vw;top: 0.8vw;}
	.left_menu__item.current .menu__item__txt {font-size: 4.27vw;}
	
	
	.nav {width: 76%;padding-top: 14vh;padding-bottom: 6vh;}
	.nav__active:checked ~ .header .nav {top: 0;right: 0;bottom: 20%;bottom: 0;}
	.nav_inner {}
	.nav__list {padding-bottom: 3.2vw;margin-bottom: 6.4vw;}
	.nav__item__link {padding: 4vw 0;}
	.nav__item__text {font-size: 6.4vw;}
	
	.nav_btn_item {margin-top: 2.667vw;}
	.nav_btn_item__link {width: 34.667vw;height: 9.334vw;line-height: 9.334vw;}
	.nav_btn_item__text {font-size: 4.27vw;}
	.subnav_list {bottom: 8%;}
	
	.subnav__item__link {padding: 1.067vw 0;padding: 1.6vw 0;}
	.subnav__item__text {font-size: 5vw;}
	.nav_share_list {bottom: 0%;}
	.nav_share_item {padding: 0 1.067vw;}
	.nav_share_link {width: 6.934vw;height: 6.934vw;}
	
	.full--height {min-height: auto;}
	
	.section1__title {left: 50%;top: 10%;transform: translateX(-50%);width: 100%;text-align: center;}
	.section1__title__gif img {width: 90vw;max-width: none;}
	
	
	.section-image {z-index: 12;margin-top: -12%;}
	.section2__title__wrap {top: 0%;}
	.section2__title__img {width: 72.267vw;height: 29.467vw;background-image: url('../images/mobile/image_title_m.png');}
	.section-image-x1 {height: 134.934vw;height: 107.334vw;z-index: 2;}
	.section-image-x1-bg {background-image: url('../images/mobile/X1_start_m.png');}
	.section-image-desc {position: static !important;}
	.section-image-tit-img {position: absolute;}
	.section-image-x1 .section-image-tit-img {width: 32.667vw;top: 30%;right: 12%;}
	.section-image-ix1 .section-image-tit-img {width: 39.067vw;top: 13%;right: 8%;}
	.section-image-ix1 .section-image-tit-img:after {
		content: '';
		display: block;
		position: absolute;
		left: -27.2vw;
		bottom: -19.5vw;
		width: 63.867vw;
		height: 23.467vw;
		background: url('../images/mobile/iX1_cover_m.png') no-repeat center;
		background-size: cover;
	}
	.section-image-btn {position: absolute;padding-top: 0.8vw;padding-left: 0.8vw;}
	.section-image-x1 .section-image-btn {width: 32.934vw;height: 10vw;left: 12%;bottom: 5%;}
	.section-image-ix1 .section-image-btn {width: 40.934vw;height: 9.734vw;right: 18%;bottom: 11%;}
	.section-image-x1 .image-btn-txt {background-image: url('../images/mobile/x1_btn_txt.png');}
	.section-image-ix1 .image-btn-txt {background-image: url('../images/mobile/ix1_btn_txt.png');}
	.section-image-x1 .image-btn-bg {height: 8vw;width: 32.4vw;}
	.section-image-ix1 .image-btn-bg {height: 8.134vw;width: 38.934vw;}
	.section-image-ix1 {bottom: 15vw;height: 90.267vw;position: relative;}
	.section-image-ix1-bg {background-image: url('../images/mobile/iX1_start_m.png');}
	.section-image-ix1 .section-image-desc {}
	
	.section-X1 {margin-top: -30%;z-index: 10;}
	.section-X1 .section__content {height: 93.334vw;min-height: auto;}
	.section3__bg {background-image: url('../images/mobile/X1_image_m.png');}
	.section3__box__bottom {left: 8%;bottom: 8vw;}
	.ani-arrow {width: 5.867vw;height: 2.934vw;}
	.title-line {width: 1px;margin: 0 2.134vw;}
	.title-desc {margin-top: -2px;}
	.title-desc p {font-size: 3.467vw;line-height: 1.6;}
	
	.section-external {margin-top: -12%;}
	.section-external::before {background-image: url('../images/mobile/external_bg_m.png');height: 149.867vw;}
	.section-external .section__content {height: 120.534vw;}
	.section4__bg {background-image: url('../images/mobile/X1_external_m.png');}
	
	.section4__box__top {top: 14%;}
	.section4__top_title img {width: 52.534vw;}
	.section4__top_title p {font-size: 3.467vw;letter-spacing: 0.05em;margin-top: 1.6vw;}
	
	.exterior-gallery-item:first-child {top: 2%;left: 5%;}
	.exterior-gallery-item:nth-child(2) {left: 20%;bottom: 8%;}
	.exterior-gallery-item:nth-child(3) {top: 0%;right: 2%;}
	.exterior-gallery-item:nth-child(4) {right: 3%;bottom: 18%;}
	.gallery-item-box .gallery-item-txt {font-size: 3.467vw;}
	
	
	.section-internal_frontseat {margin-top: -32%;}
	.section-internal_frontseat .section__content {height: 126.934vw;}
	.section5__bg {background-image: url('../images/mobile/X1_internal_frontseat_m.png');}
	.section5__box__top {top: auto;bottom: 3%;left: 10%;}
	.section5__top_title {text-align: left;}
	.section5__top_title img {width: 34.934vw;}
	.section5__top_title p {font-size: 3.2vw;}
	.internal_frontseat-gallery-list {bottom: 20%;}
	.internal_frontseat-gallery-item:first-child {left: 60%;bottom: 35%;}
	.internal_frontseat-gallery-item:nth-child(2) {top: 2%;left: 55%;}
	.internal_frontseat-gallery-item:nth-child(3) {left: 50%;bottom: 17%;}
	.internal_frontseat-gallery-item:nth-child(4) {left: 4%;bottom: 30%;}
	
	.section-internal_backseat {margin-top: -10%;}
	.section-internal_backseat .section__content {height: 143.2vw;}
	.section6__bg {background-image: url('../images/mobile/X1_internal_backseat_m.png');}
	.internal_backseat-gallery-item:first-child {left: 20%;bottom: 20%;}
	.internal_backseat-gallery-item:nth-child(2) {left: 10%;top: 32%;}
	.internal_backseat-gallery-item:nth-child(3) {top: 26%;}
	
	.section-internal_trunk {margin-top: -9%;}
	.section-internal_trunk .section__content {height: 163.734vw;}
	.section7__bg {background-image: url('../images/mobile/X1_internal_trunk_m.png');}
	.internal_trunk-gallery-item:first-child {left: 22%;}
	.gallery-item-box .gallery-item-subtxt {font-size: 3.2vw;}
	
	.section-tech {margin-top: -19%;}
	.section-tech .section__content {height: 583px;height: 180.8vw;}
	.section8__bg {background-image: url('../images/mobile/iX1_tech_bg_m.png');}
	.section8__box__top {left: 0;text-align: center;top: 12%;}
	.section8__top_title {display: block;}
	.iX1-tech-title img {width: 71.734vw;}
	.section8__top_title p {font-size: 4.27vw;margin-left: 0;}
	.iX1-tech-image {height: 133.334vw;top: 27%;}
	.tech-image-road {background-image: url('../images/mobile/iX1_tech_m.png');}
	.tech-image-car {width: 89.067vw;height: 60.267vw;left: 10%;top: 9%;}
	.tech-image-bg {width: 80.267vw;height: 49.067vw;left: 21%;top: 7%;}
	.iX1-tech-feature {top: auto;bottom: 7%;left: 2%;right: 2%;}
	.iX1-feature-list {width: 100%;height: 43.734vw;}
	.iX1-feature-item-prev {left: 5.334vw;top: 8vw;}
	.iX1-feature-item-active {left: 50%;top: 0;margin-left: -21.867vw;}
	.iX1-feature-item-next {top: 8vw;left: 62.4vw;}
	
	
	.iX1-feature-image {width: 43.734vw;height: 43.734vw;}
	.iX1-feature-bg::before {width: 9.6vw;height: 9.6vw;top: -1.334vw;right: -1.334vw;}
	.iX1-feature-bg::after {width: 32vw;height: 32vw;left: -2.667vw;bottom: -2.667vw;}
	.iX1-feature-item::before {width: 9.6vw;height: 9.6vw;top: -1.334vw;right: -1.334vw;}
	.iX1-feature-item::after {width: 32vw;height: 32vw;left: -2.667vw;bottom: -2.667vw;}
	.iX1-feature-info {height: 8vw;width: 36.267vw;bottom: -1.6vw;right: auto;left: 50%;margin-left: -18.1335vw;}
	.iX1-feature-info p {font-size: 3.2vw;}
	
	
	
	.section-iX1_image {margin-top: -13%;}
	.section-iX1_image .section__content {height: 126.667vw;}
	.section9__bg {background-image: url('../images/mobile/iX1_image_m.png');}
	.section9__box__top {left: 12%;right: 2%;top: 7%;}
	.section9__top_title p {font-size: 3.734vw;margin-right: 2.667vw;line-height: 1.5;}
	.iX1-image-title img {width: 43.734vw;}
	.iX1-image-info {left: 0%;top: 26%;right: 16%;right: 0;bottom: 0;}
	.iX1-image-infowrapper {padding-left: 3%;}
	.iX1-image-infotit {}
	.iX1-image-infotit p {font-size: 3.2vw;}
	.iX1-image-infotit p:first-child {}
	.iX1-image-infotit p:last-child {font-size: 26.667vw;}
	.iX1-image-infosub {font-size: 4.8vw;}
	.iX1-image-infodesc {display: block;margin-top: 0;position: absolute;left: 4%;right: 0;bottom: 3%;}
	.iX1-image-infodesc .title-line {display: none;}
	.iX1-image-infodesc .title-desc {margin-top: 2vw;}
	.title-desc span {font-size: 2.667vw;margin-top:1.334vw;}
	.iX1-image-infotit:after {width: 23.467vw;height: 21.6vw;right: 44%;top: 62%;display: none;}
	
	
	
	
	
	.section-iX1_highlight {margin-top: -11%;}
	.section-iX1_highlight .section__content {height: 88vw;}
	.section10__bg {background-image: url('../images/mobile/iX1_highlight_m.png');}
	.iX1-highlight-title img {width: 38.4vw;}
	.section10__top_title p {font-size: 3.734vw;}
	.section10__box__top {padding-top: 14%;}
	
	.section10__box__main {padding: 0 3%;}
	.iX1-highligh-swiper {padding: 4vw 2% 8vw;}
	.swiper-slide {}
	.iX1-highligh-swiper .swiper-slide {width: 43.734vw;}
	.iX1-highligh-swiper .iX1-highligh-item {opacity: 0;}
	.iX1-highligh-swiper .iX1-highligh-item.nowactive {opacity: 1 !important;}
/* 	.iX1-highligh-swiper .iX1-highligh-item.prevactive,
	.iX1-highligh-swiper .iX1-highligh-item.nextactive {opacity: 0.6;} */
	.iX1-highligh-image {width: 35.2vw;height: 35.2vw;width: 43.734vw;height: 43.734vw;}
	.iX1-highligh-bg::before {width: 8vw;height: 8vw;top: -1.067vw;right: -1.067vw;}
	.iX1-highligh-bg::after {width: 25.334vw;height: 25.334vw;right: -2.134vw;bottom: -2.134vw;}
	.iX1-highligh-swiper .swiper-slide {transition-property: all;opacity: 0;}
	.iX1-highligh-swiper .swiper-slide-next,
	.iX1-highligh-swiper .swiper-slide-prev {opacity: 0.6 !important;}
	.iX1-highligh-swiper .swiper-slide.swiper-slide-active,
	.iX1-highligh-swiper .swiper-slide.swiper-slide-active {opacity: 1 !important;}
	/* left: -36%;height: 5.334vw;width: 26.667vw;transform: rotate(90deg);bottom: 40%;margin-left: 0; */
	.iX1-highligh-info {width: 36.267vw;height: 8vw;bottom: -1vw;margin-left: -18.1335vw;}
	.iX1-highligh-info p {font-size: 2.134vw;font-size: 3.2vw;}
	.iX1-highligh-info::after {width: 2px;height: 8vw;display: none;}
	.iX1-highligh-swiper .swiper-pagination {bottom: 2%;}
	.iX1-highligh-swiper .swiper-pagination .swiper-pagination-bullet {width: 1.334vw;height: 1.334vw;margin: 0 1.6vw !important;}
	
	.testdrive__section::before {background-image: url('../images/mobile/testdrive_bg_m.png');}
	
	#testdrive {height: auto;}
	.testdrive__content {padding: 0;}
	.testdrive__form {padding: 5.334vw 4vw;max-width: 100%;}
	.testdrive__title {font-size: 5.334vw;margin-bottom: 3.734vw;}
	.testdrive__sub {font-size: 3.467vw;margin-bottom: 5.334vw;}
	.form__title {font-size: 3.734vw;margin-bottom: 2.667vw;}
	.form__item__title,.form__item__text {font-size: 3.467vw;}
	.form__row .form__item {width: 48%;}
	.form__row .form__item:nth-child(2n) {margin-left: 4%;}
	.form__column {padding: 0 3%;width: 100%;}
	.form__row .form__item.col-sm-12 {width: 100%;margin-left: 0;}
	.form__item__radiobox {margin-top: 6px;}
	.btn__link .btn__border {font-size: 14px;width: 126px;height: 32px;line-height: 32px;}
	.form__input, .form__textarea, .form__select {height: 28px;}
	.form__item input, .form__item select, .form__item textarea, .form__item__placeholder {height: 28px;font-size: 13px;}
	.form__item.is--focus .form__item__title:not(.form__frame),
	.form__item:not(.is--empty) .form__item__title:not(.form__frame) {transform: translateY(-8px) scale(0.85);}
	.radiobox, .checkbox {width: 8px;;height: 8px;}
	.form__radiobox .form__item__text  {font-size: 3.467vw;}
	.form__item__checkbox, .form__item__radiobox  {margin-right: 1.334vw;}
	.testdrive__form .form__item select {background-size: 5.867vw;font-size: 3.467vw;background-position: center right 2.667vw;}
	.form__item  {margin-bottom: 4.27vw;}
	.form-section_check .radiobox, .form-section_check .checkbox {width: 1.6vw;height: 1.6vw;margin-top: 1.6vw;}
	.form-section_check .form__item__text {font-size: 2.667vw;}
	.form__item__checkbox + .form__item__text, .form__item__radiobox + .form__item__text {margin-top: 0;margin-bottom: 0;}
	.testdrive__btnGroup {margin-top: 6.4vw;}
	
	.form-section_check .form__item {margin-bottom: 0;}
	
	
	.gallery-wrapper {width: 100%;}
	.gallery-swiper .swiper-slide {padding: 19vh 5.067vw;}
	.gallery-popup-close {width: 5.248vh;height: 5.248vh;top: 10.195vh;right: 4vw;}
	.gallery-popup-close::before, .gallery-popup-close::after {width: 8vw;margin-left: -4vw;height: 1px;}
	.gallery-inner {}
	.gallery-swiper .gallery-img {height: 75.467vw;width: 89.867vw;}
	.gallery-external .swiper-slide0 .gallery-img {background-image: url('../images/mobile/X1_external_1_m.png') !important;}
	.gallery-external .swiper-slide1 .gallery-img {background-image: url('../images/mobile/X1_external_2_m.png') !important;}
	.gallery-external .swiper-slide2 .gallery-img {background-image: url('../images/mobile/X1_external_3_m.png') !important;}
	.gallery-external .swiper-slide3 .gallery-img {background-image: url('../images/mobile/X1_external_4_m.png') !important;}
	
	.gallery-internal_frontseat .swiper-slide0 .gallery-img {background-image: url('../images/mobile/X1_internal_frontseat_1_m.png') !important;}
	.gallery-internal_frontseat .swiper-slide1 .gallery-img {background-image: url('../images/mobile/X1_internal_frontseat_2_m.png') !important;}
	.gallery-internal_frontseat .swiper-slide2 .gallery-img {background-image: url('../images/mobile/X1_internal_frontseat_3_m.png') !important;}
	.gallery-internal_frontseat .swiper-slide3 .gallery-img {background-image: url('../images/mobile/X1_internal_frontseat_4_m.png') !important;}
	
	.gallery-internal_backtseat .swiper-slide0 .gallery-img {background-image: url('../images/mobile/X1_internal_backtseat_1_m.png') !important;}
	.gallery-internal_backtseat .swiper-slide1 .gallery-img {background-image: url('../images/mobile/X1_internal_backtseat_2_m.png') !important;}
	.gallery-internal_backtseat .swiper-slide2 .gallery-img {background-image: url('../images/mobile/X1_internal_backtseat_3_m.png') !important;}
	.gallery-info-title,
	.blue-car .gallery-info-title {width: 83.2vw;height: 28.267vw;top: -10.667vw;margin-left: -41.6vw;}
	.gallery-info-title::before,
	.blue-car .gallery-info-title::before {width: 89.867vw;height: 34.667vw;background-image: url('../images/mobile/slide_title_bg_m.png');}
	.gallery-info-title p,
	.blue-car .gallery-info-title p {font-size: 6.934vw;}
	.gallery-internal_backtseat .gallery-info-title p {font-size: 5.867vw;}
	.gallery-internal_backtseat .swiper-slide1 .gallery-info-title p i {display: block;line-height: 1.2;}
	
	
	
	
	
	
	.gallery-tech .swiper-slide0 .gallery-img {background-image: url('../images/mobile/iX1_tech_1_m.png') !important;}
	.gallery-tech .swiper-slide1 .gallery-img {background-image: url('../images/mobile/iX1_tech_2_m.png') !important;}
	.gallery-tech .swiper-slide2 .gallery-img {background-image: url('../images/mobile/iX1_tech_3_m.png') !important;}

	
	
	.gallery-iX1_highlight .swiper-slide0 .gallery-img,
	.gallery-iX1_highlight .swiper-slide7 .gallery-img {background-image: url('../images/mobile/iX1_highlight_1_m.png') !important;}
	.gallery-iX1_highlight .swiper-slide1 .gallery-img,
	.gallery-iX1_highlight .swiper-slide4 .gallery-img,
	.gallery-iX1_highlight .swiper-slide8 .gallery-img {background-image: url('../images/mobile/iX1_highlight_2_m.png') !important;}
	.gallery-iX1_highlight .swiper-slide2 .gallery-img,
	.gallery-iX1_highlight .swiper-slide5 .gallery-img,
	.gallery-iX1_highlight .swiper-slide9 .gallery-img {background-image: url('../images/mobile/iX1_highlight_3_m.png') !important;}
	.gallery-iX1_highlight .swiper-slide3 .gallery-img,
	.gallery-iX1_highlight .swiper-slide6 .gallery-img {background-image: url('../images/mobile/iX1_highlight_4_m.png') !important;}
	.blue-car .gallery-info .gallery-info-desc::before {background-image: url('../images/mobile/slide_desc_bg_blue_m.png') !important;}
	
	
	
	.gallery-info-wrapper {padding: 5.334vw 3.2vw 0;}
	.gallery-info-icon {width: 23.2vw;height: 23.467vw;}
	.icon-power {width: 4.198vh;height: 6.597vh;}
	.gallery-info-circle::before {border-width: 1px;left: 1px;top: 1px;bottom: 1px;right: 1px;}
	.circleWrapper {width: 11.734vw;height: 23.467vw;}
	.circleProgress {width: 23.467vw;height: 23.467vw;border-width: 3px;}
	.rightcircle {border-top-width: 3px;border-right-width: 3px;}
	.leftcircle {border-bottom-width: 3px;border-left-width: 3px;}
	.left {}
	.right {}
	.gallery-info-content {padding-left: 3.2vw;}
	.swiper-slide-power .gallery-info-content p {font-size: 3.2vw;}
	.gallery-info-content span {font-size: 2.2vw;margin-top: 1.067vw;}
	
	
	
	
	.gallery-info {padding-bottom: 9.067vw;}
	.gallery-info:before {left: 2.667vw;right: 2.667vw;background-image: url('../images/mobile/swiper_bg_m.png');}
	.gallery-info .gallery-info-desc {width: 90.667vw;height: 38.667vw;margin-top: -9.067vw;margin-left: -0.8vw;}
	.gallery-info .gallery-info-desc::before {width: 92.534vw;height: 42.134vw;background-image: url('../images/mobile/slide_desc_bg_m.png');}
	.gallery-info-desc p {font-size: 4vw;text-align: left;}
	/* .gallery-info-desc p br {display: none;} */
	.gallery-swiper .swiper-button-next, .gallery-swiper .swiper-button-prev {width: 6.134vw;height: 10.4vw;}
	
	
	.gallery-swiper .swiper-pagination {bottom: 10%;}
	.gallery-swiper .swiper-pagination-bullet {width: 2.134vw;height: 2.134vw;margin: 0 1.6vw !important;border-width: 1px;}
	.gallery-swiper .swiper-button-next {right: 6.4vw;}
	.gallery-swiper .swiper-button-prev {left: 6.4vw;}
	.gallery-swiper {
		/* --swiper-navigation-size: 37.334vw;/* 设置按钮大小 */ */
	}
	
	
	.form__result-center {width: 82%;}
	.form__result-text {font-size: 5.334vw;;}
	.form__result-btn {margin-top: 5.334vw;}
	
	.footer__content {padding: 5.334vw 0;}
	.privacy__text {font-size: 3.2vw;}
	.privacy__text, .privacy__nav__link {padding: 0 2px;}
	.privacy__nav__text {font-size: 3.2vw;}
	.privacy__nav__icon {height: 3.2vw;}
	
}