.qy-swiper,
.page,
.swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

html,
body {
  width: 100%;
  height: 100%;
  background: #000;
}

* {
  -webkit-overflow-scrolling: touch;
}

.content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

/* 导航按钮 */
.nav-bnt {
  display: none;
  position: fixed;
  top: 49px;
  right: 17px;
  z-index: 8;
}

/* 下拉箭头 */
.glide {
  position: fixed;
  bottom: 39px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 8;
}

/* 视频弹窗 */
.video-show {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
}

.video-show video {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}

.video-show .close {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
}

/* 目录 */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cfcfcf;
  z-index: 10;
  display: none;
}

/* 首页 */
.home,
.technology2,
.technology5 {
  background: #000;
}

.home .content {
  height: 1046px;
}

.home .logo {
  position: absolute;
  bottom: 26px;
  right: 60px;
}

.home .zm {
  position: absolute;
  top: 0;
  left: 256px;
}

.home .tit {
  position: relative;
  top: 10px;
  left: 432px;
}

.home .staarted {
  position: absolute;
  top: 195px;
  left: 120px;
}

.home .text {
  position: absolute;
  top: 245px;
  left: 573px;
}

.home .car {
  position: absolute;
  top: 144px;
  left: 0;
}

/* 发展历史 */
.history,
.new2,
.new3,
.new5,
.technology1 {
  background: #000713;
}

.history .content {
  height: 1096px;
}

.history .bottom {
  position: absolute;
  bottom: 0;
  left: 416px;
}

.history .tit {
  position: absolute;
  top: -136px;
  left: 144px;
}

.history .top5 {
  position: absolute;
  top: 204px;
  left: 0;
}

.history .history-1994 {
  position: absolute;
  top: 246px;
  left: 0;
}

.history .text {
  position: absolute;
  bottom: 0;
  left: 197px;
}

/* 1973 */
.history2 {
  background: #fff;
}

.history2 .content {
  height: 1072px;
}

.history2 .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}

.history2 .car {
  position: absolute;
  top: 0;
  right: 18px;
}

.history2 .text1 {
  position: absolute;
  top: 435px;
  right: 151px;
}

.history2 .img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.history2 .text2 {
  position: absolute;
  bottom: 103px;
  right: 98px;
}

.history2 .line {
  position: absolute;
  bottom: 233px;
  left: 0;
}

/* 新总部 */
.headquarters {
  background: url(../images/headquarters-bg.png) center center no-repeat;
  background-size: cover;
}

.headquarters .text {
  position: absolute;
  top: 14.38%;
  right: 77px;
}

/* 全球网络 */
.network {
  background: #000 url(../images/network-bg.png) center center no-repeat;
  background-size: cover;
}

.network .content {
  height: 995px;
}

.network .map {
  position: absolute;
  top: 71px;
  left: 22px;
}

.net-map {
  position: absolute;
  top: 0;
  left: 58px;
}

.network .map-text {}

.map1-text1 {
  position: absolute;
  left: 18px;
  top: 0;
}

.map1-text2 {
  position: absolute;
  left: 249px;
  top: 42px;
}

.map1-text3 {
  position: absolute;
  left: 229px;
  top: 225px
}

.map1-text4 {
  position: absolute;
  left: -6px;
  bottom: 3px;
}

.map1-text5 {
  position: absolute;
  right: 31px;
  bottom: 123px;
}

.map1-text6 {
  position: absolute;
  right: 7px;
  bottom: 24px;
}


.network .dot {
  position: absolute;
  top: 176px;
  left: 110px;
}

.network .right {
  position: absolute;
  bottom: -24px;
  left: 0;
}

.network .text1 {
  position: absolute;
  bottom: 205px;
  right: 0;
}

.network .text2 {
  position: absolute;
  bottom: 0;
  left: 89px;
}

/* 质保 */
.quality,
.duty {
  background: #000;
}

.quality .content {
  height: 1032px;
}

.quality .bottom {
  position: absolute;
  right: 52px;
  bottom: 0;
}

.quality .top {
  position: absolute;
  top: -47px;
  left: 241px;
}

.quality .text1 {
  position: absolute;
  top: 0;
  left: 308px;
}

.quality .car {
  margin-top: 87px;
  filter: grayscale(1);
}

.quality .tit {
  position: absolute;
  top: 130px;
  left: 0;
}

.quality .text2 {
  position: absolute;
  bottom: 170px;
  right: 53px;
}

.quality .data {
  position: absolute;
  bottom: 0;
  left: 42px;
}

/* 设计 */
.design {
  background: #fff;
}

.design .content {
  height: 902px;
  transform: translateY(-60%);
}

.design .car {
  position: absolute;
  bottom: 0;
  right: 0;
}

.design .tit {
  position: absolute;
  top: 0;
  left: 159px;
}

.design .img1 {
  position: absolute;
  top: 0;
  right: 0;
}

.design .text1 {
  position: absolute;
  top: 387px;
  right: 58px;
}

.design .img2 {
  position: absolute;
  bottom: 109px;
  left: 40px;
}

.design .text2 {
  position: absolute;
  bottom: 0;
  left: 40px;
}

.design .right {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* 责任 */
.duty .top {
  position: absolute;
  top: 8px;
  left: 85px;
}

.duty .right {
  position: absolute;
  top: 21.75%;
  left: 0;
}

.duty .tit {
  position: absolute;
  top: 21.75%;
  left: 188px;
}

.duty .text {
  position: absolute;
  top: 32.48%;
  left: 188px;
}

.duty .img {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* beat360 */
.beat360 {
  background: url(../images/beat360-bg.png) center bottom no-repeat;
  background-size: cover;
}

.beat360-content {
  position: absolute;
  bottom: 52.2%;
  width: 100%;
}

.beat360 .left {
  float: left;
}

.beat360 .tit {
  margin-left: 435px;
}

.beat360 .text {
  float: right;
  margin-right: 104px;
}

/* All New K5-1  */
.new1 {
  background: url(../images/new1-bg.png) center center no-repeat;
  background-size: cover;
}

.new1 .bottom {
  position: absolute;
  bottom: 0;
  left: 37px;
}

.new1 .car {
  margin-top: 379px;
  margin-left: 37px;
}

/* All New K5-2  */
.new2 .top {
  position: absolute;
  right: 93px;
  top: -158px;
}

.video_wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.video_fill {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transform: translateZ(0.01px);
}


.new2 .bottom {
  position: absolute;
  bottom: 0;
  right: 0;
}

.new2 .play {
  margin-top: 164px;
  margin-bottom: 103px;
}

/* All New K5-3  */
.new3 .content {
  height: 967px;
}

.new3 .bottom {
  position: absolute;
  bottom: 46px;
  left: 37px;
}

.new3 .text1 {
  margin-top: 50px;
}

.new3 .img {
  position: absolute;
  top: 120px;
  right: 0;
}

.new3 .text2 {
  margin-top: 145px;
  margin-left: 111px;
}

.new3 .car {
  margin-top: 81px;
  margin-left: 116px;
}

.new3 .right {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* All New K5-4  */
.new4 {
  background: url(../images/new4-bg.png) center center no-repeat;
  background-size: cover;
}

.new4 .tit {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -73%;
}

.new4 .text {
  position: absolute;
  bottom: 12.33%;
  left: 85px;
}

.new4 .bottom {
  position: absolute;
  bottom: 7%;
  right: 29px;
}

/* All New K5-5  */
.new5 .img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.new5-content {
  position: absolute;
  bottom: 758px;
  width: 100%;
}

.new5 .text {
  margin-top: 38px;
  margin-left: 93px;
}

.new5 .letter {
  position: absolute;
  left: 497px;
  bottom: 0;
}

.new5 .bd {
  position: absolute;
  left: 515px;
  top: -65px;
}

.new5 .right {
  position: absolute;
  right: 0;
  top: 0;
}

/* All New K5-6  */
.new6 {
  background: url(../images/new6-bg.png) center center no-repeat;
  background-size: cover;
}

.new6 .content {
  height: 1032px;
}

.new6 .logo {
  position: absolute;
  top: -51px;
  right: 58px;
}

.new6 .text {
  position: absolute;
  bottom: 0;
  left: 73px;
}

.new6 .bottom {
  position: absolute;
  bottom: -65px;
  right: 59px;
}

.new6 .right {
  position: absolute;
  top: -156px;
  right: 0;
}

/* 技术研发1 */
.technology1 .content {
  height: 1054px;
}

.technology1 .top {
  position: absolute;
  top: 0;
  left: 77px;
}

.technology1 .tit {
  margin-left: 76px;
}

.technology1 .text1 {
  margin: 40px 0 60px 102px;
}

.technology1 .technology1-car {
  position: relative;
}

.technology1 .box {
  position: absolute;
  top: 200px;
  left: 79px;
}

.technology1 .car {
  margin-left: 102px;
}

.technology1 .text2 {
  margin-top: 10px;
}

.technology1 .text3 {
  margin-top: 30px;
  margin-left: 102px;
}

.bottom {
  position: absolute;
  left: 0;
  bottom: 123px;
}

/* 技术研发2 */
.technology2-content {
  position: absolute;
  bottom: 800px;
  width: 100%;
}

.technology2 .tit-wrap {
  position: relative;
  margin-left: 430px;
  padding-left: 70px;
}

.technology2 .tit {
  position: absolute;
  left: 0;
  top: 19px;
}

.technology2 .text1 {
  margin-left: 430px;
  margin-top: 32px;
}

.technology2 .text2 {
  margin-left: 85px;
  margin-top: 40px;
}

.technology2 .img {
  position: absolute;
  left: 0;
  bottom: 0;
}

.technology3 {
  background: #fff;
}

.technology3 .content {
  width: 750px;
  height: 1098px;
}

.technology3 .line {
  position: absolute;
  left: 43px;
  top: 0;
}

.technology3 .img1 {
  position: absolute;
  left: 0;
  top: 31px;
}

.technology3 .text1 {
  position: absolute;
  right: 42px;
  top: 0;
}

.technology3 .text2 {
  position: absolute;
  left: 42px;
  bottom: 0;
}

.technology3 .img2 {
  position: absolute;
  right: 0;
  bottom: 26px;
}

.technology3 .logo {
  position: absolute;
  right: 19px;
  bottom: 520px;
}

.technology3 .box {
  position: absolute;
  right: 0;
  bottom: 0;
}

.technology4 .img2 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.technology4-content {
  position: absolute;
  /* bottom: 847px; */
  top: 140px;
  z-index: 1;
}

.technology4 {
  width: 100%;
  height: 100%;
  background: #d2d2d2;
  /* background: url(../images/uvo.png) no-repeat;
  background-size: 100%; */
}

.technology4 .text {
  margin-left: 131px;
}

.technology4 .img1 {
  margin-top: 72px;
}

.technology4 .box {
  position: absolute;
  top: 60px;
  right: 0;
}

.technology5-content {
  position: relative;
}

.technology5-content .more {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 116px;
}

.technology5-content .button {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 39px;
}

/* 目录 */
.catalog {
  /* display: none;
  position: fixed;
  top: 0;
  left: 0; */
  width: 100%;
  height: 100%;
  background: url(../images/catalog-bg.png) no-repeat;
  background-size: cover;
  z-index: 99;
}

.catalog1 {
  display: none;
}

.catalog .logo1 {
  margin-top: 75px;
  margin-left: 101px;
}

.logo-wrap {
  position: relative;
  margin-top: 16px;
  width: 344px;
  height: 27px;
}

.logo-wrap .kia {
  position: absolute;
  top: 0;
  right: 0;
}

.logo-wrap .line {
  position: absolute;
  left: 0;
  bottom: 0;
}

.catalog-content {
  width: 100%;
  height: 890px;
  position: absolute;
  top: 50%;
  transform: translateY(-43%);
  width: 100%;
}

.catalog-content img {
  position: absolute;
}

.catalog .logo2 {
  top: 0;
  right: 79px;
}

.catalog .index {
  top: 41px;
  right: 18px;
  filter: grayscale(1);
}

.catalog .box2 {
  top: 250px;
  left: 0;
}

.catalog .box3 {
  bottom: 238px;
  right: 0;
}

.catalog .cont {
  top: 302px;
  left: 0;
}

.catalog .nav1 {
  bottom: 235px;
  left: 0;
  filter: grayscale(1);
}

.catalog .nav2 {
  bottom: 0;
  right: 18px;
  filter: grayscale(1);
}

.swiper-slide-active.catalog .nav1.active,
.swiper-slide-active.catalog .nav2.active,
.swiper-slide-active.catalog .index.active {
  filter: grayscale(0);
  transition: all 1s 0s;
}

.close_nav {
  width: 48px;
  position: absolute;
  top: 30px;
  right: 30px;
}


.sharepage {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  display: none;
}

.sharepage img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

@media screen and (max-height: 1220px) {
  .history .content {
    height: 1037px;
    transform: translateY(-52%);
  }

  .history2 .content {
    transform: translateY(-52%);
  }

  .new5-content {
    bottom: 654px;
  }

  .new6 .content {
    transform: translateY(-47%);
    height: 926px;
  }

  .technology2-content {
    bottom: 720px;
  }

  .technology2 .img {
    width: 98%;
  }

  .technology4-content {
    /* margin-top: 60px; */
    top: 100px;
  }

  .technology4 .uvo {
    width: 100%;
  }

  .technology4 .img2 {
    width: 430px;
  }

  .technology5-content .more {
    bottom: 194px;
  }

  .technology5-content .button {
    bottom: 116px;
  }

  /* .technology1 .text1 {
    margin: 40px 0 40px 102px;
  } */

  /* .technology1 .text3 {
    margin-top: 20px;
  } */
}

@media screen and (max-height: 1120px) {
  .history .content {
    height: 980px;
    transform: translateY(-53%);
  }

  .history .history-1994 {
    top: 184px;
  }

  .history .top5 {
    top: 135px;
  }

  .history2 .content {
    height: 966px;
  }

  .network .content {
    height: 944px;
    transform: translateY(-51%);
  }

  .quality .content {
    height: 970px;
  }

  .design .content {
    height: 844px;
  }

  .new3 .content {
    transform: translateY(-53%);
  }

  .new5 .bd {
    top: 42px;
  }

  .new6 .content {
    transform: translateY(-46%);
    height: 905px;
  }

  /* .technology1 .content {
    height: 1046px;
  } */

  /* .technology1 .text1 {
    margin: 10px 0 20px 175px;
  } */

  /* .technology1 .text2 {
    width: 550px;
    margin-top: 0px;
  } */

  /* .technology1 .text3 {
    margin-top: 10px;
  } */

  .technology2 .text2 {
    margin-top: 20px;
  }

  .technology2 .img {
    width: 80%;
  }

  .technology4-content {
    /* margin-top: 48px; */
    top: 100px;
  }

  .technology4 .img2 {
    width: 380px;
  }

  .catalog-content {
    transform: translateY(-43%);
  }

  .technology2-content {
    bottom: 600px;
  }

  .technology5-content .more {
    bottom: 194px;
  }

  .technology5-content .button {
    bottom: 116px;
  }
}