body {
  overflow: hidden;
}
.banner{padding-top: 50px;}
.w10 {
  width: 10%;
}
.w98 {
  width: 98%;
}
.h6em {
  height: 6em;
}
.w38 {
  width: 38%;
}
.w71 {
  width: 71%;
}
.w65 {
  width: 65%;
}
.margin0 {
  margin: 0;
}
.marginLeft10 {
  margin-left: 10%;
}
.marginTop2-6 {
  margin-top: 2.6%;
}
.marginBottom2-5 {
  margin-bottom: 2.5%;
}
.marginBottom1-6 {
  margin-bottom: 1.6%;
}
.marginTop7 {
  margin-top: 7%;
}
.marginBottom10 {
  margin-bottom: 10%;
}
.letterspacing2 {
  letter-spacing: 0.2em;
}
.color01 {
  color: #010101;
}
.color02 {
  color: #020202;
}
.cursorP {
  cursor: pointer;
}
.cursorP img {
  transition: all 0.8s;
}
.cursorP img:hover {
  transform: scale(1.1);
}
.swiper-img .prev,
.swiper-img .next {
  margin-top: 3%;
  width: 1.5%;
}
.swiper-img .prev {
  left: 5%;
  background: url(../images/impressions/prev.png) center center no-repeat;
  background-size: 100% auto;
}
.swiper-img .next {
  right: 5%;
  background: url(../images/impressions/next.png) center center no-repeat;
  background-size: 100% auto;
}
.swiper-img .swiper-wrapper,
.swiper-img .swiper-wrapper .swiper-slide {
  height: 100% !important;
}
.swiper-img .pagination {
  bottom: 7%;
}

.cars {
  padding-bottom: 1%;
}
.cars .title {
  padding-bottom: 0;
}
.carsImg {
  width: 94%;
  float: left;
  margin: 0 3%;
  position: relative;
  padding-top: 33%;
  overflow: hidden;
}
.choicCar {
}
.car360 {
  position: absolute;
  right: 50%;
  bottom: 3.5em;
  width: 4%;
  margin-right: -15%;
}
.cars .col1_nav {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.cars .col1Nav {
  width: 150px;
}

.view_nav {
  position: absolute;
  right: 50%;
  bottom: 3em;
  width: 27%;
  margin: 0 -12%;
}
.view_nav li {
  float: left;
  width: 14%;
  position: relative;
}
.view_nav li span {
  width: 70%;
  height: 0;
  padding-top: 70%;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.view_nav li.color1 span {
  background: url(../images/index/color1.jpg) center center no-repeat #fff;
  background-size: 70% 70%;
}
.view_nav li.color2 span {
  background: url(../images/index/color2.jpg) center center no-repeat #fff;
  background-size: 70% 70%;
}
.view_nav li.color3 span {
  background: url(../images/index/color3.jpg) center center no-repeat #fff;
  background-size: 70% 70%;
}
.view_nav li.color4 span {
  background: url(../images/index/color4.jpg) center center no-repeat #fff;
  background-size: 70% 70%;
}
.view_nav li.color5 span {
  background: url(../images/index/color5.jpg) center center no-repeat #fff;
  background-size: 70% 70%;
}
.view_nav li.color6 span {
  background: url(../images/index/color6.jpg) center center no-repeat #fff;
  background-size: 70% 70%;
}
.view_nav li.color7 span {
  background: url(../images/index/color7.jpg) center center no-repeat #fff;
  background-size: 70% 70%;
}
.view_nav li.color1.actColor span {
  background: url(../images/index/color1.jpg) center center no-repeat #e9e9e9;
  background-size: 70% 70%;
}
.view_nav li.color2.actColor span {
  background: url(../images/index/color2.jpg) center center no-repeat #e9e9e9;
  background-size: 70% 70%;
}
.view_nav li.color3.actColor span {
  background: url(../images/index/color3.jpg) center center no-repeat #e9e9e9;
  background-size: 70% 70%;
}
.view_nav li.color4.actColor span {
  background: url(../images/index/color4.jpg) center center no-repeat #e9e9e9;
  background-size: 70% 70%;
}
.view_nav li.color5.actColor span {
  background: url(../images/index/color5.jpg) center center no-repeat #e9e9e9;
  background-size: 70% 70%;
}
.view_nav li.color6.actColor span {
  background: url(../images/index/color6.jpg) center center no-repeat #e9e9e9;
  background-size: 70% 70%;
}
.view_nav li.color7.actColor span {
  background: url(../images/index/color7.jpg) center center no-repeat #e9e9e9;
  background-size: 70% 70%;
}
.view_nav li em {
  display: none;
  font-style: normal;
  position: absolute;
  width: 200%;
  left: -50%;
  bottom: 0;
  margin-bottom: -1.75em;
  text-align: center;
}
.view_nav li.actColor em {
  display: block;
}
.nsPage360 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #000;
}
.nsPage360 iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.nsPage360 a.close {
  position: absolute;
  top: 2%;
  right: 2%;
  background: url(../images/close_w.png) center center no-repeat;
  background-size: 100% auto;
  z-index: 2;
  display: block;
  width: 50px;
  height: 50px;
}
.nsPage360 ul {
  position: absolute;
  bottom: 3%;
  left: 50%;
  overflow: hidden;
  width: 300px;
  margin-left: -150px;
  z-index: 5;
}
.nsPage360 ul li {
  width: 50%;
  float: left;
  color: #dcdddd;
  text-align: center;
  cursor: pointer;
}
.nsPage360 ul li img {
  border: 1px solid #999999;
}
.nsPage360 ul li span {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}
.nsPage360 ul li .w100 {
  width: 90%;
  margin: 0 auto;
}
.nsPage360 ul li.active {
  color: #fff;
}
.nsPage360 ul li.active img {
  border: 1px solid #bb1511;
}
.d-carframes {
  position: absolute;
  top: 0;
  margin: -3% -2% 0 0;
  width: 100%;
  right: 0%;
}
.wgCarFrames .d-carframes {
  position: absolute;
  top: 0;
  margin: -7% 7.5% 0 0;
  width: 85%;
  right: 0%;
}
