* {
  outline: 0 none !important;
}

html {
  width: 100%;
  font-size: 5.20833vw !important;
  scroll-behavior: initial;
  overflow-x: hidden
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}


body {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  position: relative;
  padding: 0;
  width: 100%;
  color: #000;
  font-family: 'hm', Microsoft YaHei, "Source Han Serif", "思源宋体", Arial, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.14rem;
  line-height: 1;
  background: #fff;
}

html.act {
  overflow: hidden;
  width: 100%;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix {
  /* overflow: hidden; */
}

a {
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
  /*color: #000;*/
}

textarea,
select {
  outline: none;
  width: 100%;
}

textarea {
  resize: none;
  padding: 0;
  border: 0;
}

img {
  border: none;
  max-width: 100%;
  display: block;
}

img[src=""] {
  opacity: 0;
}

i {
  font-style: normal;
}


/*去掉 input 默认边框*/
input {
  padding: 0;
  border: 0;
  outline: none;
}

input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

/* 分享 */
.social-share a {
  margin: 0;
}

.social-share .social-share-icon {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent !important;
}

.social-share .social-share-icon::before {
  display: none;
}

:root {
  /*--vi: #00A3FF;*/
  --vi: #D9281E;
  /* 慢快慢 */
  --ease: cubic-bezier(.4, 0, .2, 1);
  /* 匀速-慢   */
  --ease1: cubic-bezier(.39, .575, .565, 1);
  /* 快慢 */
  --ease2: cubic-bezier(.25, .74, .22, .99);
  /* 慢快 */
  --picEase: cubic-bezier(.76, 0, .24, 1);

  --card-size: 2.7rem;
  --card-size1: 220px;
  --card-depth: calc(var(--card-size) / 2);
  --card-gap: 12px;
  --card-radius: 5px;
  --accent-green: #D9281E;
  --rotation-duration: 1000ms;
}

@font-face {
  font-family: 'hm';
  src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'hm';
  src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'hm';
  src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'hm';
  src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}





::-webkit-scrollbar {
  width: 3px;
  background-color: #0000001a
}

::-webkit-scrollbar-thumb {
  border: solid 1px transparent;
  width: 3px;
  border-radius: 4px;
  background-color: var(--vi)
}

::-webkit-scrollbar-corner {
  background-color: transparent
}

::-webkit-scrollbar:horizontal {
  height: 9px;
  border-radius: 4px;
}

::-webkit-selection {
  background: transparent;
  color: transparent
}

::-moz-selection {
  background: transparent;
  color: transparent
}

::selection {
  background-color: #0151CE;
  color: #fff;
  -webkit-text-fill-color: #fff
}

.pd11 .con .right::-webkit-scrollbar {
  opacity: 0;
  width: 0;
}

/* 弹窗 */

.z_tanchuang {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 10;
}

.z_tanchuang .tbox {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {
  background: white;
  padding: 5px;
  display: block;
  border-radius: 5px;
  position: relative;
  width: 90%;
  max-width: 1200px;
  max-height: 90%;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .out {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff url(../img/out3.webp) center no-repeat;
  background-size: 20px;
  color: #000;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  top: 0;
  right: -50px;
  cursor: pointer;
  transition: all 0.5s var(--ease);
}

.z_tanchuang .tbox .modal .img {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .img video {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.z_tanchuang .tbox .modal .img img {
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .out:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.z_tanchuang .tbox .modal2 {
  padding: 20px;
}

.z_tanchuang .tbox .modal .img {
  max-width: 1200px;
}

/* 弹窗选中 */

.z_tanchuang.one {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scaleY(0.01) scaleX(0);
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one .tbox .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(0);
  -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(1);
  -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one.out .tbox .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* 弹窗动画 */

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(1) scaleX(1);
  }
}




.f-200 {
  font-size: 2rem
}

.f-160 {
  font-size: 1.6rem
}

.f-150 {
  font-size: 1.5rem
}

.f-140 {
  font-size: 1.4rem
}

.f-120 {
  font-size: 1.2rem
}

.f-100 {
  font-size: 1rem
}

.f-90 {
  font-size: .9rem
}

.f-80 {
  font-size: .8rem
}

.f-72 {
  font-size: .72rem
}

.f-70 {
  font-size: .7rem
}

.f-64 {
  font-size: .64rem
}

.f-62 {
  font-size: .62rem
}

.f-60 {
  font-size: .6rem
}

.f-58 {
  font-size: .58rem
}

.f-56 {
  font-size: .56rem
}

.f-54 {
  font-size: .54rem
}

.f-52 {
  font-size: .52rem
}

.f-50 {
  font-size: .5rem
}

.f-48 {
  font-size: .48rem
}

.f-46 {
  font-size: .46rem
}

.f-44 {
  font-size: .44rem
}

.f-42 {
  font-size: .42rem
}

.f-40 {
  font-size: .4rem
}

.f-38 {
  font-size: .38rem
}

.f-36 {
  font-size: .36rem
}

.f-34 {
  font-size: .34rem
}

.f-32 {
  font-size: .32rem
}

.f-30 {
  font-size: .3rem
}

.f-28 {
  font-size: .28rem
}

.f-26 {
  font-size: .26rem
}

.f-24 {
  font-size: .24rem
}

.f-22 {
  font-size: .22rem
}

.f-20 {
  font-size: .2rem
}

.f-18 {
  font-size: .18rem
}

.f-16 {
  font-size: .16rem
}

.f-14 {
  font-size: .14rem
}

.f-12 {
  font-size: .12rem
}

/* header */
/*.header{position: fixed;top: 0;left: 0;width: 100%;padding: 0 1rem;z-index: 999;transition: all 0.5s;border-bottom: 1px solid rgba(255, 255, 255, 0.30);background: rgba(255, 255, 255, 0.06);}*/
/*.header .con{width: 100%;display: flex;align-items: center;justify-content: space-between;}*/
/*.header .con .logo{display: block;width: 1rem;height: 0.56rem;}*/
/*.header .con .logo img{width: 100%;height: 100%;object-fit: contain;display: block;}*/
/*.header .con .h_right{display: flex;gap: 0.5rem;align-items: center;}*/
/*.header .con .h_right .nav{display: flex;gap: 0.5rem;}*/
/*.header .con .h_right .nav>li>a{padding: 0.36rem 0;color: #ffffff;font-weight: 500;transition: all 0.5s;text-transform: uppercase;}*/
/*.header .con .h_right .nav>li>a:hover{color: var(--vi)!important;}*/
/*.header .con .h_right .btns{display: flex;gap: 0.2rem;}*/
/*.header .con .h_right .btns a{display: block;width: 0.3rem;height: 0.3rem;font-weight: 500;}*/
/*.header .con .h_right .btns a img{width: 100%;height: 100%;object-fit: contain;}*/

/*.header img.img2{display: none;}*/

/*.header.on{background-color: #fff;}*/
/*.header.on img.img2{display: block;}*/
/*.header.on img.img1{display: none;}*/
/*.header.on .con .h_right .nav>li>a{color: #333;}*/
/*.header:hover{background-color: #fff;}*/
/*.header:hover img.img2{display: block;}*/
/*.header:hover img.img1{display: none;}*/
/*.header:hover .con .h_right .nav>li>a{color: #333;}*/
/*.header.ny{background-color: #fff;}*/
/*.header.ny img.img2{display: block;}*/
/*.header.ny img.img1{display: none;}*/
/*.header.ny .con .h_right .nav>li>a{color: #333;}*/

/*.header.ny1{background-color: transparent;}*/
/*.header.ny1 img.img2{display: block;}*/
/*.header.ny1 img.img1{display: none;}*/
/*.header.ny1 .con .h_right .nav>li>a{color: #333;}*/
/*.footer{padding: 0.57rem 1.66rem;background-color: #171E27;display: flex;justify-content: space-between;align-items: flex-start;}*/
/*.footer .f_left{width: 2.8rem;}*/
/*.footer .f_left .flogo{display: block;width: 100%;margin-bottom: 0.45rem;}*/
/*.footer .f_left .flogo img{width: 100%;display: block;}*/
/*.footer .f_left .fx{display: flex;gap: 0.13rem;}*/
/*.footer .f_left .fx a{display: block;width: 0.35rem;height: 0.35rem;background-color: #5F5F5F;border-radius: 50%;transition: all 0.5s;}*/
/*.footer .f_left .fx a:hover{background-color: #fff;}*/
/*.footer .f_left .fx a img{width: 100%;height: 100%;object-fit: contain;}*/
/*.footer .f_right{display: flex;gap: 0.17rem;}*/
/*.footer .f_right .list{display: flex;gap: 0.4rem;}*/
/*.footer .f_right .list .item{width: 1.88rem;}*/
/*.footer .f_right .list .item .h{color: #ffffff;font-weight: 500;line-height: 1.4;margin-bottom: 0.23rem;}*/
/*.footer .f_right .list .item li{margin-bottom: 0.09rem;}*/
/*.footer .f_right .list .item li:last-child{margin-bottom: 0;}*/
/*.footer .f_right .list .item li a{color: #ccc;font-weight: 400;line-height: 1.25;transition: all 0.5s;}*/
/*.footer .f_right .list .item li a:hover{color: #fff;}*/
/*.footer .f_right form{width:2.86rem ;}*/
/*.footer .f_right form .h{color: #ffffff;font-weight: 500;line-height: 1.4;margin-bottom: 0.23rem;}*/
/*.footer .f_right form input{width: 100%;background-color: transparent;border: 1px solid #3E4247;border-radius: 0.05rem;line-height: 0.32rem;color: #ffffff;font-weight: 400;margin-bottom: 0.17rem;}*/
/*.footer .f_right form input::placeholder{color: #3E4247;padding: 0 0.1rem;}*/
/*.footer .f_right form button{background-color: transparent;border: none;cursor: pointer;}*/

.mimg{display: none;}
.more{display: flex;align-items: center;gap: 0.16rem;color: #ffffff;text-transform: capitalize;font-weight: 500;}
.more img{width: 0.37rem;height: 0.37rem;}

.ipart1{position: relative;width: 100%;height: 100vh;}
.ipart1 .pic{width: 100%;height: 100%;object-fit: cover;}
.ipart1 .pic img{width: 100%;height: 100%;object-fit: cover;}
.ipart1 .info {
    position: absolute;
    z-index: 1;
    width: 14rem;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-48%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ipart1 .info .title {
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.ipart1 .info .btn {
    display: flex;
    align-items: center;
    gap: .2rem;
    border-radius: .99rem;
    padding: .1rem .4rem;
    color: #fff;
    background: #d02d2e;
    width: fit-content;
    margin: 2.5rem 0 0 0;
}

.ipart2{padding: 1.57rem 0.68rem 1px 0.68rem;background-color: #122333;}
.ipart2 .top{display: flex;justify-content: center;gap: 1.4rem;margin-bottom: 0.65rem;}
.ipart2 .top .item{width: 3.2rem;color: #fff;}
.ipart2 .top .item .p{font-weight: 400;line-height: 1.25;margin-bottom: 0.17rem;text-transform: uppercase;}
.ipart2 .top .item .solid{width: 100%;height: 1px;position: relative;background: rgba(255, 255, 255, 0.30);margin-bottom: 0.16rem;}
.ipart2 .top .item .solid::after{content: "";position: absolute;bottom: 0;left: 0;width: 1.13rem;height: 2px;background-color: var(--vi);}
.ipart2 .top .item .nums{display: flex;align-items: flex-end;font-weight: 500;}
.ipart2 .map{width: 100%;height: 30.2vw;position: relative;margin-bottom: 0.34rem;z-index: 5;}
.ipart2 .map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ipart2 .map .center{position: absolute;width: 0.12rem;height: 0.12rem;left: 46vw;top: 21vw;z-index: 2;}
.ipart2 .map .center::before{content: "";position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 100%;height: 100%;background: rgba(217, 40, 30, 0.8);border-radius: 50%;z-index: -1;animation: waveSinglex 5s infinite;}
.ipart2 .map .center .dian{width: 100%;height: 100%;background-color: var(--vi);border-radius: 50%;position: relative;}
.ipart2 .map .center .dian::after{content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border: 1px solid var(--vi);border-radius: 50%;animation: waveSingle 2.5s infinite;}
.ipart2 .map .center .dian::before{content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;border: 1px solid var(--vi);border-radius: 50%;animation: waveSingle 3.5s infinite;}
@keyframes waveSingle{
  0%{transform:translate(-50%,-50%) scale(1);opacity:0.8;}
  100%{transform:translate(-50%,-50%) scale(2.5);opacity:0;}
}
@keyframes waveSinglex{
  0%{transform:translate(-50%,-50%) scale(1);opacity:0.8;}
  100%{transform:translate(-50%,-50%) scale(15);opacity:0;}
}
.ipart2 .map .center .card{position: absolute;top: 0.08rem;left: 0.17rem;width: 3.62rem;border-radius: 0.12rem;overflow: hidden;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(25px);color: #ffffff;}
.ipart2 .map .center .card .pic{width: 100%;height: 2.78rem;border-radius: 0.12rem;overflow: hidden;}
.ipart2 .map .center .card .pic img{width: 100%;height: 100%;object-fit: cover;}
.ipart2 .map .center .card .h{padding: 0.28rem 0.26rem 0.4rem 0.26rem;display: flex;align-items: center;justify-content: space-between;font-weight: 400;text-transform: capitalize;}
.ipart2 .map .center .card .h img{width: 0.3rem;height: 0.3rem;margin: 0.02rem;}
.ipart2 .map .center .card .h span{display: block;width: calc(100% - 0.4rem);font-weight: 400;line-height: 0.34rem;}

.ipart2 .map .dianbox .card{position: absolute;top: 0.08rem;left: 0.17rem;width: 3.62rem;border-radius: 0.12rem;overflow: hidden;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(25px);color: #ffffff;opacity:0;pointer-events:none;z-index:2;}
.ipart2 .map .dianbox .dian:hover .card{opacity:1;pointer-events:auto;}
.ipart2 .map .dianbox .card .pic{width: 100%;height: 2.78rem;border-radius: 0.12rem;overflow: hidden;}
.ipart2 .map .dianbox .card .pic img{width: 100%;height: 100%;object-fit: cover;}
.ipart2 .map .dianbox .card .h{padding: 0.28rem 0.26rem 0.4rem 0.26rem;display: flex;align-items: center;justify-content: space-between;font-weight: 400;text-transform: capitalize;}
.ipart2 .map .dianbox .card .h img{width: 0.3rem;height: 0.3rem;margin: 0.02rem;}
.ipart2 .map .dianbox .card .h span{display: block;width: calc(100% - 0.4rem);font-weight: 400;line-height: 0.34rem;}

.ipart2 .map .dianbox{position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.ipart2 .map .dianbox .dian{position: absolute;width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color: var(--vi);cursor:pointer;}
.ipart2 .map .dianbox .dian::after{content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;
/*border: 1px solid var(--vi);*/border: 1px solid;
border-radius: 50%;animation: waveSingle 2.5s infinite;}
.ipart2 .map .dianbox .dian::before{content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;
/*border: 1px solid var(--vi);*/border: 1px solid;
border-radius: 50%;animation: waveSingle 3.5s infinite;}

.ipart2 .map .dianbox .dian.sty2{background-color: rgba(255, 119, 0, 0.63);}
.ipart2 .map .dianbox .dian.sty2::after{border-color: rgba(255, 119, 0, 0.63);}
.ipart2 .map .dianbox .dian.sty2::before{border-color: rgba(255, 119, 0, 0.63);}

.ipart2 .map .dianbox .dian.sty3{background-color: rgba(0, 102, 255, 0.63);}
.ipart2 .map .dianbox .dian.sty3::after{border-color: rgba(0, 102, 255, 0.63);}
.ipart2 .map .dianbox .dian.sty3::before{border-color: rgba(0, 102, 255, 0.63);}

.ipart2 .map .dianbox .dian.sty4{background-color: rgba(0, 208, 255, 0.63);}
.ipart2 .map .dianbox .dian.sty4::after{border-color: rgba(0, 208, 255, 0.63);}
.ipart2 .map .dianbox .dian.sty4::before{border-color: rgba(0, 208, 255, 0.63);}

.ipart2 .bottom{width: 100%;display: flex;justify-content: space-between;position: relative;z-index: 4;}
.ipart2 .bottom .txt{transform: translateY(-0.82rem);}
.ipart2 .bottom .txt .tit{color: #ffffff;font-weight: 600;line-height: 1.21;
/*margin-bottom: 0.36rem;*/
margin-bottom: .1rem;
    width: 8rem;
}
.ipart2 .bottom .txt .tit2 {
    color: #ffffff;font-weight: 400;line-height: 1.66;
    margin-bottom: 0.36rem;
    
    width: 8rem;
}
.ipart2 .bottom .list {
    margin-top: -2.5rem;
}
.ipart2 .bottom .list .item{margin-bottom: 0.26rem;display: flex;align-items: center;gap: 0;color: #ffffff78;font-weight: 400;line-height: 2;}
.ipart2 .bottom .list .item:last-child{margin-bottom: 0;}
.ipart2 .bottom .list .item img{width: 0.65rem;height: 0.5rem;}

.ipart3{
    /*padding: 1.6rem 0 1.1rem 0;*/
    padding: 1.6rem 0;
    background-color: #122333;}
.ipart3 .top{padding: 0 1rem;margin-bottom: 0.63rem;display: flex;justify-content: space-between;align-items: center;}
.ipart3 .top .tit{color: #ffffff;font-weight: 600;text-transform: capitalize;line-height: 1.2;}
.ipart3 .bottom{position: relative;overflow: hidden;padding:0 1rem;}
.ipart3 .bottom .swiper-slide{height: 3.5rem;border-radius: 0.2rem;overflow: hidden;position: relative;}
.ipart3 .bottom .swiper-slide::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2.26rem;background: linear-gradient(180deg, rgba(80, 58, 0, 0.00) 30.97%, rgba(54, 40, 0, 0.86) 100%);}
.ipart3 .bottom .swiper-slide .pic{width: 100%;height: 100%;overflow: hidden;}
.ipart3 .bottom .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.ipart3 .bottom .swiper-slide .h{position: absolute;left: 0;bottom: 0.44rem;padding: 0 0.2rem;color: #ffffff;font-weight: 500;line-height: 1.2;z-index: 2;width:100%;text-align:center;text-transform: uppercase;}

.ipart4{padding: 1.52rem 0 0 0;background-color: #122333;display:flex;padding:0 1rem;}
.ipart4 .top{padding: 0 0 0 0;margin-bottom: 0.33rem;flex:1;}
.ipart4 .top .tit{text-align: left; color: #fff;line-height: 1.2;margin-bottom: 0.6rem;font-weight:600;}
.ipart4 .top .tab{display: flex;gap: 0.7rem;justify-content: center;}
.ipart4 .top .tab li{display: block;padding-bottom: 0.26rem;position: relative;color: rgba(255,255,255,0.8);font-weight: 500;line-height: 1.22;transition: all 0.5s;cursor: pointer;}
.ipart4 .top .tab li::after{content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 0%;transition: all 0.5s;background-color: var(--vi);}
.ipart4 .top .tab li.on{color: var(--vi);font-weight: 600;}
.ipart4 .top .tab li.on::after{width: 100%;}
.ipart4 .bottom{position: relative;overflow: hidden;
/*margin: 0 1rem;*/
/*padding: 0 1rem;*/
    width: 100%;
}

.ipart4 .box {
    flex: 2;
    padding: 0 1rem;
    position: relative;
    overflow: hidden;
}

.ipart4 .bottom .swiper-slide{transform: scale(0.98);transition: all 0.5s;border-radius: 0.2rem;overflow: hidden;position: relative;}
.ipart4 .bottom .swiper-slide-active{transform: scale(1)}
.ipart4 .bottom .swiper-slide .pic{width: 100%;
/*height: 6rem;*/
height: 3.5rem;
overflow: hidden;position: relative;}
.ipart4 .bottom .swiper-slide .pic::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2.26rem;background: linear-gradient(180deg, rgba(80, 0, 0, 0.00) 30.97%, rgba(54, 0, 0, 0.86) 100%);}
.ipart4 .bottom .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ipart4 .bottom .swiper-slide:hover .pic img{transform: scale(1.05);}
.ipart4 .bottom .swiper-slide .h{position: absolute;left: 0;bottom: 0.36rem;width: 100%;padding: 0 0.78rem;color: #ffffff;font-weight: 500;z-index: 2;padding: 0 .2rem}
.ipart4  .prev,.ipart4  .next{position: absolute;width: 0.4rem;height: 0.4rem;z-index: 5;top:50%;transform: translateY(-50%);border-radius: 0.06rem;box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);cursor: pointer;background-color: #fff;}
.ipart4  .prev img,.ipart4 .next img{width: 100%;height: 100%;object-fit: contain;}
.ipart4  .prev{
    /*left: 3.84rem;*/
    left: 0;
    
}
.ipart4  .next{
    /*right: 3.84rem*/
    right: 0;
    
}

.ipart5{padding: 1.64rem 1rem 1.57rem 1rem;background-color: #122333;}
.ipart5 .tit{color: #fff;font-weight: 600;text-align: center;line-height: 1.2;margin-bottom: 0.6rem;}
.ipart5 .con{display: flex;gap: 0.36rem;}
.ipart5 .con .box,.ipart5 .con .list{width: calc(33.33% - 0.24rem);}
.ipart5 .con .box{border-radius: 0.12rem 0.12rem 0 0;overflow: hidden;background-color: #122333;box-shadow: 0 0 63.715px 0 rgba(0, 0, 0, 0.04);}
.ipart5 .con .box .pic{width: 100%;height: 3.3rem;overflow: hidden;position: relative;border-radius: 0.12rem 0.12rem 0 0;}
.ipart5 .con .box .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ipart5 .con .box .pic:hover img{transform: scale(1.05);}
.ipart5 .con .box .txt{padding: 0.39rem 0.39rem 0.5rem 0.39rem;}
.ipart5 .con .box .txt .day{color: rgba(255, 255, 255, 0.70);font-size: 0.18rem;font-weight: 400;line-height: 1.22;margin-bottom: 0.14rem;}
.ipart5 .con .box .txt .h{
    /*color: #464646;*/
    color: #fff;
    font-weight: 500;line-height: 1.5;height: 3em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.5s;margin-bottom: 0.2rem;}
.ipart5 .con .box:hover .txt .h{color: var(--vi);}
.ipart5 .con .box .txt .p{color: #666666;line-height: 1.87;height: 3.74em;font-weight: 200;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ipart5 .con .tip{position: absolute;top: 0;left: 0;width: fit-content;min-width: 1.01rem;text-align: center;background-color: var(--vi);color: #fff;font-weight: 200;line-height: 0.36rem;padding: 0 0.1rem;text-transform: capitalize;}
.ipart5 .con .list{position: relative;background-color: #122333;box-shadow: 0 0 63.715px 0 rgba(0, 0, 0, 0.04);border-radius: 0.12rem 0.12rem 0 0;overflow: hidden;padding: 0.68rem 0.45rem 0.36rem 0.45rem;}
.ipart5 .con .list .item{padding-bottom: 0.28rem;border-bottom: 1px solid #ECECEC;margin-bottom: 0.28rem;border-bottom: 1px solid #ECECEC;}
.ipart5 .con .list .item:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.ipart5 .con .list .item .h{
    /*color: #464646;*/
    color: #fff;
    line-height: 1.5;max-height: 3em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.13rem;font-weight: 500;transition: all 0.5s;}
.ipart5 .con .list .item:hover .h{color: var(--vi);}
.ipart5 .con .list .item .day{color: #999;line-height: 1.16;font-weight: 200;}
.ipart5 .more{margin: 0 auto;margin-top: 0.56rem;color: #fff;width: fit-content;}

.ab1,
.ab2,
.ab3,
.ab4,
.ab5,
.ab6,
.ab7,
.ab8 {
    position: relative;
}

.ab_con{background-color: #122333;}
.ab1{position: relative;width: 100%;
/*height: 12rem;*/height: 27vw;
    
}
.ab1 .pic{width: 100%;height: 100%;}
.ab1 .pic img{width: 100%;height: 100%;object-fit: cover;}
.ab1 .tit{position: absolute;
/*top: 2.3rem;*/

bottom: 3vw;
font-size: 52px;
top: 50%;
transform: translateY(-50%);
left: 8vw;width:fit-content;padding: 0 0;text-align: center;color: #fff;font-weight: 500;line-height: 1.22;
height: fit-content;
    
}
.ab1 .tit::after {content: '';position: absolute;top: -.1rem;left: 0;width: .48rem;background:#b4332c;height:2px;}

.ab2{
    padding: .6rem 1rem 0.3rem 1rem;
    
}
.ab2 .top{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 0.86rem;}
.ab2 .top .tit{color: #ffffff;font-weight: 500;width: calc(100% - 11rem);line-height: 1.2;}
.ab2 .top .t-right{width: 10.2rem;}
.ab2 .top .t-right .p{color: rgba(255, 255, 255, 0.80);font-weight: 200;line-height: 1.8;margin-bottom: 0.34rem;}
.ab2 .top .t-right .list{display: flex;flex-wrap: wrap;gap: 1rem;row-gap: 0.4rem;}
.ab2 .top .t-right .list .item{width: fit-content;}
.ab2 .top .t-right .list .item .nums{color: var(--vi);display: flex;gap: 0.12rem;align-items: flex-end;margin-bottom: 0.15rem;}
.ab2 .top .t-right .list .item .nums .num{font-weight: 600;line-height: 0.6rem;}
.ab2 .top .t-right .list .item .nums .dw{line-height: 2;}
.ab2 .top .t-right .list .item .p1{color: #fff;font-weight: 200;line-height: 1.2;}
.ab2 .map{width: 100%;height: 7.13rem;position: relative;}
.ab2 .map>img{width: 100%;height: 100%;object-fit: contain;}
.ab2 .map .list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ab2 .map .list .item{width: 0.18rem;height: 0.24rem;position: absolute;}
.ab2 .map .list .item .jt{position: relative;width: 100%;height: 100%;}
.ab2 .map .list .item .jt img{width: 100%;height: 100%;object-fit: contain;}
.ab2 .map .list .item .jt::after{content: "";position: absolute;bottom: -0.1rem;left: -0.12rem;width: 0.42rem;height: 0.18rem;background: url(../img/mapquan.webp);background-size: 100% 100%;animation: waveSinglexx 2.5s infinite;}
.ab2 .map .list .item .h{position: absolute;right: calc(100% + 0.16rem);top: 50%;transform: translateY(-50%);width: 3rem;padding: 0.06rem 0.19rem 0.06rem 0.11rem;border-radius: 0.04rem;background: rgba(115, 115, 115, 0.30);backdrop-filter: blur(23.799999237060547px);color: #ffffff;font-weight: 400;white-space: wrap;line-height: 1.2;--h-dy: 0px;}
.ab2 .map .list .item .h::after{content: "";position: absolute; left: calc(100% - 1px);top: 50%;transform: translateY(-50%);width: 0.05rem;height: 0.07rem;background: url(../img/qp.webp);background-size: 100% 100%;top: calc(50% - var(--h-dy, 0px));}
.ab2 .map .list .item .h p {margin: .1rem 0 0 0;}
.ab2 .bottom{width: 100%;transform: translateY(-1.3rem);display: flex;gap: 0.2rem;}
.ab2 .bottom .item{width: calc(20% - 0.16rem);border-radius: 0.12rem;background: rgba(212, 221, 221, 0.20);color: #fff;backdrop-filter: blur(3px);padding: 0.39rem 0;text-align: center;}
.ab2 .bottom .item .nums{display: flex;justify-content: center;gap: 0.08rem;align-items: flex-end;margin-bottom: 0.13rem;}
.ab2 .bottom .item .nums .dw{line-height: 1.5;}
.ab2 .bottom .item .p{color: #ffffff;opacity: 0.8;font-weight: 400;line-height: 1.2;text-transform: capitalize;}

.ab2 .map .list .item .dian{position: absolute;width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color: var(--vi);cursor:pointer;}
.ab2 .map .list .item .dian::after{content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;
/*border: 1px solid var(--vi);*/border: 1px solid;
border-radius: 50%;animation: waveSingle 2.5s infinite;}
.ab2 .map .list .item .dian::before{content: "";position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;
/*border: 1px solid var(--vi);*/border: 1px solid;
border-radius: 50%;animation: waveSingle 3.5s infinite;}

.ab2 .map .list .item .dian.sty2{background-color: rgba(255, 119, 0, 0.63);}
/*.ab2 .map .list .item .dian.sty2::after{border-color: rgba(255, 119, 0, 0.63);}*/
/*.ab2 .map .list .item .dian.sty2::before{border-color: rgba(255, 119, 0, 0.63);}*/



.ab3 {
    position: relative;
}
.ab3 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    
}

.ab3 .bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    object-fit: cover;transition: all .3s;
}

.ab3 .bg img.on {
    opacity: 1;
}
.ab3{background: no-repeat center;background-size: cover;padding: 1.6rem 0 0.72rem 0;z-index: 2;position: relative;}
.ab3::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 4.3rem;z-index: -1;background: linear-gradient(180deg, rgba(7, 25, 42, 0.80) 0%, rgba(7, 25, 42, 0.00) 100%);}
.ab3 .top{padding: 0 1rem;margin-bottom: 1rem;width: 100%;display: flex;justify-content: space-between;align-items: flex-start;position:relative;z-index:1;}
.ab3 .top .tit{width: 7.5rem;color: #fff;font-weight: 500;line-height: 1.45;text-transform: uppercase;}
.ab3 .top .p{color: #fff;font-weight: 200;line-height: 2;width: 8.6rem;opacity: 0.8;}
.ab3 .bottom{padding: 0.4rem 1rem 0 1rem;overflow:hidden;}
.ab3 .bottom .bottom1{margin-top: 0.8rem;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.ab3 .bottom .bottom1 .swiper-pagination{position: static;width: fit-content;}
.ab3 .bottom .bottom1 .swiper-pagination .swiper-pagination-bullet{width: 0.36rem;height: 0.03rem;background-color: #ffffff;opacity: 0.2;border-radius: 0;}
.ab3 .bottom .bottom1 .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.ab3 .bottom .bottom1 .btns{display: flex;gap: 0.12rem;}
.ab3 .bottom .bottom1 .btns>div{width: 0.53rem;height: 0.53rem;cursor: pointer;}
.ab3 .bottom .bottom1 .btns>div img{width: 100%;height: 100%;object-fit: contain;}
.ab3 .bottom .bottom1 .btns>div img.img2{display: none;}
.ab3 .bottom .bottom1 .btns>div:hover img.img2{display: block;}
.ab3 .bottom .bottom1 .btns>div:hover img.img1{display: none;}
.ab3 .bottom .swiper-slide{border-radius: 0.16rem;background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(100px);transition: all 0.5s;position: relative;overflow: hidden;
/*padding: 0.5rem 0.5rem 0.74rem 0.5rem;*/
padding: .2rem;
min-height: 3.6rem;color: #ffffff;}
.ab3 .bottom .swiper-slide .icon{width: 0.5rem;height: 0.5rem;object-fit: contain;margin-bottom: 0.3rem;}
.ab3 .bottom .swiper-slide .h{font-weight: 500;line-height: 1.35;text-transform: capitalize;margin-bottom: 0.2rem;}
.ab3 .bottom .swiper-slide .p{font-weight: 200;line-height: 1.87;text-transform: capitalize;opacity: 0.8;}
.ab3 .bottom .swiper-slide::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 0.05rem;background-color: var(--vi);transition: all 0.5s;}
.ab3 .bottom .swiper-slide:hover{transform: translateY(-0.4rem);}
.ab3 .bottom .swiper-slide:hover::after{width: 100%;}
.ab3 .bottom .swiper-slide.on{transform: translateY(-0.4rem);}
.ab3 .bottom .swiper-slide.on::after{width: 100%;}

.ab4{padding: 1.6rem 1rem;background-color: #122333;}
.ab4 .tit{color: #ffffff;text-align: center;font-weight: 500;line-height: 1.45;margin-bottom: 0.54rem;}
.ab4 .con{display: flex;justify-content: space-between;}
.ab4 .con .pics{position: relative;width: 9.16rem;min-height: 6.62rem;height: auto; border-radius: 0.16rem;overflow: hidden;}
.ab4 .con .pics .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}
.ab4 .con .pics .pic.on{opacity: 1;}
.ab4 .con .pics .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ab4 .con .txts{width: 7.85rem;}
.ab4 .con .txts .txt{width: 100%;margin-bottom: 0.17rem;border-radius: 0.16rem;background: rgba(255, 255, 255, 0.10);position: relative;color: #ffffff;padding: 0 0.6rem 0.22rem 0.4rem;}
.ab4 .con .txts .txt .jt{position: absolute;top: 0.41rem;right: 0.46rem;width: 0.08rem;height: 0.14rem;object-fit: contain;transition: all 0.5s;}
.ab4 .con .txts .txt.on .jt{transform: rotate(90deg);}
.ab4 .con .txts .txt:last-child{margin-bottom: 0;}
.ab4 .con .txts .txt .h{margin-bottom: 0.11rem;padding-top: 0.33rem;font-weight: 500;line-height: 1.25;}
.ab4 .con .txts .txt .p{line-height: 1.55;opacity: 0.6;font-weight: 500;display: none;}

.ab5{background: rgba(255, 255, 255, 0.07);padding: 1.4rem 0 0.8rem 0;}
.ab5 .top{padding: 0 1rem;text-align: center;margin-bottom: 0.4rem;color: #fff;}
.ab5 .top .tit{font-weight: 500;line-height: 1.45;text-transform: uppercase;margin-bottom: 0.4rem;}
.ab5 .top .p{width: 13.4rem;margin: 0 auto;line-height: 2;font-weight: 200;opacity: 0.8;}
.ab5 .bottom{position: relative;padding: 0 1rem;overflow: hidden;}
.ab5 .bottom .bottom1{margin-top: 0.4rem;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.ab5 .bottom .bottom1 .swiper-pagination{position: static;width: fit-content;}
.ab5 .bottom .bottom1 .swiper-pagination .swiper-pagination-bullet{width: 0.36rem;height: 0.03rem;background-color: #ffffff;opacity: 0.2;border-radius: 0;}
.ab5 .bottom .bottom1 .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.ab5 .bottom .bottom1 .btns{display: flex;gap: 0.12rem;}
.ab5 .bottom .bottom1 .btns>div{width: 0.53rem;height: 0.53rem;cursor: pointer;}
.ab5 .bottom .bottom1 .btns>div img{width: 100%;height: 100%;object-fit: contain;}
.ab5 .bottom .bottom1 .btns>div img.img2{display: none;}
.ab5 .bottom .bottom1 .btns>div:hover img.img2{display: block;}
.ab5 .bottom .bottom1 .btns>div:hover img.img1{display: none;}
.ab5 .bottom .swiper-slide{display: flex;border-radius: 0.2rem;background: rgba(255, 255, 255, 0.10);padding: 0.3rem;justify-content: space-between;align-items: flex-start;height: auto;}
.ab5 .bottom .swiper-slide .txt{width: 3.4rem;color: #fff;}
.ab5 .bottom .swiper-slide .txt .tip{padding: 0.04rem 0.2rem;font-weight: 200;border-radius: 0.2rem;border: 1px solid rgba(255, 255, 255, 0.30);width: fit-content;margin-bottom: 0.24rem;}
.ab5 .bottom .swiper-slide .txt .h{margin-bottom: 0.45rem;line-height: 1.25;font-weight: 500;}
.ab5 .bottom .swiper-slide .txt .icon{width: 0.4rem;height: 0.4rem;object-fit: contain;margin-bottom: 0.24rem;}
.ab5 .bottom .swiper-slide .txt .p{font-weight: 400;line-height: 1.25;margin-bottom: 0.11rem;}
.ab5 .bottom .swiper-slide .txt .p1{font-weight: 200;line-height: 1.66;
/*height: 3.32em;*/
/*text-overflow: -o-ellipsis-lastline;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*display: -webkit-box;*/
/*-webkit-line-clamp: 2;*/
/*-webkit-box-orient: vertical;*/
height: auto;
    
}
.ab5 .bottom .swiper-slide .pic{width: 5.2rem;
/*height: 4rem;*/
height: 100%;
border-radius: 0.16rem;overflow: hidden;}
.ab5 .bottom .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ab5 .bottom .swiper-slide .pic:hover img{transform: scale(1.05);}

.ab6{
    /*padding: 1.6rem 1rem 0 1rem;*/
    padding: 0 1rem 0 1rem;
    
}
.ab6 .top{padding: 0 1rem;text-align: center;margin-bottom: 0.8rem;color: #fff;}
.ab6 .top .tit{font-weight: 500;line-height: 1.45;text-transform: uppercase;margin-bottom: 0.4rem;}
.ab6 .top .p{width: 13.4rem;margin: 0 auto;line-height: 2;font-weight: 200;opacity: 0.8;}
.ab6 .bottom{width: 100%;display: flex;gap: 0.13rem;}
.ab6 .bottom .item{width: 2.3rem;position: relative;border-radius: 0.16rem;overflow: hidden;background: rgba(255, 255, 255, 0.10);height: 4.82rem;padding: 0.3rem;transition: all 0.5s;}
.ab6 .bottom .item.on{width: 9.9rem;}
.ab6 .bottom .item .pic{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 9.9rem;height: 100%;transition: all 0.5s;opacity: 0;z-index: 2;}
.ab6 .bottom .item.on .pic{opacity: 1;}
.ab6 .bottom .item .pic::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1.43rem;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);}
.ab6 .bottom .item .pic img{width: 100%;height: 100%;object-fit: cover;}
.ab6 .bottom .item .num{color: #fff;font-weight: 500;text-transform: uppercase;line-height: 1.21;}
.ab6 .bottom .item .txt2{position: absolute;left: 0;bottom: 0.3rem;width: 100%;padding: 0 0.3rem;color: #fff;font-weight: 400;line-height: 1.2;text-transform: capitalize;}
.ab6 .bottom .item .txt1{position: absolute;z-index: 3;left: 0.5rem;bottom: 0.4rem;width: 8.9rem;display: flex;align-items: flex-start;gap: 0.16rem;opacity: 0;transition: all 0.5s;}
.ab6 .bottom .item.on .txt1{opacity: 1;}
.ab6 .bottom .item .txt1 img{width: 0.28rem;height: 0.28rem;margin-top: 0.03rem;object-fit: contain;display:none;}
.ab6 .bottom .item .txt1 .txt1_1{width: calc(100% - 0.44rem);color: #fff;}
.ab6 .bottom .item .txt1 .txt1_1 .h{font-weight: 500;text-transform: uppercase;line-height: 1.21;margin-bottom: 0.11rem;}
.ab6 .bottom .item .txt1 .txt1_1 .p{font-weight: 400;line-height: 1.22;}

.ab7{padding: 1.6rem 0 1.4rem 0;}
.ab7 .tit{padding-left: 1rem;color: #fff;font-weight: 500;line-height: 1.2;margin-bottom: 1.17rem;}
.ab7 .center{position: relative;overflow: hidden;padding: 0 0.7rem;}
.ab7 .center .btns{position: absolute;
/*bottom: 0.22rem;*/
bottom: unset;
/*top: 88%;*/
top: 66%;
left: 50%;transform: translateX(-50%);width: 8.8rem;}
.ab7 .center .swiper-slide{transition: all 0.5s;opacity: 0;text-align: center;}
.ab7 .center .swiper-slide .pic{
    transform: scale(0.8);transition: all 0.5s;
    
}
.ab7 .center .swiper-slide-prev,.ab7 .center .swiper-slide-next{opacity: 0.4;}
.ab7 .center .swiper-slide-active{transform: scale(1);opacity: 1;}
.ab7 .center .swiper-slide-active .pic{transform: scale(1);}
.ab7 .center .swiper-slide .pic{width: 100%;
/*height: 4rem;*/
height: 3rem;
border-radius: 0.12rem;overflow: hidden;margin-bottom: 0.4rem;}
.ab7 .center .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.ab7 .center .swiper-slide .h{color: #fff;font-weight: 500;line-height: 1.25;margin-bottom: 0.38rem;}
.ab7 .center .swiper-slide .p{
    /*width: 3.92rem;*/
    width: 8.92rem;
    
    margin: 0 auto;font-weight: 200;line-height: 1.45;
    /*height: 4.35em;*/
    /*height: auto;*/
    overflow-y: auto;
    margin-left: 50%;
    transform: translateX(-50%);
    /*text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;*/
    backdrop-filter: blur(25px);color: #fff;opacity: 0;transition: all 0.5s;}
.ab7 .center .swiper-slide-active .p{opacity: 1;}
.ab7 .center .btns{position: absolute;left: 50%;bottom: 0.22rem;transform: translateX(-50%);width: 12.8rem;pointer-events: none;display: flex;justify-content: space-between;z-index: 5;}
.ab7 .center .btns>div{pointer-events: all;cursor: pointer;width: 0.53rem;height: 0.53rem;cursor: pointer;}
.ab7 .center .btns>div img{width: 100%;height: 100%;object-fit: contain;}
.ab7 .center .btns>div img.img2{display: none;}
.ab7 .center .btns>div:hover img.img2{display: block;}
.ab7 .center .btns>div:hover img.img1{display: none;}
.ab7 .bottom{position: relative;overflow: hidden;margin-top: 0.82rem;}
.ab7 .bottom .swiper-wrapper{position: relative;}
.ab7 .bottom .swiper-wrapper::after{content: "";
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%;
    height: 0.66rem;
    background: url(../img/ab6_solid.webp);
    background-position-x: -3.7rem;
    background-size: auto 100%;}
.ab7 .bottom .swiper-slide{text-align: center;color:  rgba(255, 255, 255, 0.50);font-weight: 200;line-height: 1.2;transition: all 0.5s;}
.ab7 .bottom .swiper-slide:nth-child(2n-1){margin-top: 0.62rem;}
.ab7 .bottom .swiper-slide-active{color: var(--vi);}
.ab7 .bottom .swiper-slide .jt{width: 0.65rem;height: 0.65rem;margin: 0 auto;}
.ab7 .bottom .swiper-slide .jt img{width: 100%;height: 100%;object-fit: contain;}
.ab7 .bottom .swiper-slide .jt img.img2{display: none;}
.ab7 .bottom .swiper-slide-active .jt img.img2{display: block;}
.ab7 .bottom .swiper-slide-active .jt img.img1{display: none;}

.ab8{padding: 1.4rem 0 0.8rem 0;background: rgba(255, 255, 255, 0.07);}
.ab8 .tit{text-align: center;color: #fff;font-weight: 500;line-height: 1.45;text-transform: uppercase;margin-bottom:0.8rem;}
.ab8 .bottom{position: relative;padding: 0 1rem;overflow: hidden;}
.ab8 .bottom .bottom1{margin-top: 0.8rem;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.ab8 .bottom .bottom1 .swiper-pagination{position: static;width: fit-content;}
.ab8 .bottom .bottom1 .swiper-pagination .swiper-pagination-bullet{width: 0.36rem;height: 0.03rem;background-color: #ffffff;opacity: 0.2;border-radius: 0;}
.ab8 .bottom .bottom1 .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.ab8 .bottom .bottom1 .btns{display: flex;gap: 0.12rem;}
.ab8 .bottom .bottom1 .btns>div{width: 0.53rem;height: 0.53rem;cursor: pointer;}
.ab8 .bottom .bottom1 .btns>div img{width: 100%;height: 100%;object-fit: contain;}
.ab8 .bottom .bottom1 .btns>div img.img2{display: none;}
.ab8 .bottom .bottom1 .btns>div:hover img.img2{display: block;}
.ab8 .bottom .bottom1 .btns>div:hover img.img1{display: none;}
.ab8 .bottom .swiper-slide{background-color: rgba(255, 255, 255, 0.08);backdrop-filter: blur(20px);padding: 0.4rem 0.4rem 0.4rem 0.5rem;display: flex;justify-content: space-between;align-items: flex-start;border-radius: 0.1rem;}
.ab8 .bottom .swiper-slide .pics{width: 3rem;height: 3.9rem;padding: 0.24rem 0.29rem;background: url(../img/ab8_bj.webp)no-repeat center;background-size: 100% 100%;}
.ab8 .bottom .swiper-slide .pics .pic{width: 100%;height: 100%;overflow: hidden;}
.ab8 .bottom .swiper-slide .pics .pic img{width: 100%;height: 100%;object-fit: cover;}
.ab8 .bottom .swiper-slide .txt{width: 5.2rem;color: #fff;}
.ab8 .bottom .swiper-slide .txt .num{padding-left: 0.31rem;position: relative;font-weight: 400;line-height: 1.66;text-transform: capitalize;color: rgba(255,255,255,0.6);transition: all 0.5s;margin-bottom: 0.4rem;}
.ab8 .bottom .swiper-slide:hover .txt .num{color: #fff;}
.ab8 .bottom .swiper-slide .txt .num::before{content:"";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.16rem;height: 0.16rem;border: 1px solid rgba(255,255,255,0.6);border-radius: 50%;}
.ab8 .bottom .swiper-slide .txt .num::after{content: "";position: absolute;top: 50%;left: 0.05rem;transform: translateY(-50%);width: 0.06rem;height: 0.06rem;border-radius: 50%;background-color: rgba(255,255,255,0.6);transition: all 0.5s;}
.ab8 .bottom .swiper-slide:hover .txt .num::after{background-color: var(--vi);}
.ab8 .bottom .swiper-slide .h{color: #fff;font-weight: 500;line-height: 1.66;height: 6.64em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 0.56rem;opacity: 0.6;transition: all 0.5s;}
.ab8 .bottom .swiper-slide:hover .h{opacity: 1;}
.ab8 .bottom .swiper-slide .mor{display: flex;align-items: center;gap: 0.12rem;color: #fff;font-weight: 400;line-height: 1.66;opacity: 0.6;}
.ab8 .bottom .swiper-slide:hover .mor{color: var(--vi);opacity: 1;}
.ab8 .bottom .swiper-slide .mor img{width: 0.34rem;height: 0.34rem;filter: invert(1) brightness(100) !important;}
.ab8 .bottom .swiper-slide:hover .mor img{filter: none !important;}

.support2 {position: relative;background:#181d23;}
.support2 .banner {position: relative;height: 27vw;width: 100%;}
.support2 .banner .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index:0;}
.support2 .banner .bg img{width:100%;height:100%;object-fit: cover;}
.support2 .banner .tit {position: absolute;left:8vw;top: 50%;transform: translateY(-50%);color: #fff;line-height:1.25;text-transform: uppercase;font-size:52px;font-weight: 500;}
.support2 .banner .tit::after {content: '';position: absolute;top: -.1rem;left: 0;width: .48rem;background:#b4332c;height:2px;}

.support2 .cremb {position:relative;padding: .3rem 1rem;background: #212020;display:flex;align-items: center;}
.support2 .cremb a {color:#6c757d;position: relative;}
.support2 .cremb a:not(:first-child) {padding:0 3px 0 15px}
.support2 .cremb a:not(:first-child)::before { content: '>';position: absolute;left: 3px;color: #999;}
.support2 .cremb::after {position:absolute;content: '';bottom: 0;left:1rem;right: 1rem;height: 1px;background:#292e34;}
.support2 .main {position: relative;padding: 1rem;}
.support2 .main .warranty {display: flex;align-items:center;justify-content: space-between;gap: 1rem;}
.support2 .main .warranty .left{display: flex;gap: .3rem;align-items:center;}
.support2 .main .warranty .left img {width: .3rem;height:.3rem;object-fit:contain;opacity: .8;}
.support2 .main .warranty .left .tit {color:#fff;font-weight:500;line-height:1.25;width: 5rem;}
.support2 .main .warranty .right p{font-weight: 400;color:rgba(255,255,255,.8);line-height: 1.8;}
.support2 .main .boxs {display:flex;margin-top:.5rem;}
.support2 .main .boxs .box {position:relative;flex:1;border: 1px solid #3e474e;border-left: none;padding:.7rem .4rem .4rem;background:#202930;}
.support2 .main .boxs .box:first-child {border-left: none;}
.support2 .main .boxs .box:last-child {border-right: none;}
.support2 .main .boxs .box img {position:absolute;right:.4rem;top:.5rem;width:.3rem;}
.support2 .main .boxs .box .tag {color:#fff;font-weight:400;margin-bottom: .1rem;position: absolute;top: .4rem;left: .3rem;}
.support2 .main .boxs .box .num {display:flex;gap: .1rem;align-items:end;color:rgba(255,255,255,.8);margin-bottom:.3rem;}
.support2 .main .boxs .box .num span {font-weight: bold;color: #fff;}
.support2 .main .boxs .box .txt {color: #fff;line-height: 1.5;}

.support2 .main .policy {display:flex;gap:.4rem;margin-top:.6rem;padding-top:.4rem;}
.support2 .main .policy .policy-left {flex:1;display:flex;flex-direction:column;gap:.2rem;}
.support2 .main .policy .policy-left .tit {color:#fff;font-weight:500;line-height:1.4;position:relative;}
.support2 .main .policy .policy-left .tit::after {content: '';position: absolute;top: -.1rem;left: 0;width: .43rem;background:#b4332c;height:2px;}
.support2 .main .policy .policy-left .img-box {width:100%;border-radius:.08rem;overflow:hidden;}
.support2 .main .policy .policy-left .img-box img {width:100%;height:auto;object-fit:cover;display:block;}
.support2 .main .policy .policy-right {flex:1.3;display:flex;flex-direction:column;}
.support2 .main .policy .policy-right .item {display:flex;align-items:flex-start;gap:.15rem;padding:.25rem .25rem .25rem 0;border-bottom:1px solid #292e34;}
.support2 .main .policy .policy-right .item:first-child {border-top:1px solid #373c42;}
.support2 .main .policy .policy-right .item .num {color:#b4332c;font-weight:400;flex-shrink:0;line-height:1.2;}
.support2 .main .policy .policy-right .item .txt {color:rgba(255,255,255,.8);line-height:1.8;flex:1;}
.support2 .main .policy .policy-right .item .icon {flex-shrink:0;width:.3rem;height:.3rem;opacity:.6;display:flex;align-items:center;justify-content:center;margin-top:.04rem;}
.support2 .main .policy .policy-right .item .icon img {width:100%;height:100%;object-fit:contain;}
.support2 .main .footer-note {color:#6c757d;margin-top:.4rem;padding-top:.3rem;border-top:1px solid #373c42;line-height:1.5;font-style: italic;}
@media (max-width:768px){.support2 .main .policy{flex-direction:column;}.support2 .main .policy .policy-right{flex:1;}}

@keyframes waveSinglexx{
  0%{transform: scale(0);opacity:1;}
  100%{transform: scale(2.5);opacity:0;}
}


/* 横屏 */
@media screen and (orientation: landscape) {}

/* 竖屏 */
@media screen and (orientation: portrait) {
  html {
    font-size: 55px !important
  }

  
}

@media screen and (max-width: 668px) {}