.indexBanner {
  width: 100%;
  overflow: hidden;
}

.indexBanner .bannerZhan {
  width: 100%;
}

.indexBanner .bannerBox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.indexBanner .bannerBox .imgBox {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.indexBanner .bannerBox .imgBox li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.indexBanner .bannerBox .imgBox li:nth-child(1) {
  z-index: 1;
}

.indexBanner .bannerBox .imgBox li img {
  width: 100%;
  object-fit: cover;
}

.indexBanner .textBox {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 2;
  padding-left: 8.3vw;
  overflow: hidden;
  width: 100%;
}

.indexBanner .textBox li {
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  top: 0;
  color: #FFFFFF;
  width: 210px;
}

.indexBanner .textBox li p {
  transform: translateY(15px);
  opacity: 0;
  display: inline-block;
}

.indexBanner .textBox li p.txt1 {
  color: #FFFFFF;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 15px;
  white-space: pre;
  font-family: 'RobotoB';
}

.indexBanner .textBox li p.txt2 {
  font-size: 60px;
  white-space: pre;
}

.indexBanner .textBox li p.txt3 {
  font-size: 20px;
  margin-bottom: 35px;
  white-space: pre;
  margin-top: 10px;
}

.indexBanner .textBox li.on p {
  transform: translateY(0px);
  opacity: 1;
  transition: all ease 1.5s;
}

.indexBanner .textBox li.on {
  z-index: 5;
}

.indexBanner .textBox a {
  color: #FFFFFF;
  display: flex;
  padding: 0 30px;
  height: 50px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 48px;
  border: #FFFFFF solid 1px;
  width: fit-content;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
}

.indexBanner .textBox a i {
  margin-right: 10px;
}

.indexBanner .textBox li.on a:hover {
  background: #fff;
  color: #035fa3;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
}

.indexBanner .textBox li:before {
  content: "";
  display: inline-block;
  width: 3224px;
  background: none;
  position: absolute;
  left: -113.2vw;
  border-radius: 0px 1100px 1100px 0px;
  height: 2057px;
  top: -52%;
  border-right: 1px solid rgba(255, 255, 255, .2);
  opacity: 0;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
  display: none;
}

.indexBanner .textBox li.on:before {
  opacity: 1;
  animation: mymove 6s infinite;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
}

@keyframes mymove {
  from {
    background: rgba(0, 0, 0, .3);
  }

  to {
    background: rgba(0, 0, 0, 0);
  }
}



.indexBanner .indexBox {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 8.7vw;
  position: absolute;
  top: 0;
  font-size: 15px;
  color: #FFFFFF;
  z-index: 1;
}

.indexBanner .indexBox span:nth-child(1) {
  font-size: 38px;
  font-weight: bolder;
}

.indexBanner .arrowBox {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 3.125vw;
  position: absolute;
  top: 0;
  flex-direction: column;
  z-index: 3;
}

.indexBanner .arrowBox img {
  margin: 10px 0;
  cursor: pointer;
}

.indexBanner .banner_bn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  background: url(https://www.kingcoparts.cn/aspx/main/images/banner_bn.png) no-repeat 50%/cover;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
  opacity: 0;
}

.indexBanner .imgBox li.on .banner_bn {
  opacity: .3;
  animation: mymove2 6s infinite;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
}

@keyframes mymove2 {
  from {
    opacity: .3;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
  }

  to {
    opacity: 0;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
  }
}

.indexBanner .priontBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(https://www.kingcoparts.cn/aspx/main/images/banner_bg.png) no-repeat 50%/cover;
}


.indexBanner .priontBox li {
  width: 7px;
  height: 7px;
  position: absolute;
}

.indexBanner .priontBox li div {
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #FFFFFF;
}

.indexBanner .priontBox li canvas {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.indexBanner .priontBox li svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.indexBanner .priontBox li svg .jdt2 {
  transform: rotate(-90deg);
  transform-origin: 21px;
}

.indexBanner .priontBox li svg .jdts2 {
  animation: jtd2 infinite 5s linear;
}

@keyframes jtd2 {
  0% {
    stroke-dasharray: 0 190;
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dasharray: 190 0;
    stroke-dashoffset: 0;
  }
}

.indexBanner .priontBox li:nth-child(1) {
  bottom: 50px;
  left: 50%;
  transform: translateX(-100px);
}

.indexBanner .priontBox li:nth-child(2) {
  bottom: 50px;
  left: 50%;
  transform: translateX(0);
}

.indexBanner .priontBox li:nth-child(3) {
  bottom: 50px;
  /* left: calc(100% * (1212 / 1920)); */
  left: 50%;
  transform: translateX(100px);
}

.videoIcon {
  position: absolute;
  left: 4.9vw;
  bottom: 5vw;
  display: flex;
  align-items: center;
  z-index: 9999;
  cursor: pointer;
}

.videoIcon .videoIcon1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoIcon .videoIcon1 .videoIcon11 {
  position: absolute;
  left: 0;
  top: 0;
  animation: xunzhuan infinite 5s linear;
}

@keyframes xunzhuan {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.videoIcon .videoIcon2 {
  display: flex;
  flex-direction: column;
  color: #fff;
  padding-left: 10px;
  text-transform: uppercase;
}

.videoIcon .videoIcon2 .videoIcon21 {
  font-size: 16px;
}

.videoIcon .videoIcon2 .videoIcon22 {
  font-size: 14px;
}

.indexBanner .linkBox {
  display: flex;
  align-items: center;
  position: absolute;
  right: 3.125vw;
  bottom: 3.125vw;
  z-index: 3;
}

.indexBanner .linkBox .linkBoxXun {
  border: rgba(191, 191, 200, .39) solid 1px;
  border-radius: 5px;
  width: 200px;
  padding: 15px 22px 22px 22px;
  color: #fff;
  margin-left: 15px;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
}

.indexBanner .linkBox .linkBoxXun:hover {
  background: rgba(191, 191, 200, .39);
}

.indexBanner .linkBox .linkBoxXun .linkBoxXun1 {
  font-size: 14px;
  line-height: 2em;
}

.indexBanner .linkBox .linkBoxXun .linkBoxXun2 {
  font-size: 18px;
  line-height: 2em;
  margin-bottom: 15px;
}

.indexBanner .linkBox .linkBoxXun .linkBoxXun3 {
  font-size: 14px;
  color: #fff;
  display: inline-block;
}

.indexBanner .linkBox .linkBoxXun .linkBoxXun3 i {
  margin-right: 10px;
}

@keyframes mymove3 {
  from {
    opacity: .3;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
  }

  to {
    opacity: 0;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
  }
}


.indexBanner .priontBox li svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.indexBanner .priontBox li svg .jdt2 {
  transform: rotate(-90deg);
  transform-origin: 21px;
}

.PcBanenr .PcBanenr_content_list.swiper-slide-active .priontBox li svg .jdt2 {
  animation: jtd2 infinite 9s linear;
}

@keyframes jtd2 {
  0% {
    stroke-dasharray: 0 190;
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dasharray: 190 0;
    stroke-dashoffset: 0;
  }
}


.PcBanenr .PcBanenr_content_list2.swiper-slide-active .priontBox li svg .jdt2 {
  animation: jtd2 infinite 7.5s linear;
}

.PcBanenr .PcBanenr_content_list2.swiper-slide-active .banner_bn {
  opacity: .3;
  animation: mymove3 4.9s infinite;
  transition: all 0.5s ease 0s;
  -webkit-transform: all 0.5s ease 0s;
}


.indexBanner .indexBox .swiper-pagination {
  position: relative;
}

.indexBanner .indexBox .swiper-pagination .swiper-pagination-current::before {
  content: "0";
}

.indexBanner .indexBox .swiper-pagination .swiper-pagination-total::before {
  content: "0";
}

@media screen and (max-width:1600px) {
  .indexBanner .textBox li:before {
    left: -146.8vw;
    top: -70%;
  }

  .rightCb .rightCb1 .rightCbMenu .rightCbMenuBox .rightCbMenu2 {
    height: 400px;
    overflow: auto;
  }


  .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_img img {
    height: 820px;
  }

  .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dd {
    font-size: 22px;
  }

  .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dt {
    font-size: 38px;
  }

  .PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_p {
    font-size: 20px;
  }

  .index3 .index32 {
    font-size: 38px;
  }
}

@media screen and (max-width:1440px) {
  .menuDown .menuDownTop .linkBox1 {
    height: 26vw;
  }

  .pc_all .pc_all_content {
    max-width: 1200px;
    margin: 0 auto;
  }

  .Technology .Technology_content .Technology_content_list .content_list_icon {
    width: 35%;
  }

  .Technology .Technology_content .Technology_content_list .content_list_txt {
    font-size: 16px;
    width: 60%;
  }

  .Technology2 .Technology2_left {
    padding: 0px 40px;
  }

  .Technology2 .Technology2_right img {
    height: 620px;
    object-fit: cover;
  }

  .indexBanner .textBox li:before {
    left: -169.3vw;
    top: -70%;
  }

  .about2Img img {
    width: 100%;
    height: 340px;
    object-fit: cover;
  }



  .indexBanner .indexBox {
    right: 14vw;
  }

  .PcBanenr .PcBanenr_content .PcBanenr_content_arrow {
    right: 7vw;
  }

  .indexBanner .priontBox li:nth-child(1) {
    left: calc(100% * (1205 / 1920));
  }

  .indexBanner .priontBox li:nth-child(3) {
    left: calc(100% * (1202 / 1920));
  }
}

@media screen and (max-width:1440px) {
  .indexBanner .textBox li:before {
    left: -181.4vw;
    top: -96%;
  }

  .indexBanner .textBox li p.txt1 {
    font-size: 18px;
  }

  .indexBanner .textBox li p.txt2 {
    font-size: 46px;
  }

  .indexBanner .textBox li p.txt3 {
    font-size: 16px;
  }

  .indexBanner .textBox a {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
  }

  .index1 .index13 {
    font-size: 38px;
  }

  .index1 .index14 {
    font-size: 38px;
  }

  .index2Right .irBox .irBox1 {
    font-size: 21px;
  }

  .index2Right .irBox .irBox2 {
    font-size: 21px;
  }

  .index2Right .irBox .irBox4 .irBoxTitle {
    font-size: 26px;
  }

  .index2Left .yffwIndexXun.on .yixTitle {
    font-size: 16px;
  }

  .index2Left .yffwIndexXun .yixTitle {
    font-size: 14px;
  }

  .indexBanner .indexBox span:nth-child(1) {
    font-size: 21px;
  }

  .videoIcon .videoIcon1 {
    width: 40px;
  }

  .videoIcon .videoIcon2 .videoIcon21 {
    font-size: 15px;
  }

  .videoIcon .videoIcon2 .videoIcon22 {
    font-size: 13px;
  }

  .indexBanner .linkBox .linkBoxXun .linkBoxXun2 {
    font-size: 16px;
    line-height: 2em;
    margin-bottom: 0px;
  }

  .indexNews .indexNewsBox .inbXun .inbXun_a .inbXunTitle {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  .index4 .index4Dots li.on .dotsTitle {
    font-size: 20px;
  }

  .index4 .index4Text li .index4Text1 {
    font-size: 21px;
  }

  .indexBanner .linkBox .linkBoxXun {
    width: 145px;
  }


  .contentBot_page .contentBot_page_list a {
    max-width: 80%;
  }
}

@media screen and (max-width:1360px) {
  .indexBanner .textBox li:before {
    left: -182.4vw;
  }

  .menuBack {
    bottom: 25px;
  }

}

@media screen and (max-width:1280px) {
  .indexBanner .textBox li:before {
    left: -197.2vw;
    top: -62%;
  }
}


@media screen and (max-width:1200px) {
  .mo_banner {
    display: block;
  }

  .indexBanner {
    display: none;
  }

  .leftCb {
    display: none;
  }

  .rightCb .rightCb1 {
    display: none;
  }

  .rightCb .rightCb1:nth-child(2) {
    display: block;
  }

  .mo_height {
    height: 50px;
  }

  .mo_top {
    display: block;
  }

  .mo_top {
    height: 50px;
    overflow: hidden;
  }

  .navigation-is-open .mo_top {
    height: auto;
  }

  .pc_all .pc_all_content {
    width: 92%;
    margin: 0 auto;
  }


  .indexBanner, .indexBanner .bannerBox .imgBox li img {
    height: 235px !important;
  }

  .indexBanner .bannerBox {
    position: relative;
  }

  .indexBanner .indexBox {
    display: none;
  }

  .indexBanner .priontBox {
    display: none;
  }

  .indexBanner .linkBox {
    display: none;
  }

  .videoIcon {
    display: none;
  }

  .indexBanner .textBox li p {
    font-size: 20px !important;
  }
}
@media screen and (max-width:786px) {
  .indexBanner .banner_bn{ display:none;}
}